:root {
    --color-primary-50: 240 253 244;
    --color-primary-100: 220 252 231;
    --color-primary-200: 187 247 208;
    --color-primary-300: 134 239 172;
    --color-primary-400: 74 222 128;
    --color-primary-500: 34 197 94;
    --color-primary-600: 22 163 74;
    --color-primary-700: 21 128 61;
    --color-primary-800: 22 101 52;
    --color-primary-900: 20 83 45;
    --color-primary-950: 5 46 22;
    --color-primary-DEFAULT: var(--color-primary-500);

    --color-gray-50: 249 250 251;
    --color-gray-100: 243 244 246;
    --color-gray-200: 229 231 235;
    --color-gray-300: 209 213 219;
    --color-gray-400: 156 163 175;
    --color-gray-500: 107 114 128;
    --color-gray-600: 75 85 99;
    --color-gray-700: 55 65 81;
    --color-gray-800: 31 41 55;
    --color-gray-900: 17 24 39;
    --color-gray-950: 3 7 18;
}

.dark {
    --color-primary-DEFAULT: var(--color-primary-400);
}
body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f5f5f5;
        }
        .open-popup-btn {
            background-color: #25D366;
            color: white;
            border: none;
            padding: 15px 25px;
            border-radius: 5px;
            font-size: 18px;
            cursor: pointer;
            margin: 20px auto;
            display: block;
        }
        .open-popup-btn:hover {
            background-color: #128C7E;
        }
        .popup-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }
        .popup-container {
            background-color: white;
            border-radius: 10px;
            width: 90%;
            max-width: 400px;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
            position: relative;
        }
        .form-title {
            text-align: center;
            color: #333;
            margin-bottom: 20px;
        }
        .form-group {
            margin-bottom: 15px;
        }
        label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
            color: #555;
        }
        input, select {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 16px;
            box-sizing: border-box;
        }
        .submit-btn {
            background-color: #25D366;
            color: white;
            border: none;
            padding: 12px;
            width: 100%;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
            margin-top: 10px;
        }
        .submit-btn:hover {
            background-color: #128C7E;
        }
        .close-btn {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 24px;
            cursor: pointer;
            color: #777;
        }
/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/
      *,
      :after,
      :before {
        border-color: rgb(var(--color-gray-200) / 1);
        border-style: solid;
        border-width: 0;
        box-sizing: border-box;
      }
      :after,
      :before {
        --tw-content: "";
      }
      :host,
      html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        font-family:
          ui-sans-serif,
          system-ui,
          sans-serif,
          Apple Color Emoji,
          Segoe UI Emoji,
          Segoe UI Symbol,
          Noto Color Emoji;
        font-feature-settings: normal;
        font-variation-settings: normal;
        tab-size: 4;
        -webkit-tap-highlight-color: transparent;
      }
      body {
        line-height: inherit;
        margin: 0;
      }
      hr {
        border-top-width: 1px;
        color: inherit;
        height: 0;
      }
      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,
      pre,
      samp {
        font-family:
          ui-monospace,
          SFMono-Regular,
          Menlo,
          Monaco,
          Consolas,
          Liberation Mono,
          Courier New,
          monospace;
        font-feature-settings: normal;
        font-size: 1em;
        font-variation-settings: normal;
      }
      small {
        font-size: 80%;
      }
      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: initial;
      }
      sub {
        bottom: -0.25em;
      }
      sup {
        top: -0.5em;
      }
      table {
        border-collapse: collapse;
        border-color: inherit;
        text-indent: 0;
      }
      button,
      input,
      optgroup,
      select,
      textarea {
        color: inherit;
        font-family: inherit;
        font-feature-settings: inherit;
        font-size: 100%;
        font-variation-settings: inherit;
        font-weight: inherit;
        letter-spacing: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0;
      }
      button,
      select {
        text-transform: none;
      }
      button,
      input:where([type="button"]),
      input:where([type="reset"]),
      input:where([type="submit"]) {
        -webkit-appearance: button;
        background-color: initial;
        background-image: none;
      }
      :-moz-focusring {
        outline: auto;
      }
      :-moz-ui-invalid {
        box-shadow: none;
      }
      progress {
        vertical-align: initial;
      }
      ::-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,
      dd,
      dl,
      figure,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      hr,
      p,
      pre {
        margin: 0;
      }
      fieldset {
        margin: 0;
      }
      fieldset,
      legend {
        padding: 0;
      }
      menu,
      ol,
      ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }
      dialog {
        padding: 0;
      }
      textarea {
        resize: vertical;
      }
      input::placeholder,
      textarea::placeholder {
        color: rgb(var(--color-gray-400) / 1);
        opacity: 1;
      }
      [role="button"],
      button {
        cursor: pointer;
      }
      :disabled {
        cursor: default;
      }
      audio,
      canvas,
      embed,
      iframe,
      img,
      object,
      svg,
      video {
        display: block;
        vertical-align: middle;
      }
      img,
      video {
        height: auto;
        max-width: 100%;
      }
      [hidden] {
        display: none;
      }
      *,
      ::backdrop,
      :after,
      :before {
        --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: #3b82f680;
        --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: ;
        --tw-contain-size: ;
        --tw-contain-layout: ;
        --tw-contain-paint: ;
        --tw-contain-style: ;
      }
      .container {
        width: 100%;
      }
      @media (min-width: 640px) {
        .container {
          max-width: 640px;
        }
      }
      @media (min-width: 768px) {
        .container {
          max-width: 768px;
        }
      }
      @media (min-width: 1024px) {
        .container {
          max-width: 1024px;
        }
      }
      @media (min-width: 1280px) {
        .container {
          max-width: 1280px;
        }
      }
      @media (min-width: 1536px) {
        .container {
          max-width: 1536px;
        }
      }
      .form-input,
      .form-multiselect,
      .form-select,
      .form-textarea {
        appearance: none;
        background-color: #fff;
        border-color: rgb(var(--color-gray-500) / var(--tw-border-opacity, 1));
        border-radius: 0;
        border-width: 1px;
        font-size: 1rem;
        line-height: 1.5rem;
        padding: 0.5rem 0.75rem;
        --tw-shadow: 0 0 #0000;
      }
      .form-input:focus,
      .form-multiselect:focus,
      .form-select:focus,
      .form-textarea:focus {
        outline: 2px solid #0000;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        border-color: #2563eb;
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
          var(--tw-shadow);
      }
      .form-input::placeholder,
      .form-textarea::placeholder {
        color: rgb(var(--color-gray-500) / var(--tw-text-opacity, 1));
        opacity: 1;
      }
      .form-input::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
      }
      .form-input::-webkit-date-and-time-value {
        min-height: 1.5em;
        text-align: inherit;
      }
      .form-input::-webkit-datetime-edit {
        display: inline-flex;
      }
      .form-input::-webkit-datetime-edit,
      .form-input::-webkit-datetime-edit-day-field,
      .form-input::-webkit-datetime-edit-hour-field,
      .form-input::-webkit-datetime-edit-meridiem-field,
      .form-input::-webkit-datetime-edit-millisecond-field,
      .form-input::-webkit-datetime-edit-minute-field,
      .form-input::-webkit-datetime-edit-month-field,
      .form-input::-webkit-datetime-edit-second-field,
      .form-input::-webkit-datetime-edit-year-field {
        padding-bottom: 0;
        padding-top: 0;
      }
      .form-select {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='rgb(var(--color-gray-500) / var(--tw-stroke-opacity, 1))' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
        background-position: right 0.5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
      }
      .form-select:where([size]:not([size="1"])) {
        background-image: none;
        background-position: 0 0;
        background-repeat: unset;
        background-size: initial;
        padding-right: 0.75rem;
        -webkit-print-color-adjust: unset;
        print-color-adjust: unset;
      }
      .form-checkbox,
      .form-radio {
        appearance: none;
        background-color: #fff;
        background-origin: border-box;
        border-color: rgb(var(--color-gray-500) / var(--tw-border-opacity, 1));
        border-width: 1px;
        color: #2563eb;
        display: inline-block;
        flex-shrink: 0;
        height: 1rem;
        padding: 0;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        -webkit-user-select: none;
        user-select: none;
        vertical-align: middle;
        width: 1rem;
        --tw-shadow: 0 0 #0000;
      }
      .form-checkbox {
        border-radius: 0;
      }
      .form-radio {
        border-radius: 100%;
      }
      .form-checkbox:focus,
      .form-radio:focus {
        outline: 2px solid #0000;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --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);
      }
      .form-checkbox:checked,
      .form-radio:checked {
        background-color: currentColor;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #0000;
      }
      .form-checkbox:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E");
      }
      @media (forced-colors: active) {
        .form-checkbox:checked {
          appearance: auto;
        }
      }
      .form-radio:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");
      }
      @media (forced-colors: active) {
        .form-radio:checked {
          appearance: auto;
        }
      }
      .form-checkbox:checked:focus,
      .form-checkbox:checked:hover,
      .form-checkbox:indeterminate,
      .form-radio:checked:focus,
      .form-radio:checked:hover {
        background-color: currentColor;
        border-color: #0000;
      }
      .form-checkbox:indeterminate {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
      }
      @media (forced-colors: active) {
        .form-checkbox:indeterminate {
          appearance: auto;
        }
      }
      .form-checkbox:indeterminate:focus,
      .form-checkbox:indeterminate:hover {
        background-color: currentColor;
        border-color: #0000;
      }
      .i-heroicons-arrow-path-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M15.312 11.424a5.5 5.5 0 0 1-9.201 2.466l-.312-.311h2.433a.75.75 0 0 0 0-1.5H3.989a.75.75 0 0 0-.75.75v4.242a.75.75 0 0 0 1.5 0v-2.43l.31.31a7 7 0 0 0 11.712-3.138.75.75 0 0 0-1.449-.39m1.23-3.723a.75.75 0 0 0 .219-.53V2.929a.75.75 0 0 0-1.5 0V5.36l-.31-.31A7 7 0 0 0 3.239 8.188a.75.75 0 1 0 1.448.389A5.5 5.5 0 0 1 13.89 6.11l.311.31h-2.432a.75.75 0 0 0 0 1.5h4.243a.75.75 0 0 0 .53-.219' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-arrow-path-20-solid,
      .i-heroicons-arrows-up-down-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-arrows-up-down-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2.24 6.8a.75.75 0 0 0 1.06-.04l1.95-2.1v8.59a.75.75 0 0 0 1.5 0V4.66l1.95 2.1a.75.75 0 1 0 1.1-1.02l-3.25-3.5a.75.75 0 0 0-1.1 0L2.2 5.74a.75.75 0 0 0 .04 1.06m8 6.4a.75.75 0 0 0-.04 1.06l3.25 3.5a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02l-1.95 2.1V6.75a.75.75 0 0 0-1.5 0v8.59l-1.95-2.1a.75.75 0 0 0-1.06-.04' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-bars-arrow-down-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2 3.75A.75.75 0 0 1 2.75 3h11.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75M2 7.5a.75.75 0 0 1 .75-.75h7.508a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.5M14 7a.75.75 0 0 1 .75.75v6.59l1.95-2.1a.75.75 0 1 1 1.1 1.02l-3.25 3.5a.75.75 0 0 1-1.1 0l-3.25-3.5a.75.75 0 1 1 1.1-1.02l1.95 2.1V7.75A.75.75 0 0 1 14 7M2 11.25a.75.75 0 0 1 .75-.75h4.562a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-bars-arrow-down-20-solid,
      .i-heroicons-bars-arrow-up-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-bars-arrow-up-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2 3.75A.75.75 0 0 1 2.75 3h11.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75M2 7.5a.75.75 0 0 1 .75-.75h6.365a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.5M14 7a.75.75 0 0 1 .55.24l3.25 3.5a.75.75 0 1 1-1.1 1.02l-1.95-2.1v6.59a.75.75 0 0 1-1.5 0V9.66l-1.95 2.1a.75.75 0 1 1-1.1-1.02l3.25-3.5A.75.75 0 0 1 14 7M2 11.25a.75.75 0 0 1 .75-.75H7A.75.75 0 0 1 7 12H2.75a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-check-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M16.705 4.153a.75.75 0 0 1 .142 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-check-20-solid,
      .i-heroicons-chevron-double-left-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-chevron-double-left-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M4.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L6.31 10l3.72-3.72a.75.75 0 1 0-1.06-1.06zm9.25-4.25L9.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L11.31 10l3.72-3.72a.75.75 0 0 0-1.06-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-chevron-double-right-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M15.28 9.47a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 1 1-1.06-1.06L13.69 10 9.97 6.28a.75.75 0 0 1 1.06-1.06zM6.03 5.22l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L8.69 10 4.97 6.28a.75.75 0 0 1 1.06-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-chevron-double-right-20-solid,
      .i-heroicons-chevron-down-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-chevron-down-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-chevron-left-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-chevron-left-20-solid,
      .i-heroicons-chevron-right-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-chevron-right-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-circle-stack-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M10 1c3.866 0 7 1.79 7 4s-3.134 4-7 4-7-1.79-7-4 3.134-4 7-4m5.694 8.13c.464-.264.91-.583 1.306-.952V10c0 2.21-3.134 4-7 4s-7-1.79-7-4V8.178a7 7 0 0 0 1.306.953C5.838 10.006 7.854 10.5 10 10.5s4.162-.494 5.694-1.37M3 13.179V15c0 2.21 3.134 4 7 4s7-1.79 7-4v-1.822a7 7 0 0 1-1.306.953C14.162 15.006 12.146 15.5 10 15.5s-4.162-.494-5.694-1.37A7 7 0 0 1 3 13.179' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-circle-stack-20-solid,
      .i-heroicons-magnifying-glass-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-magnifying-glass-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11M2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-minus-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-minus-20-solid,
      .i-heroicons-x-mark-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-x-mark-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94z'/%3E%3C/svg%3E");
      }
      .sr-only {
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        clip: rect(0, 0, 0, 0);
        border-width: 0;
        white-space: nowrap;
      }
      .pointer-events-none {
        pointer-events: none;
      }
      .pointer-events-auto {
        pointer-events: auto;
      }
      .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 {
        inset: 0;
      }
      .inset-x-0 {
        left: 0;
        right: 0;
      }
      .inset-y-0 {
        bottom: 0;
        top: 0;
      }
      .-bottom-1 {
        bottom: -0.25rem;
      }
      .-bottom-\[0\.5px\] {
        bottom: -0.5px;
      }
      .-left-1 {
        left: -0.25rem;
      }
      .-right-1 {
        right: -0.25rem;
      }
      .-top-1 {
        top: -0.25rem;
      }
      .bottom-0 {
        bottom: 0;
      }
      .bottom-4 {
        bottom: 1rem;
      }
      .end-0 {
        inset-inline-end: 0;
      }
      .end-4 {
        inset-inline-end: 1rem;
      }
      .left-0 {
        left: 0;
      }
      .left-4 {
        left: 1rem;
      }
      .left-\[4px\] {
        left: 4px;
      }
      .right-0 {
        right: 0;
      }
      .right-4 {
        right: 1rem;
      }
      .start-0 {
        inset-inline-start: 0;
      }
      .start-4 {
        inset-inline-start: 1rem;
      }
      .top-0 {
        top: 0;
      }
      .top-1\/2 {
        top: 50%;
      }
      .top-\[4px\] {
        top: 4px;
      }
      .z-10 {
        z-index: 10;
      }
      .z-20 {
        z-index: 20;
      }
      .z-50 {
        z-index: 50;
      }
      .z-\[1\] {
        z-index: 1;
      }
      .z-\[55\] {
        z-index: 55;
      }
      .z-\[5\] {
        z-index: 5;
      }
      .col-start-1 {
        grid-column-start: 1;
      }
      .row-start-1 {
        grid-row-start: 1;
      }
      .-m-1 {
        margin: -0.25rem;
      }
      .-m-1\.5 {
        margin: -0.375rem;
      }
      .m-auto {
        margin: auto;
      }
      .-mx-1 {
        margin-left: -0.25rem;
        margin-right: -0.25rem;
      }
      .mx-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
      }
      .mx-3 {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
      }
      .mx-auto {
        margin-left: auto;
        margin-right: auto;
      }
      .my-2 {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
      }
      .my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem;
      }
      .my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem;
      }
      .-me-1 {
        margin-inline-end: -0.25rem;
      }
      .-me-1\.5 {
        margin-inline-end: -0.375rem;
      }
      .-mt-1 {
        margin-top: -0.25rem;
      }
      .mb-0 {
        margin-bottom: 0;
      }
      .mb-1 {
        margin-bottom: 0.25rem;
      }
      .mb-1\.5 {
        margin-bottom: 0.375rem;
      }
      .mb-2 {
        margin-bottom: 0.5rem;
      }
      .mb-4 {
        margin-bottom: 1rem;
      }
      .ml-auto {
        margin-left: auto;
      }
      .mr-auto {
        margin-right: auto;
      }
      .ms-3 {
        margin-inline-start: 0.75rem;
      }
      .ms-auto {
        margin-inline-start: auto;
      }
      .mt-0 {
        margin-top: 0;
      }
      .mt-1 {
        margin-top: 0.25rem;
      }
      .mt-2 {
        margin-top: 0.5rem;
      }
      .mt-3 {
        margin-top: 0.75rem;
      }
      .mt-4 {
        margin-top: 1rem;
      }
      .line-clamp-1 {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
      }
      .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;
      }
      .inline-grid {
        display: inline-grid;
      }
      .hidden {
        display: none;
      }
      .h-0 {
        height: 0;
      }
      .h-0\.5 {
        height: 0.125rem;
      }
      .h-1 {
        height: 0.25rem;
      }
      .h-1\.5 {
        height: 0.375rem;
      }
      .h-10 {
        height: 2.5rem;
      }
      .h-12 {
        height: 3rem;
      }
      .h-14 {
        height: 3.5rem;
      }
      .h-16 {
        height: 4rem;
      }
      .h-2 {
        height: 0.5rem;
      }
      .h-2\.5 {
        height: 0.625rem;
      }
      .h-20 {
        height: 5rem;
      }
      .h-3 {
        height: 0.75rem;
      }
      .h-3\.5 {
        height: 0.875rem;
      }
      .h-4 {
        height: 1rem;
      }
      .h-5 {
        height: 1.25rem;
      }
      .h-6 {
        height: 1.5rem;
      }
      .h-7 {
        height: 1.75rem;
      }
      .h-8 {
        height: 2rem;
      }
      .h-\[4px\] {
        height: 4px;
      }
      .h-\[5px\] {
        height: 5px;
      }
      .h-auto {
        height: auto;
      }
      .h-full {
        height: 100%;
      }
      .h-px {
        height: 1px;
      }
      .h-screen {
        height: 100vh;
      }
      .max-h-60 {
        max-height: 15rem;
      }
      .min-h-0 {
        min-height: 0;
      }
      .min-h-full {
        min-height: 100%;
      }
      .min-h-screen {
        min-height: 100vh;
      }
      .w-0 {
        width: 0;
      }
      .w-1\/2 {
        width: 50%;
      }
      .w-10 {
        width: 2.5rem;
      }
      .w-11 {
        width: 2.75rem;
      }
      .w-12 {
        width: 3rem;
      }
      .w-14 {
        width: 3.5rem;
      }
      .w-16 {
        width: 4rem;
      }
      .w-2 {
        width: 0.5rem;
      }
      .w-2\.5 {
        width: 0.625rem;
      }
      .w-20 {
        width: 5rem;
      }
      .w-3 {
        width: 0.75rem;
      }
      .w-4 {
        width: 1rem;
      }
      .w-48 {
        width: 12rem;
      }
      .w-5 {
        width: 1.25rem;
      }
      .w-6 {
        width: 1.5rem;
      }
      .w-7 {
        width: 1.75rem;
      }
      .w-8 {
        width: 2rem;
      }
      .w-9 {
        width: 2.25rem;
      }
      .w-\[3\.25rem\] {
        width: 3.25rem;
      }
      .w-\[3\.75rem\] {
        width: 3.75rem;
      }
      .w-\[calc\(100\%\+0\.5rem\)\] {
        width: calc(100% + 0.5rem);
      }
      .w-auto {
        width: auto;
      }
      .w-fit {
        width: -moz-fit-content;
        width: fit-content;
      }
      .w-full {
        width: 100%;
      }
      .w-px {
        width: 1px;
      }
      .w-screen {
        width: 100vw;
      }
      .min-w-0 {
        min-width: 0;
      }
      .min-w-\[0\.375rem\] {
        min-width: 0.375rem;
      }
      .min-w-\[0\.5rem\] {
        min-width: 0.5rem;
      }
      .min-w-\[0\.625rem\] {
        min-width: 0.625rem;
      }
      .min-w-\[0\.75rem\] {
        min-width: 0.75rem;
      }
      .min-w-\[0\.875rem\] {
        min-width: 0.875rem;
      }
      .min-w-\[1\.25rem\] {
        min-width: 1.25rem;
      }
      .min-w-\[16px\] {
        min-width: 16px;
      }
      .min-w-\[1rem\] {
        min-width: 1rem;
      }
      .min-w-\[20px\] {
        min-width: 20px;
      }
      .min-w-\[24px\] {
        min-width: 24px;
      }
      .min-w-\[4px\] {
        min-width: 4px;
      }
      .min-w-\[5px\] {
        min-width: 5px;
      }
      .min-w-fit {
        min-width: -moz-fit-content;
        min-width: fit-content;
      }
      .min-w-full {
        min-width: 100%;
      }
      .max-w-7xl {
        max-width: 80rem;
      }
      .max-w-md {
        max-width: 28rem;
      }
      .max-w-xs {
        max-width: 20rem;
      }
      .flex-1 {
        flex: 1 1 0%;
      }
      .flex-none {
        flex: none;
      }
      .flex-shrink {
        flex-shrink: 1;
      }
      .flex-shrink-0 {
        flex-shrink: 0;
      }
      .grow {
        flex-grow: 1;
      }
      .table-fixed {
        table-layout: fixed;
      }
      .-translate-x-1\/2 {
        --tw-translate-x: -50%;
      }
      .-translate-x-1\/2,
      .-translate-x-full {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(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%;
      }
      .-translate-y-1\/2 {
        --tw-translate-y: -50%;
      }
      .-translate-y-1\/2,
      .translate-x-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(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: 0px;
      }
      .translate-x-1\/2 {
        --tw-translate-x: 50%;
      }
      .translate-x-1\/2,
      .translate-x-2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(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: 0.5rem;
      }
      .translate-x-2\.5 {
        --tw-translate-x: 0.625rem;
      }
      .translate-x-2\.5,
      .translate-x-3 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .translate-x-3 {
        --tw-translate-x: 0.75rem;
      }
      .translate-x-4 {
        --tw-translate-x: 1rem;
      }
      .translate-x-4,
      .translate-x-5 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .translate-x-5 {
        --tw-translate-x: 1.25rem;
      }
      .translate-x-6 {
        --tw-translate-x: 1.5rem;
      }
      .translate-x-6,
      .translate-x-7 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .translate-x-7 {
        --tw-translate-x: 1.75rem;
      }
      .translate-x-full {
        --tw-translate-x: 100%;
      }
      .translate-x-full,
      .translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .translate-y-0 {
        --tw-translate-y: 0px;
      }
      .translate-y-1 {
        --tw-translate-y: 0.25rem;
      }
      .translate-y-1,
      .translate-y-1\/2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .translate-y-1\/2 {
        --tw-translate-y: 50%;
      }
      .translate-y-2 {
        --tw-translate-y: 0.5rem;
      }
      .translate-y-2,
      .translate-y-4 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .translate-y-4 {
        --tw-translate-y: 1rem;
      }
      .-rotate-180 {
        --tw-rotate: -180deg;
      }
      .-rotate-180,
      .rotate-90 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rotate-90 {
        --tw-rotate: 90deg;
      }
      .scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
      }
      .scale-100,
      .scale-95 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .scale-95 {
        --tw-scale-x: 0.95;
        --tw-scale-y: 0.95;
      }
      .transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      @keyframes pulse {
        50% {
          opacity: 0.5;
        }
      }
      .animate-pulse {
        animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
      }
      @keyframes spin {
        to {
          transform: rotate(1turn);
        }
      }
      .animate-spin {
        animation: spin 1s linear infinite;
      }
      .cursor-default {
        cursor: default;
      }
      .cursor-not-allowed {
        cursor: not-allowed;
      }
      .cursor-pointer {
        cursor: pointer;
      }
      .select-none {
        -webkit-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-mandatory {
        --tw-scroll-snap-strictness: mandatory;
      }
      .snap-center {
        scroll-snap-align: center;
      }
      .scroll-py-1 {
        scroll-padding-bottom: 0.25rem;
        scroll-padding-top: 0.25rem;
      }
      .scroll-py-2 {
        scroll-padding-bottom: 0.5rem;
        scroll-padding-top: 0.5rem;
      }
      .list-inside {
        list-style-position: inside;
      }
      .list-disc {
        list-style-type: disc;
      }
      .list-none {
        list-style-type: none;
      }
      .appearance-none {
        appearance: none;
      }
      .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
      }
      .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;
      }
      .content-center {
        align-content: center;
      }
      .items-start {
        align-items: flex-start;
      }
      .items-end {
        align-items: flex-end;
      }
      .items-center {
        align-items: center;
      }
      .justify-start {
        justify-content: flex-start;
      }
      .justify-end {
        justify-content: flex-end;
      }
      .justify-center {
        justify-content: center;
      }
      .justify-between {
        justify-content: space-between;
      }
      .gap-0 {
        gap: 0;
      }
      .gap-0\.5 {
        gap: 0.125rem;
      }
      .gap-1 {
        gap: 0.25rem;
      }
      .gap-1\.5 {
        gap: 0.375rem;
      }
      .gap-2 {
        gap: 0.5rem;
      }
      .gap-3 {
        gap: 0.75rem;
      }
      .gap-x-1 {
        column-gap: 0.25rem;
      }
      .gap-x-1\.5 {
        column-gap: 0.375rem;
      }
      .gap-x-2 {
        column-gap: 0.5rem;
      }
      .gap-x-2\.5 {
        column-gap: 0.625rem;
      }
      .-space-x-px > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(-1px * (1 - var(--tw-space-x-reverse)));
        margin-right: calc(-1px * var(--tw-space-x-reverse));
      }
      .-space-y-px > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(-1px * var(--tw-space-y-reverse));
        margin-top: calc(-1px * (1 - var(--tw-space-y-reverse)));
      }
      .space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
        margin-right: calc(1rem * var(--tw-space-x-reverse));
      }
      .space-y-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
        margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
      }
      .space-y-3 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
        margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
      }
      .divide-y > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
        border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
      }
      .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(var(--color-gray-100) / var(--tw-divide-opacity));
      }
      .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(var(--color-gray-200) / var(--tw-divide-opacity));
      }
      .divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(var(--color-gray-300) / var(--tw-divide-opacity));
      }
      .self-start {
        align-self: flex-start;
      }
      .self-center {
        align-self: center;
      }
      .overflow-hidden {
        overflow: hidden;
      }
      .overflow-x-auto {
        overflow-x: auto;
      }
      .overflow-y-auto {
        overflow-y: auto;
      }
      .overflow-y-hidden {
        overflow-y: hidden;
      }
      .scroll-smooth {
        scroll-behavior: smooth;
      }
      .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .truncate,
      .whitespace-nowrap {
        white-space: nowrap;
      }
      .break-all {
        word-break: break-all;
      }
      .rounded {
        border-radius: 0.25rem;
      }
      .rounded-2xl {
        border-radius: 1rem;
      }
      .rounded-3xl {
        border-radius: 1.5rem;
      }
      .rounded-full {
        border-radius: 9999px;
      }
      .rounded-lg {
        border-radius: 0.5rem;
      }
      .rounded-md {
        border-radius: 0.375rem;
      }
      .rounded-none {
        border-radius: 0;
      }
      .rounded-sm {
        border-radius: 0.125rem;
      }
      .rounded-xl {
        border-radius: 0.75rem;
      }
      .rounded-b {
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
      }
      .rounded-b-2xl {
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
      }
      .rounded-b-3xl {
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
      }
      .rounded-b-full {
        border-bottom-left-radius: 9999px;
        border-bottom-right-radius: 9999px;
      }
      .rounded-b-lg {
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
      }
      .rounded-b-md {
        border-bottom-left-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
      }
      .rounded-b-none {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }
      .rounded-b-sm {
        border-bottom-left-radius: 0.125rem;
        border-bottom-right-radius: 0.125rem;
      }
      .rounded-b-xl {
        border-bottom-left-radius: 0.75rem;
        border-bottom-right-radius: 0.75rem;
      }
      .rounded-e {
        border-end-end-radius: 0.25rem;
        border-start-end-radius: 0.25rem;
      }
      .rounded-e-2xl {
        border-end-end-radius: 1rem;
        border-start-end-radius: 1rem;
      }
      .rounded-e-3xl {
        border-end-end-radius: 1.5rem;
        border-start-end-radius: 1.5rem;
      }
      .rounded-e-full {
        border-end-end-radius: 9999px;
        border-start-end-radius: 9999px;
      }
      .rounded-e-lg {
        border-end-end-radius: 0.5rem;
        border-start-end-radius: 0.5rem;
      }
      .rounded-e-md {
        border-end-end-radius: 0.375rem;
        border-start-end-radius: 0.375rem;
      }
      .rounded-e-none {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
      }
      .rounded-e-sm {
        border-end-end-radius: 0.125rem;
        border-start-end-radius: 0.125rem;
      }
      .rounded-e-xl {
        border-end-end-radius: 0.75rem;
        border-start-end-radius: 0.75rem;
      }
      .rounded-s {
        border-end-start-radius: 0.25rem;
        border-start-start-radius: 0.25rem;
      }
      .rounded-s-2xl {
        border-end-start-radius: 1rem;
        border-start-start-radius: 1rem;
      }
      .rounded-s-3xl {
        border-end-start-radius: 1.5rem;
        border-start-start-radius: 1.5rem;
      }
      .rounded-s-full {
        border-end-start-radius: 9999px;
        border-start-start-radius: 9999px;
      }
      .rounded-s-lg {
        border-end-start-radius: 0.5rem;
        border-start-start-radius: 0.5rem;
      }
      .rounded-s-md {
        border-end-start-radius: 0.375rem;
        border-start-start-radius: 0.375rem;
      }
      .rounded-s-none {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
      }
      .rounded-s-sm {
        border-end-start-radius: 0.125rem;
        border-start-start-radius: 0.125rem;
      }
      .rounded-s-xl {
        border-end-start-radius: 0.75rem;
        border-start-start-radius: 0.75rem;
      }
      .rounded-t {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
      }
      .rounded-t-2xl {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
      }
      .rounded-t-3xl {
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
      }
      .rounded-t-full {
        border-top-left-radius: 9999px;
        border-top-right-radius: 9999px;
      }
      .rounded-t-lg {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
      }
      .rounded-t-md {
        border-top-left-radius: 0.375rem;
        border-top-right-radius: 0.375rem;
      }
      .rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }
      .rounded-t-sm {
        border-top-left-radius: 0.125rem;
        border-top-right-radius: 0.125rem;
      }
      .rounded-t-xl {
        border-top-left-radius: 0.75rem;
        border-top-right-radius: 0.75rem;
      }
      .border {
        border-width: 1px;
      }
      .border-0 {
        border-width: 0;
      }
      .border-2 {
        border-width: 2px;
      }
      .border-b {
        border-bottom-width: 1px;
      }
      .border-s {
        border-inline-start-width: 1px;
      }
      .border-s-\[2px\] {
        border-inline-start-width: 2px;
      }
      .border-s-\[3px\] {
        border-inline-start-width: 3px;
      }
      .border-s-\[4px\] {
        border-inline-start-width: 4px;
      }
      .border-s-\[5px\] {
        border-inline-start-width: 5px;
      }
      .border-s-\[6px\] {
        border-inline-start-width: 6px;
      }
      .border-t {
        border-top-width: 1px;
      }
      .border-t-\[2px\] {
        border-top-width: 2px;
      }
      .border-t-\[3px\] {
        border-top-width: 3px;
      }
      .border-t-\[4px\] {
        border-top-width: 4px;
      }
      .border-t-\[5px\] {
        border-top-width: 5px;
      }
      .border-t-\[6px\] {
        border-top-width: 6px;
      }
      .border-solid {
        border-style: solid;
      }
      .border-dashed {
        border-style: dashed;
      }
      .border-dotted {
        border-style: dotted;
      }
      .border-none {
        border-style: none;
      }
      .border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));
      }
      .border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-300) / var(--tw-border-opacity));
      }
      .border-transparent {
        border-color: #0000;
      }
      .border-white {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
      }
      .bg-amber-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(251 191 36 / var(--tw-bg-opacity));
      }
      .bg-amber-400\/0 {
        background-color: #fbbf2400;
      }
      .bg-amber-400\/10 {
        background-color: #fbbf241a;
      }
      .bg-amber-400\/100 {
        background-color: #fbbf24;
      }
      .bg-amber-400\/15 {
        background-color: #fbbf2426;
      }
      .bg-amber-400\/20 {
        background-color: #fbbf2433;
      }
      .bg-amber-400\/25 {
        background-color: #fbbf2440;
      }
      .bg-amber-400\/30 {
        background-color: #fbbf244d;
      }
      .bg-amber-400\/35 {
        background-color: #fbbf2459;
      }
      .bg-amber-400\/40 {
        background-color: #fbbf2466;
      }
      .bg-amber-400\/45 {
        background-color: #fbbf2473;
      }
      .bg-amber-400\/5 {
        background-color: #fbbf240d;
      }
      .bg-amber-400\/50 {
        background-color: #fbbf2480;
      }
      .bg-amber-400\/55 {
        background-color: #fbbf248c;
      }
      .bg-amber-400\/60 {
        background-color: #fbbf2499;
      }
      .bg-amber-400\/65 {
        background-color: #fbbf24a6;
      }
      .bg-amber-400\/70 {
        background-color: #fbbf24b3;
      }
      .bg-amber-400\/75 {
        background-color: #fbbf24bf;
      }
      .bg-amber-400\/80 {
        background-color: #fbbf24cc;
      }
      .bg-amber-400\/85 {
        background-color: #fbbf24d9;
      }
      .bg-amber-400\/90 {
        background-color: #fbbf24e6;
      }
      .bg-amber-400\/95 {
        background-color: #fbbf24f2;
      }
      .bg-amber-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(245 158 11 / var(--tw-bg-opacity));
      }
      .bg-amber-500\/0 {
        background-color: #f59e0b00;
      }
      .bg-amber-500\/10 {
        background-color: #f59e0b1a;
      }
      .bg-amber-500\/100 {
        background-color: #f59e0b;
      }
      .bg-amber-500\/15 {
        background-color: #f59e0b26;
      }
      .bg-amber-500\/20 {
        background-color: #f59e0b33;
      }
      .bg-amber-500\/25 {
        background-color: #f59e0b40;
      }
      .bg-amber-500\/30 {
        background-color: #f59e0b4d;
      }
      .bg-amber-500\/35 {
        background-color: #f59e0b59;
      }
      .bg-amber-500\/40 {
        background-color: #f59e0b66;
      }
      .bg-amber-500\/45 {
        background-color: #f59e0b73;
      }
      .bg-amber-500\/5 {
        background-color: #f59e0b0d;
      }
      .bg-amber-500\/50 {
        background-color: #f59e0b80;
      }
      .bg-amber-500\/55 {
        background-color: #f59e0b8c;
      }
      .bg-amber-500\/60 {
        background-color: #f59e0b99;
      }
      .bg-amber-500\/65 {
        background-color: #f59e0ba6;
      }
      .bg-amber-500\/70 {
        background-color: #f59e0bb3;
      }
      .bg-amber-500\/75 {
        background-color: #f59e0bbf;
      }
      .bg-amber-500\/80 {
        background-color: #f59e0bcc;
      }
      .bg-amber-500\/85 {
        background-color: #f59e0bd9;
      }
      .bg-amber-500\/90 {
        background-color: #f59e0be6;
      }
      .bg-amber-500\/95 {
        background-color: #f59e0bf2;
      }
      .bg-blue-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(96 165 250 / var(--tw-bg-opacity));
      }
      .bg-blue-400\/0 {
        background-color: #60a5fa00;
      }
      .bg-blue-400\/10 {
        background-color: #60a5fa1a;
      }
      .bg-blue-400\/100 {
        background-color: #60a5fa;
      }
      .bg-blue-400\/15 {
        background-color: #60a5fa26;
      }
      .bg-blue-400\/20 {
        background-color: #60a5fa33;
      }
      .bg-blue-400\/25 {
        background-color: #60a5fa40;
      }
      .bg-blue-400\/30 {
        background-color: #60a5fa4d;
      }
      .bg-blue-400\/35 {
        background-color: #60a5fa59;
      }
      .bg-blue-400\/40 {
        background-color: #60a5fa66;
      }
      .bg-blue-400\/45 {
        background-color: #60a5fa73;
      }
      .bg-blue-400\/5 {
        background-color: #60a5fa0d;
      }
      .bg-blue-400\/50 {
        background-color: #60a5fa80;
      }
      .bg-blue-400\/55 {
        background-color: #60a5fa8c;
      }
      .bg-blue-400\/60 {
        background-color: #60a5fa99;
      }
      .bg-blue-400\/65 {
        background-color: #60a5faa6;
      }
      .bg-blue-400\/70 {
        background-color: #60a5fab3;
      }
      .bg-blue-400\/75 {
        background-color: #60a5fabf;
      }
      .bg-blue-400\/80 {
        background-color: #60a5facc;
      }
      .bg-blue-400\/85 {
        background-color: #60a5fad9;
      }
      .bg-blue-400\/90 {
        background-color: #60a5fae6;
      }
      .bg-blue-400\/95 {
        background-color: #60a5faf2;
      }
      .bg-blue-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(59 130 246 / var(--tw-bg-opacity));
      }
      .bg-blue-500\/0 {
        background-color: #3b82f600;
      }
      .bg-blue-500\/10 {
        background-color: #3b82f61a;
      }
      .bg-blue-500\/100 {
        background-color: #3b82f6;
      }
      .bg-blue-500\/15 {
        background-color: #3b82f626;
      }
      .bg-blue-500\/20 {
        background-color: #3b82f633;
      }
      .bg-blue-500\/25 {
        background-color: #3b82f640;
      }
      .bg-blue-500\/30 {
        background-color: #3b82f64d;
      }
      .bg-blue-500\/35 {
        background-color: #3b82f659;
      }
      .bg-blue-500\/40 {
        background-color: #3b82f666;
      }
      .bg-blue-500\/45 {
        background-color: #3b82f673;
      }
      .bg-blue-500\/5 {
        background-color: #3b82f60d;
      }
      .bg-blue-500\/50 {
        background-color: #3b82f680;
      }
      .bg-blue-500\/55 {
        background-color: #3b82f68c;
      }
      .bg-blue-500\/60 {
        background-color: #3b82f699;
      }
      .bg-blue-500\/65 {
        background-color: #3b82f6a6;
      }
      .bg-blue-500\/70 {
        background-color: #3b82f6b3;
      }
      .bg-blue-500\/75 {
        background-color: #3b82f6bf;
      }
      .bg-blue-500\/80 {
        background-color: #3b82f6cc;
      }
      .bg-blue-500\/85 {
        background-color: #3b82f6d9;
      }
      .bg-blue-500\/90 {
        background-color: #3b82f6e6;
      }
      .bg-blue-500\/95 {
        background-color: #3b82f6f2;
      }
      .bg-current {
        background-color: currentColor;
      }
      .bg-cyan-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(34 211 238 / var(--tw-bg-opacity));
      }
      .bg-cyan-400\/0 {
        background-color: #22d3ee00;
      }
      .bg-cyan-400\/10 {
        background-color: #22d3ee1a;
      }
      .bg-cyan-400\/100 {
        background-color: #22d3ee;
      }
      .bg-cyan-400\/15 {
        background-color: #22d3ee26;
      }
      .bg-cyan-400\/20 {
        background-color: #22d3ee33;
      }
      .bg-cyan-400\/25 {
        background-color: #22d3ee40;
      }
      .bg-cyan-400\/30 {
        background-color: #22d3ee4d;
      }
      .bg-cyan-400\/35 {
        background-color: #22d3ee59;
      }
      .bg-cyan-400\/40 {
        background-color: #22d3ee66;
      }
      .bg-cyan-400\/45 {
        background-color: #22d3ee73;
      }
      .bg-cyan-400\/5 {
        background-color: #22d3ee0d;
      }
      .bg-cyan-400\/50 {
        background-color: #22d3ee80;
      }
      .bg-cyan-400\/55 {
        background-color: #22d3ee8c;
      }
      .bg-cyan-400\/60 {
        background-color: #22d3ee99;
      }
      .bg-cyan-400\/65 {
        background-color: #22d3eea6;
      }
      .bg-cyan-400\/70 {
        background-color: #22d3eeb3;
      }
      .bg-cyan-400\/75 {
        background-color: #22d3eebf;
      }
      .bg-cyan-400\/80 {
        background-color: #22d3eecc;
      }
      .bg-cyan-400\/85 {
        background-color: #22d3eed9;
      }
      .bg-cyan-400\/90 {
        background-color: #22d3eee6;
      }
      .bg-cyan-400\/95 {
        background-color: #22d3eef2;
      }
      .bg-cyan-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(6 182 212 / var(--tw-bg-opacity));
      }
      .bg-cyan-500\/0 {
        background-color: #06b6d400;
      }
      .bg-cyan-500\/10 {
        background-color: #06b6d41a;
      }
      .bg-cyan-500\/100 {
        background-color: #06b6d4;
      }
      .bg-cyan-500\/15 {
        background-color: #06b6d426;
      }
      .bg-cyan-500\/20 {
        background-color: #06b6d433;
      }
      .bg-cyan-500\/25 {
        background-color: #06b6d440;
      }
      .bg-cyan-500\/30 {
        background-color: #06b6d44d;
      }
      .bg-cyan-500\/35 {
        background-color: #06b6d459;
      }
      .bg-cyan-500\/40 {
        background-color: #06b6d466;
      }
      .bg-cyan-500\/45 {
        background-color: #06b6d473;
      }
      .bg-cyan-500\/5 {
        background-color: #06b6d40d;
      }
      .bg-cyan-500\/50 {
        background-color: #06b6d480;
      }
      .bg-cyan-500\/55 {
        background-color: #06b6d48c;
      }
      .bg-cyan-500\/60 {
        background-color: #06b6d499;
      }
      .bg-cyan-500\/65 {
        background-color: #06b6d4a6;
      }
      .bg-cyan-500\/70 {
        background-color: #06b6d4b3;
      }
      .bg-cyan-500\/75 {
        background-color: #06b6d4bf;
      }
      .bg-cyan-500\/80 {
        background-color: #06b6d4cc;
      }
      .bg-cyan-500\/85 {
        background-color: #06b6d4d9;
      }
      .bg-cyan-500\/90 {
        background-color: #06b6d4e6;
      }
      .bg-cyan-500\/95 {
        background-color: #06b6d4f2;
      }
      .bg-emerald-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(52 211 153 / var(--tw-bg-opacity));
      }
      .bg-emerald-400\/0 {
        background-color: #34d39900;
      }
      .bg-emerald-400\/10 {
        background-color: #34d3991a;
      }
      .bg-emerald-400\/100 {
        background-color: #34d399;
      }
      .bg-emerald-400\/15 {
        background-color: #34d39926;
      }
      .bg-emerald-400\/20 {
        background-color: #34d39933;
      }
      .bg-emerald-400\/25 {
        background-color: #34d39940;
      }
      .bg-emerald-400\/30 {
        background-color: #34d3994d;
      }
      .bg-emerald-400\/35 {
        background-color: #34d39959;
      }
      .bg-emerald-400\/40 {
        background-color: #34d39966;
      }
      .bg-emerald-400\/45 {
        background-color: #34d39973;
      }
      .bg-emerald-400\/5 {
        background-color: #34d3990d;
      }
      .bg-emerald-400\/50 {
        background-color: #34d39980;
      }
      .bg-emerald-400\/55 {
        background-color: #34d3998c;
      }
      .bg-emerald-400\/60 {
        background-color: #34d39999;
      }
      .bg-emerald-400\/65 {
        background-color: #34d399a6;
      }
      .bg-emerald-400\/70 {
        background-color: #34d399b3;
      }
      .bg-emerald-400\/75 {
        background-color: #34d399bf;
      }
      .bg-emerald-400\/80 {
        background-color: #34d399cc;
      }
      .bg-emerald-400\/85 {
        background-color: #34d399d9;
      }
      .bg-emerald-400\/90 {
        background-color: #34d399e6;
      }
      .bg-emerald-400\/95 {
        background-color: #34d399f2;
      }
      .bg-emerald-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(16 185 129 / var(--tw-bg-opacity));
      }
      .bg-emerald-500\/0 {
        background-color: #10b98100;
      }
      .bg-emerald-500\/10 {
        background-color: #10b9811a;
      }
      .bg-emerald-500\/100 {
        background-color: #10b981;
      }
      .bg-emerald-500\/15 {
        background-color: #10b98126;
      }
      .bg-emerald-500\/20 {
        background-color: #10b98133;
      }
      .bg-emerald-500\/25 {
        background-color: #10b98140;
      }
      .bg-emerald-500\/30 {
        background-color: #10b9814d;
      }
      .bg-emerald-500\/35 {
        background-color: #10b98159;
      }
      .bg-emerald-500\/40 {
        background-color: #10b98166;
      }
      .bg-emerald-500\/45 {
        background-color: #10b98173;
      }
      .bg-emerald-500\/5 {
        background-color: #10b9810d;
      }
      .bg-emerald-500\/50 {
        background-color: #10b98180;
      }
      .bg-emerald-500\/55 {
        background-color: #10b9818c;
      }
      .bg-emerald-500\/60 {
        background-color: #10b98199;
      }
      .bg-emerald-500\/65 {
        background-color: #10b981a6;
      }
      .bg-emerald-500\/70 {
        background-color: #10b981b3;
      }
      .bg-emerald-500\/75 {
        background-color: #10b981bf;
      }
      .bg-emerald-500\/80 {
        background-color: #10b981cc;
      }
      .bg-emerald-500\/85 {
        background-color: #10b981d9;
      }
      .bg-emerald-500\/90 {
        background-color: #10b981e6;
      }
      .bg-emerald-500\/95 {
        background-color: #10b981f2;
      }
      .bg-fuchsia-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(232 121 249 / var(--tw-bg-opacity));
      }
      .bg-fuchsia-400\/0 {
        background-color: #e879f900;
      }
      .bg-fuchsia-400\/10 {
        background-color: #e879f91a;
      }
      .bg-fuchsia-400\/100 {
        background-color: #e879f9;
      }
      .bg-fuchsia-400\/15 {
        background-color: #e879f926;
      }
      .bg-fuchsia-400\/20 {
        background-color: #e879f933;
      }
      .bg-fuchsia-400\/25 {
        background-color: #e879f940;
      }
      .bg-fuchsia-400\/30 {
        background-color: #e879f94d;
      }
      .bg-fuchsia-400\/35 {
        background-color: #e879f959;
      }
      .bg-fuchsia-400\/40 {
        background-color: #e879f966;
      }
      .bg-fuchsia-400\/45 {
        background-color: #e879f973;
      }
      .bg-fuchsia-400\/5 {
        background-color: #e879f90d;
      }
      .bg-fuchsia-400\/50 {
        background-color: #e879f980;
      }
      .bg-fuchsia-400\/55 {
        background-color: #e879f98c;
      }
      .bg-fuchsia-400\/60 {
        background-color: #e879f999;
      }
      .bg-fuchsia-400\/65 {
        background-color: #e879f9a6;
      }
      .bg-fuchsia-400\/70 {
        background-color: #e879f9b3;
      }
      .bg-fuchsia-400\/75 {
        background-color: #e879f9bf;
      }
      .bg-fuchsia-400\/80 {
        background-color: #e879f9cc;
      }
      .bg-fuchsia-400\/85 {
        background-color: #e879f9d9;
      }
      .bg-fuchsia-400\/90 {
        background-color: #e879f9e6;
      }
      .bg-fuchsia-400\/95 {
        background-color: #e879f9f2;
      }
      .bg-fuchsia-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(217 70 239 / var(--tw-bg-opacity));
      }
      .bg-fuchsia-500\/0 {
        background-color: #d946ef00;
      }
      .bg-fuchsia-500\/10 {
        background-color: #d946ef1a;
      }
      .bg-fuchsia-500\/100 {
        background-color: #d946ef;
      }
      .bg-fuchsia-500\/15 {
        background-color: #d946ef26;
      }
      .bg-fuchsia-500\/20 {
        background-color: #d946ef33;
      }
      .bg-fuchsia-500\/25 {
        background-color: #d946ef40;
      }
      .bg-fuchsia-500\/30 {
        background-color: #d946ef4d;
      }
      .bg-fuchsia-500\/35 {
        background-color: #d946ef59;
      }
      .bg-fuchsia-500\/40 {
        background-color: #d946ef66;
      }
      .bg-fuchsia-500\/45 {
        background-color: #d946ef73;
      }
      .bg-fuchsia-500\/5 {
        background-color: #d946ef0d;
      }
      .bg-fuchsia-500\/50 {
        background-color: #d946ef80;
      }
      .bg-fuchsia-500\/55 {
        background-color: #d946ef8c;
      }
      .bg-fuchsia-500\/60 {
        background-color: #d946ef99;
      }
      .bg-fuchsia-500\/65 {
        background-color: #d946efa6;
      }
      .bg-fuchsia-500\/70 {
        background-color: #d946efb3;
      }
      .bg-fuchsia-500\/75 {
        background-color: #d946efbf;
      }
      .bg-fuchsia-500\/80 {
        background-color: #d946efcc;
      }
      .bg-fuchsia-500\/85 {
        background-color: #d946efd9;
      }
      .bg-fuchsia-500\/90 {
        background-color: #d946efe6;
      }
      .bg-fuchsia-500\/95 {
        background-color: #d946eff2;
      }
      .bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));
      }
      .bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
      }
      .bg-gray-200\/75 {
        background-color: rgb(var(--color-gray-200) / 0.75);
      }
      .bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));
      }
      .bg-gray-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-500) / var(--tw-bg-opacity));
      }
      .bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
      }
      .bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
      }
      .bg-green-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(74 222 128 / var(--tw-bg-opacity));
      }
      .bg-green-400\/0 {
        background-color: #4ade8000;
      }
      .bg-green-400\/10 {
        background-color: #4ade801a;
      }
      .bg-green-400\/100 {
        background-color: #4ade80;
      }
      .bg-green-400\/15 {
        background-color: #4ade8026;
      }
      .bg-green-400\/20 {
        background-color: #4ade8033;
      }
      .bg-green-400\/25 {
        background-color: #4ade8040;
      }
      .bg-green-400\/30 {
        background-color: #4ade804d;
      }
      .bg-green-400\/35 {
        background-color: #4ade8059;
      }
      .bg-green-400\/40 {
        background-color: #4ade8066;
      }
      .bg-green-400\/45 {
        background-color: #4ade8073;
      }
      .bg-green-400\/5 {
        background-color: #4ade800d;
      }
      .bg-green-400\/50 {
        background-color: #4ade8080;
      }
      .bg-green-400\/55 {
        background-color: #4ade808c;
      }
      .bg-green-400\/60 {
        background-color: #4ade8099;
      }
      .bg-green-400\/65 {
        background-color: #4ade80a6;
      }
      .bg-green-400\/70 {
        background-color: #4ade80b3;
      }
      .bg-green-400\/75 {
        background-color: #4ade80bf;
      }
      .bg-green-400\/80 {
        background-color: #4ade80cc;
      }
      .bg-green-400\/85 {
        background-color: #4ade80d9;
      }
      .bg-green-400\/90 {
        background-color: #4ade80e6;
      }
      .bg-green-400\/95 {
        background-color: #4ade80f2;
      }
      .bg-green-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(34 197 94 / var(--tw-bg-opacity));
      }
      .bg-green-500\/0 {
        background-color: #22c55e00;
      }
      .bg-green-500\/10 {
        background-color: #22c55e1a;
      }
      .bg-green-500\/100 {
        background-color: #22c55e;
      }
      .bg-green-500\/15 {
        background-color: #22c55e26;
      }
      .bg-green-500\/20 {
        background-color: #22c55e33;
      }
      .bg-green-500\/25 {
        background-color: #22c55e40;
      }
      .bg-green-500\/30 {
        background-color: #22c55e4d;
      }
      .bg-green-500\/35 {
        background-color: #22c55e59;
      }
      .bg-green-500\/40 {
        background-color: #22c55e66;
      }
      .bg-green-500\/45 {
        background-color: #22c55e73;
      }
      .bg-green-500\/5 {
        background-color: #22c55e0d;
      }
      .bg-green-500\/50 {
        background-color: #22c55e80;
      }
      .bg-green-500\/55 {
        background-color: #22c55e8c;
      }
      .bg-green-500\/60 {
        background-color: #22c55e99;
      }
      .bg-green-500\/65 {
        background-color: #22c55ea6;
      }
      .bg-green-500\/70 {
        background-color: #22c55eb3;
      }
      .bg-green-500\/75 {
        background-color: #22c55ebf;
      }
      .bg-green-500\/80 {
        background-color: #22c55ecc;
      }
      .bg-green-500\/85 {
        background-color: #22c55ed9;
      }
      .bg-green-500\/90 {
        background-color: #22c55ee6;
      }
      .bg-green-500\/95 {
        background-color: #22c55ef2;
      }
      .bg-indigo-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(129 140 248 / var(--tw-bg-opacity));
      }
      .bg-indigo-400\/0 {
        background-color: #818cf800;
      }
      .bg-indigo-400\/10 {
        background-color: #818cf81a;
      }
      .bg-indigo-400\/100 {
        background-color: #818cf8;
      }
      .bg-indigo-400\/15 {
        background-color: #818cf826;
      }
      .bg-indigo-400\/20 {
        background-color: #818cf833;
      }
      .bg-indigo-400\/25 {
        background-color: #818cf840;
      }
      .bg-indigo-400\/30 {
        background-color: #818cf84d;
      }
      .bg-indigo-400\/35 {
        background-color: #818cf859;
      }
      .bg-indigo-400\/40 {
        background-color: #818cf866;
      }
      .bg-indigo-400\/45 {
        background-color: #818cf873;
      }
      .bg-indigo-400\/5 {
        background-color: #818cf80d;
      }
      .bg-indigo-400\/50 {
        background-color: #818cf880;
      }
      .bg-indigo-400\/55 {
        background-color: #818cf88c;
      }
      .bg-indigo-400\/60 {
        background-color: #818cf899;
      }
      .bg-indigo-400\/65 {
        background-color: #818cf8a6;
      }
      .bg-indigo-400\/70 {
        background-color: #818cf8b3;
      }
      .bg-indigo-400\/75 {
        background-color: #818cf8bf;
      }
      .bg-indigo-400\/80 {
        background-color: #818cf8cc;
      }
      .bg-indigo-400\/85 {
        background-color: #818cf8d9;
      }
      .bg-indigo-400\/90 {
        background-color: #818cf8e6;
      }
      .bg-indigo-400\/95 {
        background-color: #818cf8f2;
      }
      .bg-indigo-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(99 102 241 / var(--tw-bg-opacity));
      }
      .bg-indigo-500\/0 {
        background-color: #6366f100;
      }
      .bg-indigo-500\/10 {
        background-color: #6366f11a;
      }
      .bg-indigo-500\/100 {
        background-color: #6366f1;
      }
      .bg-indigo-500\/15 {
        background-color: #6366f126;
      }
      .bg-indigo-500\/20 {
        background-color: #6366f133;
      }
      .bg-indigo-500\/25 {
        background-color: #6366f140;
      }
      .bg-indigo-500\/30 {
        background-color: #6366f14d;
      }
      .bg-indigo-500\/35 {
        background-color: #6366f159;
      }
      .bg-indigo-500\/40 {
        background-color: #6366f166;
      }
      .bg-indigo-500\/45 {
        background-color: #6366f173;
      }
      .bg-indigo-500\/5 {
        background-color: #6366f10d;
      }
      .bg-indigo-500\/50 {
        background-color: #6366f180;
      }
      .bg-indigo-500\/55 {
        background-color: #6366f18c;
      }
      .bg-indigo-500\/60 {
        background-color: #6366f199;
      }
      .bg-indigo-500\/65 {
        background-color: #6366f1a6;
      }
      .bg-indigo-500\/70 {
        background-color: #6366f1b3;
      }
      .bg-indigo-500\/75 {
        background-color: #6366f1bf;
      }
      .bg-indigo-500\/80 {
        background-color: #6366f1cc;
      }
      .bg-indigo-500\/85 {
        background-color: #6366f1d9;
      }
      .bg-indigo-500\/90 {
        background-color: #6366f1e6;
      }
      .bg-indigo-500\/95 {
        background-color: #6366f1f2;
      }
      .bg-lime-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(163 230 53 / var(--tw-bg-opacity));
      }
      .bg-lime-400\/0 {
        background-color: #a3e63500;
      }
      .bg-lime-400\/10 {
        background-color: #a3e6351a;
      }
      .bg-lime-400\/100 {
        background-color: #a3e635;
      }
      .bg-lime-400\/15 {
        background-color: #a3e63526;
      }
      .bg-lime-400\/20 {
        background-color: #a3e63533;
      }
      .bg-lime-400\/25 {
        background-color: #a3e63540;
      }
      .bg-lime-400\/30 {
        background-color: #a3e6354d;
      }
      .bg-lime-400\/35 {
        background-color: #a3e63559;
      }
      .bg-lime-400\/40 {
        background-color: #a3e63566;
      }
      .bg-lime-400\/45 {
        background-color: #a3e63573;
      }
      .bg-lime-400\/5 {
        background-color: #a3e6350d;
      }
      .bg-lime-400\/50 {
        background-color: #a3e63580;
      }
      .bg-lime-400\/55 {
        background-color: #a3e6358c;
      }
      .bg-lime-400\/60 {
        background-color: #a3e63599;
      }
      .bg-lime-400\/65 {
        background-color: #a3e635a6;
      }
      .bg-lime-400\/70 {
        background-color: #a3e635b3;
      }
      .bg-lime-400\/75 {
        background-color: #a3e635bf;
      }
      .bg-lime-400\/80 {
        background-color: #a3e635cc;
      }
      .bg-lime-400\/85 {
        background-color: #a3e635d9;
      }
      .bg-lime-400\/90 {
        background-color: #a3e635e6;
      }
      .bg-lime-400\/95 {
        background-color: #a3e635f2;
      }
      .bg-lime-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(132 204 22 / var(--tw-bg-opacity));
      }
      .bg-lime-500\/0 {
        background-color: #84cc1600;
      }
      .bg-lime-500\/10 {
        background-color: #84cc161a;
      }
      .bg-lime-500\/100 {
        background-color: #84cc16;
      }
      .bg-lime-500\/15 {
        background-color: #84cc1626;
      }
      .bg-lime-500\/20 {
        background-color: #84cc1633;
      }
      .bg-lime-500\/25 {
        background-color: #84cc1640;
      }
      .bg-lime-500\/30 {
        background-color: #84cc164d;
      }
      .bg-lime-500\/35 {
        background-color: #84cc1659;
      }
      .bg-lime-500\/40 {
        background-color: #84cc1666;
      }
      .bg-lime-500\/45 {
        background-color: #84cc1673;
      }
      .bg-lime-500\/5 {
        background-color: #84cc160d;
      }
      .bg-lime-500\/50 {
        background-color: #84cc1680;
      }
      .bg-lime-500\/55 {
        background-color: #84cc168c;
      }
      .bg-lime-500\/60 {
        background-color: #84cc1699;
      }
      .bg-lime-500\/65 {
        background-color: #84cc16a6;
      }
      .bg-lime-500\/70 {
        background-color: #84cc16b3;
      }
      .bg-lime-500\/75 {
        background-color: #84cc16bf;
      }
      .bg-lime-500\/80 {
        background-color: #84cc16cc;
      }
      .bg-lime-500\/85 {
        background-color: #84cc16d9;
      }
      .bg-lime-500\/90 {
        background-color: #84cc16e6;
      }
      .bg-lime-500\/95 {
        background-color: #84cc16f2;
      }
      .bg-orange-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(251 146 60 / var(--tw-bg-opacity));
      }
      .bg-orange-400\/0 {
        background-color: #fb923c00;
      }
      .bg-orange-400\/10 {
        background-color: #fb923c1a;
      }
      .bg-orange-400\/100 {
        background-color: #fb923c;
      }
      .bg-orange-400\/15 {
        background-color: #fb923c26;
      }
      .bg-orange-400\/20 {
        background-color: #fb923c33;
      }
      .bg-orange-400\/25 {
        background-color: #fb923c40;
      }
      .bg-orange-400\/30 {
        background-color: #fb923c4d;
      }
      .bg-orange-400\/35 {
        background-color: #fb923c59;
      }
      .bg-orange-400\/40 {
        background-color: #fb923c66;
      }
      .bg-orange-400\/45 {
        background-color: #fb923c73;
      }
      .bg-orange-400\/5 {
        background-color: #fb923c0d;
      }
      .bg-orange-400\/50 {
        background-color: #fb923c80;
      }
      .bg-orange-400\/55 {
        background-color: #fb923c8c;
      }
      .bg-orange-400\/60 {
        background-color: #fb923c99;
      }
      .bg-orange-400\/65 {
        background-color: #fb923ca6;
      }
      .bg-orange-400\/70 {
        background-color: #fb923cb3;
      }
      .bg-orange-400\/75 {
        background-color: #fb923cbf;
      }
      .bg-orange-400\/80 {
        background-color: #fb923ccc;
      }
      .bg-orange-400\/85 {
        background-color: #fb923cd9;
      }
      .bg-orange-400\/90 {
        background-color: #fb923ce6;
      }
      .bg-orange-400\/95 {
        background-color: #fb923cf2;
      }
      .bg-orange-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(249 115 22 / var(--tw-bg-opacity));
      }
      .bg-orange-500\/0 {
        background-color: #f9731600;
      }
      .bg-orange-500\/10 {
        background-color: #f973161a;
      }
      .bg-orange-500\/100 {
        background-color: #f97316;
      }
      .bg-orange-500\/15 {
        background-color: #f9731626;
      }
      .bg-orange-500\/20 {
        background-color: #f9731633;
      }
      .bg-orange-500\/25 {
        background-color: #f9731640;
      }
      .bg-orange-500\/30 {
        background-color: #f973164d;
      }
      .bg-orange-500\/35 {
        background-color: #f9731659;
      }
      .bg-orange-500\/40 {
        background-color: #f9731666;
      }
      .bg-orange-500\/45 {
        background-color: #f9731673;
      }
      .bg-orange-500\/5 {
        background-color: #f973160d;
      }
      .bg-orange-500\/50 {
        background-color: #f9731680;
      }
      .bg-orange-500\/55 {
        background-color: #f973168c;
      }
      .bg-orange-500\/60 {
        background-color: #f9731699;
      }
      .bg-orange-500\/65 {
        background-color: #f97316a6;
      }
      .bg-orange-500\/70 {
        background-color: #f97316b3;
      }
      .bg-orange-500\/75 {
        background-color: #f97316bf;
      }
      .bg-orange-500\/80 {
        background-color: #f97316cc;
      }
      .bg-orange-500\/85 {
        background-color: #f97316d9;
      }
      .bg-orange-500\/90 {
        background-color: #f97316e6;
      }
      .bg-orange-500\/95 {
        background-color: #f97316f2;
      }
      .bg-pink-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(244 114 182 / var(--tw-bg-opacity));
      }
      .bg-pink-400\/0 {
        background-color: #f472b600;
      }
      .bg-pink-400\/10 {
        background-color: #f472b61a;
      }
      .bg-pink-400\/100 {
        background-color: #f472b6;
      }
      .bg-pink-400\/15 {
        background-color: #f472b626;
      }
      .bg-pink-400\/20 {
        background-color: #f472b633;
      }
      .bg-pink-400\/25 {
        background-color: #f472b640;
      }
      .bg-pink-400\/30 {
        background-color: #f472b64d;
      }
      .bg-pink-400\/35 {
        background-color: #f472b659;
      }
      .bg-pink-400\/40 {
        background-color: #f472b666;
      }
      .bg-pink-400\/45 {
        background-color: #f472b673;
      }
      .bg-pink-400\/5 {
        background-color: #f472b60d;
      }
      .bg-pink-400\/50 {
        background-color: #f472b680;
      }
      .bg-pink-400\/55 {
        background-color: #f472b68c;
      }
      .bg-pink-400\/60 {
        background-color: #f472b699;
      }
      .bg-pink-400\/65 {
        background-color: #f472b6a6;
      }
      .bg-pink-400\/70 {
        background-color: #f472b6b3;
      }
      .bg-pink-400\/75 {
        background-color: #f472b6bf;
      }
      .bg-pink-400\/80 {
        background-color: #f472b6cc;
      }
      .bg-pink-400\/85 {
        background-color: #f472b6d9;
      }
      .bg-pink-400\/90 {
        background-color: #f472b6e6;
      }
      .bg-pink-400\/95 {
        background-color: #f472b6f2;
      }
      .bg-pink-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(236 72 153 / var(--tw-bg-opacity));
      }
      .bg-pink-500\/0 {
        background-color: #ec489900;
      }
      .bg-pink-500\/10 {
        background-color: #ec48991a;
      }
      .bg-pink-500\/100 {
        background-color: #ec4899;
      }
      .bg-pink-500\/15 {
        background-color: #ec489926;
      }
      .bg-pink-500\/20 {
        background-color: #ec489933;
      }
      .bg-pink-500\/25 {
        background-color: #ec489940;
      }
      .bg-pink-500\/30 {
        background-color: #ec48994d;
      }
      .bg-pink-500\/35 {
        background-color: #ec489959;
      }
      .bg-pink-500\/40 {
        background-color: #ec489966;
      }
      .bg-pink-500\/45 {
        background-color: #ec489973;
      }
      .bg-pink-500\/5 {
        background-color: #ec48990d;
      }
      .bg-pink-500\/50 {
        background-color: #ec489980;
      }
      .bg-pink-500\/55 {
        background-color: #ec48998c;
      }
      .bg-pink-500\/60 {
        background-color: #ec489999;
      }
      .bg-pink-500\/65 {
        background-color: #ec4899a6;
      }
      .bg-pink-500\/70 {
        background-color: #ec4899b3;
      }
      .bg-pink-500\/75 {
        background-color: #ec4899bf;
      }
      .bg-pink-500\/80 {
        background-color: #ec4899cc;
      }
      .bg-pink-500\/85 {
        background-color: #ec4899d9;
      }
      .bg-pink-500\/90 {
        background-color: #ec4899e6;
      }
      .bg-pink-500\/95 {
        background-color: #ec4899f2;
      }
      .bg-primary-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-100) / var(--tw-bg-opacity));
      }
      .bg-primary-100\/0 {
        background-color: rgb(var(--color-primary-100) / 0);
      }
      .bg-primary-100\/10 {
        background-color: rgb(var(--color-primary-100) / 0.1);
      }
      .bg-primary-100\/100 {
        background-color: rgb(var(--color-primary-100) / 1);
      }
      .bg-primary-100\/15 {
        background-color: rgb(var(--color-primary-100) / 0.15);
      }
      .bg-primary-100\/20 {
        background-color: rgb(var(--color-primary-100) / 0.2);
      }
      .bg-primary-100\/25 {
        background-color: rgb(var(--color-primary-100) / 0.25);
      }
      .bg-primary-100\/30 {
        background-color: rgb(var(--color-primary-100) / 0.3);
      }
      .bg-primary-100\/35 {
        background-color: rgb(var(--color-primary-100) / 0.35);
      }
      .bg-primary-100\/40 {
        background-color: rgb(var(--color-primary-100) / 0.4);
      }
      .bg-primary-100\/45 {
        background-color: rgb(var(--color-primary-100) / 0.45);
      }
      .bg-primary-100\/5 {
        background-color: rgb(var(--color-primary-100) / 0.05);
      }
      .bg-primary-100\/50 {
        background-color: rgb(var(--color-primary-100) / 0.5);
      }
      .bg-primary-100\/55 {
        background-color: rgb(var(--color-primary-100) / 0.55);
      }
      .bg-primary-100\/60 {
        background-color: rgb(var(--color-primary-100) / 0.6);
      }
      .bg-primary-100\/65 {
        background-color: rgb(var(--color-primary-100) / 0.65);
      }
      .bg-primary-100\/70 {
        background-color: rgb(var(--color-primary-100) / 0.7);
      }
      .bg-primary-100\/75 {
        background-color: rgb(var(--color-primary-100) / 0.75);
      }
      .bg-primary-100\/80 {
        background-color: rgb(var(--color-primary-100) / 0.8);
      }
      .bg-primary-100\/85 {
        background-color: rgb(var(--color-primary-100) / 0.85);
      }
      .bg-primary-100\/90 {
        background-color: rgb(var(--color-primary-100) / 0.9);
      }
      .bg-primary-100\/95 {
        background-color: rgb(var(--color-primary-100) / 0.95);
      }
      .bg-primary-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-400) / var(--tw-bg-opacity));
      }
      .bg-primary-400\/0 {
        background-color: rgb(var(--color-primary-400) / 0);
      }
      .bg-primary-400\/10 {
        background-color: rgb(var(--color-primary-400) / 0.1);
      }
      .bg-primary-400\/100 {
        background-color: rgb(var(--color-primary-400) / 1);
      }
      .bg-primary-400\/15 {
        background-color: rgb(var(--color-primary-400) / 0.15);
      }
      .bg-primary-400\/20 {
        background-color: rgb(var(--color-primary-400) / 0.2);
      }
      .bg-primary-400\/25 {
        background-color: rgb(var(--color-primary-400) / 0.25);
      }
      .bg-primary-400\/30 {
        background-color: rgb(var(--color-primary-400) / 0.3);
      }
      .bg-primary-400\/35 {
        background-color: rgb(var(--color-primary-400) / 0.35);
      }
      .bg-primary-400\/40 {
        background-color: rgb(var(--color-primary-400) / 0.4);
      }
      .bg-primary-400\/45 {
        background-color: rgb(var(--color-primary-400) / 0.45);
      }
      .bg-primary-400\/5 {
        background-color: rgb(var(--color-primary-400) / 0.05);
      }
      .bg-primary-400\/50 {
        background-color: rgb(var(--color-primary-400) / 0.5);
      }
      .bg-primary-400\/55 {
        background-color: rgb(var(--color-primary-400) / 0.55);
      }
      .bg-primary-400\/60 {
        background-color: rgb(var(--color-primary-400) / 0.6);
      }
      .bg-primary-400\/65 {
        background-color: rgb(var(--color-primary-400) / 0.65);
      }
      .bg-primary-400\/70 {
        background-color: rgb(var(--color-primary-400) / 0.7);
      }
      .bg-primary-400\/75 {
        background-color: rgb(var(--color-primary-400) / 0.75);
      }
      .bg-primary-400\/80 {
        background-color: rgb(var(--color-primary-400) / 0.8);
      }
      .bg-primary-400\/85 {
        background-color: rgb(var(--color-primary-400) / 0.85);
      }
      .bg-primary-400\/90 {
        background-color: rgb(var(--color-primary-400) / 0.9);
      }
      .bg-primary-400\/95 {
        background-color: rgb(var(--color-primary-400) / 0.95);
      }
      .bg-primary-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-50) / var(--tw-bg-opacity));
      }
      .bg-primary-50\/0 {
        background-color: rgb(var(--color-primary-50) / 0);
      }
      .bg-primary-50\/10 {
        background-color: rgb(var(--color-primary-50) / 0.1);
      }
      .bg-primary-50\/100 {
        background-color: rgb(var(--color-primary-50) / 1);
      }
      .bg-primary-50\/15 {
        background-color: rgb(var(--color-primary-50) / 0.15);
      }
      .bg-primary-50\/20 {
        background-color: rgb(var(--color-primary-50) / 0.2);
      }
      .bg-primary-50\/25 {
        background-color: rgb(var(--color-primary-50) / 0.25);
      }
      .bg-primary-50\/30 {
        background-color: rgb(var(--color-primary-50) / 0.3);
      }
      .bg-primary-50\/35 {
        background-color: rgb(var(--color-primary-50) / 0.35);
      }
      .bg-primary-50\/40 {
        background-color: rgb(var(--color-primary-50) / 0.4);
      }
      .bg-primary-50\/45 {
        background-color: rgb(var(--color-primary-50) / 0.45);
      }
      .bg-primary-50\/5 {
        background-color: rgb(var(--color-primary-50) / 0.05);
      }
      .bg-primary-50\/50 {
        background-color: rgb(var(--color-primary-50) / 0.5);
      }
      .bg-primary-50\/55 {
        background-color: rgb(var(--color-primary-50) / 0.55);
      }
      .bg-primary-50\/60 {
        background-color: rgb(var(--color-primary-50) / 0.6);
      }
      .bg-primary-50\/65 {
        background-color: rgb(var(--color-primary-50) / 0.65);
      }
      .bg-primary-50\/70 {
        background-color: rgb(var(--color-primary-50) / 0.7);
      }
      .bg-primary-50\/75 {
        background-color: rgb(var(--color-primary-50) / 0.75);
      }
      .bg-primary-50\/80 {
        background-color: rgb(var(--color-primary-50) / 0.8);
      }
      .bg-primary-50\/85 {
        background-color: rgb(var(--color-primary-50) / 0.85);
      }
      .bg-primary-50\/90 {
        background-color: rgb(var(--color-primary-50) / 0.9);
      }
      .bg-primary-50\/95 {
        background-color: rgb(var(--color-primary-50) / 0.95);
      }
      .bg-primary-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
      }
      .bg-primary-500\/0 {
        background-color: rgb(var(--color-primary-500) / 0);
      }
      .bg-primary-500\/10 {
        background-color: rgb(var(--color-primary-500) / 0.1);
      }
      .bg-primary-500\/100 {
        background-color: rgb(var(--color-primary-500) / 1);
      }
      .bg-primary-500\/15 {
        background-color: rgb(var(--color-primary-500) / 0.15);
      }
      .bg-primary-500\/20 {
        background-color: rgb(var(--color-primary-500) / 0.2);
      }
      .bg-primary-500\/25 {
        background-color: rgb(var(--color-primary-500) / 0.25);
      }
      .bg-primary-500\/30 {
        background-color: rgb(var(--color-primary-500) / 0.3);
      }
      .bg-primary-500\/35 {
        background-color: rgb(var(--color-primary-500) / 0.35);
      }
      .bg-primary-500\/40 {
        background-color: rgb(var(--color-primary-500) / 0.4);
      }
      .bg-primary-500\/45 {
        background-color: rgb(var(--color-primary-500) / 0.45);
      }
      .bg-primary-500\/5 {
        background-color: rgb(var(--color-primary-500) / 0.05);
      }
      .bg-primary-500\/50 {
        background-color: rgb(var(--color-primary-500) / 0.5);
      }
      .bg-primary-500\/55 {
        background-color: rgb(var(--color-primary-500) / 0.55);
      }
      .bg-primary-500\/60 {
        background-color: rgb(var(--color-primary-500) / 0.6);
      }
      .bg-primary-500\/65 {
        background-color: rgb(var(--color-primary-500) / 0.65);
      }
      .bg-primary-500\/70 {
        background-color: rgb(var(--color-primary-500) / 0.7);
      }
      .bg-primary-500\/75 {
        background-color: rgb(var(--color-primary-500) / 0.75);
      }
      .bg-primary-500\/80 {
        background-color: rgb(var(--color-primary-500) / 0.8);
      }
      .bg-primary-500\/85 {
        background-color: rgb(var(--color-primary-500) / 0.85);
      }
      .bg-primary-500\/90 {
        background-color: rgb(var(--color-primary-500) / 0.9);
      }
      .bg-primary-500\/95 {
        background-color: rgb(var(--color-primary-500) / 0.95);
      }
      .bg-primary-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity));
      }
      .bg-primary-600\/0 {
        background-color: rgb(var(--color-primary-600) / 0);
      }
      .bg-primary-600\/10 {
        background-color: rgb(var(--color-primary-600) / 0.1);
      }
      .bg-primary-600\/100 {
        background-color: rgb(var(--color-primary-600) / 1);
      }
      .bg-primary-600\/15 {
        background-color: rgb(var(--color-primary-600) / 0.15);
      }
      .bg-primary-600\/20 {
        background-color: rgb(var(--color-primary-600) / 0.2);
      }
      .bg-primary-600\/25 {
        background-color: rgb(var(--color-primary-600) / 0.25);
      }
      .bg-primary-600\/30 {
        background-color: rgb(var(--color-primary-600) / 0.3);
      }
      .bg-primary-600\/35 {
        background-color: rgb(var(--color-primary-600) / 0.35);
      }
      .bg-primary-600\/40 {
        background-color: rgb(var(--color-primary-600) / 0.4);
      }
      .bg-primary-600\/45 {
        background-color: rgb(var(--color-primary-600) / 0.45);
      }
      .bg-primary-600\/5 {
        background-color: rgb(var(--color-primary-600) / 0.05);
      }
      .bg-primary-600\/50 {
        background-color: rgb(var(--color-primary-600) / 0.5);
      }
      .bg-primary-600\/55 {
        background-color: rgb(var(--color-primary-600) / 0.55);
      }
      .bg-primary-600\/60 {
        background-color: rgb(var(--color-primary-600) / 0.6);
      }
      .bg-primary-600\/65 {
        background-color: rgb(var(--color-primary-600) / 0.65);
      }
      .bg-primary-600\/70 {
        background-color: rgb(var(--color-primary-600) / 0.7);
      }
      .bg-primary-600\/75 {
        background-color: rgb(var(--color-primary-600) / 0.75);
      }
      .bg-primary-600\/80 {
        background-color: rgb(var(--color-primary-600) / 0.8);
      }
      .bg-primary-600\/85 {
        background-color: rgb(var(--color-primary-600) / 0.85);
      }
      .bg-primary-600\/90 {
        background-color: rgb(var(--color-primary-600) / 0.9);
      }
      .bg-primary-600\/95 {
        background-color: rgb(var(--color-primary-600) / 0.95);
      }
      .bg-primary-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-900) / var(--tw-bg-opacity));
      }
      .bg-primary-900\/0 {
        background-color: rgb(var(--color-primary-900) / 0);
      }
      .bg-primary-900\/10 {
        background-color: rgb(var(--color-primary-900) / 0.1);
      }
      .bg-primary-900\/100 {
        background-color: rgb(var(--color-primary-900) / 1);
      }
      .bg-primary-900\/15 {
        background-color: rgb(var(--color-primary-900) / 0.15);
      }
      .bg-primary-900\/20 {
        background-color: rgb(var(--color-primary-900) / 0.2);
      }
      .bg-primary-900\/25 {
        background-color: rgb(var(--color-primary-900) / 0.25);
      }
      .bg-primary-900\/30 {
        background-color: rgb(var(--color-primary-900) / 0.3);
      }
      .bg-primary-900\/35 {
        background-color: rgb(var(--color-primary-900) / 0.35);
      }
      .bg-primary-900\/40 {
        background-color: rgb(var(--color-primary-900) / 0.4);
      }
      .bg-primary-900\/45 {
        background-color: rgb(var(--color-primary-900) / 0.45);
      }
      .bg-primary-900\/5 {
        background-color: rgb(var(--color-primary-900) / 0.05);
      }
      .bg-primary-900\/50 {
        background-color: rgb(var(--color-primary-900) / 0.5);
      }
      .bg-primary-900\/55 {
        background-color: rgb(var(--color-primary-900) / 0.55);
      }
      .bg-primary-900\/60 {
        background-color: rgb(var(--color-primary-900) / 0.6);
      }
      .bg-primary-900\/65 {
        background-color: rgb(var(--color-primary-900) / 0.65);
      }
      .bg-primary-900\/70 {
        background-color: rgb(var(--color-primary-900) / 0.7);
      }
      .bg-primary-900\/75 {
        background-color: rgb(var(--color-primary-900) / 0.75);
      }
      .bg-primary-900\/80 {
        background-color: rgb(var(--color-primary-900) / 0.8);
      }
      .bg-primary-900\/85 {
        background-color: rgb(var(--color-primary-900) / 0.85);
      }
      .bg-primary-900\/90 {
        background-color: rgb(var(--color-primary-900) / 0.9);
      }
      .bg-primary-900\/95 {
        background-color: rgb(var(--color-primary-900) / 0.95);
      }
      .bg-primary-950 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-950) / var(--tw-bg-opacity));
      }
      .bg-primary-950\/0 {
        background-color: rgb(var(--color-primary-950) / 0);
      }
      .bg-primary-950\/10 {
        background-color: rgb(var(--color-primary-950) / 0.1);
      }
      .bg-primary-950\/100 {
        background-color: rgb(var(--color-primary-950) / 1);
      }
      .bg-primary-950\/15 {
        background-color: rgb(var(--color-primary-950) / 0.15);
      }
      .bg-primary-950\/20 {
        background-color: rgb(var(--color-primary-950) / 0.2);
      }
      .bg-primary-950\/25 {
        background-color: rgb(var(--color-primary-950) / 0.25);
      }
      .bg-primary-950\/30 {
        background-color: rgb(var(--color-primary-950) / 0.3);
      }
      .bg-primary-950\/35 {
        background-color: rgb(var(--color-primary-950) / 0.35);
      }
      .bg-primary-950\/40 {
        background-color: rgb(var(--color-primary-950) / 0.4);
      }
      .bg-primary-950\/45 {
        background-color: rgb(var(--color-primary-950) / 0.45);
      }
      .bg-primary-950\/5 {
        background-color: rgb(var(--color-primary-950) / 0.05);
      }
      .bg-primary-950\/50 {
        background-color: rgb(var(--color-primary-950) / 0.5);
      }
      .bg-primary-950\/55 {
        background-color: rgb(var(--color-primary-950) / 0.55);
      }
      .bg-primary-950\/60 {
        background-color: rgb(var(--color-primary-950) / 0.6);
      }
      .bg-primary-950\/65 {
        background-color: rgb(var(--color-primary-950) / 0.65);
      }
      .bg-primary-950\/70 {
        background-color: rgb(var(--color-primary-950) / 0.7);
      }
      .bg-primary-950\/75 {
        background-color: rgb(var(--color-primary-950) / 0.75);
      }
      .bg-primary-950\/80 {
        background-color: rgb(var(--color-primary-950) / 0.8);
      }
      .bg-primary-950\/85 {
        background-color: rgb(var(--color-primary-950) / 0.85);
      }
      .bg-primary-950\/90 {
        background-color: rgb(var(--color-primary-950) / 0.9);
      }
      .bg-primary-950\/95 {
        background-color: rgb(var(--color-primary-950) / 0.95);
      }
      .bg-purple-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(192 132 252 / var(--tw-bg-opacity));
      }
      .bg-purple-400\/0 {
        background-color: #c084fc00;
      }
      .bg-purple-400\/10 {
        background-color: #c084fc1a;
      }
      .bg-purple-400\/100 {
        background-color: #c084fc;
      }
      .bg-purple-400\/15 {
        background-color: #c084fc26;
      }
      .bg-purple-400\/20 {
        background-color: #c084fc33;
      }
      .bg-purple-400\/25 {
        background-color: #c084fc40;
      }
      .bg-purple-400\/30 {
        background-color: #c084fc4d;
      }
      .bg-purple-400\/35 {
        background-color: #c084fc59;
      }
      .bg-purple-400\/40 {
        background-color: #c084fc66;
      }
      .bg-purple-400\/45 {
        background-color: #c084fc73;
      }
      .bg-purple-400\/5 {
        background-color: #c084fc0d;
      }
      .bg-purple-400\/50 {
        background-color: #c084fc80;
      }
      .bg-purple-400\/55 {
        background-color: #c084fc8c;
      }
      .bg-purple-400\/60 {
        background-color: #c084fc99;
      }
      .bg-purple-400\/65 {
        background-color: #c084fca6;
      }
      .bg-purple-400\/70 {
        background-color: #c084fcb3;
      }
      .bg-purple-400\/75 {
        background-color: #c084fcbf;
      }
      .bg-purple-400\/80 {
        background-color: #c084fccc;
      }
      .bg-purple-400\/85 {
        background-color: #c084fcd9;
      }
      .bg-purple-400\/90 {
        background-color: #c084fce6;
      }
      .bg-purple-400\/95 {
        background-color: #c084fcf2;
      }
      .bg-purple-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(168 85 247 / var(--tw-bg-opacity));
      }
      .bg-purple-500\/0 {
        background-color: #a855f700;
      }
      .bg-purple-500\/10 {
        background-color: #a855f71a;
      }
      .bg-purple-500\/100 {
        background-color: #a855f7;
      }
      .bg-purple-500\/15 {
        background-color: #a855f726;
      }
      .bg-purple-500\/20 {
        background-color: #a855f733;
      }
      .bg-purple-500\/25 {
        background-color: #a855f740;
      }
      .bg-purple-500\/30 {
        background-color: #a855f74d;
      }
      .bg-purple-500\/35 {
        background-color: #a855f759;
      }
      .bg-purple-500\/40 {
        background-color: #a855f766;
      }
      .bg-purple-500\/45 {
        background-color: #a855f773;
      }
      .bg-purple-500\/5 {
        background-color: #a855f70d;
      }
      .bg-purple-500\/50 {
        background-color: #a855f780;
      }
      .bg-purple-500\/55 {
        background-color: #a855f78c;
      }
      .bg-purple-500\/60 {
        background-color: #a855f799;
      }
      .bg-purple-500\/65 {
        background-color: #a855f7a6;
      }
      .bg-purple-500\/70 {
        background-color: #a855f7b3;
      }
      .bg-purple-500\/75 {
        background-color: #a855f7bf;
      }
      .bg-purple-500\/80 {
        background-color: #a855f7cc;
      }
      .bg-purple-500\/85 {
        background-color: #a855f7d9;
      }
      .bg-purple-500\/90 {
        background-color: #a855f7e6;
      }
      .bg-purple-500\/95 {
        background-color: #a855f7f2;
      }
      .bg-red-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(248 113 113 / var(--tw-bg-opacity));
      }
      .bg-red-400\/0 {
        background-color: #f8717100;
      }
      .bg-red-400\/10 {
        background-color: #f871711a;
      }
      .bg-red-400\/100 {
        background-color: #f87171;
      }
      .bg-red-400\/15 {
        background-color: #f8717126;
      }
      .bg-red-400\/20 {
        background-color: #f8717133;
      }
      .bg-red-400\/25 {
        background-color: #f8717140;
      }
      .bg-red-400\/30 {
        background-color: #f871714d;
      }
      .bg-red-400\/35 {
        background-color: #f8717159;
      }
      .bg-red-400\/40 {
        background-color: #f8717166;
      }
      .bg-red-400\/45 {
        background-color: #f8717173;
      }
      .bg-red-400\/5 {
        background-color: #f871710d;
      }
      .bg-red-400\/50 {
        background-color: #f8717180;
      }
      .bg-red-400\/55 {
        background-color: #f871718c;
      }
      .bg-red-400\/60 {
        background-color: #f8717199;
      }
      .bg-red-400\/65 {
        background-color: #f87171a6;
      }
      .bg-red-400\/70 {
        background-color: #f87171b3;
      }
      .bg-red-400\/75 {
        background-color: #f87171bf;
      }
      .bg-red-400\/80 {
        background-color: #f87171cc;
      }
      .bg-red-400\/85 {
        background-color: #f87171d9;
      }
      .bg-red-400\/90 {
        background-color: #f87171e6;
      }
      .bg-red-400\/95 {
        background-color: #f87171f2;
      }
      .bg-red-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(239 68 68 / var(--tw-bg-opacity));
      }
      .bg-red-500\/0 {
        background-color: #ef444400;
      }
      .bg-red-500\/10 {
        background-color: #ef44441a;
      }
      .bg-red-500\/100 {
        background-color: #ef4444;
      }
      .bg-red-500\/15 {
        background-color: #ef444426;
      }
      .bg-red-500\/20 {
        background-color: #ef444433;
      }
      .bg-red-500\/25 {
        background-color: #ef444440;
      }
      .bg-red-500\/30 {
        background-color: #ef44444d;
      }
      .bg-red-500\/35 {
        background-color: #ef444459;
      }
      .bg-red-500\/40 {
        background-color: #ef444466;
      }
      .bg-red-500\/45 {
        background-color: #ef444473;
      }
      .bg-red-500\/5 {
        background-color: #ef44440d;
      }
      .bg-red-500\/50 {
        background-color: #ef444480;
      }
      .bg-red-500\/55 {
        background-color: #ef44448c;
      }
      .bg-red-500\/60 {
        background-color: #ef444499;
      }
      .bg-red-500\/65 {
        background-color: #ef4444a6;
      }
      .bg-red-500\/70 {
        background-color: #ef4444b3;
      }
      .bg-red-500\/75 {
        background-color: #ef4444bf;
      }
      .bg-red-500\/80 {
        background-color: #ef4444cc;
      }
      .bg-red-500\/85 {
        background-color: #ef4444d9;
      }
      .bg-red-500\/90 {
        background-color: #ef4444e6;
      }
      .bg-red-500\/95 {
        background-color: #ef4444f2;
      }
      .bg-rose-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(251 113 133 / var(--tw-bg-opacity));
      }
      .bg-rose-400\/0 {
        background-color: #fb718500;
      }
      .bg-rose-400\/10 {
        background-color: #fb71851a;
      }
      .bg-rose-400\/100 {
        background-color: #fb7185;
      }
      .bg-rose-400\/15 {
        background-color: #fb718526;
      }
      .bg-rose-400\/20 {
        background-color: #fb718533;
      }
      .bg-rose-400\/25 {
        background-color: #fb718540;
      }
      .bg-rose-400\/30 {
        background-color: #fb71854d;
      }
      .bg-rose-400\/35 {
        background-color: #fb718559;
      }
      .bg-rose-400\/40 {
        background-color: #fb718566;
      }
      .bg-rose-400\/45 {
        background-color: #fb718573;
      }
      .bg-rose-400\/5 {
        background-color: #fb71850d;
      }
      .bg-rose-400\/50 {
        background-color: #fb718580;
      }
      .bg-rose-400\/55 {
        background-color: #fb71858c;
      }
      .bg-rose-400\/60 {
        background-color: #fb718599;
      }
      .bg-rose-400\/65 {
        background-color: #fb7185a6;
      }
      .bg-rose-400\/70 {
        background-color: #fb7185b3;
      }
      .bg-rose-400\/75 {
        background-color: #fb7185bf;
      }
      .bg-rose-400\/80 {
        background-color: #fb7185cc;
      }
      .bg-rose-400\/85 {
        background-color: #fb7185d9;
      }
      .bg-rose-400\/90 {
        background-color: #fb7185e6;
      }
      .bg-rose-400\/95 {
        background-color: #fb7185f2;
      }
      .bg-rose-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(244 63 94 / var(--tw-bg-opacity));
      }
      .bg-rose-500\/0 {
        background-color: #f43f5e00;
      }
      .bg-rose-500\/10 {
        background-color: #f43f5e1a;
      }
      .bg-rose-500\/100 {
        background-color: #f43f5e;
      }
      .bg-rose-500\/15 {
        background-color: #f43f5e26;
      }
      .bg-rose-500\/20 {
        background-color: #f43f5e33;
      }
      .bg-rose-500\/25 {
        background-color: #f43f5e40;
      }
      .bg-rose-500\/30 {
        background-color: #f43f5e4d;
      }
      .bg-rose-500\/35 {
        background-color: #f43f5e59;
      }
      .bg-rose-500\/40 {
        background-color: #f43f5e66;
      }
      .bg-rose-500\/45 {
        background-color: #f43f5e73;
      }
      .bg-rose-500\/5 {
        background-color: #f43f5e0d;
      }
      .bg-rose-500\/50 {
        background-color: #f43f5e80;
      }
      .bg-rose-500\/55 {
        background-color: #f43f5e8c;
      }
      .bg-rose-500\/60 {
        background-color: #f43f5e99;
      }
      .bg-rose-500\/65 {
        background-color: #f43f5ea6;
      }
      .bg-rose-500\/70 {
        background-color: #f43f5eb3;
      }
      .bg-rose-500\/75 {
        background-color: #f43f5ebf;
      }
      .bg-rose-500\/80 {
        background-color: #f43f5ecc;
      }
      .bg-rose-500\/85 {
        background-color: #f43f5ed9;
      }
      .bg-rose-500\/90 {
        background-color: #f43f5ee6;
      }
      .bg-rose-500\/95 {
        background-color: #f43f5ef2;
      }
      .bg-sky-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(56 189 248 / var(--tw-bg-opacity));
      }
      .bg-sky-400\/0 {
        background-color: #38bdf800;
      }
      .bg-sky-400\/10 {
        background-color: #38bdf81a;
      }
      .bg-sky-400\/100 {
        background-color: #38bdf8;
      }
      .bg-sky-400\/15 {
        background-color: #38bdf826;
      }
      .bg-sky-400\/20 {
        background-color: #38bdf833;
      }
      .bg-sky-400\/25 {
        background-color: #38bdf840;
      }
      .bg-sky-400\/30 {
        background-color: #38bdf84d;
      }
      .bg-sky-400\/35 {
        background-color: #38bdf859;
      }
      .bg-sky-400\/40 {
        background-color: #38bdf866;
      }
      .bg-sky-400\/45 {
        background-color: #38bdf873;
      }
      .bg-sky-400\/5 {
        background-color: #38bdf80d;
      }
      .bg-sky-400\/50 {
        background-color: #38bdf880;
      }
      .bg-sky-400\/55 {
        background-color: #38bdf88c;
      }
      .bg-sky-400\/60 {
        background-color: #38bdf899;
      }
      .bg-sky-400\/65 {
        background-color: #38bdf8a6;
      }
      .bg-sky-400\/70 {
        background-color: #38bdf8b3;
      }
      .bg-sky-400\/75 {
        background-color: #38bdf8bf;
      }
      .bg-sky-400\/80 {
        background-color: #38bdf8cc;
      }
      .bg-sky-400\/85 {
        background-color: #38bdf8d9;
      }
      .bg-sky-400\/90 {
        background-color: #38bdf8e6;
      }
      .bg-sky-400\/95 {
        background-color: #38bdf8f2;
      }
      .bg-sky-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(14 165 233 / var(--tw-bg-opacity));
      }
      .bg-sky-500\/0 {
        background-color: #0ea5e900;
      }
      .bg-sky-500\/10 {
        background-color: #0ea5e91a;
      }
      .bg-sky-500\/100 {
        background-color: #0ea5e9;
      }
      .bg-sky-500\/15 {
        background-color: #0ea5e926;
      }
      .bg-sky-500\/20 {
        background-color: #0ea5e933;
      }
      .bg-sky-500\/25 {
        background-color: #0ea5e940;
      }
      .bg-sky-500\/30 {
        background-color: #0ea5e94d;
      }
      .bg-sky-500\/35 {
        background-color: #0ea5e959;
      }
      .bg-sky-500\/40 {
        background-color: #0ea5e966;
      }
      .bg-sky-500\/45 {
        background-color: #0ea5e973;
      }
      .bg-sky-500\/5 {
        background-color: #0ea5e90d;
      }
      .bg-sky-500\/50 {
        background-color: #0ea5e980;
      }
      .bg-sky-500\/55 {
        background-color: #0ea5e98c;
      }
      .bg-sky-500\/60 {
        background-color: #0ea5e999;
      }
      .bg-sky-500\/65 {
        background-color: #0ea5e9a6;
      }
      .bg-sky-500\/70 {
        background-color: #0ea5e9b3;
      }
      .bg-sky-500\/75 {
        background-color: #0ea5e9bf;
      }
      .bg-sky-500\/80 {
        background-color: #0ea5e9cc;
      }
      .bg-sky-500\/85 {
        background-color: #0ea5e9d9;
      }
      .bg-sky-500\/90 {
        background-color: #0ea5e9e6;
      }
      .bg-sky-500\/95 {
        background-color: #0ea5e9f2;
      }
      .bg-teal-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(45 212 191 / var(--tw-bg-opacity));
      }
      .bg-teal-400\/0 {
        background-color: #2dd4bf00;
      }
      .bg-teal-400\/10 {
        background-color: #2dd4bf1a;
      }
      .bg-teal-400\/100 {
        background-color: #2dd4bf;
      }
      .bg-teal-400\/15 {
        background-color: #2dd4bf26;
      }
      .bg-teal-400\/20 {
        background-color: #2dd4bf33;
      }
      .bg-teal-400\/25 {
        background-color: #2dd4bf40;
      }
      .bg-teal-400\/30 {
        background-color: #2dd4bf4d;
      }
      .bg-teal-400\/35 {
        background-color: #2dd4bf59;
      }
      .bg-teal-400\/40 {
        background-color: #2dd4bf66;
      }
      .bg-teal-400\/45 {
        background-color: #2dd4bf73;
      }
      .bg-teal-400\/5 {
        background-color: #2dd4bf0d;
      }
      .bg-teal-400\/50 {
        background-color: #2dd4bf80;
      }
      .bg-teal-400\/55 {
        background-color: #2dd4bf8c;
      }
      .bg-teal-400\/60 {
        background-color: #2dd4bf99;
      }
      .bg-teal-400\/65 {
        background-color: #2dd4bfa6;
      }
      .bg-teal-400\/70 {
        background-color: #2dd4bfb3;
      }
      .bg-teal-400\/75 {
        background-color: #2dd4bfbf;
      }
      .bg-teal-400\/80 {
        background-color: #2dd4bfcc;
      }
      .bg-teal-400\/85 {
        background-color: #2dd4bfd9;
      }
      .bg-teal-400\/90 {
        background-color: #2dd4bfe6;
      }
      .bg-teal-400\/95 {
        background-color: #2dd4bff2;
      }
      .bg-teal-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(20 184 166 / var(--tw-bg-opacity));
      }
      .bg-teal-500\/0 {
        background-color: #14b8a600;
      }
      .bg-teal-500\/10 {
        background-color: #14b8a61a;
      }
      .bg-teal-500\/100 {
        background-color: #14b8a6;
      }
      .bg-teal-500\/15 {
        background-color: #14b8a626;
      }
      .bg-teal-500\/20 {
        background-color: #14b8a633;
      }
      .bg-teal-500\/25 {
        background-color: #14b8a640;
      }
      .bg-teal-500\/30 {
        background-color: #14b8a64d;
      }
      .bg-teal-500\/35 {
        background-color: #14b8a659;
      }
      .bg-teal-500\/40 {
        background-color: #14b8a666;
      }
      .bg-teal-500\/45 {
        background-color: #14b8a673;
      }
      .bg-teal-500\/5 {
        background-color: #14b8a60d;
      }
      .bg-teal-500\/50 {
        background-color: #14b8a680;
      }
      .bg-teal-500\/55 {
        background-color: #14b8a68c;
      }
      .bg-teal-500\/60 {
        background-color: #14b8a699;
      }
      .bg-teal-500\/65 {
        background-color: #14b8a6a6;
      }
      .bg-teal-500\/70 {
        background-color: #14b8a6b3;
      }
      .bg-teal-500\/75 {
        background-color: #14b8a6bf;
      }
      .bg-teal-500\/80 {
        background-color: #14b8a6cc;
      }
      .bg-teal-500\/85 {
        background-color: #14b8a6d9;
      }
      .bg-teal-500\/90 {
        background-color: #14b8a6e6;
      }
      .bg-teal-500\/95 {
        background-color: #14b8a6f2;
      }
      .bg-transparent {
        background-color: initial;
      }
      .bg-violet-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(167 139 250 / var(--tw-bg-opacity));
      }
      .bg-violet-400\/0 {
        background-color: #a78bfa00;
      }
      .bg-violet-400\/10 {
        background-color: #a78bfa1a;
      }
      .bg-violet-400\/100 {
        background-color: #a78bfa;
      }
      .bg-violet-400\/15 {
        background-color: #a78bfa26;
      }
      .bg-violet-400\/20 {
        background-color: #a78bfa33;
      }
      .bg-violet-400\/25 {
        background-color: #a78bfa40;
      }
      .bg-violet-400\/30 {
        background-color: #a78bfa4d;
      }
      .bg-violet-400\/35 {
        background-color: #a78bfa59;
      }
      .bg-violet-400\/40 {
        background-color: #a78bfa66;
      }
      .bg-violet-400\/45 {
        background-color: #a78bfa73;
      }
      .bg-violet-400\/5 {
        background-color: #a78bfa0d;
      }
      .bg-violet-400\/50 {
        background-color: #a78bfa80;
      }
      .bg-violet-400\/55 {
        background-color: #a78bfa8c;
      }
      .bg-violet-400\/60 {
        background-color: #a78bfa99;
      }
      .bg-violet-400\/65 {
        background-color: #a78bfaa6;
      }
      .bg-violet-400\/70 {
        background-color: #a78bfab3;
      }
      .bg-violet-400\/75 {
        background-color: #a78bfabf;
      }
      .bg-violet-400\/80 {
        background-color: #a78bfacc;
      }
      .bg-violet-400\/85 {
        background-color: #a78bfad9;
      }
      .bg-violet-400\/90 {
        background-color: #a78bfae6;
      }
      .bg-violet-400\/95 {
        background-color: #a78bfaf2;
      }
      .bg-violet-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(139 92 246 / var(--tw-bg-opacity));
      }
      .bg-violet-500\/0 {
        background-color: #8b5cf600;
      }
      .bg-violet-500\/10 {
        background-color: #8b5cf61a;
      }
      .bg-violet-500\/100 {
        background-color: #8b5cf6;
      }
      .bg-violet-500\/15 {
        background-color: #8b5cf626;
      }
      .bg-violet-500\/20 {
        background-color: #8b5cf633;
      }
      .bg-violet-500\/25 {
        background-color: #8b5cf640;
      }
      .bg-violet-500\/30 {
        background-color: #8b5cf64d;
      }
      .bg-violet-500\/35 {
        background-color: #8b5cf659;
      }
      .bg-violet-500\/40 {
        background-color: #8b5cf666;
      }
      .bg-violet-500\/45 {
        background-color: #8b5cf673;
      }
      .bg-violet-500\/5 {
        background-color: #8b5cf60d;
      }
      .bg-violet-500\/50 {
        background-color: #8b5cf680;
      }
      .bg-violet-500\/55 {
        background-color: #8b5cf68c;
      }
      .bg-violet-500\/60 {
        background-color: #8b5cf699;
      }
      .bg-violet-500\/65 {
        background-color: #8b5cf6a6;
      }
      .bg-violet-500\/70 {
        background-color: #8b5cf6b3;
      }
      .bg-violet-500\/75 {
        background-color: #8b5cf6bf;
      }
      .bg-violet-500\/80 {
        background-color: #8b5cf6cc;
      }
      .bg-violet-500\/85 {
        background-color: #8b5cf6d9;
      }
      .bg-violet-500\/90 {
        background-color: #8b5cf6e6;
      }
      .bg-violet-500\/95 {
        background-color: #8b5cf6f2;
      }
      .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .bg-yellow-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(250 204 21 / var(--tw-bg-opacity));
      }
      .bg-yellow-400\/0 {
        background-color: #facc1500;
      }
      .bg-yellow-400\/10 {
        background-color: #facc151a;
      }
      .bg-yellow-400\/100 {
        background-color: #facc15;
      }
      .bg-yellow-400\/15 {
        background-color: #facc1526;
      }
      .bg-yellow-400\/20 {
        background-color: #facc1533;
      }
      .bg-yellow-400\/25 {
        background-color: #facc1540;
      }
      .bg-yellow-400\/30 {
        background-color: #facc154d;
      }
      .bg-yellow-400\/35 {
        background-color: #facc1559;
      }
      .bg-yellow-400\/40 {
        background-color: #facc1566;
      }
      .bg-yellow-400\/45 {
        background-color: #facc1573;
      }
      .bg-yellow-400\/5 {
        background-color: #facc150d;
      }
      .bg-yellow-400\/50 {
        background-color: #facc1580;
      }
      .bg-yellow-400\/55 {
        background-color: #facc158c;
      }
      .bg-yellow-400\/60 {
        background-color: #facc1599;
      }
      .bg-yellow-400\/65 {
        background-color: #facc15a6;
      }
      .bg-yellow-400\/70 {
        background-color: #facc15b3;
      }
      .bg-yellow-400\/75 {
        background-color: #facc15bf;
      }
      .bg-yellow-400\/80 {
        background-color: #facc15cc;
      }
      .bg-yellow-400\/85 {
        background-color: #facc15d9;
      }
      .bg-yellow-400\/90 {
        background-color: #facc15e6;
      }
      .bg-yellow-400\/95 {
        background-color: #facc15f2;
      }
      .bg-yellow-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(234 179 8 / var(--tw-bg-opacity));
      }
      .bg-yellow-500\/0 {
        background-color: #eab30800;
      }
      .bg-yellow-500\/10 {
        background-color: #eab3081a;
      }
      .bg-yellow-500\/100 {
        background-color: #eab308;
      }
      .bg-yellow-500\/15 {
        background-color: #eab30826;
      }
      .bg-yellow-500\/20 {
        background-color: #eab30833;
      }
      .bg-yellow-500\/25 {
        background-color: #eab30840;
      }
      .bg-yellow-500\/30 {
        background-color: #eab3084d;
      }
      .bg-yellow-500\/35 {
        background-color: #eab30859;
      }
      .bg-yellow-500\/40 {
        background-color: #eab30866;
      }
      .bg-yellow-500\/45 {
        background-color: #eab30873;
      }
      .bg-yellow-500\/5 {
        background-color: #eab3080d;
      }
      .bg-yellow-500\/50 {
        background-color: #eab30880;
      }
      .bg-yellow-500\/55 {
        background-color: #eab3088c;
      }
      .bg-yellow-500\/60 {
        background-color: #eab30899;
      }
      .bg-yellow-500\/65 {
        background-color: #eab308a6;
      }
      .bg-yellow-500\/70 {
        background-color: #eab308b3;
      }
      .bg-yellow-500\/75 {
        background-color: #eab308bf;
      }
      .bg-yellow-500\/80 {
        background-color: #eab308cc;
      }
      .bg-yellow-500\/85 {
        background-color: #eab308d9;
      }
      .bg-yellow-500\/90 {
        background-color: #eab308e6;
      }
      .bg-yellow-500\/95 {
        background-color: #eab308f2;
      }
      .bg-none {
        background-image: none;
      }
      .bg-bottom {
        background-position: bottom;
      }
      .p-0 {
        padding: 0;
      }
      .p-0\.5 {
        padding: 0.125rem;
      }
      .p-1 {
        padding: 0.25rem;
      }
      .p-1\.5 {
        padding: 0.375rem;
      }
      .p-2 {
        padding: 0.5rem;
      }
      .p-2\.5 {
        padding: 0.625rem;
      }
      .p-4 {
        padding: 1rem;
      }
      .p-px {
        padding: 1px;
      }
      .px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
      }
      .px-1\.5 {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
      }
      .px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
      .px-2\.5 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      .px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
      .px-3\.5 {
        padding-left: 0.875rem;
        padding-right: 0.875rem;
      }
      .px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
      }
      .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
      .px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
      }
      .py-0 {
        padding-bottom: 0;
        padding-top: 0;
      }
      .py-0\.5 {
        padding-bottom: 0.125rem;
        padding-top: 0.125rem;
      }
      .py-1 {
        padding-bottom: 0.25rem;
        padding-top: 0.25rem;
      }
      .py-1\.5 {
        padding-bottom: 0.375rem;
        padding-top: 0.375rem;
      }
      .py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem;
      }
      .py-2 {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
      }
      .py-2\.5 {
        padding-bottom: 0.625rem;
        padding-top: 0.625rem;
      }
      .py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
      }
      .py-3\.5 {
        padding-bottom: 0.875rem;
        padding-top: 0.875rem;
      }
      .py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem;
      }
      .py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
      }
      .py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
      }
      .py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem;
      }
      .pb-3 {
        padding-bottom: 0.75rem;
      }
      .pe-10 {
        padding-inline-end: 2.5rem;
      }
      .pe-11 {
        padding-inline-end: 2.75rem;
      }
      .pe-12 {
        padding-inline-end: 3rem;
      }
      .pe-2 {
        padding-inline-end: 0.5rem;
      }
      .pe-7 {
        padding-inline-end: 1.75rem;
      }
      .pe-8 {
        padding-inline-end: 2rem;
      }
      .pe-9 {
        padding-inline-end: 2.25rem;
      }
      .pl-2 {
        padding-left: 0.5rem;
      }
      .pl-3 {
        padding-left: 0.75rem;
      }
      .ps-10 {
        padding-inline-start: 2.5rem;
      }
      .ps-11 {
        padding-inline-start: 2.75rem;
      }
      .ps-12 {
        padding-inline-start: 3rem;
      }
      .ps-4 {
        padding-inline-start: 1rem;
      }
      .ps-7 {
        padding-inline-start: 1.75rem;
      }
      .ps-8 {
        padding-inline-start: 2rem;
      }
      .ps-9 {
        padding-inline-start: 2.25rem;
      }
      .pt-1 {
        padding-top: 0.25rem;
      }
      .pt-1\.5 {
        padding-top: 0.375rem;
      }
      .pt-6 {
        padding-top: 1.5rem;
      }
      .text-left {
        text-align: left;
      }
      .text-center {
        text-align: center;
      }
      .text-end {
        text-align: end;
      }
      .font-sans {
        font-family:
          ui-sans-serif,
          system-ui,
          sans-serif,
          Apple Color Emoji,
          Segoe UI Emoji,
          Segoe UI Symbol,
          Noto Color Emoji;
      }
      .text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      .text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
      }
      .text-\[10px\] {
        font-size: 10px;
      }
      .text-\[11px\] {
        font-size: 11px;
      }
      .text-\[12px\] {
        font-size: 12px;
      }
      .text-\[14px\] {
        font-size: 14px;
      }
      .text-\[4\.375vw\] {
        font-size: 4.375vw;
      }
      .text-\[4px\] {
        font-size: 4px;
      }
      .text-\[5px\] {
        font-size: 5px;
      }
      .text-\[6\.25vw\] {
        font-size: 6.25vw;
      }
      .text-\[6px\] {
        font-size: 6px;
      }
      .text-\[7\.5vw\] {
        font-size: 7.5vw;
      }
      .text-\[7px\] {
        font-size: 7px;
      }
      .text-\[8px\] {
        font-size: 8px;
      }
      .text-base {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      .text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      .text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
      .text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      .font-bold {
        font-weight: 700;
      }
      .font-light {
        font-weight: 300;
      }
      .font-medium {
        font-weight: 500;
      }
      .font-normal {
        font-weight: 400;
      }
      .font-semibold {
        font-weight: 600;
      }
      .uppercase {
        text-transform: uppercase;
      }
      .capitalize {
        text-transform: capitalize;
      }
      .italic {
        font-style: italic;
      }
      .leading-4 {
        line-height: 1rem;
      }
      .leading-5 {
        line-height: 1.25rem;
      }
      .leading-6 {
        line-height: 1.5rem;
      }
      .leading-none {
        line-height: 1;
      }
      .text-\[\#00d664\] {
        --tw-text-opacity: 1;
        color: rgb(0 214 100 / var(--tw-text-opacity));
      }
      .text-\[\#00ebc1\] {
        --tw-text-opacity: 1;
        color: rgb(0 235 193 / var(--tw-text-opacity));
      }
      .text-\[\#00ff82\] {
        --tw-text-opacity: 1;
        color: rgb(0 255 130 / var(--tw-text-opacity));
      }
      .text-\[\#16db65\] {
        --tw-text-opacity: 1;
        color: rgb(22 219 101 / var(--tw-text-opacity));
      }
      .text-\[\#E9DABB\] {
        --tw-text-opacity: 1;
        color: rgb(233 218 187 / var(--tw-text-opacity));
      }
      .text-\[\#F2052F\] {
        --tw-text-opacity: 1;
        color: rgb(242 5 47 / var(--tw-text-opacity));
      }
      .text-amber-400 {
        --tw-text-opacity: 1;
        color: rgb(251 191 36 / var(--tw-text-opacity));
      }
      .text-amber-400\/0 {
        color: #fbbf2400;
      }
      .text-amber-400\/10 {
        color: #fbbf241a;
      }
      .text-amber-400\/100 {
        color: #fbbf24;
      }
      .text-amber-400\/15 {
        color: #fbbf2426;
      }
      .text-amber-400\/20 {
        color: #fbbf2433;
      }
      .text-amber-400\/25 {
        color: #fbbf2440;
      }
      .text-amber-400\/30 {
        color: #fbbf244d;
      }
      .text-amber-400\/35 {
        color: #fbbf2459;
      }
      .text-amber-400\/40 {
        color: #fbbf2466;
      }
      .text-amber-400\/45 {
        color: #fbbf2473;
      }
      .text-amber-400\/5 {
        color: #fbbf240d;
      }
      .text-amber-400\/50 {
        color: #fbbf2480;
      }
      .text-amber-400\/55 {
        color: #fbbf248c;
      }
      .text-amber-400\/60 {
        color: #fbbf2499;
      }
      .text-amber-400\/65 {
        color: #fbbf24a6;
      }
      .text-amber-400\/70 {
        color: #fbbf24b3;
      }
      .text-amber-400\/75 {
        color: #fbbf24bf;
      }
      .text-amber-400\/80 {
        color: #fbbf24cc;
      }
      .text-amber-400\/85 {
        color: #fbbf24d9;
      }
      .text-amber-400\/90 {
        color: #fbbf24e6;
      }
      .text-amber-400\/95 {
        color: #fbbf24f2;
      }
      .text-amber-500 {
        --tw-text-opacity: 1;
        color: rgb(245 158 11 / var(--tw-text-opacity));
      }
      .text-amber-500\/0 {
        color: #f59e0b00;
      }
      .text-amber-500\/10 {
        color: #f59e0b1a;
      }
      .text-amber-500\/100 {
        color: #f59e0b;
      }
      .text-amber-500\/15 {
        color: #f59e0b26;
      }
      .text-amber-500\/20 {
        color: #f59e0b33;
      }
      .text-amber-500\/25 {
        color: #f59e0b40;
      }
      .text-amber-500\/30 {
        color: #f59e0b4d;
      }
      .text-amber-500\/35 {
        color: #f59e0b59;
      }
      .text-amber-500\/40 {
        color: #f59e0b66;
      }
      .text-amber-500\/45 {
        color: #f59e0b73;
      }
      .text-amber-500\/5 {
        color: #f59e0b0d;
      }
      .text-amber-500\/50 {
        color: #f59e0b80;
      }
      .text-amber-500\/55 {
        color: #f59e0b8c;
      }
      .text-amber-500\/60 {
        color: #f59e0b99;
      }
      .text-amber-500\/65 {
        color: #f59e0ba6;
      }
      .text-amber-500\/70 {
        color: #f59e0bb3;
      }
      .text-amber-500\/75 {
        color: #f59e0bbf;
      }
      .text-amber-500\/80 {
        color: #f59e0bcc;
      }
      .text-amber-500\/85 {
        color: #f59e0bd9;
      }
      .text-amber-500\/90 {
        color: #f59e0be6;
      }
      .text-amber-500\/95 {
        color: #f59e0bf2;
      }
      .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-400\/0 {
        color: #60a5fa00;
      }
      .text-blue-400\/10 {
        color: #60a5fa1a;
      }
      .text-blue-400\/100 {
        color: #60a5fa;
      }
      .text-blue-400\/15 {
        color: #60a5fa26;
      }
      .text-blue-400\/20 {
        color: #60a5fa33;
      }
      .text-blue-400\/25 {
        color: #60a5fa40;
      }
      .text-blue-400\/30 {
        color: #60a5fa4d;
      }
      .text-blue-400\/35 {
        color: #60a5fa59;
      }
      .text-blue-400\/40 {
        color: #60a5fa66;
      }
      .text-blue-400\/45 {
        color: #60a5fa73;
      }
      .text-blue-400\/5 {
        color: #60a5fa0d;
      }
      .text-blue-400\/50 {
        color: #60a5fa80;
      }
      .text-blue-400\/55 {
        color: #60a5fa8c;
      }
      .text-blue-400\/60 {
        color: #60a5fa99;
      }
      .text-blue-400\/65 {
        color: #60a5faa6;
      }
      .text-blue-400\/70 {
        color: #60a5fab3;
      }
      .text-blue-400\/75 {
        color: #60a5fabf;
      }
      .text-blue-400\/80 {
        color: #60a5facc;
      }
      .text-blue-400\/85 {
        color: #60a5fad9;
      }
      .text-blue-400\/90 {
        color: #60a5fae6;
      }
      .text-blue-400\/95 {
        color: #60a5faf2;
      }
      .text-blue-500 {
        --tw-text-opacity: 1;
        color: rgb(59 130 246 / var(--tw-text-opacity));
      }
      .text-blue-500\/0 {
        color: #3b82f600;
      }
      .text-blue-500\/10 {
        color: #3b82f61a;
      }
      .text-blue-500\/100 {
        color: #3b82f6;
      }
      .text-blue-500\/15 {
        color: #3b82f626;
      }
      .text-blue-500\/20 {
        color: #3b82f633;
      }
      .text-blue-500\/25 {
        color: #3b82f640;
      }
      .text-blue-500\/30 {
        color: #3b82f64d;
      }
      .text-blue-500\/35 {
        color: #3b82f659;
      }
      .text-blue-500\/40 {
        color: #3b82f666;
      }
      .text-blue-500\/45 {
        color: #3b82f673;
      }
      .text-blue-500\/5 {
        color: #3b82f60d;
      }
      .text-blue-500\/50 {
        color: #3b82f680;
      }
      .text-blue-500\/55 {
        color: #3b82f68c;
      }
      .text-blue-500\/60 {
        color: #3b82f699;
      }
      .text-blue-500\/65 {
        color: #3b82f6a6;
      }
      .text-blue-500\/70 {
        color: #3b82f6b3;
      }
      .text-blue-500\/75 {
        color: #3b82f6bf;
      }
      .text-blue-500\/80 {
        color: #3b82f6cc;
      }
      .text-blue-500\/85 {
        color: #3b82f6d9;
      }
      .text-blue-500\/90 {
        color: #3b82f6e6;
      }
      .text-blue-500\/95 {
        color: #3b82f6f2;
      }
      .text-cyan-400 {
        --tw-text-opacity: 1;
        color: rgb(34 211 238 / var(--tw-text-opacity));
      }
      .text-cyan-400\/0 {
        color: #22d3ee00;
      }
      .text-cyan-400\/10 {
        color: #22d3ee1a;
      }
      .text-cyan-400\/100 {
        color: #22d3ee;
      }
      .text-cyan-400\/15 {
        color: #22d3ee26;
      }
      .text-cyan-400\/20 {
        color: #22d3ee33;
      }
      .text-cyan-400\/25 {
        color: #22d3ee40;
      }
      .text-cyan-400\/30 {
        color: #22d3ee4d;
      }
      .text-cyan-400\/35 {
        color: #22d3ee59;
      }
      .text-cyan-400\/40 {
        color: #22d3ee66;
      }
      .text-cyan-400\/45 {
        color: #22d3ee73;
      }
      .text-cyan-400\/5 {
        color: #22d3ee0d;
      }
      .text-cyan-400\/50 {
        color: #22d3ee80;
      }
      .text-cyan-400\/55 {
        color: #22d3ee8c;
      }
      .text-cyan-400\/60 {
        color: #22d3ee99;
      }
      .text-cyan-400\/65 {
        color: #22d3eea6;
      }
      .text-cyan-400\/70 {
        color: #22d3eeb3;
      }
      .text-cyan-400\/75 {
        color: #22d3eebf;
      }
      .text-cyan-400\/80 {
        color: #22d3eecc;
      }
      .text-cyan-400\/85 {
        color: #22d3eed9;
      }
      .text-cyan-400\/90 {
        color: #22d3eee6;
      }
      .text-cyan-400\/95 {
        color: #22d3eef2;
      }
      .text-cyan-500 {
        --tw-text-opacity: 1;
        color: rgb(6 182 212 / var(--tw-text-opacity));
      }
      .text-cyan-500\/0 {
        color: #06b6d400;
      }
      .text-cyan-500\/10 {
        color: #06b6d41a;
      }
      .text-cyan-500\/100 {
        color: #06b6d4;
      }
      .text-cyan-500\/15 {
        color: #06b6d426;
      }
      .text-cyan-500\/20 {
        color: #06b6d433;
      }
      .text-cyan-500\/25 {
        color: #06b6d440;
      }
      .text-cyan-500\/30 {
        color: #06b6d44d;
      }
      .text-cyan-500\/35 {
        color: #06b6d459;
      }
      .text-cyan-500\/40 {
        color: #06b6d466;
      }
      .text-cyan-500\/45 {
        color: #06b6d473;
      }
      .text-cyan-500\/5 {
        color: #06b6d40d;
      }
      .text-cyan-500\/50 {
        color: #06b6d480;
      }
      .text-cyan-500\/55 {
        color: #06b6d48c;
      }
      .text-cyan-500\/60 {
        color: #06b6d499;
      }
      .text-cyan-500\/65 {
        color: #06b6d4a6;
      }
      .text-cyan-500\/70 {
        color: #06b6d4b3;
      }
      .text-cyan-500\/75 {
        color: #06b6d4bf;
      }
      .text-cyan-500\/80 {
        color: #06b6d4cc;
      }
      .text-cyan-500\/85 {
        color: #06b6d4d9;
      }
      .text-cyan-500\/90 {
        color: #06b6d4e6;
      }
      .text-cyan-500\/95 {
        color: #06b6d4f2;
      }
      .text-emerald-400 {
        --tw-text-opacity: 1;
        color: rgb(52 211 153 / var(--tw-text-opacity));
      }
      .text-emerald-400\/0 {
        color: #34d39900;
      }
      .text-emerald-400\/10 {
        color: #34d3991a;
      }
      .text-emerald-400\/100 {
        color: #34d399;
      }
      .text-emerald-400\/15 {
        color: #34d39926;
      }
      .text-emerald-400\/20 {
        color: #34d39933;
      }
      .text-emerald-400\/25 {
        color: #34d39940;
      }
      .text-emerald-400\/30 {
        color: #34d3994d;
      }
      .text-emerald-400\/35 {
        color: #34d39959;
      }
      .text-emerald-400\/40 {
        color: #34d39966;
      }
      .text-emerald-400\/45 {
        color: #34d39973;
      }
      .text-emerald-400\/5 {
        color: #34d3990d;
      }
      .text-emerald-400\/50 {
        color: #34d39980;
      }
      .text-emerald-400\/55 {
        color: #34d3998c;
      }
      .text-emerald-400\/60 {
        color: #34d39999;
      }
      .text-emerald-400\/65 {
        color: #34d399a6;
      }
      .text-emerald-400\/70 {
        color: #34d399b3;
      }
      .text-emerald-400\/75 {
        color: #34d399bf;
      }
      .text-emerald-400\/80 {
        color: #34d399cc;
      }
      .text-emerald-400\/85 {
        color: #34d399d9;
      }
      .text-emerald-400\/90 {
        color: #34d399e6;
      }
      .text-emerald-400\/95 {
        color: #34d399f2;
      }
      .text-emerald-500 {
        --tw-text-opacity: 1;
        color: rgb(16 185 129 / var(--tw-text-opacity));
      }
      .text-emerald-500\/0 {
        color: #10b98100;
      }
      .text-emerald-500\/10 {
        color: #10b9811a;
      }
      .text-emerald-500\/100 {
        color: #10b981;
      }
      .text-emerald-500\/15 {
        color: #10b98126;
      }
      .text-emerald-500\/20 {
        color: #10b98133;
      }
      .text-emerald-500\/25 {
        color: #10b98140;
      }
      .text-emerald-500\/30 {
        color: #10b9814d;
      }
      .text-emerald-500\/35 {
        color: #10b98159;
      }
      .text-emerald-500\/40 {
        color: #10b98166;
      }
      .text-emerald-500\/45 {
        color: #10b98173;
      }
      .text-emerald-500\/5 {
        color: #10b9810d;
      }
      .text-emerald-500\/50 {
        color: #10b98180;
      }
      .text-emerald-500\/55 {
        color: #10b9818c;
      }
      .text-emerald-500\/60 {
        color: #10b98199;
      }
      .text-emerald-500\/65 {
        color: #10b981a6;
      }
      .text-emerald-500\/70 {
        color: #10b981b3;
      }
      .text-emerald-500\/75 {
        color: #10b981bf;
      }
      .text-emerald-500\/80 {
        color: #10b981cc;
      }
      .text-emerald-500\/85 {
        color: #10b981d9;
      }
      .text-emerald-500\/90 {
        color: #10b981e6;
      }
      .text-emerald-500\/95 {
        color: #10b981f2;
      }
      .text-fuchsia-400 {
        --tw-text-opacity: 1;
        color: rgb(232 121 249 / var(--tw-text-opacity));
      }
      .text-fuchsia-400\/0 {
        color: #e879f900;
      }
      .text-fuchsia-400\/10 {
        color: #e879f91a;
      }
      .text-fuchsia-400\/100 {
        color: #e879f9;
      }
      .text-fuchsia-400\/15 {
        color: #e879f926;
      }
      .text-fuchsia-400\/20 {
        color: #e879f933;
      }
      .text-fuchsia-400\/25 {
        color: #e879f940;
      }
      .text-fuchsia-400\/30 {
        color: #e879f94d;
      }
      .text-fuchsia-400\/35 {
        color: #e879f959;
      }
      .text-fuchsia-400\/40 {
        color: #e879f966;
      }
      .text-fuchsia-400\/45 {
        color: #e879f973;
      }
      .text-fuchsia-400\/5 {
        color: #e879f90d;
      }
      .text-fuchsia-400\/50 {
        color: #e879f980;
      }
      .text-fuchsia-400\/55 {
        color: #e879f98c;
      }
      .text-fuchsia-400\/60 {
        color: #e879f999;
      }
      .text-fuchsia-400\/65 {
        color: #e879f9a6;
      }
      .text-fuchsia-400\/70 {
        color: #e879f9b3;
      }
      .text-fuchsia-400\/75 {
        color: #e879f9bf;
      }
      .text-fuchsia-400\/80 {
        color: #e879f9cc;
      }
      .text-fuchsia-400\/85 {
        color: #e879f9d9;
      }
      .text-fuchsia-400\/90 {
        color: #e879f9e6;
      }
      .text-fuchsia-400\/95 {
        color: #e879f9f2;
      }
      .text-fuchsia-500 {
        --tw-text-opacity: 1;
        color: rgb(217 70 239 / var(--tw-text-opacity));
      }
      .text-fuchsia-500\/0 {
        color: #d946ef00;
      }
      .text-fuchsia-500\/10 {
        color: #d946ef1a;
      }
      .text-fuchsia-500\/100 {
        color: #d946ef;
      }
      .text-fuchsia-500\/15 {
        color: #d946ef26;
      }
      .text-fuchsia-500\/20 {
        color: #d946ef33;
      }
      .text-fuchsia-500\/25 {
        color: #d946ef40;
      }
      .text-fuchsia-500\/30 {
        color: #d946ef4d;
      }
      .text-fuchsia-500\/35 {
        color: #d946ef59;
      }
      .text-fuchsia-500\/40 {
        color: #d946ef66;
      }
      .text-fuchsia-500\/45 {
        color: #d946ef73;
      }
      .text-fuchsia-500\/5 {
        color: #d946ef0d;
      }
      .text-fuchsia-500\/50 {
        color: #d946ef80;
      }
      .text-fuchsia-500\/55 {
        color: #d946ef8c;
      }
      .text-fuchsia-500\/60 {
        color: #d946ef99;
      }
      .text-fuchsia-500\/65 {
        color: #d946efa6;
      }
      .text-fuchsia-500\/70 {
        color: #d946efb3;
      }
      .text-fuchsia-500\/75 {
        color: #d946efbf;
      }
      .text-fuchsia-500\/80 {
        color: #d946efcc;
      }
      .text-fuchsia-500\/85 {
        color: #d946efd9;
      }
      .text-fuchsia-500\/90 {
        color: #d946efe6;
      }
      .text-fuchsia-500\/95 {
        color: #d946eff2;
      }
      .text-gray-400 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-400) / var(--tw-text-opacity));
      }
      .text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-500) / var(--tw-text-opacity));
      }
      .text-gray-700 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-700) / var(--tw-text-opacity));
      }
      .text-gray-900 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-900) / var(--tw-text-opacity));
      }
      .text-green-400 {
        --tw-text-opacity: 1;
        color: rgb(74 222 128 / var(--tw-text-opacity));
      }
      .text-green-400\/0 {
        color: #4ade8000;
      }
      .text-green-400\/10 {
        color: #4ade801a;
      }
      .text-green-400\/100 {
        color: #4ade80;
      }
      .text-green-400\/15 {
        color: #4ade8026;
      }
      .text-green-400\/20 {
        color: #4ade8033;
      }
      .text-green-400\/25 {
        color: #4ade8040;
      }
      .text-green-400\/30 {
        color: #4ade804d;
      }
      .text-green-400\/35 {
        color: #4ade8059;
      }
      .text-green-400\/40 {
        color: #4ade8066;
      }
      .text-green-400\/45 {
        color: #4ade8073;
      }
      .text-green-400\/5 {
        color: #4ade800d;
      }
      .text-green-400\/50 {
        color: #4ade8080;
      }
      .text-green-400\/55 {
        color: #4ade808c;
      }
      .text-green-400\/60 {
        color: #4ade8099;
      }
      .text-green-400\/65 {
        color: #4ade80a6;
      }
      .text-green-400\/70 {
        color: #4ade80b3;
      }
      .text-green-400\/75 {
        color: #4ade80bf;
      }
      .text-green-400\/80 {
        color: #4ade80cc;
      }
      .text-green-400\/85 {
        color: #4ade80d9;
      }
      .text-green-400\/90 {
        color: #4ade80e6;
      }
      .text-green-400\/95 {
        color: #4ade80f2;
      }
      .text-green-500 {
        --tw-text-opacity: 1;
        color: rgb(34 197 94 / var(--tw-text-opacity));
      }
      .text-green-500\/0 {
        color: #22c55e00;
      }
      .text-green-500\/10 {
        color: #22c55e1a;
      }
      .text-green-500\/100 {
        color: #22c55e;
      }
      .text-green-500\/15 {
        color: #22c55e26;
      }
      .text-green-500\/20 {
        color: #22c55e33;
      }
      .text-green-500\/25 {
        color: #22c55e40;
      }
      .text-green-500\/30 {
        color: #22c55e4d;
      }
      .text-green-500\/35 {
        color: #22c55e59;
      }
      .text-green-500\/40 {
        color: #22c55e66;
      }
      .text-green-500\/45 {
        color: #22c55e73;
      }
      .text-green-500\/5 {
        color: #22c55e0d;
      }
      .text-green-500\/50 {
        color: #22c55e80;
      }
      .text-green-500\/55 {
        color: #22c55e8c;
      }
      .text-green-500\/60 {
        color: #22c55e99;
      }
      .text-green-500\/65 {
        color: #22c55ea6;
      }
      .text-green-500\/70 {
        color: #22c55eb3;
      }
      .text-green-500\/75 {
        color: #22c55ebf;
      }
      .text-green-500\/80 {
        color: #22c55ecc;
      }
      .text-green-500\/85 {
        color: #22c55ed9;
      }
      .text-green-500\/90 {
        color: #22c55ee6;
      }
      .text-green-500\/95 {
        color: #22c55ef2;
      }
      .text-indigo-400 {
        --tw-text-opacity: 1;
        color: rgb(129 140 248 / var(--tw-text-opacity));
      }
      .text-indigo-400\/0 {
        color: #818cf800;
      }
      .text-indigo-400\/10 {
        color: #818cf81a;
      }
      .text-indigo-400\/100 {
        color: #818cf8;
      }
      .text-indigo-400\/15 {
        color: #818cf826;
      }
      .text-indigo-400\/20 {
        color: #818cf833;
      }
      .text-indigo-400\/25 {
        color: #818cf840;
      }
      .text-indigo-400\/30 {
        color: #818cf84d;
      }
      .text-indigo-400\/35 {
        color: #818cf859;
      }
      .text-indigo-400\/40 {
        color: #818cf866;
      }
      .text-indigo-400\/45 {
        color: #818cf873;
      }
      .text-indigo-400\/5 {
        color: #818cf80d;
      }
      .text-indigo-400\/50 {
        color: #818cf880;
      }
      .text-indigo-400\/55 {
        color: #818cf88c;
      }
      .text-indigo-400\/60 {
        color: #818cf899;
      }
      .text-indigo-400\/65 {
        color: #818cf8a6;
      }
      .text-indigo-400\/70 {
        color: #818cf8b3;
      }
      .text-indigo-400\/75 {
        color: #818cf8bf;
      }
      .text-indigo-400\/80 {
        color: #818cf8cc;
      }
      .text-indigo-400\/85 {
        color: #818cf8d9;
      }
      .text-indigo-400\/90 {
        color: #818cf8e6;
      }
      .text-indigo-400\/95 {
        color: #818cf8f2;
      }
      .text-indigo-500 {
        --tw-text-opacity: 1;
        color: rgb(99 102 241 / var(--tw-text-opacity));
      }
      .text-indigo-500\/0 {
        color: #6366f100;
      }
      .text-indigo-500\/10 {
        color: #6366f11a;
      }
      .text-indigo-500\/100 {
        color: #6366f1;
      }
      .text-indigo-500\/15 {
        color: #6366f126;
      }
      .text-indigo-500\/20 {
        color: #6366f133;
      }
      .text-indigo-500\/25 {
        color: #6366f140;
      }
      .text-indigo-500\/30 {
        color: #6366f14d;
      }
      .text-indigo-500\/35 {
        color: #6366f159;
      }
      .text-indigo-500\/40 {
        color: #6366f166;
      }
      .text-indigo-500\/45 {
        color: #6366f173;
      }
      .text-indigo-500\/5 {
        color: #6366f10d;
      }
      .text-indigo-500\/50 {
        color: #6366f180;
      }
      .text-indigo-500\/55 {
        color: #6366f18c;
      }
      .text-indigo-500\/60 {
        color: #6366f199;
      }
      .text-indigo-500\/65 {
        color: #6366f1a6;
      }
      .text-indigo-500\/70 {
        color: #6366f1b3;
      }
      .text-indigo-500\/75 {
        color: #6366f1bf;
      }
      .text-indigo-500\/80 {
        color: #6366f1cc;
      }
      .text-indigo-500\/85 {
        color: #6366f1d9;
      }
      .text-indigo-500\/90 {
        color: #6366f1e6;
      }
      .text-indigo-500\/95 {
        color: #6366f1f2;
      }
      .text-lime-400 {
        --tw-text-opacity: 1;
        color: rgb(163 230 53 / var(--tw-text-opacity));
      }
      .text-lime-400\/0 {
        color: #a3e63500;
      }
      .text-lime-400\/10 {
        color: #a3e6351a;
      }
      .text-lime-400\/100 {
        color: #a3e635;
      }
      .text-lime-400\/15 {
        color: #a3e63526;
      }
      .text-lime-400\/20 {
        color: #a3e63533;
      }
      .text-lime-400\/25 {
        color: #a3e63540;
      }
      .text-lime-400\/30 {
        color: #a3e6354d;
      }
      .text-lime-400\/35 {
        color: #a3e63559;
      }
      .text-lime-400\/40 {
        color: #a3e63566;
      }
      .text-lime-400\/45 {
        color: #a3e63573;
      }
      .text-lime-400\/5 {
        color: #a3e6350d;
      }
      .text-lime-400\/50 {
        color: #a3e63580;
      }
      .text-lime-400\/55 {
        color: #a3e6358c;
      }
      .text-lime-400\/60 {
        color: #a3e63599;
      }
      .text-lime-400\/65 {
        color: #a3e635a6;
      }
      .text-lime-400\/70 {
        color: #a3e635b3;
      }
      .text-lime-400\/75 {
        color: #a3e635bf;
      }
      .text-lime-400\/80 {
        color: #a3e635cc;
      }
      .text-lime-400\/85 {
        color: #a3e635d9;
      }
      .text-lime-400\/90 {
        color: #a3e635e6;
      }
      .text-lime-400\/95 {
        color: #a3e635f2;
      }
      .text-lime-500 {
        --tw-text-opacity: 1;
        color: rgb(132 204 22 / var(--tw-text-opacity));
      }
      .text-lime-500\/0 {
        color: #84cc1600;
      }
      .text-lime-500\/10 {
        color: #84cc161a;
      }
      .text-lime-500\/100 {
        color: #84cc16;
      }
      .text-lime-500\/15 {
        color: #84cc1626;
      }
      .text-lime-500\/20 {
        color: #84cc1633;
      }
      .text-lime-500\/25 {
        color: #84cc1640;
      }
      .text-lime-500\/30 {
        color: #84cc164d;
      }
      .text-lime-500\/35 {
        color: #84cc1659;
      }
      .text-lime-500\/40 {
        color: #84cc1666;
      }
      .text-lime-500\/45 {
        color: #84cc1673;
      }
      .text-lime-500\/5 {
        color: #84cc160d;
      }
      .text-lime-500\/50 {
        color: #84cc1680;
      }
      .text-lime-500\/55 {
        color: #84cc168c;
      }
      .text-lime-500\/60 {
        color: #84cc1699;
      }
      .text-lime-500\/65 {
        color: #84cc16a6;
      }
      .text-lime-500\/70 {
        color: #84cc16b3;
      }
      .text-lime-500\/75 {
        color: #84cc16bf;
      }
      .text-lime-500\/80 {
        color: #84cc16cc;
      }
      .text-lime-500\/85 {
        color: #84cc16d9;
      }
      .text-lime-500\/90 {
        color: #84cc16e6;
      }
      .text-lime-500\/95 {
        color: #84cc16f2;
      }
      .text-orange-400 {
        --tw-text-opacity: 1;
        color: rgb(251 146 60 / var(--tw-text-opacity));
      }
      .text-orange-400\/0 {
        color: #fb923c00;
      }
      .text-orange-400\/10 {
        color: #fb923c1a;
      }
      .text-orange-400\/100 {
        color: #fb923c;
      }
      .text-orange-400\/15 {
        color: #fb923c26;
      }
      .text-orange-400\/20 {
        color: #fb923c33;
      }
      .text-orange-400\/25 {
        color: #fb923c40;
      }
      .text-orange-400\/30 {
        color: #fb923c4d;
      }
      .text-orange-400\/35 {
        color: #fb923c59;
      }
      .text-orange-400\/40 {
        color: #fb923c66;
      }
      .text-orange-400\/45 {
        color: #fb923c73;
      }
      .text-orange-400\/5 {
        color: #fb923c0d;
      }
      .text-orange-400\/50 {
        color: #fb923c80;
      }
      .text-orange-400\/55 {
        color: #fb923c8c;
      }
      .text-orange-400\/60 {
        color: #fb923c99;
      }
      .text-orange-400\/65 {
        color: #fb923ca6;
      }
      .text-orange-400\/70 {
        color: #fb923cb3;
      }
      .text-orange-400\/75 {
        color: #fb923cbf;
      }
      .text-orange-400\/80 {
        color: #fb923ccc;
      }
      .text-orange-400\/85 {
        color: #fb923cd9;
      }
      .text-orange-400\/90 {
        color: #fb923ce6;
      }
      .text-orange-400\/95 {
        color: #fb923cf2;
      }
      .text-orange-500 {
        --tw-text-opacity: 1;
        color: rgb(249 115 22 / var(--tw-text-opacity));
      }
      .text-orange-500\/0 {
        color: #f9731600;
      }
      .text-orange-500\/10 {
        color: #f973161a;
      }
      .text-orange-500\/100 {
        color: #f97316;
      }
      .text-orange-500\/15 {
        color: #f9731626;
      }
      .text-orange-500\/20 {
        color: #f9731633;
      }
      .text-orange-500\/25 {
        color: #f9731640;
      }
      .text-orange-500\/30 {
        color: #f973164d;
      }
      .text-orange-500\/35 {
        color: #f9731659;
      }
      .text-orange-500\/40 {
        color: #f9731666;
      }
      .text-orange-500\/45 {
        color: #f9731673;
      }
      .text-orange-500\/5 {
        color: #f973160d;
      }
      .text-orange-500\/50 {
        color: #f9731680;
      }
      .text-orange-500\/55 {
        color: #f973168c;
      }
      .text-orange-500\/60 {
        color: #f9731699;
      }
      .text-orange-500\/65 {
        color: #f97316a6;
      }
      .text-orange-500\/70 {
        color: #f97316b3;
      }
      .text-orange-500\/75 {
        color: #f97316bf;
      }
      .text-orange-500\/80 {
        color: #f97316cc;
      }
      .text-orange-500\/85 {
        color: #f97316d9;
      }
      .text-orange-500\/90 {
        color: #f97316e6;
      }
      .text-orange-500\/95 {
        color: #f97316f2;
      }
      .text-pink-400 {
        --tw-text-opacity: 1;
        color: rgb(244 114 182 / var(--tw-text-opacity));
      }
      .text-pink-400\/0 {
        color: #f472b600;
      }
      .text-pink-400\/10 {
        color: #f472b61a;
      }
      .text-pink-400\/100 {
        color: #f472b6;
      }
      .text-pink-400\/15 {
        color: #f472b626;
      }
      .text-pink-400\/20 {
        color: #f472b633;
      }
      .text-pink-400\/25 {
        color: #f472b640;
      }
      .text-pink-400\/30 {
        color: #f472b64d;
      }
      .text-pink-400\/35 {
        color: #f472b659;
      }
      .text-pink-400\/40 {
        color: #f472b666;
      }
      .text-pink-400\/45 {
        color: #f472b673;
      }
      .text-pink-400\/5 {
        color: #f472b60d;
      }
      .text-pink-400\/50 {
        color: #f472b680;
      }
      .text-pink-400\/55 {
        color: #f472b68c;
      }
      .text-pink-400\/60 {
        color: #f472b699;
      }
      .text-pink-400\/65 {
        color: #f472b6a6;
      }
      .text-pink-400\/70 {
        color: #f472b6b3;
      }
      .text-pink-400\/75 {
        color: #f472b6bf;
      }
      .text-pink-400\/80 {
        color: #f472b6cc;
      }
      .text-pink-400\/85 {
        color: #f472b6d9;
      }
      .text-pink-400\/90 {
        color: #f472b6e6;
      }
      .text-pink-400\/95 {
        color: #f472b6f2;
      }
      .text-pink-500 {
        --tw-text-opacity: 1;
        color: rgb(236 72 153 / var(--tw-text-opacity));
      }
      .text-pink-500\/0 {
        color: #ec489900;
      }
      .text-pink-500\/10 {
        color: #ec48991a;
      }
      .text-pink-500\/100 {
        color: #ec4899;
      }
      .text-pink-500\/15 {
        color: #ec489926;
      }
      .text-pink-500\/20 {
        color: #ec489933;
      }
      .text-pink-500\/25 {
        color: #ec489940;
      }
      .text-pink-500\/30 {
        color: #ec48994d;
      }
      .text-pink-500\/35 {
        color: #ec489959;
      }
      .text-pink-500\/40 {
        color: #ec489966;
      }
      .text-pink-500\/45 {
        color: #ec489973;
      }
      .text-pink-500\/5 {
        color: #ec48990d;
      }
      .text-pink-500\/50 {
        color: #ec489980;
      }
      .text-pink-500\/55 {
        color: #ec48998c;
      }
      .text-pink-500\/60 {
        color: #ec489999;
      }
      .text-pink-500\/65 {
        color: #ec4899a6;
      }
      .text-pink-500\/70 {
        color: #ec4899b3;
      }
      .text-pink-500\/75 {
        color: #ec4899bf;
      }
      .text-pink-500\/80 {
        color: #ec4899cc;
      }
      .text-pink-500\/85 {
        color: #ec4899d9;
      }
      .text-pink-500\/90 {
        color: #ec4899e6;
      }
      .text-pink-500\/95 {
        color: #ec4899f2;
      }
      .text-primary-400 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-400) / var(--tw-text-opacity));
      }
      .text-primary-400\/0 {
        color: rgb(var(--color-primary-400) / 0);
      }
      .text-primary-400\/10 {
        color: rgb(var(--color-primary-400) / 0.1);
      }
      .text-primary-400\/100 {
        color: rgb(var(--color-primary-400) / 1);
      }
      .text-primary-400\/15 {
        color: rgb(var(--color-primary-400) / 0.15);
      }
      .text-primary-400\/20 {
        color: rgb(var(--color-primary-400) / 0.2);
      }
      .text-primary-400\/25 {
        color: rgb(var(--color-primary-400) / 0.25);
      }
      .text-primary-400\/30 {
        color: rgb(var(--color-primary-400) / 0.3);
      }
      .text-primary-400\/35 {
        color: rgb(var(--color-primary-400) / 0.35);
      }
      .text-primary-400\/40 {
        color: rgb(var(--color-primary-400) / 0.4);
      }
      .text-primary-400\/45 {
        color: rgb(var(--color-primary-400) / 0.45);
      }
      .text-primary-400\/5 {
        color: rgb(var(--color-primary-400) / 0.05);
      }
      .text-primary-400\/50 {
        color: rgb(var(--color-primary-400) / 0.5);
      }
      .text-primary-400\/55 {
        color: rgb(var(--color-primary-400) / 0.55);
      }
      .text-primary-400\/60 {
        color: rgb(var(--color-primary-400) / 0.6);
      }
      .text-primary-400\/65 {
        color: rgb(var(--color-primary-400) / 0.65);
      }
      .text-primary-400\/70 {
        color: rgb(var(--color-primary-400) / 0.7);
      }
      .text-primary-400\/75 {
        color: rgb(var(--color-primary-400) / 0.75);
      }
      .text-primary-400\/80 {
        color: rgb(var(--color-primary-400) / 0.8);
      }
      .text-primary-400\/85 {
        color: rgb(var(--color-primary-400) / 0.85);
      }
      .text-primary-400\/90 {
        color: rgb(var(--color-primary-400) / 0.9);
      }
      .text-primary-400\/95 {
        color: rgb(var(--color-primary-400) / 0.95);
      }
      .text-primary-500 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
      }
      .text-primary-500\/0 {
        color: rgb(var(--color-primary-500) / 0);
      }
      .text-primary-500\/10 {
        color: rgb(var(--color-primary-500) / 0.1);
      }
      .text-primary-500\/100 {
        color: rgb(var(--color-primary-500) / 1);
      }
      .text-primary-500\/15 {
        color: rgb(var(--color-primary-500) / 0.15);
      }
      .text-primary-500\/20 {
        color: rgb(var(--color-primary-500) / 0.2);
      }
      .text-primary-500\/25 {
        color: rgb(var(--color-primary-500) / 0.25);
      }
      .text-primary-500\/30 {
        color: rgb(var(--color-primary-500) / 0.3);
      }
      .text-primary-500\/35 {
        color: rgb(var(--color-primary-500) / 0.35);
      }
      .text-primary-500\/40 {
        color: rgb(var(--color-primary-500) / 0.4);
      }
      .text-primary-500\/45 {
        color: rgb(var(--color-primary-500) / 0.45);
      }
      .text-primary-500\/5 {
        color: rgb(var(--color-primary-500) / 0.05);
      }
      .text-primary-500\/50 {
        color: rgb(var(--color-primary-500) / 0.5);
      }
      .text-primary-500\/55 {
        color: rgb(var(--color-primary-500) / 0.55);
      }
      .text-primary-500\/60 {
        color: rgb(var(--color-primary-500) / 0.6);
      }
      .text-primary-500\/65 {
        color: rgb(var(--color-primary-500) / 0.65);
      }
      .text-primary-500\/70 {
        color: rgb(var(--color-primary-500) / 0.7);
      }
      .text-primary-500\/75 {
        color: rgb(var(--color-primary-500) / 0.75);
      }
      .text-primary-500\/80 {
        color: rgb(var(--color-primary-500) / 0.8);
      }
      .text-primary-500\/85 {
        color: rgb(var(--color-primary-500) / 0.85);
      }
      .text-primary-500\/90 {
        color: rgb(var(--color-primary-500) / 0.9);
      }
      .text-primary-500\/95 {
        color: rgb(var(--color-primary-500) / 0.95);
      }
      .text-primary-600 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-600) / var(--tw-text-opacity));
      }
      .text-primary-600\/0 {
        color: rgb(var(--color-primary-600) / 0);
      }
      .text-primary-600\/10 {
        color: rgb(var(--color-primary-600) / 0.1);
      }
      .text-primary-600\/100 {
        color: rgb(var(--color-primary-600) / 1);
      }
      .text-primary-600\/15 {
        color: rgb(var(--color-primary-600) / 0.15);
      }
      .text-primary-600\/20 {
        color: rgb(var(--color-primary-600) / 0.2);
      }
      .text-primary-600\/25 {
        color: rgb(var(--color-primary-600) / 0.25);
      }
      .text-primary-600\/30 {
        color: rgb(var(--color-primary-600) / 0.3);
      }
      .text-primary-600\/35 {
        color: rgb(var(--color-primary-600) / 0.35);
      }
      .text-primary-600\/40 {
        color: rgb(var(--color-primary-600) / 0.4);
      }
      .text-primary-600\/45 {
        color: rgb(var(--color-primary-600) / 0.45);
      }
      .text-primary-600\/5 {
        color: rgb(var(--color-primary-600) / 0.05);
      }
      .text-primary-600\/50 {
        color: rgb(var(--color-primary-600) / 0.5);
      }
      .text-primary-600\/55 {
        color: rgb(var(--color-primary-600) / 0.55);
      }
      .text-primary-600\/60 {
        color: rgb(var(--color-primary-600) / 0.6);
      }
      .text-primary-600\/65 {
        color: rgb(var(--color-primary-600) / 0.65);
      }
      .text-primary-600\/70 {
        color: rgb(var(--color-primary-600) / 0.7);
      }
      .text-primary-600\/75 {
        color: rgb(var(--color-primary-600) / 0.75);
      }
      .text-primary-600\/80 {
        color: rgb(var(--color-primary-600) / 0.8);
      }
      .text-primary-600\/85 {
        color: rgb(var(--color-primary-600) / 0.85);
      }
      .text-primary-600\/90 {
        color: rgb(var(--color-primary-600) / 0.9);
      }
      .text-primary-600\/95 {
        color: rgb(var(--color-primary-600) / 0.95);
      }
      .text-purple-400 {
        --tw-text-opacity: 1;
        color: rgb(192 132 252 / var(--tw-text-opacity));
      }
      .text-purple-400\/0 {
        color: #c084fc00;
      }
      .text-purple-400\/10 {
        color: #c084fc1a;
      }
      .text-purple-400\/100 {
        color: #c084fc;
      }
      .text-purple-400\/15 {
        color: #c084fc26;
      }
      .text-purple-400\/20 {
        color: #c084fc33;
      }
      .text-purple-400\/25 {
        color: #c084fc40;
      }
      .text-purple-400\/30 {
        color: #c084fc4d;
      }
      .text-purple-400\/35 {
        color: #c084fc59;
      }
      .text-purple-400\/40 {
        color: #c084fc66;
      }
      .text-purple-400\/45 {
        color: #c084fc73;
      }
      .text-purple-400\/5 {
        color: #c084fc0d;
      }
      .text-purple-400\/50 {
        color: #c084fc80;
      }
      .text-purple-400\/55 {
        color: #c084fc8c;
      }
      .text-purple-400\/60 {
        color: #c084fc99;
      }
      .text-purple-400\/65 {
        color: #c084fca6;
      }
      .text-purple-400\/70 {
        color: #c084fcb3;
      }
      .text-purple-400\/75 {
        color: #c084fcbf;
      }
      .text-purple-400\/80 {
        color: #c084fccc;
      }
      .text-purple-400\/85 {
        color: #c084fcd9;
      }
      .text-purple-400\/90 {
        color: #c084fce6;
      }
      .text-purple-400\/95 {
        color: #c084fcf2;
      }
      .text-purple-500 {
        --tw-text-opacity: 1;
        color: rgb(168 85 247 / var(--tw-text-opacity));
      }
      .text-purple-500\/0 {
        color: #a855f700;
      }
      .text-purple-500\/10 {
        color: #a855f71a;
      }
      .text-purple-500\/100 {
        color: #a855f7;
      }
      .text-purple-500\/15 {
        color: #a855f726;
      }
      .text-purple-500\/20 {
        color: #a855f733;
      }
      .text-purple-500\/25 {
        color: #a855f740;
      }
      .text-purple-500\/30 {
        color: #a855f74d;
      }
      .text-purple-500\/35 {
        color: #a855f759;
      }
      .text-purple-500\/40 {
        color: #a855f766;
      }
      .text-purple-500\/45 {
        color: #a855f773;
      }
      .text-purple-500\/5 {
        color: #a855f70d;
      }
      .text-purple-500\/50 {
        color: #a855f780;
      }
      .text-purple-500\/55 {
        color: #a855f78c;
      }
      .text-purple-500\/60 {
        color: #a855f799;
      }
      .text-purple-500\/65 {
        color: #a855f7a6;
      }
      .text-purple-500\/70 {
        color: #a855f7b3;
      }
      .text-purple-500\/75 {
        color: #a855f7bf;
      }
      .text-purple-500\/80 {
        color: #a855f7cc;
      }
      .text-purple-500\/85 {
        color: #a855f7d9;
      }
      .text-purple-500\/90 {
        color: #a855f7e6;
      }
      .text-purple-500\/95 {
        color: #a855f7f2;
      }
      .text-red-400 {
        --tw-text-opacity: 1;
        color: rgb(248 113 113 / var(--tw-text-opacity));
      }
      .text-red-400\/0 {
        color: #f8717100;
      }
      .text-red-400\/10 {
        color: #f871711a;
      }
      .text-red-400\/100 {
        color: #f87171;
      }
      .text-red-400\/15 {
        color: #f8717126;
      }
      .text-red-400\/20 {
        color: #f8717133;
      }
      .text-red-400\/25 {
        color: #f8717140;
      }
      .text-red-400\/30 {
        color: #f871714d;
      }
      .text-red-400\/35 {
        color: #f8717159;
      }
      .text-red-400\/40 {
        color: #f8717166;
      }
      .text-red-400\/45 {
        color: #f8717173;
      }
      .text-red-400\/5 {
        color: #f871710d;
      }
      .text-red-400\/50 {
        color: #f8717180;
      }
      .text-red-400\/55 {
        color: #f871718c;
      }
      .text-red-400\/60 {
        color: #f8717199;
      }
      .text-red-400\/65 {
        color: #f87171a6;
      }
      .text-red-400\/70 {
        color: #f87171b3;
      }
      .text-red-400\/75 {
        color: #f87171bf;
      }
      .text-red-400\/80 {
        color: #f87171cc;
      }
      .text-red-400\/85 {
        color: #f87171d9;
      }
      .text-red-400\/90 {
        color: #f87171e6;
      }
      .text-red-400\/95 {
        color: #f87171f2;
      }
      .text-red-500 {
        --tw-text-opacity: 1;
        color: rgb(239 68 68 / var(--tw-text-opacity));
      }
      .text-red-500\/0 {
        color: #ef444400;
      }
      .text-red-500\/10 {
        color: #ef44441a;
      }
      .text-red-500\/100 {
        color: #ef4444;
      }
      .text-red-500\/15 {
        color: #ef444426;
      }
      .text-red-500\/20 {
        color: #ef444433;
      }
      .text-red-500\/25 {
        color: #ef444440;
      }
      .text-red-500\/30 {
        color: #ef44444d;
      }
      .text-red-500\/35 {
        color: #ef444459;
      }
      .text-red-500\/40 {
        color: #ef444466;
      }
      .text-red-500\/45 {
        color: #ef444473;
      }
      .text-red-500\/5 {
        color: #ef44440d;
      }
      .text-red-500\/50 {
        color: #ef444480;
      }
      .text-red-500\/55 {
        color: #ef44448c;
      }
      .text-red-500\/60 {
        color: #ef444499;
      }
      .text-red-500\/65 {
        color: #ef4444a6;
      }
      .text-red-500\/70 {
        color: #ef4444b3;
      }
      .text-red-500\/75 {
        color: #ef4444bf;
      }
      .text-red-500\/80 {
        color: #ef4444cc;
      }
      .text-red-500\/85 {
        color: #ef4444d9;
      }
      .text-red-500\/90 {
        color: #ef4444e6;
      }
      .text-red-500\/95 {
        color: #ef4444f2;
      }
      .text-rose-400 {
        --tw-text-opacity: 1;
        color: rgb(251 113 133 / var(--tw-text-opacity));
      }
      .text-rose-400\/0 {
        color: #fb718500;
      }
      .text-rose-400\/10 {
        color: #fb71851a;
      }
      .text-rose-400\/100 {
        color: #fb7185;
      }
      .text-rose-400\/15 {
        color: #fb718526;
      }
      .text-rose-400\/20 {
        color: #fb718533;
      }
      .text-rose-400\/25 {
        color: #fb718540;
      }
      .text-rose-400\/30 {
        color: #fb71854d;
      }
      .text-rose-400\/35 {
        color: #fb718559;
      }
      .text-rose-400\/40 {
        color: #fb718566;
      }
      .text-rose-400\/45 {
        color: #fb718573;
      }
      .text-rose-400\/5 {
        color: #fb71850d;
      }
      .text-rose-400\/50 {
        color: #fb718580;
      }
      .text-rose-400\/55 {
        color: #fb71858c;
      }
      .text-rose-400\/60 {
        color: #fb718599;
      }
      .text-rose-400\/65 {
        color: #fb7185a6;
      }
      .text-rose-400\/70 {
        color: #fb7185b3;
      }
      .text-rose-400\/75 {
        color: #fb7185bf;
      }
      .text-rose-400\/80 {
        color: #fb7185cc;
      }
      .text-rose-400\/85 {
        color: #fb7185d9;
      }
      .text-rose-400\/90 {
        color: #fb7185e6;
      }
      .text-rose-400\/95 {
        color: #fb7185f2;
      }
      .text-rose-500 {
        --tw-text-opacity: 1;
        color: rgb(244 63 94 / var(--tw-text-opacity));
      }
      .text-rose-500\/0 {
        color: #f43f5e00;
      }
      .text-rose-500\/10 {
        color: #f43f5e1a;
      }
      .text-rose-500\/100 {
        color: #f43f5e;
      }
      .text-rose-500\/15 {
        color: #f43f5e26;
      }
      .text-rose-500\/20 {
        color: #f43f5e33;
      }
      .text-rose-500\/25 {
        color: #f43f5e40;
      }
      .text-rose-500\/30 {
        color: #f43f5e4d;
      }
      .text-rose-500\/35 {
        color: #f43f5e59;
      }
      .text-rose-500\/40 {
        color: #f43f5e66;
      }
      .text-rose-500\/45 {
        color: #f43f5e73;
      }
      .text-rose-500\/5 {
        color: #f43f5e0d;
      }
      .text-rose-500\/50 {
        color: #f43f5e80;
      }
      .text-rose-500\/55 {
        color: #f43f5e8c;
      }
      .text-rose-500\/60 {
        color: #f43f5e99;
      }
      .text-rose-500\/65 {
        color: #f43f5ea6;
      }
      .text-rose-500\/70 {
        color: #f43f5eb3;
      }
      .text-rose-500\/75 {
        color: #f43f5ebf;
      }
      .text-rose-500\/80 {
        color: #f43f5ecc;
      }
      .text-rose-500\/85 {
        color: #f43f5ed9;
      }
      .text-rose-500\/90 {
        color: #f43f5ee6;
      }
      .text-rose-500\/95 {
        color: #f43f5ef2;
      }
      .text-sky-400 {
        --tw-text-opacity: 1;
        color: rgb(56 189 248 / var(--tw-text-opacity));
      }
      .text-sky-400\/0 {
        color: #38bdf800;
      }
      .text-sky-400\/10 {
        color: #38bdf81a;
      }
      .text-sky-400\/100 {
        color: #38bdf8;
      }
      .text-sky-400\/15 {
        color: #38bdf826;
      }
      .text-sky-400\/20 {
        color: #38bdf833;
      }
      .text-sky-400\/25 {
        color: #38bdf840;
      }
      .text-sky-400\/30 {
        color: #38bdf84d;
      }
      .text-sky-400\/35 {
        color: #38bdf859;
      }
      .text-sky-400\/40 {
        color: #38bdf866;
      }
      .text-sky-400\/45 {
        color: #38bdf873;
      }
      .text-sky-400\/5 {
        color: #38bdf80d;
      }
      .text-sky-400\/50 {
        color: #38bdf880;
      }
      .text-sky-400\/55 {
        color: #38bdf88c;
      }
      .text-sky-400\/60 {
        color: #38bdf899;
      }
      .text-sky-400\/65 {
        color: #38bdf8a6;
      }
      .text-sky-400\/70 {
        color: #38bdf8b3;
      }
      .text-sky-400\/75 {
        color: #38bdf8bf;
      }
      .text-sky-400\/80 {
        color: #38bdf8cc;
      }
      .text-sky-400\/85 {
        color: #38bdf8d9;
      }
      .text-sky-400\/90 {
        color: #38bdf8e6;
      }
      .text-sky-400\/95 {
        color: #38bdf8f2;
      }
      .text-sky-500 {
        --tw-text-opacity: 1;
        color: rgb(14 165 233 / var(--tw-text-opacity));
      }
      .text-sky-500\/0 {
        color: #0ea5e900;
      }
      .text-sky-500\/10 {
        color: #0ea5e91a;
      }
      .text-sky-500\/100 {
        color: #0ea5e9;
      }
      .text-sky-500\/15 {
        color: #0ea5e926;
      }
      .text-sky-500\/20 {
        color: #0ea5e933;
      }
      .text-sky-500\/25 {
        color: #0ea5e940;
      }
      .text-sky-500\/30 {
        color: #0ea5e94d;
      }
      .text-sky-500\/35 {
        color: #0ea5e959;
      }
      .text-sky-500\/40 {
        color: #0ea5e966;
      }
      .text-sky-500\/45 {
        color: #0ea5e973;
      }
      .text-sky-500\/5 {
        color: #0ea5e90d;
      }
      .text-sky-500\/50 {
        color: #0ea5e980;
      }
      .text-sky-500\/55 {
        color: #0ea5e98c;
      }
      .text-sky-500\/60 {
        color: #0ea5e999;
      }
      .text-sky-500\/65 {
        color: #0ea5e9a6;
      }
      .text-sky-500\/70 {
        color: #0ea5e9b3;
      }
      .text-sky-500\/75 {
        color: #0ea5e9bf;
      }
      .text-sky-500\/80 {
        color: #0ea5e9cc;
      }
      .text-sky-500\/85 {
        color: #0ea5e9d9;
      }
      .text-sky-500\/90 {
        color: #0ea5e9e6;
      }
      .text-sky-500\/95 {
        color: #0ea5e9f2;
      }
      .text-teal-400 {
        --tw-text-opacity: 1;
        color: rgb(45 212 191 / var(--tw-text-opacity));
      }
      .text-teal-400\/0 {
        color: #2dd4bf00;
      }
      .text-teal-400\/10 {
        color: #2dd4bf1a;
      }
      .text-teal-400\/100 {
        color: #2dd4bf;
      }
      .text-teal-400\/15 {
        color: #2dd4bf26;
      }
      .text-teal-400\/20 {
        color: #2dd4bf33;
      }
      .text-teal-400\/25 {
        color: #2dd4bf40;
      }
      .text-teal-400\/30 {
        color: #2dd4bf4d;
      }
      .text-teal-400\/35 {
        color: #2dd4bf59;
      }
      .text-teal-400\/40 {
        color: #2dd4bf66;
      }
      .text-teal-400\/45 {
        color: #2dd4bf73;
      }
      .text-teal-400\/5 {
        color: #2dd4bf0d;
      }
      .text-teal-400\/50 {
        color: #2dd4bf80;
      }
      .text-teal-400\/55 {
        color: #2dd4bf8c;
      }
      .text-teal-400\/60 {
        color: #2dd4bf99;
      }
      .text-teal-400\/65 {
        color: #2dd4bfa6;
      }
      .text-teal-400\/70 {
        color: #2dd4bfb3;
      }
      .text-teal-400\/75 {
        color: #2dd4bfbf;
      }
      .text-teal-400\/80 {
        color: #2dd4bfcc;
      }
      .text-teal-400\/85 {
        color: #2dd4bfd9;
      }
      .text-teal-400\/90 {
        color: #2dd4bfe6;
      }
      .text-teal-400\/95 {
        color: #2dd4bff2;
      }
      .text-teal-500 {
        --tw-text-opacity: 1;
        color: rgb(20 184 166 / var(--tw-text-opacity));
      }
      .text-teal-500\/0 {
        color: #14b8a600;
      }
      .text-teal-500\/10 {
        color: #14b8a61a;
      }
      .text-teal-500\/100 {
        color: #14b8a6;
      }
      .text-teal-500\/15 {
        color: #14b8a626;
      }
      .text-teal-500\/20 {
        color: #14b8a633;
      }
      .text-teal-500\/25 {
        color: #14b8a640;
      }
      .text-teal-500\/30 {
        color: #14b8a64d;
      }
      .text-teal-500\/35 {
        color: #14b8a659;
      }
      .text-teal-500\/40 {
        color: #14b8a666;
      }
      .text-teal-500\/45 {
        color: #14b8a673;
      }
      .text-teal-500\/5 {
        color: #14b8a60d;
      }
      .text-teal-500\/50 {
        color: #14b8a680;
      }
      .text-teal-500\/55 {
        color: #14b8a68c;
      }
      .text-teal-500\/60 {
        color: #14b8a699;
      }
      .text-teal-500\/65 {
        color: #14b8a6a6;
      }
      .text-teal-500\/70 {
        color: #14b8a6b3;
      }
      .text-teal-500\/75 {
        color: #14b8a6bf;
      }
      .text-teal-500\/80 {
        color: #14b8a6cc;
      }
      .text-teal-500\/85 {
        color: #14b8a6d9;
      }
      .text-teal-500\/90 {
        color: #14b8a6e6;
      }
      .text-teal-500\/95 {
        color: #14b8a6f2;
      }
      .text-violet-400 {
        --tw-text-opacity: 1;
        color: rgb(167 139 250 / var(--tw-text-opacity));
      }
      .text-violet-400\/0 {
        color: #a78bfa00;
      }
      .text-violet-400\/10 {
        color: #a78bfa1a;
      }
      .text-violet-400\/100 {
        color: #a78bfa;
      }
      .text-violet-400\/15 {
        color: #a78bfa26;
      }
      .text-violet-400\/20 {
        color: #a78bfa33;
      }
      .text-violet-400\/25 {
        color: #a78bfa40;
      }
      .text-violet-400\/30 {
        color: #a78bfa4d;
      }
      .text-violet-400\/35 {
        color: #a78bfa59;
      }
      .text-violet-400\/40 {
        color: #a78bfa66;
      }
      .text-violet-400\/45 {
        color: #a78bfa73;
      }
      .text-violet-400\/5 {
        color: #a78bfa0d;
      }
      .text-violet-400\/50 {
        color: #a78bfa80;
      }
      .text-violet-400\/55 {
        color: #a78bfa8c;
      }
      .text-violet-400\/60 {
        color: #a78bfa99;
      }
      .text-violet-400\/65 {
        color: #a78bfaa6;
      }
      .text-violet-400\/70 {
        color: #a78bfab3;
      }
      .text-violet-400\/75 {
        color: #a78bfabf;
      }
      .text-violet-400\/80 {
        color: #a78bfacc;
      }
      .text-violet-400\/85 {
        color: #a78bfad9;
      }
      .text-violet-400\/90 {
        color: #a78bfae6;
      }
      .text-violet-400\/95 {
        color: #a78bfaf2;
      }
      .text-violet-500 {
        --tw-text-opacity: 1;
        color: rgb(139 92 246 / var(--tw-text-opacity));
      }
      .text-violet-500\/0 {
        color: #8b5cf600;
      }
      .text-violet-500\/10 {
        color: #8b5cf61a;
      }
      .text-violet-500\/100 {
        color: #8b5cf6;
      }
      .text-violet-500\/15 {
        color: #8b5cf626;
      }
      .text-violet-500\/20 {
        color: #8b5cf633;
      }
      .text-violet-500\/25 {
        color: #8b5cf640;
      }
      .text-violet-500\/30 {
        color: #8b5cf64d;
      }
      .text-violet-500\/35 {
        color: #8b5cf659;
      }
      .text-violet-500\/40 {
        color: #8b5cf666;
      }
      .text-violet-500\/45 {
        color: #8b5cf673;
      }
      .text-violet-500\/5 {
        color: #8b5cf60d;
      }
      .text-violet-500\/50 {
        color: #8b5cf680;
      }
      .text-violet-500\/55 {
        color: #8b5cf68c;
      }
      .text-violet-500\/60 {
        color: #8b5cf699;
      }
      .text-violet-500\/65 {
        color: #8b5cf6a6;
      }
      .text-violet-500\/70 {
        color: #8b5cf6b3;
      }
      .text-violet-500\/75 {
        color: #8b5cf6bf;
      }
      .text-violet-500\/80 {
        color: #8b5cf6cc;
      }
      .text-violet-500\/85 {
        color: #8b5cf6d9;
      }
      .text-violet-500\/90 {
        color: #8b5cf6e6;
      }
      .text-violet-500\/95 {
        color: #8b5cf6f2;
      }
      .text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }
      .text-yellow-400 {
        --tw-text-opacity: 1;
        color: rgb(250 204 21 / var(--tw-text-opacity));
      }
      .text-yellow-400\/0 {
        color: #facc1500;
      }
      .text-yellow-400\/10 {
        color: #facc151a;
      }
      .text-yellow-400\/100 {
        color: #facc15;
      }
      .text-yellow-400\/15 {
        color: #facc1526;
      }
      .text-yellow-400\/20 {
        color: #facc1533;
      }
      .text-yellow-400\/25 {
        color: #facc1540;
      }
      .text-yellow-400\/30 {
        color: #facc154d;
      }
      .text-yellow-400\/35 {
        color: #facc1559;
      }
      .text-yellow-400\/40 {
        color: #facc1566;
      }
      .text-yellow-400\/45 {
        color: #facc1573;
      }
      .text-yellow-400\/5 {
        color: #facc150d;
      }
      .text-yellow-400\/50 {
        color: #facc1580;
      }
      .text-yellow-400\/55 {
        color: #facc158c;
      }
      .text-yellow-400\/60 {
        color: #facc1599;
      }
      .text-yellow-400\/65 {
        color: #facc15a6;
      }
      .text-yellow-400\/70 {
        color: #facc15b3;
      }
      .text-yellow-400\/75 {
        color: #facc15bf;
      }
      .text-yellow-400\/80 {
        color: #facc15cc;
      }
      .text-yellow-400\/85 {
        color: #facc15d9;
      }
      .text-yellow-400\/90 {
        color: #facc15e6;
      }
      .text-yellow-400\/95 {
        color: #facc15f2;
      }
      .text-yellow-500 {
        --tw-text-opacity: 1;
        color: rgb(234 179 8 / var(--tw-text-opacity));
      }
      .text-yellow-500\/0 {
        color: #eab30800;
      }
      .text-yellow-500\/10 {
        color: #eab3081a;
      }
      .text-yellow-500\/100 {
        color: #eab308;
      }
      .text-yellow-500\/15 {
        color: #eab30826;
      }
      .text-yellow-500\/20 {
        color: #eab30833;
      }
      .text-yellow-500\/25 {
        color: #eab30840;
      }
      .text-yellow-500\/30 {
        color: #eab3084d;
      }
      .text-yellow-500\/35 {
        color: #eab30859;
      }
      .text-yellow-500\/40 {
        color: #eab30866;
      }
      .text-yellow-500\/45 {
        color: #eab30873;
      }
      .text-yellow-500\/5 {
        color: #eab3080d;
      }
      .text-yellow-500\/50 {
        color: #eab30880;
      }
      .text-yellow-500\/55 {
        color: #eab3088c;
      }
      .text-yellow-500\/60 {
        color: #eab30899;
      }
      .text-yellow-500\/65 {
        color: #eab308a6;
      }
      .text-yellow-500\/70 {
        color: #eab308b3;
      }
      .text-yellow-500\/75 {
        color: #eab308bf;
      }
      .text-yellow-500\/80 {
        color: #eab308cc;
      }
      .text-yellow-500\/85 {
        color: #eab308d9;
      }
      .text-yellow-500\/90 {
        color: #eab308e6;
      }
      .text-yellow-500\/95 {
        color: #eab308f2;
      }
      .underline {
        text-decoration-line: underline;
      }
      .underline-offset-4 {
        text-underline-offset: 4px;
      }
      .placeholder-gray-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(var(--color-gray-400) / var(--tw-placeholder-opacity));
      }
      .opacity-0 {
        opacity: 0;
      }
      .opacity-100 {
        opacity: 1;
      }
      .opacity-50 {
        opacity: 0.5;
      }
      .opacity-90 {
        opacity: 0.9;
      }
      .mix-blend-overlay {
        mix-blend-mode: overlay;
      }
      .shadow {
        --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
          0 1px 2px -1px var(--tw-shadow-color);
      }
      .shadow,
      .shadow-lg {
        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 #0000001a, 0 4px 6px -4px #0000001a;
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
          0 4px 6px -4px var(--tw-shadow-color);
      }
      .shadow-sm {
        --tw-shadow: 0 1px 2px 0 #0000000d;
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      }
      .shadow-sm,
      .shadow-xl {
        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 #0000001a, 0 8px 10px -6px #0000001a;
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
          0 8px 10px -6px var(--tw-shadow-color);
      }
      .outline {
        outline-style: solid;
      }
      .outline-primary-400 {
        outline-color: rgb(var(--color-primary-400) / 1);
      }
      .outline-primary-400\/0 {
        outline-color: rgb(var(--color-primary-400) / 0);
      }
      .outline-primary-400\/10 {
        outline-color: rgb(var(--color-primary-400) / 0.1);
      }
      .outline-primary-400\/100 {
        outline-color: rgb(var(--color-primary-400) / 1);
      }
      .outline-primary-400\/15 {
        outline-color: rgb(var(--color-primary-400) / 0.15);
      }
      .outline-primary-400\/20 {
        outline-color: rgb(var(--color-primary-400) / 0.2);
      }
      .outline-primary-400\/25 {
        outline-color: rgb(var(--color-primary-400) / 0.25);
      }
      .outline-primary-400\/30 {
        outline-color: rgb(var(--color-primary-400) / 0.3);
      }
      .outline-primary-400\/35 {
        outline-color: rgb(var(--color-primary-400) / 0.35);
      }
      .outline-primary-400\/40 {
        outline-color: rgb(var(--color-primary-400) / 0.4);
      }
      .outline-primary-400\/45 {
        outline-color: rgb(var(--color-primary-400) / 0.45);
      }
      .outline-primary-400\/5 {
        outline-color: rgb(var(--color-primary-400) / 0.05);
      }
      .outline-primary-400\/50 {
        outline-color: rgb(var(--color-primary-400) / 0.5);
      }
      .outline-primary-400\/55 {
        outline-color: rgb(var(--color-primary-400) / 0.55);
      }
      .outline-primary-400\/60 {
        outline-color: rgb(var(--color-primary-400) / 0.6);
      }
      .outline-primary-400\/65 {
        outline-color: rgb(var(--color-primary-400) / 0.65);
      }
      .outline-primary-400\/70 {
        outline-color: rgb(var(--color-primary-400) / 0.7);
      }
      .outline-primary-400\/75 {
        outline-color: rgb(var(--color-primary-400) / 0.75);
      }
      .outline-primary-400\/80 {
        outline-color: rgb(var(--color-primary-400) / 0.8);
      }
      .outline-primary-400\/85 {
        outline-color: rgb(var(--color-primary-400) / 0.85);
      }
      .outline-primary-400\/90 {
        outline-color: rgb(var(--color-primary-400) / 0.9);
      }
      .outline-primary-400\/95 {
        outline-color: rgb(var(--color-primary-400) / 0.95);
      }
      .outline-primary-500 {
        outline-color: rgb(var(--color-primary-500) / 1);
      }
      .outline-primary-500\/0 {
        outline-color: rgb(var(--color-primary-500) / 0);
      }
      .outline-primary-500\/10 {
        outline-color: rgb(var(--color-primary-500) / 0.1);
      }
      .outline-primary-500\/100 {
        outline-color: rgb(var(--color-primary-500) / 1);
      }
      .outline-primary-500\/15 {
        outline-color: rgb(var(--color-primary-500) / 0.15);
      }
      .outline-primary-500\/20 {
        outline-color: rgb(var(--color-primary-500) / 0.2);
      }
      .outline-primary-500\/25 {
        outline-color: rgb(var(--color-primary-500) / 0.25);
      }
      .outline-primary-500\/30 {
        outline-color: rgb(var(--color-primary-500) / 0.3);
      }
      .outline-primary-500\/35 {
        outline-color: rgb(var(--color-primary-500) / 0.35);
      }
      .outline-primary-500\/40 {
        outline-color: rgb(var(--color-primary-500) / 0.4);
      }
      .outline-primary-500\/45 {
        outline-color: rgb(var(--color-primary-500) / 0.45);
      }
      .outline-primary-500\/5 {
        outline-color: rgb(var(--color-primary-500) / 0.05);
      }
      .outline-primary-500\/50 {
        outline-color: rgb(var(--color-primary-500) / 0.5);
      }
      .outline-primary-500\/55 {
        outline-color: rgb(var(--color-primary-500) / 0.55);
      }
      .outline-primary-500\/60 {
        outline-color: rgb(var(--color-primary-500) / 0.6);
      }
      .outline-primary-500\/65 {
        outline-color: rgb(var(--color-primary-500) / 0.65);
      }
      .outline-primary-500\/70 {
        outline-color: rgb(var(--color-primary-500) / 0.7);
      }
      .outline-primary-500\/75 {
        outline-color: rgb(var(--color-primary-500) / 0.75);
      }
      .outline-primary-500\/80 {
        outline-color: rgb(var(--color-primary-500) / 0.8);
      }
      .outline-primary-500\/85 {
        outline-color: rgb(var(--color-primary-500) / 0.85);
      }
      .outline-primary-500\/90 {
        outline-color: rgb(var(--color-primary-500) / 0.9);
      }
      .outline-primary-500\/95 {
        outline-color: rgb(var(--color-primary-500) / 0.95);
      }
      .ring {
        --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);
      }
      .ring,
      .ring-0 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
          var(--tw-shadow, 0 0 #0000);
      }
      .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(var(--tw-ring-offset-width)) var(--tw-ring-color);
      }
      .ring-1 {
        --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      }
      .ring-1,
      .ring-2 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
          var(--tw-shadow, 0 0 #0000);
      }
      .ring-2 {
        --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);
      }
      .ring-inset {
        --tw-ring-inset: inset;
      }
      .ring-current {
        --tw-ring-color: currentColor;
      }
      .ring-gray-200 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-200) / var(--tw-ring-opacity));
      }
      .ring-gray-300 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-300) / var(--tw-ring-opacity));
      }
      .ring-primary-400 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-400) / var(--tw-ring-opacity));
      }
      .ring-primary-400\/0 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0);
      }
      .ring-primary-400\/10 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.1);
      }
      .ring-primary-400\/100 {
        --tw-ring-color: rgb(var(--color-primary-400) / 1);
      }
      .ring-primary-400\/15 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.15);
      }
      .ring-primary-400\/20 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.2);
      }
      .ring-primary-400\/25 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.25);
      }
      .ring-primary-400\/30 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.3);
      }
      .ring-primary-400\/35 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.35);
      }
      .ring-primary-400\/40 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.4);
      }
      .ring-primary-400\/45 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.45);
      }
      .ring-primary-400\/5 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.05);
      }
      .ring-primary-400\/50 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.5);
      }
      .ring-primary-400\/55 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.55);
      }
      .ring-primary-400\/60 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.6);
      }
      .ring-primary-400\/65 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.65);
      }
      .ring-primary-400\/70 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.7);
      }
      .ring-primary-400\/75 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.75);
      }
      .ring-primary-400\/80 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.8);
      }
      .ring-primary-400\/85 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.85);
      }
      .ring-primary-400\/90 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.9);
      }
      .ring-primary-400\/95 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.95);
      }
      .ring-primary-500 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity));
      }
      .ring-primary-500\/0 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0);
      }
      .ring-primary-500\/10 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.1);
      }
      .ring-primary-500\/100 {
        --tw-ring-color: rgb(var(--color-primary-500) / 1);
      }
      .ring-primary-500\/15 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.15);
      }
      .ring-primary-500\/20 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.2);
      }
      .ring-primary-500\/25 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.25);
      }
      .ring-primary-500\/30 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.3);
      }
      .ring-primary-500\/35 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.35);
      }
      .ring-primary-500\/40 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.4);
      }
      .ring-primary-500\/45 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.45);
      }
      .ring-primary-500\/5 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.05);
      }
      .ring-primary-500\/50 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.5);
      }
      .ring-primary-500\/55 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.55);
      }
      .ring-primary-500\/60 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.6);
      }
      .ring-primary-500\/65 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.65);
      }
      .ring-primary-500\/70 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.7);
      }
      .ring-primary-500\/75 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.75);
      }
      .ring-primary-500\/80 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.8);
      }
      .ring-primary-500\/85 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.85);
      }
      .ring-primary-500\/90 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.9);
      }
      .ring-primary-500\/95 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.95);
      }
      .ring-red-400 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
      }
      .ring-red-400\/0 {
        --tw-ring-color: #f8717100;
      }
      .ring-red-400\/10 {
        --tw-ring-color: #f871711a;
      }
      .ring-red-400\/100 {
        --tw-ring-color: #f87171;
      }
      .ring-red-400\/15 {
        --tw-ring-color: #f8717126;
      }
      .ring-red-400\/20 {
        --tw-ring-color: #f8717133;
      }
      .ring-red-400\/25 {
        --tw-ring-color: #f8717140;
      }
      .ring-red-400\/30 {
        --tw-ring-color: #f871714d;
      }
      .ring-red-400\/35 {
        --tw-ring-color: #f8717159;
      }
      .ring-red-400\/40 {
        --tw-ring-color: #f8717166;
      }
      .ring-red-400\/45 {
        --tw-ring-color: #f8717173;
      }
      .ring-red-400\/5 {
        --tw-ring-color: #f871710d;
      }
      .ring-red-400\/50 {
        --tw-ring-color: #f8717180;
      }
      .ring-red-400\/55 {
        --tw-ring-color: #f871718c;
      }
      .ring-red-400\/60 {
        --tw-ring-color: #f8717199;
      }
      .ring-red-400\/65 {
        --tw-ring-color: #f87171a6;
      }
      .ring-red-400\/70 {
        --tw-ring-color: #f87171b3;
      }
      .ring-red-400\/75 {
        --tw-ring-color: #f87171bf;
      }
      .ring-red-400\/80 {
        --tw-ring-color: #f87171cc;
      }
      .ring-red-400\/85 {
        --tw-ring-color: #f87171d9;
      }
      .ring-red-400\/90 {
        --tw-ring-color: #f87171e6;
      }
      .ring-red-400\/95 {
        --tw-ring-color: #f87171f2;
      }
      .ring-red-500 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
      }
      .ring-red-500\/0 {
        --tw-ring-color: #ef444400;
      }
      .ring-red-500\/10 {
        --tw-ring-color: #ef44441a;
      }
      .ring-red-500\/100 {
        --tw-ring-color: #ef4444;
      }
      .ring-red-500\/15 {
        --tw-ring-color: #ef444426;
      }
      .ring-red-500\/20 {
        --tw-ring-color: #ef444433;
      }
      .ring-red-500\/25 {
        --tw-ring-color: #ef444440;
      }
      .ring-red-500\/30 {
        --tw-ring-color: #ef44444d;
      }
      .ring-red-500\/35 {
        --tw-ring-color: #ef444459;
      }
      .ring-red-500\/40 {
        --tw-ring-color: #ef444466;
      }
      .ring-red-500\/45 {
        --tw-ring-color: #ef444473;
      }
      .ring-red-500\/5 {
        --tw-ring-color: #ef44440d;
      }
      .ring-red-500\/50 {
        --tw-ring-color: #ef444480;
      }
      .ring-red-500\/55 {
        --tw-ring-color: #ef44448c;
      }
      .ring-red-500\/60 {
        --tw-ring-color: #ef444499;
      }
      .ring-red-500\/65 {
        --tw-ring-color: #ef4444a6;
      }
      .ring-red-500\/70 {
        --tw-ring-color: #ef4444b3;
      }
      .ring-red-500\/75 {
        --tw-ring-color: #ef4444bf;
      }
      .ring-red-500\/80 {
        --tw-ring-color: #ef4444cc;
      }
      .ring-red-500\/85 {
        --tw-ring-color: #ef4444d9;
      }
      .ring-red-500\/90 {
        --tw-ring-color: #ef4444e6;
      }
      .ring-red-500\/95 {
        --tw-ring-color: #ef4444f2;
      }
      .ring-white {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
      }
      .ring-opacity-25 {
        --tw-ring-opacity: 0.25;
      }
      .blur {
        --tw-blur: blur(8px);
      }
      .blur,
      .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);
      }
      .transition {
        transition-duration: 0.15s;
        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(0.4, 0, 0.2, 1);
      }
      .transition-\[height\] {
        transition-duration: 0.15s;
        transition-property: height;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .transition-all {
        transition-duration: 0.15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .transition-colors {
        transition-duration: 0.15s;
        transition-property: color, background-color, border-color,
          text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .transition-opacity {
        transition-duration: 0.15s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .transition-transform {
        transition-duration: 0.15s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .duration-100 {
        transition-duration: 0.1s;
      }
      .duration-150 {
        transition-duration: 0.15s;
      }
      .duration-200 {
        transition-duration: 0.2s;
      }
      .duration-300 {
        transition-duration: 0.3s;
      }
      .duration-500 {
        transition-duration: 0.5s;
      }
      .duration-75 {
        transition-duration: 75ms;
      }
      .ease-in {
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
      }
      .ease-in-out {
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .ease-out {
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      }
      .content-\[\"\"\] {
        --tw-content: "";
        content: var(--tw-content);
      }
      .rtl\:i-heroicons-chevron-left-20-solid:where(
          [dir="rtl"],
          [dir="rtl"] *
        ) {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .file\:mr-1::file-selector-button {
        margin-right: 0.25rem;
      }
      .file\:mr-1\.5::file-selector-button {
        margin-right: 0.375rem;
      }
      .file\:border-0::file-selector-button {
        border-width: 0;
      }
      .file\:bg-transparent::file-selector-button {
        background-color: initial;
      }
      .file\:p-0::file-selector-button {
        padding: 0;
      }
      .file\:font-medium::file-selector-button {
        font-weight: 500;
      }
      .file\:text-gray-500::file-selector-button {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-500) / var(--tw-text-opacity));
      }
      .file\:outline-none::file-selector-button {
        outline: 2px solid #0000;
        outline-offset: 2px;
      }
      .before\:visible:before {
        content: var(--tw-content);
        visibility: visible;
      }
      .before\:absolute:before {
        content: var(--tw-content);
        position: absolute;
      }
      .before\:inset-px:before {
        content: var(--tw-content);
        inset: 1px;
      }
      .before\:inset-x-0:before {
        content: var(--tw-content);
        left: 0;
        right: 0;
      }
      .before\:inset-y-2:before {
        bottom: 0.5rem;
        content: var(--tw-content);
        top: 0.5rem;
      }
      .before\:z-\[-1\]:before {
        content: var(--tw-content);
        z-index: -1;
      }
      .before\:block:before {
        content: var(--tw-content);
        display: block;
      }
      .before\:h-2:before {
        content: var(--tw-content);
        height: 0.5rem;
      }
      .before\:w-2:before {
        content: var(--tw-content);
        width: 0.5rem;
      }
      .before\:rotate-45:before {
        content: var(--tw-content);
        --tw-rotate: 45deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .before\:rounded-md:before {
        border-radius: 0.375rem;
        content: var(--tw-content);
      }
      .before\:rounded-sm:before {
        border-radius: 0.125rem;
        content: var(--tw-content);
      }
      .before\:bg-gray-100:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));
      }
      .before\:bg-gray-200:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
      }
      .before\:bg-white:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .before\:shadow:before {
        content: var(--tw-content);
        --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
        --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);
      }
      .before\:ring-1:before {
        content: var(--tw-content);
        --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(1px + 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);
      }
      .before\:ring-gray-200:before {
        content: var(--tw-content);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-200) / var(--tw-ring-opacity));
      }
      .after\:absolute:after {
        content: var(--tw-content);
        position: absolute;
      }
      .after\:inset-x-2:after {
        content: var(--tw-content);
        left: 0.5rem;
        right: 0.5rem;
      }
      .after\:inset-x-2\.5:after {
        content: var(--tw-content);
        left: 0.625rem;
        right: 0.625rem;
      }
      .after\:bottom-0:after {
        bottom: 0;
        content: var(--tw-content);
      }
      .after\:ms-0:after {
        content: var(--tw-content);
        margin-inline-start: 0;
      }
      .after\:ms-0\.5:after {
        content: var(--tw-content);
        margin-inline-start: 0.125rem;
      }
      .after\:mt-2:after {
        content: var(--tw-content);
        margin-top: 0.5rem;
      }
      .after\:block:after {
        content: var(--tw-content);
        display: block;
      }
      .after\:h-\[2px\]:after {
        content: var(--tw-content);
        height: 2px;
      }
      .after\:rounded-full:after {
        border-radius: 9999px;
        content: var(--tw-content);
      }
      .after\:bg-primary-500:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
      }
      .after\:text-red-500:after {
        content: var(--tw-content);
        --tw-text-opacity: 1;
        color: rgb(239 68 68 / var(--tw-text-opacity));
      }
      .after\:content-\[\'\*\'\]:after {
        --tw-content: "*";
        content: var(--tw-content);
      }
      .first\:me-0:first-child {
        margin-inline-end: 0;
      }
      .first\:rounded-s-md:first-child {
        border-end-start-radius: 0.375rem;
        border-start-start-radius: 0.375rem;
      }
      .last\:rounded-e-md:last-child {
        border-end-end-radius: 0.375rem;
        border-start-end-radius: 0.375rem;
      }
      .indeterminate\:relative:indeterminate {
        position: relative;
      }
      .indeterminate\:after\:rounded-full:indeterminate:after {
        border-radius: 9999px;
        content: var(--tw-content);
      }
      .hover\:bg-gray-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));
      }
      .hover\:bg-gray-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));
      }
      .hover\:bg-gray-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
      }
      .hover\:bg-primary-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-100) / var(--tw-bg-opacity));
      }
      .hover\:bg-primary-100\/0:hover {
        background-color: rgb(var(--color-primary-100) / 0);
      }
      .hover\:bg-primary-100\/10:hover {
        background-color: rgb(var(--color-primary-100) / 0.1);
      }
      .hover\:bg-primary-100\/100:hover {
        background-color: rgb(var(--color-primary-100) / 1);
      }
      .hover\:bg-primary-100\/15:hover {
        background-color: rgb(var(--color-primary-100) / 0.15);
      }
      .hover\:bg-primary-100\/20:hover {
        background-color: rgb(var(--color-primary-100) / 0.2);
      }
      .hover\:bg-primary-100\/25:hover {
        background-color: rgb(var(--color-primary-100) / 0.25);
      }
      .hover\:bg-primary-100\/30:hover {
        background-color: rgb(var(--color-primary-100) / 0.3);
      }
      .hover\:bg-primary-100\/35:hover {
        background-color: rgb(var(--color-primary-100) / 0.35);
      }
      .hover\:bg-primary-100\/40:hover {
        background-color: rgb(var(--color-primary-100) / 0.4);
      }
      .hover\:bg-primary-100\/45:hover {
        background-color: rgb(var(--color-primary-100) / 0.45);
      }
      .hover\:bg-primary-100\/5:hover {
        background-color: rgb(var(--color-primary-100) / 0.05);
      }
      .hover\:bg-primary-100\/50:hover {
        background-color: rgb(var(--color-primary-100) / 0.5);
      }
      .hover\:bg-primary-100\/55:hover {
        background-color: rgb(var(--color-primary-100) / 0.55);
      }
      .hover\:bg-primary-100\/60:hover {
        background-color: rgb(var(--color-primary-100) / 0.6);
      }
      .hover\:bg-primary-100\/65:hover {
        background-color: rgb(var(--color-primary-100) / 0.65);
      }
      .hover\:bg-primary-100\/70:hover {
        background-color: rgb(var(--color-primary-100) / 0.7);
      }
      .hover\:bg-primary-100\/75:hover {
        background-color: rgb(var(--color-primary-100) / 0.75);
      }
      .hover\:bg-primary-100\/80:hover {
        background-color: rgb(var(--color-primary-100) / 0.8);
      }
      .hover\:bg-primary-100\/85:hover {
        background-color: rgb(var(--color-primary-100) / 0.85);
      }
      .hover\:bg-primary-100\/90:hover {
        background-color: rgb(var(--color-primary-100) / 0.9);
      }
      .hover\:bg-primary-100\/95:hover {
        background-color: rgb(var(--color-primary-100) / 0.95);
      }
      .hover\:bg-primary-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-50) / var(--tw-bg-opacity));
      }
      .hover\:bg-primary-50\/0:hover {
        background-color: rgb(var(--color-primary-50) / 0);
      }
      .hover\:bg-primary-50\/10:hover {
        background-color: rgb(var(--color-primary-50) / 0.1);
      }
      .hover\:bg-primary-50\/100:hover {
        background-color: rgb(var(--color-primary-50) / 1);
      }
      .hover\:bg-primary-50\/15:hover {
        background-color: rgb(var(--color-primary-50) / 0.15);
      }
      .hover\:bg-primary-50\/20:hover {
        background-color: rgb(var(--color-primary-50) / 0.2);
      }
      .hover\:bg-primary-50\/25:hover {
        background-color: rgb(var(--color-primary-50) / 0.25);
      }
      .hover\:bg-primary-50\/30:hover {
        background-color: rgb(var(--color-primary-50) / 0.3);
      }
      .hover\:bg-primary-50\/35:hover {
        background-color: rgb(var(--color-primary-50) / 0.35);
      }
      .hover\:bg-primary-50\/40:hover {
        background-color: rgb(var(--color-primary-50) / 0.4);
      }
      .hover\:bg-primary-50\/45:hover {
        background-color: rgb(var(--color-primary-50) / 0.45);
      }
      .hover\:bg-primary-50\/5:hover {
        background-color: rgb(var(--color-primary-50) / 0.05);
      }
      .hover\:bg-primary-50\/50:hover {
        background-color: rgb(var(--color-primary-50) / 0.5);
      }
      .hover\:bg-primary-50\/55:hover {
        background-color: rgb(var(--color-primary-50) / 0.55);
      }
      .hover\:bg-primary-50\/60:hover {
        background-color: rgb(var(--color-primary-50) / 0.6);
      }
      .hover\:bg-primary-50\/65:hover {
        background-color: rgb(var(--color-primary-50) / 0.65);
      }
      .hover\:bg-primary-50\/70:hover {
        background-color: rgb(var(--color-primary-50) / 0.7);
      }
      .hover\:bg-primary-50\/75:hover {
        background-color: rgb(var(--color-primary-50) / 0.75);
      }
      .hover\:bg-primary-50\/80:hover {
        background-color: rgb(var(--color-primary-50) / 0.8);
      }
      .hover\:bg-primary-50\/85:hover {
        background-color: rgb(var(--color-primary-50) / 0.85);
      }
      .hover\:bg-primary-50\/90:hover {
        background-color: rgb(var(--color-primary-50) / 0.9);
      }
      .hover\:bg-primary-50\/95:hover {
        background-color: rgb(var(--color-primary-50) / 0.95);
      }
      .hover\:bg-primary-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
      }
      .hover\:bg-primary-500\/0:hover {
        background-color: rgb(var(--color-primary-500) / 0);
      }
      .hover\:bg-primary-500\/10:hover {
        background-color: rgb(var(--color-primary-500) / 0.1);
      }
      .hover\:bg-primary-500\/100:hover {
        background-color: rgb(var(--color-primary-500) / 1);
      }
      .hover\:bg-primary-500\/15:hover {
        background-color: rgb(var(--color-primary-500) / 0.15);
      }
      .hover\:bg-primary-500\/20:hover {
        background-color: rgb(var(--color-primary-500) / 0.2);
      }
      .hover\:bg-primary-500\/25:hover {
        background-color: rgb(var(--color-primary-500) / 0.25);
      }
      .hover\:bg-primary-500\/30:hover {
        background-color: rgb(var(--color-primary-500) / 0.3);
      }
      .hover\:bg-primary-500\/35:hover {
        background-color: rgb(var(--color-primary-500) / 0.35);
      }
      .hover\:bg-primary-500\/40:hover {
        background-color: rgb(var(--color-primary-500) / 0.4);
      }
      .hover\:bg-primary-500\/45:hover {
        background-color: rgb(var(--color-primary-500) / 0.45);
      }
      .hover\:bg-primary-500\/5:hover {
        background-color: rgb(var(--color-primary-500) / 0.05);
      }
      .hover\:bg-primary-500\/50:hover {
        background-color: rgb(var(--color-primary-500) / 0.5);
      }
      .hover\:bg-primary-500\/55:hover {
        background-color: rgb(var(--color-primary-500) / 0.55);
      }
      .hover\:bg-primary-500\/60:hover {
        background-color: rgb(var(--color-primary-500) / 0.6);
      }
      .hover\:bg-primary-500\/65:hover {
        background-color: rgb(var(--color-primary-500) / 0.65);
      }
      .hover\:bg-primary-500\/70:hover {
        background-color: rgb(var(--color-primary-500) / 0.7);
      }
      .hover\:bg-primary-500\/75:hover {
        background-color: rgb(var(--color-primary-500) / 0.75);
      }
      .hover\:bg-primary-500\/80:hover {
        background-color: rgb(var(--color-primary-500) / 0.8);
      }
      .hover\:bg-primary-500\/85:hover {
        background-color: rgb(var(--color-primary-500) / 0.85);
      }
      .hover\:bg-primary-500\/90:hover {
        background-color: rgb(var(--color-primary-500) / 0.9);
      }
      .hover\:bg-primary-500\/95:hover {
        background-color: rgb(var(--color-primary-500) / 0.95);
      }
      .hover\:bg-primary-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity));
      }
      .hover\:bg-primary-600\/0:hover {
        background-color: rgb(var(--color-primary-600) / 0);
      }
      .hover\:bg-primary-600\/10:hover {
        background-color: rgb(var(--color-primary-600) / 0.1);
      }
      .hover\:bg-primary-600\/100:hover {
        background-color: rgb(var(--color-primary-600) / 1);
      }
      .hover\:bg-primary-600\/15:hover {
        background-color: rgb(var(--color-primary-600) / 0.15);
      }
      .hover\:bg-primary-600\/20:hover {
        background-color: rgb(var(--color-primary-600) / 0.2);
      }
      .hover\:bg-primary-600\/25:hover {
        background-color: rgb(var(--color-primary-600) / 0.25);
      }
      .hover\:bg-primary-600\/30:hover {
        background-color: rgb(var(--color-primary-600) / 0.3);
      }
      .hover\:bg-primary-600\/35:hover {
        background-color: rgb(var(--color-primary-600) / 0.35);
      }
      .hover\:bg-primary-600\/40:hover {
        background-color: rgb(var(--color-primary-600) / 0.4);
      }
      .hover\:bg-primary-600\/45:hover {
        background-color: rgb(var(--color-primary-600) / 0.45);
      }
      .hover\:bg-primary-600\/5:hover {
        background-color: rgb(var(--color-primary-600) / 0.05);
      }
      .hover\:bg-primary-600\/50:hover {
        background-color: rgb(var(--color-primary-600) / 0.5);
      }
      .hover\:bg-primary-600\/55:hover {
        background-color: rgb(var(--color-primary-600) / 0.55);
      }
      .hover\:bg-primary-600\/60:hover {
        background-color: rgb(var(--color-primary-600) / 0.6);
      }
      .hover\:bg-primary-600\/65:hover {
        background-color: rgb(var(--color-primary-600) / 0.65);
      }
      .hover\:bg-primary-600\/70:hover {
        background-color: rgb(var(--color-primary-600) / 0.7);
      }
      .hover\:bg-primary-600\/75:hover {
        background-color: rgb(var(--color-primary-600) / 0.75);
      }
      .hover\:bg-primary-600\/80:hover {
        background-color: rgb(var(--color-primary-600) / 0.8);
      }
      .hover\:bg-primary-600\/85:hover {
        background-color: rgb(var(--color-primary-600) / 0.85);
      }
      .hover\:bg-primary-600\/90:hover {
        background-color: rgb(var(--color-primary-600) / 0.9);
      }
      .hover\:bg-primary-600\/95:hover {
        background-color: rgb(var(--color-primary-600) / 0.95);
      }
      .hover\:bg-white:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .hover\:text-gray-700:hover {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-700) / var(--tw-text-opacity));
      }
      .hover\:text-gray-900:hover {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-900) / var(--tw-text-opacity));
      }
      .hover\:text-primary-600:hover {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-600) / var(--tw-text-opacity));
      }
      .hover\:text-primary-600\/0:hover {
        color: rgb(var(--color-primary-600) / 0);
      }
      .hover\:text-primary-600\/10:hover {
        color: rgb(var(--color-primary-600) / 0.1);
      }
      .hover\:text-primary-600\/100:hover {
        color: rgb(var(--color-primary-600) / 1);
      }
      .hover\:text-primary-600\/15:hover {
        color: rgb(var(--color-primary-600) / 0.15);
      }
      .hover\:text-primary-600\/20:hover {
        color: rgb(var(--color-primary-600) / 0.2);
      }
      .hover\:text-primary-600\/25:hover {
        color: rgb(var(--color-primary-600) / 0.25);
      }
      .hover\:text-primary-600\/30:hover {
        color: rgb(var(--color-primary-600) / 0.3);
      }
      .hover\:text-primary-600\/35:hover {
        color: rgb(var(--color-primary-600) / 0.35);
      }
      .hover\:text-primary-600\/40:hover {
        color: rgb(var(--color-primary-600) / 0.4);
      }
      .hover\:text-primary-600\/45:hover {
        color: rgb(var(--color-primary-600) / 0.45);
      }
      .hover\:text-primary-600\/5:hover {
        color: rgb(var(--color-primary-600) / 0.05);
      }
      .hover\:text-primary-600\/50:hover {
        color: rgb(var(--color-primary-600) / 0.5);
      }
      .hover\:text-primary-600\/55:hover {
        color: rgb(var(--color-primary-600) / 0.55);
      }
      .hover\:text-primary-600\/60:hover {
        color: rgb(var(--color-primary-600) / 0.6);
      }
      .hover\:text-primary-600\/65:hover {
        color: rgb(var(--color-primary-600) / 0.65);
      }
      .hover\:text-primary-600\/70:hover {
        color: rgb(var(--color-primary-600) / 0.7);
      }
      .hover\:text-primary-600\/75:hover {
        color: rgb(var(--color-primary-600) / 0.75);
      }
      .hover\:text-primary-600\/80:hover {
        color: rgb(var(--color-primary-600) / 0.8);
      }
      .hover\:text-primary-600\/85:hover {
        color: rgb(var(--color-primary-600) / 0.85);
      }
      .hover\:text-primary-600\/90:hover {
        color: rgb(var(--color-primary-600) / 0.9);
      }
      .hover\:text-primary-600\/95:hover {
        color: rgb(var(--color-primary-600) / 0.95);
      }
      .hover\:underline:hover {
        text-decoration-line: underline;
      }
      .hover\:before\:bg-gray-50:hover:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));
      }
      .focus\:shadow-none:focus {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
          var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .focus\:outline-none:focus {
        outline: 2px solid #0000;
        outline-offset: 2px;
      }
      .focus\:ring-0:focus {
        --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(var(--tw-ring-offset-width)) var(--tw-ring-color);
      }
      .focus\:ring-0:focus,
      .focus\:ring-2:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
          var(--tw-shadow, 0 0 #0000);
      }
      .focus\:ring-2:focus {
        --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);
      }
      .focus\:ring-primary-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity));
      }
      .focus\:ring-primary-500\/0:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0);
      }
      .focus\:ring-primary-500\/10:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.1);
      }
      .focus\:ring-primary-500\/100:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 1);
      }
      .focus\:ring-primary-500\/15:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.15);
      }
      .focus\:ring-primary-500\/20:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.2);
      }
      .focus\:ring-primary-500\/25:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.25);
      }
      .focus\:ring-primary-500\/30:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.3);
      }
      .focus\:ring-primary-500\/35:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.35);
      }
      .focus\:ring-primary-500\/40:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.4);
      }
      .focus\:ring-primary-500\/45:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.45);
      }
      .focus\:ring-primary-500\/5:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.05);
      }
      .focus\:ring-primary-500\/50:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.5);
      }
      .focus\:ring-primary-500\/55:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.55);
      }
      .focus\:ring-primary-500\/60:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.6);
      }
      .focus\:ring-primary-500\/65:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.65);
      }
      .focus\:ring-primary-500\/70:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.7);
      }
      .focus\:ring-primary-500\/75:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.75);
      }
      .focus\:ring-primary-500\/80:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.8);
      }
      .focus\:ring-primary-500\/85:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.85);
      }
      .focus\:ring-primary-500\/90:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.9);
      }
      .focus\:ring-primary-500\/95:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.95);
      }
      .focus\:ring-red-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
      }
      .focus\:ring-red-500\/0:focus {
        --tw-ring-color: #ef444400;
      }
      .focus\:ring-red-500\/10:focus {
        --tw-ring-color: #ef44441a;
      }
      .focus\:ring-red-500\/100:focus {
        --tw-ring-color: #ef4444;
      }
      .focus\:ring-red-500\/15:focus {
        --tw-ring-color: #ef444426;
      }
      .focus\:ring-red-500\/20:focus {
        --tw-ring-color: #ef444433;
      }
      .focus\:ring-red-500\/25:focus {
        --tw-ring-color: #ef444440;
      }
      .focus\:ring-red-500\/30:focus {
        --tw-ring-color: #ef44444d;
      }
      .focus\:ring-red-500\/35:focus {
        --tw-ring-color: #ef444459;
      }
      .focus\:ring-red-500\/40:focus {
        --tw-ring-color: #ef444466;
      }
      .focus\:ring-red-500\/45:focus {
        --tw-ring-color: #ef444473;
      }
      .focus\:ring-red-500\/5:focus {
        --tw-ring-color: #ef44440d;
      }
      .focus\:ring-red-500\/50:focus {
        --tw-ring-color: #ef444480;
      }
      .focus\:ring-red-500\/55:focus {
        --tw-ring-color: #ef44448c;
      }
      .focus\:ring-red-500\/60:focus {
        --tw-ring-color: #ef444499;
      }
      .focus\:ring-red-500\/65:focus {
        --tw-ring-color: #ef4444a6;
      }
      .focus\:ring-red-500\/70:focus {
        --tw-ring-color: #ef4444b3;
      }
      .focus\:ring-red-500\/75:focus {
        --tw-ring-color: #ef4444bf;
      }
      .focus\:ring-red-500\/80:focus {
        --tw-ring-color: #ef4444cc;
      }
      .focus\:ring-red-500\/85:focus {
        --tw-ring-color: #ef4444d9;
      }
      .focus\:ring-red-500\/90:focus {
        --tw-ring-color: #ef4444e6;
      }
      .focus\:ring-red-500\/95:focus {
        --tw-ring-color: #ef4444f2;
      }
      .focus\:ring-transparent:focus {
        --tw-ring-color: #0000;
      }
      .focus\:ring-offset-transparent:focus {
        --tw-ring-offset-color: #0000;
      }
      .focus-visible\:outline-none:focus-visible {
        outline: 2px solid #0000;
        outline-offset: 2px;
      }
      .focus-visible\:outline:focus-visible {
        outline-style: solid;
      }
      .focus-visible\:outline-0:focus-visible {
        outline-width: 0;
      }
      .focus-visible\:outline-2:focus-visible {
        outline-width: 2px;
      }
      .focus-visible\:outline-offset-2:focus-visible {
        outline-offset: 2px;
      }
      .focus-visible\:outline-primary-500:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 1);
      }
      .focus-visible\:outline-primary-500\/0:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0);
      }
      .focus-visible\:outline-primary-500\/10:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.1);
      }
      .focus-visible\:outline-primary-500\/100:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 1);
      }
      .focus-visible\:outline-primary-500\/15:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.15);
      }
      .focus-visible\:outline-primary-500\/20:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.2);
      }
      .focus-visible\:outline-primary-500\/25:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.25);
      }
      .focus-visible\:outline-primary-500\/30:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.3);
      }
      .focus-visible\:outline-primary-500\/35:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.35);
      }
      .focus-visible\:outline-primary-500\/40:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.4);
      }
      .focus-visible\:outline-primary-500\/45:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.45);
      }
      .focus-visible\:outline-primary-500\/5:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.05);
      }
      .focus-visible\:outline-primary-500\/50:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.5);
      }
      .focus-visible\:outline-primary-500\/55:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.55);
      }
      .focus-visible\:outline-primary-500\/60:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.6);
      }
      .focus-visible\:outline-primary-500\/65:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.65);
      }
      .focus-visible\:outline-primary-500\/70:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.7);
      }
      .focus-visible\:outline-primary-500\/75:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.75);
      }
      .focus-visible\:outline-primary-500\/80:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.8);
      }
      .focus-visible\:outline-primary-500\/85:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.85);
      }
      .focus-visible\:outline-primary-500\/90:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.9);
      }
      .focus-visible\:outline-primary-500\/95:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.95);
      }
      .focus-visible\:ring-2: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(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);
      }
      .focus-visible\:ring-inset:focus-visible {
        --tw-ring-inset: inset;
      }
      .focus-visible\:ring-primary-500:focus-visible {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity));
      }
      .focus-visible\:ring-primary-500\/0:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0);
      }
      .focus-visible\:ring-primary-500\/10:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.1);
      }
      .focus-visible\:ring-primary-500\/100:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 1);
      }
      .focus-visible\:ring-primary-500\/15:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.15);
      }
      .focus-visible\:ring-primary-500\/20:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.2);
      }
      .focus-visible\:ring-primary-500\/25:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.25);
      }
      .focus-visible\:ring-primary-500\/30:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.3);
      }
      .focus-visible\:ring-primary-500\/35:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.35);
      }
      .focus-visible\:ring-primary-500\/40:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.4);
      }
      .focus-visible\:ring-primary-500\/45:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.45);
      }
      .focus-visible\:ring-primary-500\/5:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.05);
      }
      .focus-visible\:ring-primary-500\/50:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.5);
      }
      .focus-visible\:ring-primary-500\/55:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.55);
      }
      .focus-visible\:ring-primary-500\/60:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.6);
      }
      .focus-visible\:ring-primary-500\/65:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.65);
      }
      .focus-visible\:ring-primary-500\/70:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.7);
      }
      .focus-visible\:ring-primary-500\/75:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.75);
      }
      .focus-visible\:ring-primary-500\/80:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.8);
      }
      .focus-visible\:ring-primary-500\/85:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.85);
      }
      .focus-visible\:ring-primary-500\/90:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.9);
      }
      .focus-visible\:ring-primary-500\/95:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.95);
      }
      .focus-visible\:ring-red-500:focus-visible {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
      }
      .focus-visible\:ring-red-500\/0:focus-visible {
        --tw-ring-color: #ef444400;
      }
      .focus-visible\:ring-red-500\/10:focus-visible {
        --tw-ring-color: #ef44441a;
      }
      .focus-visible\:ring-red-500\/100:focus-visible {
        --tw-ring-color: #ef4444;
      }
      .focus-visible\:ring-red-500\/15:focus-visible {
        --tw-ring-color: #ef444426;
      }
      .focus-visible\:ring-red-500\/20:focus-visible {
        --tw-ring-color: #ef444433;
      }
      .focus-visible\:ring-red-500\/25:focus-visible {
        --tw-ring-color: #ef444440;
      }
      .focus-visible\:ring-red-500\/30:focus-visible {
        --tw-ring-color: #ef44444d;
      }
      .focus-visible\:ring-red-500\/35:focus-visible {
        --tw-ring-color: #ef444459;
      }
      .focus-visible\:ring-red-500\/40:focus-visible {
        --tw-ring-color: #ef444466;
      }
      .focus-visible\:ring-red-500\/45:focus-visible {
        --tw-ring-color: #ef444473;
      }
      .focus-visible\:ring-red-500\/5:focus-visible {
        --tw-ring-color: #ef44440d;
      }
      .focus-visible\:ring-red-500\/50:focus-visible {
        --tw-ring-color: #ef444480;
      }
      .focus-visible\:ring-red-500\/55:focus-visible {
        --tw-ring-color: #ef44448c;
      }
      .focus-visible\:ring-red-500\/60:focus-visible {
        --tw-ring-color: #ef444499;
      }
      .focus-visible\:ring-red-500\/65:focus-visible {
        --tw-ring-color: #ef4444a6;
      }
      .focus-visible\:ring-red-500\/70:focus-visible {
        --tw-ring-color: #ef4444b3;
      }
      .focus-visible\:ring-red-500\/75:focus-visible {
        --tw-ring-color: #ef4444bf;
      }
      .focus-visible\:ring-red-500\/80:focus-visible {
        --tw-ring-color: #ef4444cc;
      }
      .focus-visible\:ring-red-500\/85:focus-visible {
        --tw-ring-color: #ef4444d9;
      }
      .focus-visible\:ring-red-500\/90:focus-visible {
        --tw-ring-color: #ef4444e6;
      }
      .focus-visible\:ring-red-500\/95:focus-visible {
        --tw-ring-color: #ef4444f2;
      }
      .focus-visible\:ring-offset-2:focus-visible {
        --tw-ring-offset-width: 2px;
      }
      .focus-visible\:ring-offset-white:focus-visible {
        --tw-ring-offset-color: #fff;
      }
      .focus-visible\:before\:ring-1:focus-visible:before {
        content: var(--tw-content);
        --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(1px + 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\:before\:ring-inset:focus-visible:before {
        content: var(--tw-content);
        --tw-ring-inset: inset;
      }
      .focus-visible\:before\:ring-primary-500:focus-visible:before {
        content: var(--tw-content);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity));
      }
      .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed;
      }
      .disabled\:bg-gray-50:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));
      }
      .disabled\:bg-gray-900:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
      }
      .disabled\:bg-primary-50:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-50) / var(--tw-bg-opacity));
      }
      .disabled\:bg-primary-50\/0:disabled {
        background-color: rgb(var(--color-primary-50) / 0);
      }
      .disabled\:bg-primary-50\/10:disabled {
        background-color: rgb(var(--color-primary-50) / 0.1);
      }
      .disabled\:bg-primary-50\/100:disabled {
        background-color: rgb(var(--color-primary-50) / 1);
      }
      .disabled\:bg-primary-50\/15:disabled {
        background-color: rgb(var(--color-primary-50) / 0.15);
      }
      .disabled\:bg-primary-50\/20:disabled {
        background-color: rgb(var(--color-primary-50) / 0.2);
      }
      .disabled\:bg-primary-50\/25:disabled {
        background-color: rgb(var(--color-primary-50) / 0.25);
      }
      .disabled\:bg-primary-50\/30:disabled {
        background-color: rgb(var(--color-primary-50) / 0.3);
      }
      .disabled\:bg-primary-50\/35:disabled {
        background-color: rgb(var(--color-primary-50) / 0.35);
      }
      .disabled\:bg-primary-50\/40:disabled {
        background-color: rgb(var(--color-primary-50) / 0.4);
      }
      .disabled\:bg-primary-50\/45:disabled {
        background-color: rgb(var(--color-primary-50) / 0.45);
      }
      .disabled\:bg-primary-50\/5:disabled {
        background-color: rgb(var(--color-primary-50) / 0.05);
      }
      .disabled\:bg-primary-50\/50:disabled {
        background-color: rgb(var(--color-primary-50) / 0.5);
      }
      .disabled\:bg-primary-50\/55:disabled {
        background-color: rgb(var(--color-primary-50) / 0.55);
      }
      .disabled\:bg-primary-50\/60:disabled {
        background-color: rgb(var(--color-primary-50) / 0.6);
      }
      .disabled\:bg-primary-50\/65:disabled {
        background-color: rgb(var(--color-primary-50) / 0.65);
      }
      .disabled\:bg-primary-50\/70:disabled {
        background-color: rgb(var(--color-primary-50) / 0.7);
      }
      .disabled\:bg-primary-50\/75:disabled {
        background-color: rgb(var(--color-primary-50) / 0.75);
      }
      .disabled\:bg-primary-50\/80:disabled {
        background-color: rgb(var(--color-primary-50) / 0.8);
      }
      .disabled\:bg-primary-50\/85:disabled {
        background-color: rgb(var(--color-primary-50) / 0.85);
      }
      .disabled\:bg-primary-50\/90:disabled {
        background-color: rgb(var(--color-primary-50) / 0.9);
      }
      .disabled\:bg-primary-50\/95:disabled {
        background-color: rgb(var(--color-primary-50) / 0.95);
      }
      .disabled\:bg-primary-500:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
      }
      .disabled\:bg-primary-500\/0:disabled {
        background-color: rgb(var(--color-primary-500) / 0);
      }
      .disabled\:bg-primary-500\/10:disabled {
        background-color: rgb(var(--color-primary-500) / 0.1);
      }
      .disabled\:bg-primary-500\/100:disabled {
        background-color: rgb(var(--color-primary-500) / 1);
      }
      .disabled\:bg-primary-500\/15:disabled {
        background-color: rgb(var(--color-primary-500) / 0.15);
      }
      .disabled\:bg-primary-500\/20:disabled {
        background-color: rgb(var(--color-primary-500) / 0.2);
      }
      .disabled\:bg-primary-500\/25:disabled {
        background-color: rgb(var(--color-primary-500) / 0.25);
      }
      .disabled\:bg-primary-500\/30:disabled {
        background-color: rgb(var(--color-primary-500) / 0.3);
      }
      .disabled\:bg-primary-500\/35:disabled {
        background-color: rgb(var(--color-primary-500) / 0.35);
      }
      .disabled\:bg-primary-500\/40:disabled {
        background-color: rgb(var(--color-primary-500) / 0.4);
      }
      .disabled\:bg-primary-500\/45:disabled {
        background-color: rgb(var(--color-primary-500) / 0.45);
      }
      .disabled\:bg-primary-500\/5:disabled {
        background-color: rgb(var(--color-primary-500) / 0.05);
      }
      .disabled\:bg-primary-500\/50:disabled {
        background-color: rgb(var(--color-primary-500) / 0.5);
      }
      .disabled\:bg-primary-500\/55:disabled {
        background-color: rgb(var(--color-primary-500) / 0.55);
      }
      .disabled\:bg-primary-500\/60:disabled {
        background-color: rgb(var(--color-primary-500) / 0.6);
      }
      .disabled\:bg-primary-500\/65:disabled {
        background-color: rgb(var(--color-primary-500) / 0.65);
      }
      .disabled\:bg-primary-500\/70:disabled {
        background-color: rgb(var(--color-primary-500) / 0.7);
      }
      .disabled\:bg-primary-500\/75:disabled {
        background-color: rgb(var(--color-primary-500) / 0.75);
      }
      .disabled\:bg-primary-500\/80:disabled {
        background-color: rgb(var(--color-primary-500) / 0.8);
      }
      .disabled\:bg-primary-500\/85:disabled {
        background-color: rgb(var(--color-primary-500) / 0.85);
      }
      .disabled\:bg-primary-500\/90:disabled {
        background-color: rgb(var(--color-primary-500) / 0.9);
      }
      .disabled\:bg-primary-500\/95:disabled {
        background-color: rgb(var(--color-primary-500) / 0.95);
      }
      .disabled\:bg-transparent:disabled {
        background-color: initial;
      }
      .disabled\:bg-white:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .disabled\:bg-opacity-50:disabled {
        --tw-bg-opacity: 0.5;
      }
      .disabled\:text-primary-500:disabled {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
      }
      .disabled\:text-primary-500\/0:disabled {
        color: rgb(var(--color-primary-500) / 0);
      }
      .disabled\:text-primary-500\/10:disabled {
        color: rgb(var(--color-primary-500) / 0.1);
      }
      .disabled\:text-primary-500\/100:disabled {
        color: rgb(var(--color-primary-500) / 1);
      }
      .disabled\:text-primary-500\/15:disabled {
        color: rgb(var(--color-primary-500) / 0.15);
      }
      .disabled\:text-primary-500\/20:disabled {
        color: rgb(var(--color-primary-500) / 0.2);
      }
      .disabled\:text-primary-500\/25:disabled {
        color: rgb(var(--color-primary-500) / 0.25);
      }
      .disabled\:text-primary-500\/30:disabled {
        color: rgb(var(--color-primary-500) / 0.3);
      }
      .disabled\:text-primary-500\/35:disabled {
        color: rgb(var(--color-primary-500) / 0.35);
      }
      .disabled\:text-primary-500\/40:disabled {
        color: rgb(var(--color-primary-500) / 0.4);
      }
      .disabled\:text-primary-500\/45:disabled {
        color: rgb(var(--color-primary-500) / 0.45);
      }
      .disabled\:text-primary-500\/5:disabled {
        color: rgb(var(--color-primary-500) / 0.05);
      }
      .disabled\:text-primary-500\/50:disabled {
        color: rgb(var(--color-primary-500) / 0.5);
      }
      .disabled\:text-primary-500\/55:disabled {
        color: rgb(var(--color-primary-500) / 0.55);
      }
      .disabled\:text-primary-500\/60:disabled {
        color: rgb(var(--color-primary-500) / 0.6);
      }
      .disabled\:text-primary-500\/65:disabled {
        color: rgb(var(--color-primary-500) / 0.65);
      }
      .disabled\:text-primary-500\/70:disabled {
        color: rgb(var(--color-primary-500) / 0.7);
      }
      .disabled\:text-primary-500\/75:disabled {
        color: rgb(var(--color-primary-500) / 0.75);
      }
      .disabled\:text-primary-500\/80:disabled {
        color: rgb(var(--color-primary-500) / 0.8);
      }
      .disabled\:text-primary-500\/85:disabled {
        color: rgb(var(--color-primary-500) / 0.85);
      }
      .disabled\:text-primary-500\/90:disabled {
        color: rgb(var(--color-primary-500) / 0.9);
      }
      .disabled\:text-primary-500\/95:disabled {
        color: rgb(var(--color-primary-500) / 0.95);
      }
      .disabled\:opacity-50:disabled {
        opacity: 0.5;
      }
      .disabled\:opacity-75:disabled {
        opacity: 0.75;
      }
      .group:hover .group-hover\:text-gray-700 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-700) / var(--tw-text-opacity));
      }
      .peer:disabled ~ .peer-disabled\:bg-opacity-50 {
        --tw-bg-opacity: 0.5;
      }
      .group[data-popper-placement*="bottom"]
        .group-data-\[popper-placement\*\=\'bottom\'\]\:-top-1 {
        top: -0.25rem;
      }
      .group[data-popper-placement*="left"]
        .group-data-\[popper-placement\*\=\'left\'\]\:-right-1 {
        right: -0.25rem;
      }
      .group[data-popper-placement*="right"]
        .group-data-\[popper-placement\*\=\'right\'\]\:-left-1 {
        left: -0.25rem;
      }
      .group[data-popper-placement*="top"]
        .group-data-\[popper-placement\*\=\'top\'\]\:-bottom-1 {
        bottom: -0.25rem;
      }
      :where([data-headlessui-focus-visible])
        .ui-focus-visible\:outline-0:focus {
        outline-width: 0;
      }
      :where([data-headlessui-focus-visible]) .ui-focus-visible\:ring-2:focus {
        --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);
      }
      :where([data-headlessui-focus-visible])
        .ui-focus-visible\:ring-primary-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity));
      }
      .ui-not-focus-visible\:outline-none:focus:where(
          :not(
              [data-headlessui-focus-visible]
                .ui-not-focus-visible\:outline-none
            )
        ) {
        outline: 2px solid #0000;
        outline-offset: 2px;
      }
      .dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(var(--color-gray-700) / var(--tw-divide-opacity));
      }
      .dark\:divide-gray-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(var(--color-gray-800) / var(--tw-divide-opacity));
      }
      .dark\:border-gray-700:is(.dark *) {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-700) / var(--tw-border-opacity));
      }
      .dark\:border-gray-800:is(.dark *) {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-800) / var(--tw-border-opacity));
      }
      .dark\:bg-amber-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(251 191 36 / var(--tw-bg-opacity));
      }
      .dark\:bg-amber-400\/0:is(.dark *) {
        background-color: #fbbf2400;
      }
      .dark\:bg-amber-400\/10:is(.dark *) {
        background-color: #fbbf241a;
      }
      .dark\:bg-amber-400\/100:is(.dark *) {
        background-color: #fbbf24;
      }
      .dark\:bg-amber-400\/15:is(.dark *) {
        background-color: #fbbf2426;
      }
      .dark\:bg-amber-400\/20:is(.dark *) {
        background-color: #fbbf2433;
      }
      .dark\:bg-amber-400\/25:is(.dark *) {
        background-color: #fbbf2440;
      }
      .dark\:bg-amber-400\/30:is(.dark *) {
        background-color: #fbbf244d;
      }
      .dark\:bg-amber-400\/35:is(.dark *) {
        background-color: #fbbf2459;
      }
      .dark\:bg-amber-400\/40:is(.dark *) {
        background-color: #fbbf2466;
      }
      .dark\:bg-amber-400\/45:is(.dark *) {
        background-color: #fbbf2473;
      }
      .dark\:bg-amber-400\/5:is(.dark *) {
        background-color: #fbbf240d;
      }
      .dark\:bg-amber-400\/50:is(.dark *) {
        background-color: #fbbf2480;
      }
      .dark\:bg-amber-400\/55:is(.dark *) {
        background-color: #fbbf248c;
      }
      .dark\:bg-amber-400\/60:is(.dark *) {
        background-color: #fbbf2499;
      }
      .dark\:bg-amber-400\/65:is(.dark *) {
        background-color: #fbbf24a6;
      }
      .dark\:bg-amber-400\/70:is(.dark *) {
        background-color: #fbbf24b3;
      }
      .dark\:bg-amber-400\/75:is(.dark *) {
        background-color: #fbbf24bf;
      }
      .dark\:bg-amber-400\/80:is(.dark *) {
        background-color: #fbbf24cc;
      }
      .dark\:bg-amber-400\/85:is(.dark *) {
        background-color: #fbbf24d9;
      }
      .dark\:bg-amber-400\/90:is(.dark *) {
        background-color: #fbbf24e6;
      }
      .dark\:bg-amber-400\/95:is(.dark *) {
        background-color: #fbbf24f2;
      }
      .dark\:bg-blue-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(96 165 250 / var(--tw-bg-opacity));
      }
      .dark\:bg-blue-400\/0:is(.dark *) {
        background-color: #60a5fa00;
      }
      .dark\:bg-blue-400\/10:is(.dark *) {
        background-color: #60a5fa1a;
      }
      .dark\:bg-blue-400\/100:is(.dark *) {
        background-color: #60a5fa;
      }
      .dark\:bg-blue-400\/15:is(.dark *) {
        background-color: #60a5fa26;
      }
      .dark\:bg-blue-400\/20:is(.dark *) {
        background-color: #60a5fa33;
      }
      .dark\:bg-blue-400\/25:is(.dark *) {
        background-color: #60a5fa40;
      }
      .dark\:bg-blue-400\/30:is(.dark *) {
        background-color: #60a5fa4d;
      }
      .dark\:bg-blue-400\/35:is(.dark *) {
        background-color: #60a5fa59;
      }
      .dark\:bg-blue-400\/40:is(.dark *) {
        background-color: #60a5fa66;
      }
      .dark\:bg-blue-400\/45:is(.dark *) {
        background-color: #60a5fa73;
      }
      .dark\:bg-blue-400\/5:is(.dark *) {
        background-color: #60a5fa0d;
      }
      .dark\:bg-blue-400\/50:is(.dark *) {
        background-color: #60a5fa80;
      }
      .dark\:bg-blue-400\/55:is(.dark *) {
        background-color: #60a5fa8c;
      }
      .dark\:bg-blue-400\/60:is(.dark *) {
        background-color: #60a5fa99;
      }
      .dark\:bg-blue-400\/65:is(.dark *) {
        background-color: #60a5faa6;
      }
      .dark\:bg-blue-400\/70:is(.dark *) {
        background-color: #60a5fab3;
      }
      .dark\:bg-blue-400\/75:is(.dark *) {
        background-color: #60a5fabf;
      }
      .dark\:bg-blue-400\/80:is(.dark *) {
        background-color: #60a5facc;
      }
      .dark\:bg-blue-400\/85:is(.dark *) {
        background-color: #60a5fad9;
      }
      .dark\:bg-blue-400\/90:is(.dark *) {
        background-color: #60a5fae6;
      }
      .dark\:bg-blue-400\/95:is(.dark *) {
        background-color: #60a5faf2;
      }
      .dark\:bg-cyan-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(34 211 238 / var(--tw-bg-opacity));
      }
      .dark\:bg-cyan-400\/0:is(.dark *) {
        background-color: #22d3ee00;
      }
      .dark\:bg-cyan-400\/10:is(.dark *) {
        background-color: #22d3ee1a;
      }
      .dark\:bg-cyan-400\/100:is(.dark *) {
        background-color: #22d3ee;
      }
      .dark\:bg-cyan-400\/15:is(.dark *) {
        background-color: #22d3ee26;
      }
      .dark\:bg-cyan-400\/20:is(.dark *) {
        background-color: #22d3ee33;
      }
      .dark\:bg-cyan-400\/25:is(.dark *) {
        background-color: #22d3ee40;
      }
      .dark\:bg-cyan-400\/30:is(.dark *) {
        background-color: #22d3ee4d;
      }
      .dark\:bg-cyan-400\/35:is(.dark *) {
        background-color: #22d3ee59;
      }
      .dark\:bg-cyan-400\/40:is(.dark *) {
        background-color: #22d3ee66;
      }
      .dark\:bg-cyan-400\/45:is(.dark *) {
        background-color: #22d3ee73;
      }
      .dark\:bg-cyan-400\/5:is(.dark *) {
        background-color: #22d3ee0d;
      }
      .dark\:bg-cyan-400\/50:is(.dark *) {
        background-color: #22d3ee80;
      }
      .dark\:bg-cyan-400\/55:is(.dark *) {
        background-color: #22d3ee8c;
      }
      .dark\:bg-cyan-400\/60:is(.dark *) {
        background-color: #22d3ee99;
      }
      .dark\:bg-cyan-400\/65:is(.dark *) {
        background-color: #22d3eea6;
      }
      .dark\:bg-cyan-400\/70:is(.dark *) {
        background-color: #22d3eeb3;
      }
      .dark\:bg-cyan-400\/75:is(.dark *) {
        background-color: #22d3eebf;
      }
      .dark\:bg-cyan-400\/80:is(.dark *) {
        background-color: #22d3eecc;
      }
      .dark\:bg-cyan-400\/85:is(.dark *) {
        background-color: #22d3eed9;
      }
      .dark\:bg-cyan-400\/90:is(.dark *) {
        background-color: #22d3eee6;
      }
      .dark\:bg-cyan-400\/95:is(.dark *) {
        background-color: #22d3eef2;
      }
      .dark\:bg-emerald-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(52 211 153 / var(--tw-bg-opacity));
      }
      .dark\:bg-emerald-400\/0:is(.dark *) {
        background-color: #34d39900;
      }
      .dark\:bg-emerald-400\/10:is(.dark *) {
        background-color: #34d3991a;
      }
      .dark\:bg-emerald-400\/100:is(.dark *) {
        background-color: #34d399;
      }
      .dark\:bg-emerald-400\/15:is(.dark *) {
        background-color: #34d39926;
      }
      .dark\:bg-emerald-400\/20:is(.dark *) {
        background-color: #34d39933;
      }
      .dark\:bg-emerald-400\/25:is(.dark *) {
        background-color: #34d39940;
      }
      .dark\:bg-emerald-400\/30:is(.dark *) {
        background-color: #34d3994d;
      }
      .dark\:bg-emerald-400\/35:is(.dark *) {
        background-color: #34d39959;
      }
      .dark\:bg-emerald-400\/40:is(.dark *) {
        background-color: #34d39966;
      }
      .dark\:bg-emerald-400\/45:is(.dark *) {
        background-color: #34d39973;
      }
      .dark\:bg-emerald-400\/5:is(.dark *) {
        background-color: #34d3990d;
      }
      .dark\:bg-emerald-400\/50:is(.dark *) {
        background-color: #34d39980;
      }
      .dark\:bg-emerald-400\/55:is(.dark *) {
        background-color: #34d3998c;
      }
      .dark\:bg-emerald-400\/60:is(.dark *) {
        background-color: #34d39999;
      }
      .dark\:bg-emerald-400\/65:is(.dark *) {
        background-color: #34d399a6;
      }
      .dark\:bg-emerald-400\/70:is(.dark *) {
        background-color: #34d399b3;
      }
      .dark\:bg-emerald-400\/75:is(.dark *) {
        background-color: #34d399bf;
      }
      .dark\:bg-emerald-400\/80:is(.dark *) {
        background-color: #34d399cc;
      }
      .dark\:bg-emerald-400\/85:is(.dark *) {
        background-color: #34d399d9;
      }
      .dark\:bg-emerald-400\/90:is(.dark *) {
        background-color: #34d399e6;
      }
      .dark\:bg-emerald-400\/95:is(.dark *) {
        background-color: #34d399f2;
      }
      .dark\:bg-fuchsia-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(232 121 249 / var(--tw-bg-opacity));
      }
      .dark\:bg-fuchsia-400\/0:is(.dark *) {
        background-color: #e879f900;
      }
      .dark\:bg-fuchsia-400\/10:is(.dark *) {
        background-color: #e879f91a;
      }
      .dark\:bg-fuchsia-400\/100:is(.dark *) {
        background-color: #e879f9;
      }
      .dark\:bg-fuchsia-400\/15:is(.dark *) {
        background-color: #e879f926;
      }
      .dark\:bg-fuchsia-400\/20:is(.dark *) {
        background-color: #e879f933;
      }
      .dark\:bg-fuchsia-400\/25:is(.dark *) {
        background-color: #e879f940;
      }
      .dark\:bg-fuchsia-400\/30:is(.dark *) {
        background-color: #e879f94d;
      }
      .dark\:bg-fuchsia-400\/35:is(.dark *) {
        background-color: #e879f959;
      }
      .dark\:bg-fuchsia-400\/40:is(.dark *) {
        background-color: #e879f966;
      }
      .dark\:bg-fuchsia-400\/45:is(.dark *) {
        background-color: #e879f973;
      }
      .dark\:bg-fuchsia-400\/5:is(.dark *) {
        background-color: #e879f90d;
      }
      .dark\:bg-fuchsia-400\/50:is(.dark *) {
        background-color: #e879f980;
      }
      .dark\:bg-fuchsia-400\/55:is(.dark *) {
        background-color: #e879f98c;
      }
      .dark\:bg-fuchsia-400\/60:is(.dark *) {
        background-color: #e879f999;
      }
      .dark\:bg-fuchsia-400\/65:is(.dark *) {
        background-color: #e879f9a6;
      }
      .dark\:bg-fuchsia-400\/70:is(.dark *) {
        background-color: #e879f9b3;
      }
      .dark\:bg-fuchsia-400\/75:is(.dark *) {
        background-color: #e879f9bf;
      }
      .dark\:bg-fuchsia-400\/80:is(.dark *) {
        background-color: #e879f9cc;
      }
      .dark\:bg-fuchsia-400\/85:is(.dark *) {
        background-color: #e879f9d9;
      }
      .dark\:bg-fuchsia-400\/90:is(.dark *) {
        background-color: #e879f9e6;
      }
      .dark\:bg-fuchsia-400\/95:is(.dark *) {
        background-color: #e879f9f2;
      }
      .dark\:bg-gray-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-400) / var(--tw-bg-opacity));
      }
      .dark\:bg-gray-700:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
      }
      .dark\:bg-gray-800:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
      }
      .dark\:bg-gray-800\/50:is(.dark *) {
        background-color: rgb(var(--color-gray-800) / 0.5);
      }
      .dark\:bg-gray-800\/75:is(.dark *) {
        background-color: rgb(var(--color-gray-800) / 0.75);
      }
      .dark\:bg-gray-900:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
      }
      .dark\:bg-green-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(74 222 128 / var(--tw-bg-opacity));
      }
      .dark\:bg-green-400\/0:is(.dark *) {
        background-color: #4ade8000;
      }
      .dark\:bg-green-400\/10:is(.dark *) {
        background-color: #4ade801a;
      }
      .dark\:bg-green-400\/100:is(.dark *) {
        background-color: #4ade80;
      }
      .dark\:bg-green-400\/15:is(.dark *) {
        background-color: #4ade8026;
      }
      .dark\:bg-green-400\/20:is(.dark *) {
        background-color: #4ade8033;
      }
      .dark\:bg-green-400\/25:is(.dark *) {
        background-color: #4ade8040;
      }
      .dark\:bg-green-400\/30:is(.dark *) {
        background-color: #4ade804d;
      }
      .dark\:bg-green-400\/35:is(.dark *) {
        background-color: #4ade8059;
      }
      .dark\:bg-green-400\/40:is(.dark *) {
        background-color: #4ade8066;
      }
      .dark\:bg-green-400\/45:is(.dark *) {
        background-color: #4ade8073;
      }
      .dark\:bg-green-400\/5:is(.dark *) {
        background-color: #4ade800d;
      }
      .dark\:bg-green-400\/50:is(.dark *) {
        background-color: #4ade8080;
      }
      .dark\:bg-green-400\/55:is(.dark *) {
        background-color: #4ade808c;
      }
      .dark\:bg-green-400\/60:is(.dark *) {
        background-color: #4ade8099;
      }
      .dark\:bg-green-400\/65:is(.dark *) {
        background-color: #4ade80a6;
      }
      .dark\:bg-green-400\/70:is(.dark *) {
        background-color: #4ade80b3;
      }
      .dark\:bg-green-400\/75:is(.dark *) {
        background-color: #4ade80bf;
      }
      .dark\:bg-green-400\/80:is(.dark *) {
        background-color: #4ade80cc;
      }
      .dark\:bg-green-400\/85:is(.dark *) {
        background-color: #4ade80d9;
      }
      .dark\:bg-green-400\/90:is(.dark *) {
        background-color: #4ade80e6;
      }
      .dark\:bg-green-400\/95:is(.dark *) {
        background-color: #4ade80f2;
      }
      .dark\:bg-indigo-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(129 140 248 / var(--tw-bg-opacity));
      }
      .dark\:bg-indigo-400\/0:is(.dark *) {
        background-color: #818cf800;
      }
      .dark\:bg-indigo-400\/10:is(.dark *) {
        background-color: #818cf81a;
      }
      .dark\:bg-indigo-400\/100:is(.dark *) {
        background-color: #818cf8;
      }
      .dark\:bg-indigo-400\/15:is(.dark *) {
        background-color: #818cf826;
      }
      .dark\:bg-indigo-400\/20:is(.dark *) {
        background-color: #818cf833;
      }
      .dark\:bg-indigo-400\/25:is(.dark *) {
        background-color: #818cf840;
      }
      .dark\:bg-indigo-400\/30:is(.dark *) {
        background-color: #818cf84d;
      }
      .dark\:bg-indigo-400\/35:is(.dark *) {
        background-color: #818cf859;
      }
      .dark\:bg-indigo-400\/40:is(.dark *) {
        background-color: #818cf866;
      }
      .dark\:bg-indigo-400\/45:is(.dark *) {
        background-color: #818cf873;
      }
      .dark\:bg-indigo-400\/5:is(.dark *) {
        background-color: #818cf80d;
      }
      .dark\:bg-indigo-400\/50:is(.dark *) {
        background-color: #818cf880;
      }
      .dark\:bg-indigo-400\/55:is(.dark *) {
        background-color: #818cf88c;
      }
      .dark\:bg-indigo-400\/60:is(.dark *) {
        background-color: #818cf899;
      }
      .dark\:bg-indigo-400\/65:is(.dark *) {
        background-color: #818cf8a6;
      }
      .dark\:bg-indigo-400\/70:is(.dark *) {
        background-color: #818cf8b3;
      }
      .dark\:bg-indigo-400\/75:is(.dark *) {
        background-color: #818cf8bf;
      }
      .dark\:bg-indigo-400\/80:is(.dark *) {
        background-color: #818cf8cc;
      }
      .dark\:bg-indigo-400\/85:is(.dark *) {
        background-color: #818cf8d9;
      }
      .dark\:bg-indigo-400\/90:is(.dark *) {
        background-color: #818cf8e6;
      }
      .dark\:bg-indigo-400\/95:is(.dark *) {
        background-color: #818cf8f2;
      }
      .dark\:bg-lime-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(163 230 53 / var(--tw-bg-opacity));
      }
      .dark\:bg-lime-400\/0:is(.dark *) {
        background-color: #a3e63500;
      }
      .dark\:bg-lime-400\/10:is(.dark *) {
        background-color: #a3e6351a;
      }
      .dark\:bg-lime-400\/100:is(.dark *) {
        background-color: #a3e635;
      }
      .dark\:bg-lime-400\/15:is(.dark *) {
        background-color: #a3e63526;
      }
      .dark\:bg-lime-400\/20:is(.dark *) {
        background-color: #a3e63533;
      }
      .dark\:bg-lime-400\/25:is(.dark *) {
        background-color: #a3e63540;
      }
      .dark\:bg-lime-400\/30:is(.dark *) {
        background-color: #a3e6354d;
      }
      .dark\:bg-lime-400\/35:is(.dark *) {
        background-color: #a3e63559;
      }
      .dark\:bg-lime-400\/40:is(.dark *) {
        background-color: #a3e63566;
      }
      .dark\:bg-lime-400\/45:is(.dark *) {
        background-color: #a3e63573;
      }
      .dark\:bg-lime-400\/5:is(.dark *) {
        background-color: #a3e6350d;
      }
      .dark\:bg-lime-400\/50:is(.dark *) {
        background-color: #a3e63580;
      }
      .dark\:bg-lime-400\/55:is(.dark *) {
        background-color: #a3e6358c;
      }
      .dark\:bg-lime-400\/60:is(.dark *) {
        background-color: #a3e63599;
      }
      .dark\:bg-lime-400\/65:is(.dark *) {
        background-color: #a3e635a6;
      }
      .dark\:bg-lime-400\/70:is(.dark *) {
        background-color: #a3e635b3;
      }
      .dark\:bg-lime-400\/75:is(.dark *) {
        background-color: #a3e635bf;
      }
      .dark\:bg-lime-400\/80:is(.dark *) {
        background-color: #a3e635cc;
      }
      .dark\:bg-lime-400\/85:is(.dark *) {
        background-color: #a3e635d9;
      }
      .dark\:bg-lime-400\/90:is(.dark *) {
        background-color: #a3e635e6;
      }
      .dark\:bg-lime-400\/95:is(.dark *) {
        background-color: #a3e635f2;
      }
      .dark\:bg-orange-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(251 146 60 / var(--tw-bg-opacity));
      }
      .dark\:bg-orange-400\/0:is(.dark *) {
        background-color: #fb923c00;
      }
      .dark\:bg-orange-400\/10:is(.dark *) {
        background-color: #fb923c1a;
      }
      .dark\:bg-orange-400\/100:is(.dark *) {
        background-color: #fb923c;
      }
      .dark\:bg-orange-400\/15:is(.dark *) {
        background-color: #fb923c26;
      }
      .dark\:bg-orange-400\/20:is(.dark *) {
        background-color: #fb923c33;
      }
      .dark\:bg-orange-400\/25:is(.dark *) {
        background-color: #fb923c40;
      }
      .dark\:bg-orange-400\/30:is(.dark *) {
        background-color: #fb923c4d;
      }
      .dark\:bg-orange-400\/35:is(.dark *) {
        background-color: #fb923c59;
      }
      .dark\:bg-orange-400\/40:is(.dark *) {
        background-color: #fb923c66;
      }
      .dark\:bg-orange-400\/45:is(.dark *) {
        background-color: #fb923c73;
      }
      .dark\:bg-orange-400\/5:is(.dark *) {
        background-color: #fb923c0d;
      }
      .dark\:bg-orange-400\/50:is(.dark *) {
        background-color: #fb923c80;
      }
      .dark\:bg-orange-400\/55:is(.dark *) {
        background-color: #fb923c8c;
      }
      .dark\:bg-orange-400\/60:is(.dark *) {
        background-color: #fb923c99;
      }
      .dark\:bg-orange-400\/65:is(.dark *) {
        background-color: #fb923ca6;
      }
      .dark\:bg-orange-400\/70:is(.dark *) {
        background-color: #fb923cb3;
      }
      .dark\:bg-orange-400\/75:is(.dark *) {
        background-color: #fb923cbf;
      }
      .dark\:bg-orange-400\/80:is(.dark *) {
        background-color: #fb923ccc;
      }
      .dark\:bg-orange-400\/85:is(.dark *) {
        background-color: #fb923cd9;
      }
      .dark\:bg-orange-400\/90:is(.dark *) {
        background-color: #fb923ce6;
      }
      .dark\:bg-orange-400\/95:is(.dark *) {
        background-color: #fb923cf2;
      }
      .dark\:bg-pink-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(244 114 182 / var(--tw-bg-opacity));
      }
      .dark\:bg-pink-400\/0:is(.dark *) {
        background-color: #f472b600;
      }
      .dark\:bg-pink-400\/10:is(.dark *) {
        background-color: #f472b61a;
      }
      .dark\:bg-pink-400\/100:is(.dark *) {
        background-color: #f472b6;
      }
      .dark\:bg-pink-400\/15:is(.dark *) {
        background-color: #f472b626;
      }
      .dark\:bg-pink-400\/20:is(.dark *) {
        background-color: #f472b633;
      }
      .dark\:bg-pink-400\/25:is(.dark *) {
        background-color: #f472b640;
      }
      .dark\:bg-pink-400\/30:is(.dark *) {
        background-color: #f472b64d;
      }
      .dark\:bg-pink-400\/35:is(.dark *) {
        background-color: #f472b659;
      }
      .dark\:bg-pink-400\/40:is(.dark *) {
        background-color: #f472b666;
      }
      .dark\:bg-pink-400\/45:is(.dark *) {
        background-color: #f472b673;
      }
      .dark\:bg-pink-400\/5:is(.dark *) {
        background-color: #f472b60d;
      }
      .dark\:bg-pink-400\/50:is(.dark *) {
        background-color: #f472b680;
      }
      .dark\:bg-pink-400\/55:is(.dark *) {
        background-color: #f472b68c;
      }
      .dark\:bg-pink-400\/60:is(.dark *) {
        background-color: #f472b699;
      }
      .dark\:bg-pink-400\/65:is(.dark *) {
        background-color: #f472b6a6;
      }
      .dark\:bg-pink-400\/70:is(.dark *) {
        background-color: #f472b6b3;
      }
      .dark\:bg-pink-400\/75:is(.dark *) {
        background-color: #f472b6bf;
      }
      .dark\:bg-pink-400\/80:is(.dark *) {
        background-color: #f472b6cc;
      }
      .dark\:bg-pink-400\/85:is(.dark *) {
        background-color: #f472b6d9;
      }
      .dark\:bg-pink-400\/90:is(.dark *) {
        background-color: #f472b6e6;
      }
      .dark\:bg-pink-400\/95:is(.dark *) {
        background-color: #f472b6f2;
      }
      .dark\:bg-primary-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-400) / var(--tw-bg-opacity));
      }
      .dark\:bg-primary-400\/0:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:bg-primary-400\/10:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:bg-primary-400\/100:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:bg-primary-400\/15:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:bg-primary-400\/20:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:bg-primary-400\/25:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:bg-primary-400\/30:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:bg-primary-400\/35:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:bg-primary-400\/40:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:bg-primary-400\/45:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:bg-primary-400\/5:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:bg-primary-400\/50:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:bg-primary-400\/55:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:bg-primary-400\/60:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:bg-primary-400\/65:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:bg-primary-400\/70:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:bg-primary-400\/75:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:bg-primary-400\/80:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:bg-primary-400\/85:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:bg-primary-400\/90:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:bg-primary-400\/95:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:bg-primary-950:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-950) / var(--tw-bg-opacity));
      }
      .dark\:bg-primary-950\/0:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0);
      }
      .dark\:bg-primary-950\/10:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.1);
      }
      .dark\:bg-primary-950\/100:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 1);
      }
      .dark\:bg-primary-950\/15:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.15);
      }
      .dark\:bg-primary-950\/20:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.2);
      }
      .dark\:bg-primary-950\/25:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.25);
      }
      .dark\:bg-primary-950\/30:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.3);
      }
      .dark\:bg-primary-950\/35:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.35);
      }
      .dark\:bg-primary-950\/40:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.4);
      }
      .dark\:bg-primary-950\/45:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.45);
      }
      .dark\:bg-primary-950\/5:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.05);
      }
      .dark\:bg-primary-950\/50:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.5);
      }
      .dark\:bg-primary-950\/55:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.55);
      }
      .dark\:bg-primary-950\/60:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.6);
      }
      .dark\:bg-primary-950\/65:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.65);
      }
      .dark\:bg-primary-950\/70:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.7);
      }
      .dark\:bg-primary-950\/75:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.75);
      }
      .dark\:bg-primary-950\/80:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.8);
      }
      .dark\:bg-primary-950\/85:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.85);
      }
      .dark\:bg-primary-950\/90:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.9);
      }
      .dark\:bg-primary-950\/95:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.95);
      }
      .dark\:bg-purple-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(192 132 252 / var(--tw-bg-opacity));
      }
      .dark\:bg-purple-400\/0:is(.dark *) {
        background-color: #c084fc00;
      }
      .dark\:bg-purple-400\/10:is(.dark *) {
        background-color: #c084fc1a;
      }
      .dark\:bg-purple-400\/100:is(.dark *) {
        background-color: #c084fc;
      }
      .dark\:bg-purple-400\/15:is(.dark *) {
        background-color: #c084fc26;
      }
      .dark\:bg-purple-400\/20:is(.dark *) {
        background-color: #c084fc33;
      }
      .dark\:bg-purple-400\/25:is(.dark *) {
        background-color: #c084fc40;
      }
      .dark\:bg-purple-400\/30:is(.dark *) {
        background-color: #c084fc4d;
      }
      .dark\:bg-purple-400\/35:is(.dark *) {
        background-color: #c084fc59;
      }
      .dark\:bg-purple-400\/40:is(.dark *) {
        background-color: #c084fc66;
      }
      .dark\:bg-purple-400\/45:is(.dark *) {
        background-color: #c084fc73;
      }
      .dark\:bg-purple-400\/5:is(.dark *) {
        background-color: #c084fc0d;
      }
      .dark\:bg-purple-400\/50:is(.dark *) {
        background-color: #c084fc80;
      }
      .dark\:bg-purple-400\/55:is(.dark *) {
        background-color: #c084fc8c;
      }
      .dark\:bg-purple-400\/60:is(.dark *) {
        background-color: #c084fc99;
      }
      .dark\:bg-purple-400\/65:is(.dark *) {
        background-color: #c084fca6;
      }
      .dark\:bg-purple-400\/70:is(.dark *) {
        background-color: #c084fcb3;
      }
      .dark\:bg-purple-400\/75:is(.dark *) {
        background-color: #c084fcbf;
      }
      .dark\:bg-purple-400\/80:is(.dark *) {
        background-color: #c084fccc;
      }
      .dark\:bg-purple-400\/85:is(.dark *) {
        background-color: #c084fcd9;
      }
      .dark\:bg-purple-400\/90:is(.dark *) {
        background-color: #c084fce6;
      }
      .dark\:bg-purple-400\/95:is(.dark *) {
        background-color: #c084fcf2;
      }
      .dark\:bg-red-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(248 113 113 / var(--tw-bg-opacity));
      }
      .dark\:bg-red-400\/0:is(.dark *) {
        background-color: #f8717100;
      }
      .dark\:bg-red-400\/10:is(.dark *) {
        background-color: #f871711a;
      }
      .dark\:bg-red-400\/100:is(.dark *) {
        background-color: #f87171;
      }
      .dark\:bg-red-400\/15:is(.dark *) {
        background-color: #f8717126;
      }
      .dark\:bg-red-400\/20:is(.dark *) {
        background-color: #f8717133;
      }
      .dark\:bg-red-400\/25:is(.dark *) {
        background-color: #f8717140;
      }
      .dark\:bg-red-400\/30:is(.dark *) {
        background-color: #f871714d;
      }
      .dark\:bg-red-400\/35:is(.dark *) {
        background-color: #f8717159;
      }
      .dark\:bg-red-400\/40:is(.dark *) {
        background-color: #f8717166;
      }
      .dark\:bg-red-400\/45:is(.dark *) {
        background-color: #f8717173;
      }
      .dark\:bg-red-400\/5:is(.dark *) {
        background-color: #f871710d;
      }
      .dark\:bg-red-400\/50:is(.dark *) {
        background-color: #f8717180;
      }
      .dark\:bg-red-400\/55:is(.dark *) {
        background-color: #f871718c;
      }
      .dark\:bg-red-400\/60:is(.dark *) {
        background-color: #f8717199;
      }
      .dark\:bg-red-400\/65:is(.dark *) {
        background-color: #f87171a6;
      }
      .dark\:bg-red-400\/70:is(.dark *) {
        background-color: #f87171b3;
      }
      .dark\:bg-red-400\/75:is(.dark *) {
        background-color: #f87171bf;
      }
      .dark\:bg-red-400\/80:is(.dark *) {
        background-color: #f87171cc;
      }
      .dark\:bg-red-400\/85:is(.dark *) {
        background-color: #f87171d9;
      }
      .dark\:bg-red-400\/90:is(.dark *) {
        background-color: #f87171e6;
      }
      .dark\:bg-red-400\/95:is(.dark *) {
        background-color: #f87171f2;
      }
      .dark\:bg-rose-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(251 113 133 / var(--tw-bg-opacity));
      }
      .dark\:bg-rose-400\/0:is(.dark *) {
        background-color: #fb718500;
      }
      .dark\:bg-rose-400\/10:is(.dark *) {
        background-color: #fb71851a;
      }
      .dark\:bg-rose-400\/100:is(.dark *) {
        background-color: #fb7185;
      }
      .dark\:bg-rose-400\/15:is(.dark *) {
        background-color: #fb718526;
      }
      .dark\:bg-rose-400\/20:is(.dark *) {
        background-color: #fb718533;
      }
      .dark\:bg-rose-400\/25:is(.dark *) {
        background-color: #fb718540;
      }
      .dark\:bg-rose-400\/30:is(.dark *) {
        background-color: #fb71854d;
      }
      .dark\:bg-rose-400\/35:is(.dark *) {
        background-color: #fb718559;
      }
      .dark\:bg-rose-400\/40:is(.dark *) {
        background-color: #fb718566;
      }
      .dark\:bg-rose-400\/45:is(.dark *) {
        background-color: #fb718573;
      }
      .dark\:bg-rose-400\/5:is(.dark *) {
        background-color: #fb71850d;
      }
      .dark\:bg-rose-400\/50:is(.dark *) {
        background-color: #fb718580;
      }
      .dark\:bg-rose-400\/55:is(.dark *) {
        background-color: #fb71858c;
      }
      .dark\:bg-rose-400\/60:is(.dark *) {
        background-color: #fb718599;
      }
      .dark\:bg-rose-400\/65:is(.dark *) {
        background-color: #fb7185a6;
      }
      .dark\:bg-rose-400\/70:is(.dark *) {
        background-color: #fb7185b3;
      }
      .dark\:bg-rose-400\/75:is(.dark *) {
        background-color: #fb7185bf;
      }
      .dark\:bg-rose-400\/80:is(.dark *) {
        background-color: #fb7185cc;
      }
      .dark\:bg-rose-400\/85:is(.dark *) {
        background-color: #fb7185d9;
      }
      .dark\:bg-rose-400\/90:is(.dark *) {
        background-color: #fb7185e6;
      }
      .dark\:bg-rose-400\/95:is(.dark *) {
        background-color: #fb7185f2;
      }
      .dark\:bg-sky-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(56 189 248 / var(--tw-bg-opacity));
      }
      .dark\:bg-sky-400\/0:is(.dark *) {
        background-color: #38bdf800;
      }
      .dark\:bg-sky-400\/10:is(.dark *) {
        background-color: #38bdf81a;
      }
      .dark\:bg-sky-400\/100:is(.dark *) {
        background-color: #38bdf8;
      }
      .dark\:bg-sky-400\/15:is(.dark *) {
        background-color: #38bdf826;
      }
      .dark\:bg-sky-400\/20:is(.dark *) {
        background-color: #38bdf833;
      }
      .dark\:bg-sky-400\/25:is(.dark *) {
        background-color: #38bdf840;
      }
      .dark\:bg-sky-400\/30:is(.dark *) {
        background-color: #38bdf84d;
      }
      .dark\:bg-sky-400\/35:is(.dark *) {
        background-color: #38bdf859;
      }
      .dark\:bg-sky-400\/40:is(.dark *) {
        background-color: #38bdf866;
      }
      .dark\:bg-sky-400\/45:is(.dark *) {
        background-color: #38bdf873;
      }
      .dark\:bg-sky-400\/5:is(.dark *) {
        background-color: #38bdf80d;
      }
      .dark\:bg-sky-400\/50:is(.dark *) {
        background-color: #38bdf880;
      }
      .dark\:bg-sky-400\/55:is(.dark *) {
        background-color: #38bdf88c;
      }
      .dark\:bg-sky-400\/60:is(.dark *) {
        background-color: #38bdf899;
      }
      .dark\:bg-sky-400\/65:is(.dark *) {
        background-color: #38bdf8a6;
      }
      .dark\:bg-sky-400\/70:is(.dark *) {
        background-color: #38bdf8b3;
      }
      .dark\:bg-sky-400\/75:is(.dark *) {
        background-color: #38bdf8bf;
      }
      .dark\:bg-sky-400\/80:is(.dark *) {
        background-color: #38bdf8cc;
      }
      .dark\:bg-sky-400\/85:is(.dark *) {
        background-color: #38bdf8d9;
      }
      .dark\:bg-sky-400\/90:is(.dark *) {
        background-color: #38bdf8e6;
      }
      .dark\:bg-sky-400\/95:is(.dark *) {
        background-color: #38bdf8f2;
      }
      .dark\:bg-teal-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(45 212 191 / var(--tw-bg-opacity));
      }
      .dark\:bg-teal-400\/0:is(.dark *) {
        background-color: #2dd4bf00;
      }
      .dark\:bg-teal-400\/10:is(.dark *) {
        background-color: #2dd4bf1a;
      }
      .dark\:bg-teal-400\/100:is(.dark *) {
        background-color: #2dd4bf;
      }
      .dark\:bg-teal-400\/15:is(.dark *) {
        background-color: #2dd4bf26;
      }
      .dark\:bg-teal-400\/20:is(.dark *) {
        background-color: #2dd4bf33;
      }
      .dark\:bg-teal-400\/25:is(.dark *) {
        background-color: #2dd4bf40;
      }
      .dark\:bg-teal-400\/30:is(.dark *) {
        background-color: #2dd4bf4d;
      }
      .dark\:bg-teal-400\/35:is(.dark *) {
        background-color: #2dd4bf59;
      }
      .dark\:bg-teal-400\/40:is(.dark *) {
        background-color: #2dd4bf66;
      }
      .dark\:bg-teal-400\/45:is(.dark *) {
        background-color: #2dd4bf73;
      }
      .dark\:bg-teal-400\/5:is(.dark *) {
        background-color: #2dd4bf0d;
      }
      .dark\:bg-teal-400\/50:is(.dark *) {
        background-color: #2dd4bf80;
      }
      .dark\:bg-teal-400\/55:is(.dark *) {
        background-color: #2dd4bf8c;
      }
      .dark\:bg-teal-400\/60:is(.dark *) {
        background-color: #2dd4bf99;
      }
      .dark\:bg-teal-400\/65:is(.dark *) {
        background-color: #2dd4bfa6;
      }
      .dark\:bg-teal-400\/70:is(.dark *) {
        background-color: #2dd4bfb3;
      }
      .dark\:bg-teal-400\/75:is(.dark *) {
        background-color: #2dd4bfbf;
      }
      .dark\:bg-teal-400\/80:is(.dark *) {
        background-color: #2dd4bfcc;
      }
      .dark\:bg-teal-400\/85:is(.dark *) {
        background-color: #2dd4bfd9;
      }
      .dark\:bg-teal-400\/90:is(.dark *) {
        background-color: #2dd4bfe6;
      }
      .dark\:bg-teal-400\/95:is(.dark *) {
        background-color: #2dd4bff2;
      }
      .dark\:bg-violet-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(167 139 250 / var(--tw-bg-opacity));
      }
      .dark\:bg-violet-400\/0:is(.dark *) {
        background-color: #a78bfa00;
      }
      .dark\:bg-violet-400\/10:is(.dark *) {
        background-color: #a78bfa1a;
      }
      .dark\:bg-violet-400\/100:is(.dark *) {
        background-color: #a78bfa;
      }
      .dark\:bg-violet-400\/15:is(.dark *) {
        background-color: #a78bfa26;
      }
      .dark\:bg-violet-400\/20:is(.dark *) {
        background-color: #a78bfa33;
      }
      .dark\:bg-violet-400\/25:is(.dark *) {
        background-color: #a78bfa40;
      }
      .dark\:bg-violet-400\/30:is(.dark *) {
        background-color: #a78bfa4d;
      }
      .dark\:bg-violet-400\/35:is(.dark *) {
        background-color: #a78bfa59;
      }
      .dark\:bg-violet-400\/40:is(.dark *) {
        background-color: #a78bfa66;
      }
      .dark\:bg-violet-400\/45:is(.dark *) {
        background-color: #a78bfa73;
      }
      .dark\:bg-violet-400\/5:is(.dark *) {
        background-color: #a78bfa0d;
      }
      .dark\:bg-violet-400\/50:is(.dark *) {
        background-color: #a78bfa80;
      }
      .dark\:bg-violet-400\/55:is(.dark *) {
        background-color: #a78bfa8c;
      }
      .dark\:bg-violet-400\/60:is(.dark *) {
        background-color: #a78bfa99;
      }
      .dark\:bg-violet-400\/65:is(.dark *) {
        background-color: #a78bfaa6;
      }
      .dark\:bg-violet-400\/70:is(.dark *) {
        background-color: #a78bfab3;
      }
      .dark\:bg-violet-400\/75:is(.dark *) {
        background-color: #a78bfabf;
      }
      .dark\:bg-violet-400\/80:is(.dark *) {
        background-color: #a78bfacc;
      }
      .dark\:bg-violet-400\/85:is(.dark *) {
        background-color: #a78bfad9;
      }
      .dark\:bg-violet-400\/90:is(.dark *) {
        background-color: #a78bfae6;
      }
      .dark\:bg-violet-400\/95:is(.dark *) {
        background-color: #a78bfaf2;
      }
      .dark\:bg-white:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .dark\:bg-yellow-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(250 204 21 / var(--tw-bg-opacity));
      }
      .dark\:bg-yellow-400\/0:is(.dark *) {
        background-color: #facc1500;
      }
      .dark\:bg-yellow-400\/10:is(.dark *) {
        background-color: #facc151a;
      }
      .dark\:bg-yellow-400\/100:is(.dark *) {
        background-color: #facc15;
      }
      .dark\:bg-yellow-400\/15:is(.dark *) {
        background-color: #facc1526;
      }
      .dark\:bg-yellow-400\/20:is(.dark *) {
        background-color: #facc1533;
      }
      .dark\:bg-yellow-400\/25:is(.dark *) {
        background-color: #facc1540;
      }
      .dark\:bg-yellow-400\/30:is(.dark *) {
        background-color: #facc154d;
      }
      .dark\:bg-yellow-400\/35:is(.dark *) {
        background-color: #facc1559;
      }
      .dark\:bg-yellow-400\/40:is(.dark *) {
        background-color: #facc1566;
      }
      .dark\:bg-yellow-400\/45:is(.dark *) {
        background-color: #facc1573;
      }
      .dark\:bg-yellow-400\/5:is(.dark *) {
        background-color: #facc150d;
      }
      .dark\:bg-yellow-400\/50:is(.dark *) {
        background-color: #facc1580;
      }
      .dark\:bg-yellow-400\/55:is(.dark *) {
        background-color: #facc158c;
      }
      .dark\:bg-yellow-400\/60:is(.dark *) {
        background-color: #facc1599;
      }
      .dark\:bg-yellow-400\/65:is(.dark *) {
        background-color: #facc15a6;
      }
      .dark\:bg-yellow-400\/70:is(.dark *) {
        background-color: #facc15b3;
      }
      .dark\:bg-yellow-400\/75:is(.dark *) {
        background-color: #facc15bf;
      }
      .dark\:bg-yellow-400\/80:is(.dark *) {
        background-color: #facc15cc;
      }
      .dark\:bg-yellow-400\/85:is(.dark *) {
        background-color: #facc15d9;
      }
      .dark\:bg-yellow-400\/90:is(.dark *) {
        background-color: #facc15e6;
      }
      .dark\:bg-yellow-400\/95:is(.dark *) {
        background-color: #facc15f2;
      }
      .dark\:bg-opacity-10:is(.dark *) {
        --tw-bg-opacity: 0.1;
      }
      .dark\:text-amber-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(251 191 36 / var(--tw-text-opacity));
      }
      .dark\:text-amber-400\/0:is(.dark *) {
        color: #fbbf2400;
      }
      .dark\:text-amber-400\/10:is(.dark *) {
        color: #fbbf241a;
      }
      .dark\:text-amber-400\/100:is(.dark *) {
        color: #fbbf24;
      }
      .dark\:text-amber-400\/15:is(.dark *) {
        color: #fbbf2426;
      }
      .dark\:text-amber-400\/20:is(.dark *) {
        color: #fbbf2433;
      }
      .dark\:text-amber-400\/25:is(.dark *) {
        color: #fbbf2440;
      }
      .dark\:text-amber-400\/30:is(.dark *) {
        color: #fbbf244d;
      }
      .dark\:text-amber-400\/35:is(.dark *) {
        color: #fbbf2459;
      }
      .dark\:text-amber-400\/40:is(.dark *) {
        color: #fbbf2466;
      }
      .dark\:text-amber-400\/45:is(.dark *) {
        color: #fbbf2473;
      }
      .dark\:text-amber-400\/5:is(.dark *) {
        color: #fbbf240d;
      }
      .dark\:text-amber-400\/50:is(.dark *) {
        color: #fbbf2480;
      }
      .dark\:text-amber-400\/55:is(.dark *) {
        color: #fbbf248c;
      }
      .dark\:text-amber-400\/60:is(.dark *) {
        color: #fbbf2499;
      }
      .dark\:text-amber-400\/65:is(.dark *) {
        color: #fbbf24a6;
      }
      .dark\:text-amber-400\/70:is(.dark *) {
        color: #fbbf24b3;
      }
      .dark\:text-amber-400\/75:is(.dark *) {
        color: #fbbf24bf;
      }
      .dark\:text-amber-400\/80:is(.dark *) {
        color: #fbbf24cc;
      }
      .dark\:text-amber-400\/85:is(.dark *) {
        color: #fbbf24d9;
      }
      .dark\:text-amber-400\/90:is(.dark *) {
        color: #fbbf24e6;
      }
      .dark\:text-amber-400\/95:is(.dark *) {
        color: #fbbf24f2;
      }
      .dark\:text-black:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
      }
      .dark\:text-blue-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(96 165 250 / var(--tw-text-opacity));
      }
      .dark\:text-blue-400\/0:is(.dark *) {
        color: #60a5fa00;
      }
      .dark\:text-blue-400\/10:is(.dark *) {
        color: #60a5fa1a;
      }
      .dark\:text-blue-400\/100:is(.dark *) {
        color: #60a5fa;
      }
      .dark\:text-blue-400\/15:is(.dark *) {
        color: #60a5fa26;
      }
      .dark\:text-blue-400\/20:is(.dark *) {
        color: #60a5fa33;
      }
      .dark\:text-blue-400\/25:is(.dark *) {
        color: #60a5fa40;
      }
      .dark\:text-blue-400\/30:is(.dark *) {
        color: #60a5fa4d;
      }
      .dark\:text-blue-400\/35:is(.dark *) {
        color: #60a5fa59;
      }
      .dark\:text-blue-400\/40:is(.dark *) {
        color: #60a5fa66;
      }
      .dark\:text-blue-400\/45:is(.dark *) {
        color: #60a5fa73;
      }
      .dark\:text-blue-400\/5:is(.dark *) {
        color: #60a5fa0d;
      }
      .dark\:text-blue-400\/50:is(.dark *) {
        color: #60a5fa80;
      }
      .dark\:text-blue-400\/55:is(.dark *) {
        color: #60a5fa8c;
      }
      .dark\:text-blue-400\/60:is(.dark *) {
        color: #60a5fa99;
      }
      .dark\:text-blue-400\/65:is(.dark *) {
        color: #60a5faa6;
      }
      .dark\:text-blue-400\/70:is(.dark *) {
        color: #60a5fab3;
      }
      .dark\:text-blue-400\/75:is(.dark *) {
        color: #60a5fabf;
      }
      .dark\:text-blue-400\/80:is(.dark *) {
        color: #60a5facc;
      }
      .dark\:text-blue-400\/85:is(.dark *) {
        color: #60a5fad9;
      }
      .dark\:text-blue-400\/90:is(.dark *) {
        color: #60a5fae6;
      }
      .dark\:text-blue-400\/95:is(.dark *) {
        color: #60a5faf2;
      }
      .dark\:text-cyan-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(34 211 238 / var(--tw-text-opacity));
      }
      .dark\:text-cyan-400\/0:is(.dark *) {
        color: #22d3ee00;
      }
      .dark\:text-cyan-400\/10:is(.dark *) {
        color: #22d3ee1a;
      }
      .dark\:text-cyan-400\/100:is(.dark *) {
        color: #22d3ee;
      }
      .dark\:text-cyan-400\/15:is(.dark *) {
        color: #22d3ee26;
      }
      .dark\:text-cyan-400\/20:is(.dark *) {
        color: #22d3ee33;
      }
      .dark\:text-cyan-400\/25:is(.dark *) {
        color: #22d3ee40;
      }
      .dark\:text-cyan-400\/30:is(.dark *) {
        color: #22d3ee4d;
      }
      .dark\:text-cyan-400\/35:is(.dark *) {
        color: #22d3ee59;
      }
      .dark\:text-cyan-400\/40:is(.dark *) {
        color: #22d3ee66;
      }
      .dark\:text-cyan-400\/45:is(.dark *) {
        color: #22d3ee73;
      }
      .dark\:text-cyan-400\/5:is(.dark *) {
        color: #22d3ee0d;
      }
      .dark\:text-cyan-400\/50:is(.dark *) {
        color: #22d3ee80;
      }
      .dark\:text-cyan-400\/55:is(.dark *) {
        color: #22d3ee8c;
      }
      .dark\:text-cyan-400\/60:is(.dark *) {
        color: #22d3ee99;
      }
      .dark\:text-cyan-400\/65:is(.dark *) {
        color: #22d3eea6;
      }
      .dark\:text-cyan-400\/70:is(.dark *) {
        color: #22d3eeb3;
      }
      .dark\:text-cyan-400\/75:is(.dark *) {
        color: #22d3eebf;
      }
      .dark\:text-cyan-400\/80:is(.dark *) {
        color: #22d3eecc;
      }
      .dark\:text-cyan-400\/85:is(.dark *) {
        color: #22d3eed9;
      }
      .dark\:text-cyan-400\/90:is(.dark *) {
        color: #22d3eee6;
      }
      .dark\:text-cyan-400\/95:is(.dark *) {
        color: #22d3eef2;
      }
      .dark\:text-emerald-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(52 211 153 / var(--tw-text-opacity));
      }
      .dark\:text-emerald-400\/0:is(.dark *) {
        color: #34d39900;
      }
      .dark\:text-emerald-400\/10:is(.dark *) {
        color: #34d3991a;
      }
      .dark\:text-emerald-400\/100:is(.dark *) {
        color: #34d399;
      }
      .dark\:text-emerald-400\/15:is(.dark *) {
        color: #34d39926;
      }
      .dark\:text-emerald-400\/20:is(.dark *) {
        color: #34d39933;
      }
      .dark\:text-emerald-400\/25:is(.dark *) {
        color: #34d39940;
      }
      .dark\:text-emerald-400\/30:is(.dark *) {
        color: #34d3994d;
      }
      .dark\:text-emerald-400\/35:is(.dark *) {
        color: #34d39959;
      }
      .dark\:text-emerald-400\/40:is(.dark *) {
        color: #34d39966;
      }
      .dark\:text-emerald-400\/45:is(.dark *) {
        color: #34d39973;
      }
      .dark\:text-emerald-400\/5:is(.dark *) {
        color: #34d3990d;
      }
      .dark\:text-emerald-400\/50:is(.dark *) {
        color: #34d39980;
      }
      .dark\:text-emerald-400\/55:is(.dark *) {
        color: #34d3998c;
      }
      .dark\:text-emerald-400\/60:is(.dark *) {
        color: #34d39999;
      }
      .dark\:text-emerald-400\/65:is(.dark *) {
        color: #34d399a6;
      }
      .dark\:text-emerald-400\/70:is(.dark *) {
        color: #34d399b3;
      }
      .dark\:text-emerald-400\/75:is(.dark *) {
        color: #34d399bf;
      }
      .dark\:text-emerald-400\/80:is(.dark *) {
        color: #34d399cc;
      }
      .dark\:text-emerald-400\/85:is(.dark *) {
        color: #34d399d9;
      }
      .dark\:text-emerald-400\/90:is(.dark *) {
        color: #34d399e6;
      }
      .dark\:text-emerald-400\/95:is(.dark *) {
        color: #34d399f2;
      }
      .dark\:text-fuchsia-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(232 121 249 / var(--tw-text-opacity));
      }
      .dark\:text-fuchsia-400\/0:is(.dark *) {
        color: #e879f900;
      }
      .dark\:text-fuchsia-400\/10:is(.dark *) {
        color: #e879f91a;
      }
      .dark\:text-fuchsia-400\/100:is(.dark *) {
        color: #e879f9;
      }
      .dark\:text-fuchsia-400\/15:is(.dark *) {
        color: #e879f926;
      }
      .dark\:text-fuchsia-400\/20:is(.dark *) {
        color: #e879f933;
      }
      .dark\:text-fuchsia-400\/25:is(.dark *) {
        color: #e879f940;
      }
      .dark\:text-fuchsia-400\/30:is(.dark *) {
        color: #e879f94d;
      }
      .dark\:text-fuchsia-400\/35:is(.dark *) {
        color: #e879f959;
      }
      .dark\:text-fuchsia-400\/40:is(.dark *) {
        color: #e879f966;
      }
      .dark\:text-fuchsia-400\/45:is(.dark *) {
        color: #e879f973;
      }
      .dark\:text-fuchsia-400\/5:is(.dark *) {
        color: #e879f90d;
      }
      .dark\:text-fuchsia-400\/50:is(.dark *) {
        color: #e879f980;
      }
      .dark\:text-fuchsia-400\/55:is(.dark *) {
        color: #e879f98c;
      }
      .dark\:text-fuchsia-400\/60:is(.dark *) {
        color: #e879f999;
      }
      .dark\:text-fuchsia-400\/65:is(.dark *) {
        color: #e879f9a6;
      }
      .dark\:text-fuchsia-400\/70:is(.dark *) {
        color: #e879f9b3;
      }
      .dark\:text-fuchsia-400\/75:is(.dark *) {
        color: #e879f9bf;
      }
      .dark\:text-fuchsia-400\/80:is(.dark *) {
        color: #e879f9cc;
      }
      .dark\:text-fuchsia-400\/85:is(.dark *) {
        color: #e879f9d9;
      }
      .dark\:text-fuchsia-400\/90:is(.dark *) {
        color: #e879f9e6;
      }
      .dark\:text-fuchsia-400\/95:is(.dark *) {
        color: #e879f9f2;
      }
      .dark\:text-gray-200:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-200) / var(--tw-text-opacity));
      }
      .dark\:text-gray-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-400) / var(--tw-text-opacity));
      }
      .dark\:text-gray-500:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-500) / var(--tw-text-opacity));
      }
      .dark\:text-gray-900:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-900) / var(--tw-text-opacity));
      }
      .dark\:text-green-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(74 222 128 / var(--tw-text-opacity));
      }
      .dark\:text-green-400\/0:is(.dark *) {
        color: #4ade8000;
      }
      .dark\:text-green-400\/10:is(.dark *) {
        color: #4ade801a;
      }
      .dark\:text-green-400\/100:is(.dark *) {
        color: #4ade80;
      }
      .dark\:text-green-400\/15:is(.dark *) {
        color: #4ade8026;
      }
      .dark\:text-green-400\/20:is(.dark *) {
        color: #4ade8033;
      }
      .dark\:text-green-400\/25:is(.dark *) {
        color: #4ade8040;
      }
      .dark\:text-green-400\/30:is(.dark *) {
        color: #4ade804d;
      }
      .dark\:text-green-400\/35:is(.dark *) {
        color: #4ade8059;
      }
      .dark\:text-green-400\/40:is(.dark *) {
        color: #4ade8066;
      }
      .dark\:text-green-400\/45:is(.dark *) {
        color: #4ade8073;
      }
      .dark\:text-green-400\/5:is(.dark *) {
        color: #4ade800d;
      }
      .dark\:text-green-400\/50:is(.dark *) {
        color: #4ade8080;
      }
      .dark\:text-green-400\/55:is(.dark *) {
        color: #4ade808c;
      }
      .dark\:text-green-400\/60:is(.dark *) {
        color: #4ade8099;
      }
      .dark\:text-green-400\/65:is(.dark *) {
        color: #4ade80a6;
      }
      .dark\:text-green-400\/70:is(.dark *) {
        color: #4ade80b3;
      }
      .dark\:text-green-400\/75:is(.dark *) {
        color: #4ade80bf;
      }
      .dark\:text-green-400\/80:is(.dark *) {
        color: #4ade80cc;
      }
      .dark\:text-green-400\/85:is(.dark *) {
        color: #4ade80d9;
      }
      .dark\:text-green-400\/90:is(.dark *) {
        color: #4ade80e6;
      }
      .dark\:text-green-400\/95:is(.dark *) {
        color: #4ade80f2;
      }
      .dark\:text-indigo-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(129 140 248 / var(--tw-text-opacity));
      }
      .dark\:text-indigo-400\/0:is(.dark *) {
        color: #818cf800;
      }
      .dark\:text-indigo-400\/10:is(.dark *) {
        color: #818cf81a;
      }
      .dark\:text-indigo-400\/100:is(.dark *) {
        color: #818cf8;
      }
      .dark\:text-indigo-400\/15:is(.dark *) {
        color: #818cf826;
      }
      .dark\:text-indigo-400\/20:is(.dark *) {
        color: #818cf833;
      }
      .dark\:text-indigo-400\/25:is(.dark *) {
        color: #818cf840;
      }
      .dark\:text-indigo-400\/30:is(.dark *) {
        color: #818cf84d;
      }
      .dark\:text-indigo-400\/35:is(.dark *) {
        color: #818cf859;
      }
      .dark\:text-indigo-400\/40:is(.dark *) {
        color: #818cf866;
      }
      .dark\:text-indigo-400\/45:is(.dark *) {
        color: #818cf873;
      }
      .dark\:text-indigo-400\/5:is(.dark *) {
        color: #818cf80d;
      }
      .dark\:text-indigo-400\/50:is(.dark *) {
        color: #818cf880;
      }
      .dark\:text-indigo-400\/55:is(.dark *) {
        color: #818cf88c;
      }
      .dark\:text-indigo-400\/60:is(.dark *) {
        color: #818cf899;
      }
      .dark\:text-indigo-400\/65:is(.dark *) {
        color: #818cf8a6;
      }
      .dark\:text-indigo-400\/70:is(.dark *) {
        color: #818cf8b3;
      }
      .dark\:text-indigo-400\/75:is(.dark *) {
        color: #818cf8bf;
      }
      .dark\:text-indigo-400\/80:is(.dark *) {
        color: #818cf8cc;
      }
      .dark\:text-indigo-400\/85:is(.dark *) {
        color: #818cf8d9;
      }
      .dark\:text-indigo-400\/90:is(.dark *) {
        color: #818cf8e6;
      }
      .dark\:text-indigo-400\/95:is(.dark *) {
        color: #818cf8f2;
      }
      .dark\:text-lime-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(163 230 53 / var(--tw-text-opacity));
      }
      .dark\:text-lime-400\/0:is(.dark *) {
        color: #a3e63500;
      }
      .dark\:text-lime-400\/10:is(.dark *) {
        color: #a3e6351a;
      }
      .dark\:text-lime-400\/100:is(.dark *) {
        color: #a3e635;
      }
      .dark\:text-lime-400\/15:is(.dark *) {
        color: #a3e63526;
      }
      .dark\:text-lime-400\/20:is(.dark *) {
        color: #a3e63533;
      }
      .dark\:text-lime-400\/25:is(.dark *) {
        color: #a3e63540;
      }
      .dark\:text-lime-400\/30:is(.dark *) {
        color: #a3e6354d;
      }
      .dark\:text-lime-400\/35:is(.dark *) {
        color: #a3e63559;
      }
      .dark\:text-lime-400\/40:is(.dark *) {
        color: #a3e63566;
      }
      .dark\:text-lime-400\/45:is(.dark *) {
        color: #a3e63573;
      }
      .dark\:text-lime-400\/5:is(.dark *) {
        color: #a3e6350d;
      }
      .dark\:text-lime-400\/50:is(.dark *) {
        color: #a3e63580;
      }
      .dark\:text-lime-400\/55:is(.dark *) {
        color: #a3e6358c;
      }
      .dark\:text-lime-400\/60:is(.dark *) {
        color: #a3e63599;
      }
      .dark\:text-lime-400\/65:is(.dark *) {
        color: #a3e635a6;
      }
      .dark\:text-lime-400\/70:is(.dark *) {
        color: #a3e635b3;
      }
      .dark\:text-lime-400\/75:is(.dark *) {
        color: #a3e635bf;
      }
      .dark\:text-lime-400\/80:is(.dark *) {
        color: #a3e635cc;
      }
      .dark\:text-lime-400\/85:is(.dark *) {
        color: #a3e635d9;
      }
      .dark\:text-lime-400\/90:is(.dark *) {
        color: #a3e635e6;
      }
      .dark\:text-lime-400\/95:is(.dark *) {
        color: #a3e635f2;
      }
      .dark\:text-orange-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(251 146 60 / var(--tw-text-opacity));
      }
      .dark\:text-orange-400\/0:is(.dark *) {
        color: #fb923c00;
      }
      .dark\:text-orange-400\/10:is(.dark *) {
        color: #fb923c1a;
      }
      .dark\:text-orange-400\/100:is(.dark *) {
        color: #fb923c;
      }
      .dark\:text-orange-400\/15:is(.dark *) {
        color: #fb923c26;
      }
      .dark\:text-orange-400\/20:is(.dark *) {
        color: #fb923c33;
      }
      .dark\:text-orange-400\/25:is(.dark *) {
        color: #fb923c40;
      }
      .dark\:text-orange-400\/30:is(.dark *) {
        color: #fb923c4d;
      }
      .dark\:text-orange-400\/35:is(.dark *) {
        color: #fb923c59;
      }
      .dark\:text-orange-400\/40:is(.dark *) {
        color: #fb923c66;
      }
      .dark\:text-orange-400\/45:is(.dark *) {
        color: #fb923c73;
      }
      .dark\:text-orange-400\/5:is(.dark *) {
        color: #fb923c0d;
      }
      .dark\:text-orange-400\/50:is(.dark *) {
        color: #fb923c80;
      }
      .dark\:text-orange-400\/55:is(.dark *) {
        color: #fb923c8c;
      }
      .dark\:text-orange-400\/60:is(.dark *) {
        color: #fb923c99;
      }
      .dark\:text-orange-400\/65:is(.dark *) {
        color: #fb923ca6;
      }
      .dark\:text-orange-400\/70:is(.dark *) {
        color: #fb923cb3;
      }
      .dark\:text-orange-400\/75:is(.dark *) {
        color: #fb923cbf;
      }
      .dark\:text-orange-400\/80:is(.dark *) {
        color: #fb923ccc;
      }
      .dark\:text-orange-400\/85:is(.dark *) {
        color: #fb923cd9;
      }
      .dark\:text-orange-400\/90:is(.dark *) {
        color: #fb923ce6;
      }
      .dark\:text-orange-400\/95:is(.dark *) {
        color: #fb923cf2;
      }
      .dark\:text-pink-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(244 114 182 / var(--tw-text-opacity));
      }
      .dark\:text-pink-400\/0:is(.dark *) {
        color: #f472b600;
      }
      .dark\:text-pink-400\/10:is(.dark *) {
        color: #f472b61a;
      }
      .dark\:text-pink-400\/100:is(.dark *) {
        color: #f472b6;
      }
      .dark\:text-pink-400\/15:is(.dark *) {
        color: #f472b626;
      }
      .dark\:text-pink-400\/20:is(.dark *) {
        color: #f472b633;
      }
      .dark\:text-pink-400\/25:is(.dark *) {
        color: #f472b640;
      }
      .dark\:text-pink-400\/30:is(.dark *) {
        color: #f472b64d;
      }
      .dark\:text-pink-400\/35:is(.dark *) {
        color: #f472b659;
      }
      .dark\:text-pink-400\/40:is(.dark *) {
        color: #f472b666;
      }
      .dark\:text-pink-400\/45:is(.dark *) {
        color: #f472b673;
      }
      .dark\:text-pink-400\/5:is(.dark *) {
        color: #f472b60d;
      }
      .dark\:text-pink-400\/50:is(.dark *) {
        color: #f472b680;
      }
      .dark\:text-pink-400\/55:is(.dark *) {
        color: #f472b68c;
      }
      .dark\:text-pink-400\/60:is(.dark *) {
        color: #f472b699;
      }
      .dark\:text-pink-400\/65:is(.dark *) {
        color: #f472b6a6;
      }
      .dark\:text-pink-400\/70:is(.dark *) {
        color: #f472b6b3;
      }
      .dark\:text-pink-400\/75:is(.dark *) {
        color: #f472b6bf;
      }
      .dark\:text-pink-400\/80:is(.dark *) {
        color: #f472b6cc;
      }
      .dark\:text-pink-400\/85:is(.dark *) {
        color: #f472b6d9;
      }
      .dark\:text-pink-400\/90:is(.dark *) {
        color: #f472b6e6;
      }
      .dark\:text-pink-400\/95:is(.dark *) {
        color: #f472b6f2;
      }
      .dark\:text-primary-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-400) / var(--tw-text-opacity));
      }
      .dark\:text-primary-400\/0:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:text-primary-400\/10:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:text-primary-400\/100:is(.dark *) {
        color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:text-primary-400\/15:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:text-primary-400\/20:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:text-primary-400\/25:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:text-primary-400\/30:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:text-primary-400\/35:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:text-primary-400\/40:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:text-primary-400\/45:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:text-primary-400\/5:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:text-primary-400\/50:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:text-primary-400\/55:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:text-primary-400\/60:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:text-primary-400\/65:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:text-primary-400\/70:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:text-primary-400\/75:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:text-primary-400\/80:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:text-primary-400\/85:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:text-primary-400\/90:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:text-primary-400\/95:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:text-purple-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(192 132 252 / var(--tw-text-opacity));
      }
      .dark\:text-purple-400\/0:is(.dark *) {
        color: #c084fc00;
      }
      .dark\:text-purple-400\/10:is(.dark *) {
        color: #c084fc1a;
      }
      .dark\:text-purple-400\/100:is(.dark *) {
        color: #c084fc;
      }
      .dark\:text-purple-400\/15:is(.dark *) {
        color: #c084fc26;
      }
      .dark\:text-purple-400\/20:is(.dark *) {
        color: #c084fc33;
      }
      .dark\:text-purple-400\/25:is(.dark *) {
        color: #c084fc40;
      }
      .dark\:text-purple-400\/30:is(.dark *) {
        color: #c084fc4d;
      }
      .dark\:text-purple-400\/35:is(.dark *) {
        color: #c084fc59;
      }
      .dark\:text-purple-400\/40:is(.dark *) {
        color: #c084fc66;
      }
      .dark\:text-purple-400\/45:is(.dark *) {
        color: #c084fc73;
      }
      .dark\:text-purple-400\/5:is(.dark *) {
        color: #c084fc0d;
      }
      .dark\:text-purple-400\/50:is(.dark *) {
        color: #c084fc80;
      }
      .dark\:text-purple-400\/55:is(.dark *) {
        color: #c084fc8c;
      }
      .dark\:text-purple-400\/60:is(.dark *) {
        color: #c084fc99;
      }
      .dark\:text-purple-400\/65:is(.dark *) {
        color: #c084fca6;
      }
      .dark\:text-purple-400\/70:is(.dark *) {
        color: #c084fcb3;
      }
      .dark\:text-purple-400\/75:is(.dark *) {
        color: #c084fcbf;
      }
      .dark\:text-purple-400\/80:is(.dark *) {
        color: #c084fccc;
      }
      .dark\:text-purple-400\/85:is(.dark *) {
        color: #c084fcd9;
      }
      .dark\:text-purple-400\/90:is(.dark *) {
        color: #c084fce6;
      }
      .dark\:text-purple-400\/95:is(.dark *) {
        color: #c084fcf2;
      }
      .dark\:text-red-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(248 113 113 / var(--tw-text-opacity));
      }
      .dark\:text-red-400\/0:is(.dark *) {
        color: #f8717100;
      }
      .dark\:text-red-400\/10:is(.dark *) {
        color: #f871711a;
      }
      .dark\:text-red-400\/100:is(.dark *) {
        color: #f87171;
      }
      .dark\:text-red-400\/15:is(.dark *) {
        color: #f8717126;
      }
      .dark\:text-red-400\/20:is(.dark *) {
        color: #f8717133;
      }
      .dark\:text-red-400\/25:is(.dark *) {
        color: #f8717140;
      }
      .dark\:text-red-400\/30:is(.dark *) {
        color: #f871714d;
      }
      .dark\:text-red-400\/35:is(.dark *) {
        color: #f8717159;
      }
      .dark\:text-red-400\/40:is(.dark *) {
        color: #f8717166;
      }
      .dark\:text-red-400\/45:is(.dark *) {
        color: #f8717173;
      }
      .dark\:text-red-400\/5:is(.dark *) {
        color: #f871710d;
      }
      .dark\:text-red-400\/50:is(.dark *) {
        color: #f8717180;
      }
      .dark\:text-red-400\/55:is(.dark *) {
        color: #f871718c;
      }
      .dark\:text-red-400\/60:is(.dark *) {
        color: #f8717199;
      }
      .dark\:text-red-400\/65:is(.dark *) {
        color: #f87171a6;
      }
      .dark\:text-red-400\/70:is(.dark *) {
        color: #f87171b3;
      }
      .dark\:text-red-400\/75:is(.dark *) {
        color: #f87171bf;
      }
      .dark\:text-red-400\/80:is(.dark *) {
        color: #f87171cc;
      }
      .dark\:text-red-400\/85:is(.dark *) {
        color: #f87171d9;
      }
      .dark\:text-red-400\/90:is(.dark *) {
        color: #f87171e6;
      }
      .dark\:text-red-400\/95:is(.dark *) {
        color: #f87171f2;
      }
      .dark\:text-rose-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(251 113 133 / var(--tw-text-opacity));
      }
      .dark\:text-rose-400\/0:is(.dark *) {
        color: #fb718500;
      }
      .dark\:text-rose-400\/10:is(.dark *) {
        color: #fb71851a;
      }
      .dark\:text-rose-400\/100:is(.dark *) {
        color: #fb7185;
      }
      .dark\:text-rose-400\/15:is(.dark *) {
        color: #fb718526;
      }
      .dark\:text-rose-400\/20:is(.dark *) {
        color: #fb718533;
      }
      .dark\:text-rose-400\/25:is(.dark *) {
        color: #fb718540;
      }
      .dark\:text-rose-400\/30:is(.dark *) {
        color: #fb71854d;
      }
      .dark\:text-rose-400\/35:is(.dark *) {
        color: #fb718559;
      }
      .dark\:text-rose-400\/40:is(.dark *) {
        color: #fb718566;
      }
      .dark\:text-rose-400\/45:is(.dark *) {
        color: #fb718573;
      }
      .dark\:text-rose-400\/5:is(.dark *) {
        color: #fb71850d;
      }
      .dark\:text-rose-400\/50:is(.dark *) {
        color: #fb718580;
      }
      .dark\:text-rose-400\/55:is(.dark *) {
        color: #fb71858c;
      }
      .dark\:text-rose-400\/60:is(.dark *) {
        color: #fb718599;
      }
      .dark\:text-rose-400\/65:is(.dark *) {
        color: #fb7185a6;
      }
      .dark\:text-rose-400\/70:is(.dark *) {
        color: #fb7185b3;
      }
      .dark\:text-rose-400\/75:is(.dark *) {
        color: #fb7185bf;
      }
      .dark\:text-rose-400\/80:is(.dark *) {
        color: #fb7185cc;
      }
      .dark\:text-rose-400\/85:is(.dark *) {
        color: #fb7185d9;
      }
      .dark\:text-rose-400\/90:is(.dark *) {
        color: #fb7185e6;
      }
      .dark\:text-rose-400\/95:is(.dark *) {
        color: #fb7185f2;
      }
      .dark\:text-sky-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(56 189 248 / var(--tw-text-opacity));
      }
      .dark\:text-sky-400\/0:is(.dark *) {
        color: #38bdf800;
      }
      .dark\:text-sky-400\/10:is(.dark *) {
        color: #38bdf81a;
      }
      .dark\:text-sky-400\/100:is(.dark *) {
        color: #38bdf8;
      }
      .dark\:text-sky-400\/15:is(.dark *) {
        color: #38bdf826;
      }
      .dark\:text-sky-400\/20:is(.dark *) {
        color: #38bdf833;
      }
      .dark\:text-sky-400\/25:is(.dark *) {
        color: #38bdf840;
      }
      .dark\:text-sky-400\/30:is(.dark *) {
        color: #38bdf84d;
      }
      .dark\:text-sky-400\/35:is(.dark *) {
        color: #38bdf859;
      }
      .dark\:text-sky-400\/40:is(.dark *) {
        color: #38bdf866;
      }
      .dark\:text-sky-400\/45:is(.dark *) {
        color: #38bdf873;
      }
      .dark\:text-sky-400\/5:is(.dark *) {
        color: #38bdf80d;
      }
      .dark\:text-sky-400\/50:is(.dark *) {
        color: #38bdf880;
      }
      .dark\:text-sky-400\/55:is(.dark *) {
        color: #38bdf88c;
      }
      .dark\:text-sky-400\/60:is(.dark *) {
        color: #38bdf899;
      }
      .dark\:text-sky-400\/65:is(.dark *) {
        color: #38bdf8a6;
      }
      .dark\:text-sky-400\/70:is(.dark *) {
        color: #38bdf8b3;
      }
      .dark\:text-sky-400\/75:is(.dark *) {
        color: #38bdf8bf;
      }
      .dark\:text-sky-400\/80:is(.dark *) {
        color: #38bdf8cc;
      }
      .dark\:text-sky-400\/85:is(.dark *) {
        color: #38bdf8d9;
      }
      .dark\:text-sky-400\/90:is(.dark *) {
        color: #38bdf8e6;
      }
      .dark\:text-sky-400\/95:is(.dark *) {
        color: #38bdf8f2;
      }
      .dark\:text-teal-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(45 212 191 / var(--tw-text-opacity));
      }
      .dark\:text-teal-400\/0:is(.dark *) {
        color: #2dd4bf00;
      }
      .dark\:text-teal-400\/10:is(.dark *) {
        color: #2dd4bf1a;
      }
      .dark\:text-teal-400\/100:is(.dark *) {
        color: #2dd4bf;
      }
      .dark\:text-teal-400\/15:is(.dark *) {
        color: #2dd4bf26;
      }
      .dark\:text-teal-400\/20:is(.dark *) {
        color: #2dd4bf33;
      }
      .dark\:text-teal-400\/25:is(.dark *) {
        color: #2dd4bf40;
      }
      .dark\:text-teal-400\/30:is(.dark *) {
        color: #2dd4bf4d;
      }
      .dark\:text-teal-400\/35:is(.dark *) {
        color: #2dd4bf59;
      }
      .dark\:text-teal-400\/40:is(.dark *) {
        color: #2dd4bf66;
      }
      .dark\:text-teal-400\/45:is(.dark *) {
        color: #2dd4bf73;
      }
      .dark\:text-teal-400\/5:is(.dark *) {
        color: #2dd4bf0d;
      }
      .dark\:text-teal-400\/50:is(.dark *) {
        color: #2dd4bf80;
      }
      .dark\:text-teal-400\/55:is(.dark *) {
        color: #2dd4bf8c;
      }
      .dark\:text-teal-400\/60:is(.dark *) {
        color: #2dd4bf99;
      }
      .dark\:text-teal-400\/65:is(.dark *) {
        color: #2dd4bfa6;
      }
      .dark\:text-teal-400\/70:is(.dark *) {
        color: #2dd4bfb3;
      }
      .dark\:text-teal-400\/75:is(.dark *) {
        color: #2dd4bfbf;
      }
      .dark\:text-teal-400\/80:is(.dark *) {
        color: #2dd4bfcc;
      }
      .dark\:text-teal-400\/85:is(.dark *) {
        color: #2dd4bfd9;
      }
      .dark\:text-teal-400\/90:is(.dark *) {
        color: #2dd4bfe6;
      }
      .dark\:text-teal-400\/95:is(.dark *) {
        color: #2dd4bff2;
      }
      .dark\:text-violet-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(167 139 250 / var(--tw-text-opacity));
      }
      .dark\:text-violet-400\/0:is(.dark *) {
        color: #a78bfa00;
      }
      .dark\:text-violet-400\/10:is(.dark *) {
        color: #a78bfa1a;
      }
      .dark\:text-violet-400\/100:is(.dark *) {
        color: #a78bfa;
      }
      .dark\:text-violet-400\/15:is(.dark *) {
        color: #a78bfa26;
      }
      .dark\:text-violet-400\/20:is(.dark *) {
        color: #a78bfa33;
      }
      .dark\:text-violet-400\/25:is(.dark *) {
        color: #a78bfa40;
      }
      .dark\:text-violet-400\/30:is(.dark *) {
        color: #a78bfa4d;
      }
      .dark\:text-violet-400\/35:is(.dark *) {
        color: #a78bfa59;
      }
      .dark\:text-violet-400\/40:is(.dark *) {
        color: #a78bfa66;
      }
      .dark\:text-violet-400\/45:is(.dark *) {
        color: #a78bfa73;
      }
      .dark\:text-violet-400\/5:is(.dark *) {
        color: #a78bfa0d;
      }
      .dark\:text-violet-400\/50:is(.dark *) {
        color: #a78bfa80;
      }
      .dark\:text-violet-400\/55:is(.dark *) {
        color: #a78bfa8c;
      }
      .dark\:text-violet-400\/60:is(.dark *) {
        color: #a78bfa99;
      }
      .dark\:text-violet-400\/65:is(.dark *) {
        color: #a78bfaa6;
      }
      .dark\:text-violet-400\/70:is(.dark *) {
        color: #a78bfab3;
      }
      .dark\:text-violet-400\/75:is(.dark *) {
        color: #a78bfabf;
      }
      .dark\:text-violet-400\/80:is(.dark *) {
        color: #a78bfacc;
      }
      .dark\:text-violet-400\/85:is(.dark *) {
        color: #a78bfad9;
      }
      .dark\:text-violet-400\/90:is(.dark *) {
        color: #a78bfae6;
      }
      .dark\:text-violet-400\/95:is(.dark *) {
        color: #a78bfaf2;
      }
      .dark\:text-white:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }
      .dark\:text-yellow-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(250 204 21 / var(--tw-text-opacity));
      }
      .dark\:text-yellow-400\/0:is(.dark *) {
        color: #facc1500;
      }
      .dark\:text-yellow-400\/10:is(.dark *) {
        color: #facc151a;
      }
      .dark\:text-yellow-400\/100:is(.dark *) {
        color: #facc15;
      }
      .dark\:text-yellow-400\/15:is(.dark *) {
        color: #facc1526;
      }
      .dark\:text-yellow-400\/20:is(.dark *) {
        color: #facc1533;
      }
      .dark\:text-yellow-400\/25:is(.dark *) {
        color: #facc1540;
      }
      .dark\:text-yellow-400\/30:is(.dark *) {
        color: #facc154d;
      }
      .dark\:text-yellow-400\/35:is(.dark *) {
        color: #facc1559;
      }
      .dark\:text-yellow-400\/40:is(.dark *) {
        color: #facc1566;
      }
      .dark\:text-yellow-400\/45:is(.dark *) {
        color: #facc1573;
      }
      .dark\:text-yellow-400\/5:is(.dark *) {
        color: #facc150d;
      }
      .dark\:text-yellow-400\/50:is(.dark *) {
        color: #facc1580;
      }
      .dark\:text-yellow-400\/55:is(.dark *) {
        color: #facc158c;
      }
      .dark\:text-yellow-400\/60:is(.dark *) {
        color: #facc1599;
      }
      .dark\:text-yellow-400\/65:is(.dark *) {
        color: #facc15a6;
      }
      .dark\:text-yellow-400\/70:is(.dark *) {
        color: #facc15b3;
      }
      .dark\:text-yellow-400\/75:is(.dark *) {
        color: #facc15bf;
      }
      .dark\:text-yellow-400\/80:is(.dark *) {
        color: #facc15cc;
      }
      .dark\:text-yellow-400\/85:is(.dark *) {
        color: #facc15d9;
      }
      .dark\:text-yellow-400\/90:is(.dark *) {
        color: #facc15e6;
      }
      .dark\:text-yellow-400\/95:is(.dark *) {
        color: #facc15f2;
      }
      .dark\:placeholder-gray-500:is(.dark *)::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(var(--color-gray-500) / var(--tw-placeholder-opacity));
      }
      .dark\:ring-gray-700:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-700) / var(--tw-ring-opacity));
      }
      .dark\:ring-gray-800:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-800) / var(--tw-ring-opacity));
      }
      .dark\:ring-gray-900:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-900) / var(--tw-ring-opacity));
      }
      .dark\:ring-primary-400:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-400) / var(--tw-ring-opacity));
      }
      .dark\:ring-primary-400\/0:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:ring-primary-400\/10:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:ring-primary-400\/100:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:ring-primary-400\/15:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:ring-primary-400\/20:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:ring-primary-400\/25:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:ring-primary-400\/30:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:ring-primary-400\/35:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:ring-primary-400\/40:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:ring-primary-400\/45:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:ring-primary-400\/5:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:ring-primary-400\/50:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:ring-primary-400\/55:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:ring-primary-400\/60:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:ring-primary-400\/65:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:ring-primary-400\/70:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:ring-primary-400\/75:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:ring-primary-400\/80:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:ring-primary-400\/85:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:ring-primary-400\/90:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:ring-primary-400\/95:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:ring-red-400:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
      }
      .dark\:ring-red-400\/0:is(.dark *) {
        --tw-ring-color: #f8717100;
      }
      .dark\:ring-red-400\/10:is(.dark *) {
        --tw-ring-color: #f871711a;
      }
      .dark\:ring-red-400\/100:is(.dark *) {
        --tw-ring-color: #f87171;
      }
      .dark\:ring-red-400\/15:is(.dark *) {
        --tw-ring-color: #f8717126;
      }
      .dark\:ring-red-400\/20:is(.dark *) {
        --tw-ring-color: #f8717133;
      }
      .dark\:ring-red-400\/25:is(.dark *) {
        --tw-ring-color: #f8717140;
      }
      .dark\:ring-red-400\/30:is(.dark *) {
        --tw-ring-color: #f871714d;
      }
      .dark\:ring-red-400\/35:is(.dark *) {
        --tw-ring-color: #f8717159;
      }
      .dark\:ring-red-400\/40:is(.dark *) {
        --tw-ring-color: #f8717166;
      }
      .dark\:ring-red-400\/45:is(.dark *) {
        --tw-ring-color: #f8717173;
      }
      .dark\:ring-red-400\/5:is(.dark *) {
        --tw-ring-color: #f871710d;
      }
      .dark\:ring-red-400\/50:is(.dark *) {
        --tw-ring-color: #f8717180;
      }
      .dark\:ring-red-400\/55:is(.dark *) {
        --tw-ring-color: #f871718c;
      }
      .dark\:ring-red-400\/60:is(.dark *) {
        --tw-ring-color: #f8717199;
      }
      .dark\:ring-red-400\/65:is(.dark *) {
        --tw-ring-color: #f87171a6;
      }
      .dark\:ring-red-400\/70:is(.dark *) {
        --tw-ring-color: #f87171b3;
      }
      .dark\:ring-red-400\/75:is(.dark *) {
        --tw-ring-color: #f87171bf;
      }
      .dark\:ring-red-400\/80:is(.dark *) {
        --tw-ring-color: #f87171cc;
      }
      .dark\:ring-red-400\/85:is(.dark *) {
        --tw-ring-color: #f87171d9;
      }
      .dark\:ring-red-400\/90:is(.dark *) {
        --tw-ring-color: #f87171e6;
      }
      .dark\:ring-red-400\/95:is(.dark *) {
        --tw-ring-color: #f87171f2;
      }
      .dark\:ring-opacity-25:is(.dark *) {
        --tw-ring-opacity: 0.25;
      }
      .dark\:file\:text-gray-400:is(.dark *)::file-selector-button {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-400) / var(--tw-text-opacity));
      }
      .dark\:before\:bg-gray-700:is(.dark *):before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
      }
      .dark\:before\:bg-gray-800:is(.dark *):before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
      }
      .dark\:before\:ring-gray-700:is(.dark *):before {
        content: var(--tw-content);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-700) / var(--tw-ring-opacity));
      }
      .dark\:before\:ring-gray-800:is(.dark *):before {
        content: var(--tw-content);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-800) / var(--tw-ring-opacity));
      }
      .dark\:after\:bg-primary-400:is(.dark *):after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-400) / var(--tw-bg-opacity));
      }
      .dark\:after\:text-red-400:is(.dark *):after {
        content: var(--tw-content);
        --tw-text-opacity: 1;
        color: rgb(248 113 113 / var(--tw-text-opacity));
      }
      .dark\:checked\:border-transparent:checked:is(.dark *) {
        border-color: #0000;
      }
      .dark\:checked\:bg-current:checked:is(.dark *) {
        background-color: currentColor;
      }
      .dark\:indeterminate\:border-transparent:indeterminate:is(.dark *) {
        border-color: #0000;
      }
      .dark\:indeterminate\:bg-current:indeterminate:is(.dark *) {
        background-color: currentColor;
      }
      .dark\:hover\:bg-gray-100:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));
      }
      .dark\:hover\:bg-gray-700\/50:hover:is(.dark *) {
        background-color: rgb(var(--color-gray-700) / 0.5);
      }
      .dark\:hover\:bg-gray-800:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
      }
      .dark\:hover\:bg-gray-800\/50:hover:is(.dark *) {
        background-color: rgb(var(--color-gray-800) / 0.5);
      }
      .dark\:hover\:bg-gray-900:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
      }
      .dark\:hover\:bg-primary-500:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
      }
      .dark\:hover\:bg-primary-500\/0:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0);
      }
      .dark\:hover\:bg-primary-500\/10:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.1);
      }
      .dark\:hover\:bg-primary-500\/100:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 1);
      }
      .dark\:hover\:bg-primary-500\/15:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.15);
      }
      .dark\:hover\:bg-primary-500\/20:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.2);
      }
      .dark\:hover\:bg-primary-500\/25:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.25);
      }
      .dark\:hover\:bg-primary-500\/30:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.3);
      }
      .dark\:hover\:bg-primary-500\/35:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.35);
      }
      .dark\:hover\:bg-primary-500\/40:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.4);
      }
      .dark\:hover\:bg-primary-500\/45:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.45);
      }
      .dark\:hover\:bg-primary-500\/5:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.05);
      }
      .dark\:hover\:bg-primary-500\/50:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.5);
      }
      .dark\:hover\:bg-primary-500\/55:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.55);
      }
      .dark\:hover\:bg-primary-500\/60:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.6);
      }
      .dark\:hover\:bg-primary-500\/65:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.65);
      }
      .dark\:hover\:bg-primary-500\/70:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.7);
      }
      .dark\:hover\:bg-primary-500\/75:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.75);
      }
      .dark\:hover\:bg-primary-500\/80:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.8);
      }
      .dark\:hover\:bg-primary-500\/85:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.85);
      }
      .dark\:hover\:bg-primary-500\/90:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.9);
      }
      .dark\:hover\:bg-primary-500\/95:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.95);
      }
      .dark\:hover\:bg-primary-900:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-900) / var(--tw-bg-opacity));
      }
      .dark\:hover\:bg-primary-900\/0:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0);
      }
      .dark\:hover\:bg-primary-900\/10:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.1);
      }
      .dark\:hover\:bg-primary-900\/100:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 1);
      }
      .dark\:hover\:bg-primary-900\/15:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.15);
      }
      .dark\:hover\:bg-primary-900\/20:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.2);
      }
      .dark\:hover\:bg-primary-900\/25:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.25);
      }
      .dark\:hover\:bg-primary-900\/30:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.3);
      }
      .dark\:hover\:bg-primary-900\/35:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.35);
      }
      .dark\:hover\:bg-primary-900\/40:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.4);
      }
      .dark\:hover\:bg-primary-900\/45:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.45);
      }
      .dark\:hover\:bg-primary-900\/5:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.05);
      }
      .dark\:hover\:bg-primary-900\/50:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.5);
      }
      .dark\:hover\:bg-primary-900\/55:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.55);
      }
      .dark\:hover\:bg-primary-900\/60:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.6);
      }
      .dark\:hover\:bg-primary-900\/65:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.65);
      }
      .dark\:hover\:bg-primary-900\/70:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.7);
      }
      .dark\:hover\:bg-primary-900\/75:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.75);
      }
      .dark\:hover\:bg-primary-900\/80:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.8);
      }
      .dark\:hover\:bg-primary-900\/85:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.85);
      }
      .dark\:hover\:bg-primary-900\/90:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.9);
      }
      .dark\:hover\:bg-primary-900\/95:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.95);
      }
      .dark\:hover\:bg-primary-950:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-950) / var(--tw-bg-opacity));
      }
      .dark\:hover\:bg-primary-950\/0:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0);
      }
      .dark\:hover\:bg-primary-950\/10:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.1);
      }
      .dark\:hover\:bg-primary-950\/100:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 1);
      }
      .dark\:hover\:bg-primary-950\/15:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.15);
      }
      .dark\:hover\:bg-primary-950\/20:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.2);
      }
      .dark\:hover\:bg-primary-950\/25:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.25);
      }
      .dark\:hover\:bg-primary-950\/30:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.3);
      }
      .dark\:hover\:bg-primary-950\/35:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.35);
      }
      .dark\:hover\:bg-primary-950\/40:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.4);
      }
      .dark\:hover\:bg-primary-950\/45:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.45);
      }
      .dark\:hover\:bg-primary-950\/5:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.05);
      }
      .dark\:hover\:bg-primary-950\/50:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.5);
      }
      .dark\:hover\:bg-primary-950\/55:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.55);
      }
      .dark\:hover\:bg-primary-950\/60:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.6);
      }
      .dark\:hover\:bg-primary-950\/65:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.65);
      }
      .dark\:hover\:bg-primary-950\/70:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.7);
      }
      .dark\:hover\:bg-primary-950\/75:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.75);
      }
      .dark\:hover\:bg-primary-950\/80:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.8);
      }
      .dark\:hover\:bg-primary-950\/85:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.85);
      }
      .dark\:hover\:bg-primary-950\/90:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.9);
      }
      .dark\:hover\:bg-primary-950\/95:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.95);
      }
      .dark\:hover\:text-gray-200:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-200) / var(--tw-text-opacity));
      }
      .dark\:hover\:text-primary-500:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
      }
      .dark\:hover\:text-primary-500\/0:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0);
      }
      .dark\:hover\:text-primary-500\/10:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.1);
      }
      .dark\:hover\:text-primary-500\/100:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 1);
      }
      .dark\:hover\:text-primary-500\/15:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.15);
      }
      .dark\:hover\:text-primary-500\/20:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.2);
      }
      .dark\:hover\:text-primary-500\/25:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.25);
      }
      .dark\:hover\:text-primary-500\/30:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.3);
      }
      .dark\:hover\:text-primary-500\/35:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.35);
      }
      .dark\:hover\:text-primary-500\/40:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.4);
      }
      .dark\:hover\:text-primary-500\/45:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.45);
      }
      .dark\:hover\:text-primary-500\/5:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.05);
      }
      .dark\:hover\:text-primary-500\/50:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.5);
      }
      .dark\:hover\:text-primary-500\/55:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.55);
      }
      .dark\:hover\:text-primary-500\/60:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.6);
      }
      .dark\:hover\:text-primary-500\/65:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.65);
      }
      .dark\:hover\:text-primary-500\/70:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.7);
      }
      .dark\:hover\:text-primary-500\/75:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.75);
      }
      .dark\:hover\:text-primary-500\/80:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.8);
      }
      .dark\:hover\:text-primary-500\/85:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.85);
      }
      .dark\:hover\:text-primary-500\/90:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.9);
      }
      .dark\:hover\:text-primary-500\/95:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.95);
      }
      .dark\:hover\:text-white:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }
      .dark\:hover\:before\:bg-gray-800\/50:hover:is(.dark *):before {
        background-color: rgb(var(--color-gray-800) / 0.5);
        content: var(--tw-content);
      }
      .dark\:focus\:ring-primary-400:focus:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-400) / var(--tw-ring-opacity));
      }
      .dark\:focus\:ring-primary-400\/0:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:focus\:ring-primary-400\/10:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:focus\:ring-primary-400\/100:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:focus\:ring-primary-400\/15:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:focus\:ring-primary-400\/20:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:focus\:ring-primary-400\/25:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:focus\:ring-primary-400\/30:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:focus\:ring-primary-400\/35:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:focus\:ring-primary-400\/40:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:focus\:ring-primary-400\/45:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:focus\:ring-primary-400\/5:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:focus\:ring-primary-400\/50:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:focus\:ring-primary-400\/55:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:focus\:ring-primary-400\/60:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:focus\:ring-primary-400\/65:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:focus\:ring-primary-400\/70:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:focus\:ring-primary-400\/75:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:focus\:ring-primary-400\/80:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:focus\:ring-primary-400\/85:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:focus\:ring-primary-400\/90:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:focus\:ring-primary-400\/95:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:focus\:ring-red-400:focus:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
      }
      .dark\:focus\:ring-red-400\/0:focus:is(.dark *) {
        --tw-ring-color: #f8717100;
      }
      .dark\:focus\:ring-red-400\/10:focus:is(.dark *) {
        --tw-ring-color: #f871711a;
      }
      .dark\:focus\:ring-red-400\/100:focus:is(.dark *) {
        --tw-ring-color: #f87171;
      }
      .dark\:focus\:ring-red-400\/15:focus:is(.dark *) {
        --tw-ring-color: #f8717126;
      }
      .dark\:focus\:ring-red-400\/20:focus:is(.dark *) {
        --tw-ring-color: #f8717133;
      }
      .dark\:focus\:ring-red-400\/25:focus:is(.dark *) {
        --tw-ring-color: #f8717140;
      }
      .dark\:focus\:ring-red-400\/30:focus:is(.dark *) {
        --tw-ring-color: #f871714d;
      }
      .dark\:focus\:ring-red-400\/35:focus:is(.dark *) {
        --tw-ring-color: #f8717159;
      }
      .dark\:focus\:ring-red-400\/40:focus:is(.dark *) {
        --tw-ring-color: #f8717166;
      }
      .dark\:focus\:ring-red-400\/45:focus:is(.dark *) {
        --tw-ring-color: #f8717173;
      }
      .dark\:focus\:ring-red-400\/5:focus:is(.dark *) {
        --tw-ring-color: #f871710d;
      }
      .dark\:focus\:ring-red-400\/50:focus:is(.dark *) {
        --tw-ring-color: #f8717180;
      }
      .dark\:focus\:ring-red-400\/55:focus:is(.dark *) {
        --tw-ring-color: #f871718c;
      }
      .dark\:focus\:ring-red-400\/60:focus:is(.dark *) {
        --tw-ring-color: #f8717199;
      }
      .dark\:focus\:ring-red-400\/65:focus:is(.dark *) {
        --tw-ring-color: #f87171a6;
      }
      .dark\:focus\:ring-red-400\/70:focus:is(.dark *) {
        --tw-ring-color: #f87171b3;
      }
      .dark\:focus\:ring-red-400\/75:focus:is(.dark *) {
        --tw-ring-color: #f87171bf;
      }
      .dark\:focus\:ring-red-400\/80:focus:is(.dark *) {
        --tw-ring-color: #f87171cc;
      }
      .dark\:focus\:ring-red-400\/85:focus:is(.dark *) {
        --tw-ring-color: #f87171d9;
      }
      .dark\:focus\:ring-red-400\/90:focus:is(.dark *) {
        --tw-ring-color: #f87171e6;
      }
      .dark\:focus\:ring-red-400\/95:focus:is(.dark *) {
        --tw-ring-color: #f87171f2;
      }
      .dark\:focus-visible\:outline-none:focus-visible:is(.dark *) {
        outline: 2px solid #0000;
        outline-offset: 2px;
      }
      .dark\:focus-visible\:outline-primary-400:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:focus-visible\:outline-primary-400\/0:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:focus-visible\:outline-primary-400\/10:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:focus-visible\:outline-primary-400\/100:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:focus-visible\:outline-primary-400\/15:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:focus-visible\:outline-primary-400\/20:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:focus-visible\:outline-primary-400\/25:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:focus-visible\:outline-primary-400\/30:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:focus-visible\:outline-primary-400\/35:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:focus-visible\:outline-primary-400\/40:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:focus-visible\:outline-primary-400\/45:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:focus-visible\:outline-primary-400\/5:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:focus-visible\:outline-primary-400\/50:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:focus-visible\:outline-primary-400\/55:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:focus-visible\:outline-primary-400\/60:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:focus-visible\:outline-primary-400\/65:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:focus-visible\:outline-primary-400\/70:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:focus-visible\:outline-primary-400\/75:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:focus-visible\:outline-primary-400\/80:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:focus-visible\:outline-primary-400\/85:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:focus-visible\:outline-primary-400\/90:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:focus-visible\:outline-primary-400\/95:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:focus-visible\:ring-primary-400:focus-visible:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-400) / var(--tw-ring-opacity));
      }
      .dark\:focus-visible\:ring-primary-400\/0:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:focus-visible\:ring-primary-400\/10:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:focus-visible\:ring-primary-400\/100:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:focus-visible\:ring-primary-400\/15:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:focus-visible\:ring-primary-400\/20:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:focus-visible\:ring-primary-400\/25:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:focus-visible\:ring-primary-400\/30:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:focus-visible\:ring-primary-400\/35:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:focus-visible\:ring-primary-400\/40:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:focus-visible\:ring-primary-400\/45:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:focus-visible\:ring-primary-400\/5:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:focus-visible\:ring-primary-400\/50:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:focus-visible\:ring-primary-400\/55:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:focus-visible\:ring-primary-400\/60:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:focus-visible\:ring-primary-400\/65:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:focus-visible\:ring-primary-400\/70:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:focus-visible\:ring-primary-400\/75:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:focus-visible\:ring-primary-400\/80:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:focus-visible\:ring-primary-400\/85:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:focus-visible\:ring-primary-400\/90:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:focus-visible\:ring-primary-400\/95:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:focus-visible\:ring-red-400:focus-visible:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
      }
      .dark\:focus-visible\:ring-red-400\/0:focus-visible:is(.dark *) {
        --tw-ring-color: #f8717100;
      }
      .dark\:focus-visible\:ring-red-400\/10:focus-visible:is(.dark *) {
        --tw-ring-color: #f871711a;
      }
      .dark\:focus-visible\:ring-red-400\/100:focus-visible:is(.dark *) {
        --tw-ring-color: #f87171;
      }
      .dark\:focus-visible\:ring-red-400\/15:focus-visible:is(.dark *) {
        --tw-ring-color: #f8717126;
      }
      .dark\:focus-visible\:ring-red-400\/20:focus-visible:is(.dark *) {
        --tw-ring-color: #f8717133;
      }
      .dark\:focus-visible\:ring-red-400\/25:focus-visible:is(.dark *) {
        --tw-ring-color: #f8717140;
      }
      .dark\:focus-visible\:ring-red-400\/30:focus-visible:is(.dark *) {
        --tw-ring-color: #f871714d;
      }
      .dark\:focus-visible\:ring-red-400\/35:focus-visible:is(.dark *) {
        --tw-ring-color: #f8717159;
      }
      .dark\:focus-visible\:ring-red-400\/40:focus-visible:is(.dark *) {
        --tw-ring-color: #f8717166;
      }
      .dark\:focus-visible\:ring-red-400\/45:focus-visible:is(.dark *) {
        --tw-ring-color: #f8717173;
      }
      .dark\:focus-visible\:ring-red-400\/5:focus-visible:is(.dark *) {
        --tw-ring-color: #f871710d;
      }
      .dark\:focus-visible\:ring-red-400\/50:focus-visible:is(.dark *) {
        --tw-ring-color: #f8717180;
      }
      .dark\:focus-visible\:ring-red-400\/55:focus-visible:is(.dark *) {
        --tw-ring-color: #f871718c;
      }
      .dark\:focus-visible\:ring-red-400\/60:focus-visible:is(.dark *) {
        --tw-ring-color: #f8717199;
      }
      .dark\:focus-visible\:ring-red-400\/65:focus-visible:is(.dark *) {
        --tw-ring-color: #f87171a6;
      }
      .dark\:focus-visible\:ring-red-400\/70:focus-visible:is(.dark *) {
        --tw-ring-color: #f87171b3;
      }
      .dark\:focus-visible\:ring-red-400\/75:focus-visible:is(.dark *) {
        --tw-ring-color: #f87171bf;
      }
      .dark\:focus-visible\:ring-red-400\/80:focus-visible:is(.dark *) {
        --tw-ring-color: #f87171cc;
      }
      .dark\:focus-visible\:ring-red-400\/85:focus-visible:is(.dark *) {
        --tw-ring-color: #f87171d9;
      }
      .dark\:focus-visible\:ring-red-400\/90:focus-visible:is(.dark *) {
        --tw-ring-color: #f87171e6;
      }
      .dark\:focus-visible\:ring-red-400\/95:focus-visible:is(.dark *) {
        --tw-ring-color: #f87171f2;
      }
      .dark\:focus-visible\:ring-offset-gray-900:focus-visible:is(.dark *) {
        --tw-ring-offset-color: rgb(var(--color-gray-900) / 1);
      }
      .dark\:focus-visible\:before\:ring-primary-400:focus-visible:is(
          .dark *
        ):before {
        content: var(--tw-content);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-400) / var(--tw-ring-opacity));
      }
      .dark\:disabled\:bg-gray-800:disabled:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
      }
      .dark\:disabled\:bg-gray-900:disabled:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
      }
      .dark\:disabled\:bg-primary-400:disabled:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-400) / var(--tw-bg-opacity));
      }
      .dark\:disabled\:bg-primary-400\/0:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:disabled\:bg-primary-400\/10:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:disabled\:bg-primary-400\/100:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:disabled\:bg-primary-400\/15:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:disabled\:bg-primary-400\/20:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:disabled\:bg-primary-400\/25:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:disabled\:bg-primary-400\/30:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:disabled\:bg-primary-400\/35:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:disabled\:bg-primary-400\/40:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:disabled\:bg-primary-400\/45:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:disabled\:bg-primary-400\/5:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:disabled\:bg-primary-400\/50:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:disabled\:bg-primary-400\/55:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:disabled\:bg-primary-400\/60:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:disabled\:bg-primary-400\/65:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:disabled\:bg-primary-400\/70:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:disabled\:bg-primary-400\/75:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:disabled\:bg-primary-400\/80:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:disabled\:bg-primary-400\/85:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:disabled\:bg-primary-400\/90:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:disabled\:bg-primary-400\/95:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:disabled\:bg-primary-950:disabled:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-950) / var(--tw-bg-opacity));
      }
      .dark\:disabled\:bg-primary-950\/0:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0);
      }
      .dark\:disabled\:bg-primary-950\/10:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.1);
      }
      .dark\:disabled\:bg-primary-950\/100:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 1);
      }
      .dark\:disabled\:bg-primary-950\/15:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.15);
      }
      .dark\:disabled\:bg-primary-950\/20:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.2);
      }
      .dark\:disabled\:bg-primary-950\/25:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.25);
      }
      .dark\:disabled\:bg-primary-950\/30:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.3);
      }
      .dark\:disabled\:bg-primary-950\/35:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.35);
      }
      .dark\:disabled\:bg-primary-950\/40:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.4);
      }
      .dark\:disabled\:bg-primary-950\/45:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.45);
      }
      .dark\:disabled\:bg-primary-950\/5:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.05);
      }
      .dark\:disabled\:bg-primary-950\/50:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.5);
      }
      .dark\:disabled\:bg-primary-950\/55:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.55);
      }
      .dark\:disabled\:bg-primary-950\/60:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.6);
      }
      .dark\:disabled\:bg-primary-950\/65:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.65);
      }
      .dark\:disabled\:bg-primary-950\/70:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.7);
      }
      .dark\:disabled\:bg-primary-950\/75:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.75);
      }
      .dark\:disabled\:bg-primary-950\/80:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.8);
      }
      .dark\:disabled\:bg-primary-950\/85:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.85);
      }
      .dark\:disabled\:bg-primary-950\/90:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.9);
      }
      .dark\:disabled\:bg-primary-950\/95:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.95);
      }
      .dark\:disabled\:bg-transparent:disabled:is(.dark *) {
        background-color: initial;
      }
      .dark\:disabled\:bg-white:disabled:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .dark\:disabled\:text-primary-400:disabled:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-400) / var(--tw-text-opacity));
      }
      .dark\:disabled\:text-primary-400\/0:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:disabled\:text-primary-400\/10:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:disabled\:text-primary-400\/100:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:disabled\:text-primary-400\/15:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:disabled\:text-primary-400\/20:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:disabled\:text-primary-400\/25:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:disabled\:text-primary-400\/30:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:disabled\:text-primary-400\/35:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:disabled\:text-primary-400\/40:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:disabled\:text-primary-400\/45:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:disabled\:text-primary-400\/5:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:disabled\:text-primary-400\/50:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:disabled\:text-primary-400\/55:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:disabled\:text-primary-400\/60:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:disabled\:text-primary-400\/65:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:disabled\:text-primary-400\/70:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:disabled\:text-primary-400\/75:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:disabled\:text-primary-400\/80:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:disabled\:text-primary-400\/85:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:disabled\:text-primary-400\/90:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:disabled\:text-primary-400\/95:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.95);
      }
      .group:hover .dark\:group-hover\:text-gray-200:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-200) / var(--tw-text-opacity));
      }
      :where([data-headlessui-focus-visible])
        .dark\:ui-focus-visible\:ring-primary-400:focus:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-400) / var(--tw-ring-opacity));
      }
      @media (min-width: 640px) {
        .sm\:my-8 {
          margin-bottom: 2rem;
          margin-top: 2rem;
        }
        .sm\:w-96 {
          width: 24rem;
        }
        .sm\:max-w-lg {
          max-width: 32rem;
        }
        .sm\:translate-x-0 {
          --tw-translate-x: 0px;
        }
        .sm\:translate-x-0,
        .sm\:translate-x-2 {
          transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        }
        .sm\:translate-x-2 {
          --tw-translate-x: 0.5rem;
        }
        .sm\:translate-y-0 {
          --tw-translate-y: 0px;
        }
        .sm\:scale-100,
        .sm\:translate-y-0 {
          transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        }
        .sm\:scale-100 {
          --tw-scale-x: 1;
          --tw-scale-y: 1;
        }
        .sm\:scale-95 {
          --tw-scale-x: 0.95;
          --tw-scale-y: 0.95;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        }
        .sm\:items-center {
          align-items: center;
        }
        .sm\:p-0 {
          padding: 0;
        }
        .sm\:p-6 {
          padding: 1.5rem;
        }
        .sm\:px-14 {
          padding-left: 3.5rem;
          padding-right: 3.5rem;
        }
        .sm\:px-6 {
          padding-left: 1.5rem;
          padding-right: 1.5rem;
        }
        .sm\:text-sm {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
      @media (min-width: 768px) {
        .md\:flex {
          display: flex;
        }
        .md\:inline-flex {
          display: inline-flex;
        }
        .md\:w-1\/2 {
          width: 50%;
        }
        .md\:p-6 {
          padding: 1.5rem;
        }
        .md\:px-0 {
          padding-left: 0;
          padding-right: 0;
        }
        .md\:text-2xl {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        .md\:text-base {
          font-size: 1rem;
          line-height: 1.5rem;
        }
        .md\:text-lg {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
      }
      @media (min-width: 1024px) {
        .lg\:p-12 {
          padding: 3rem;
        }
        .lg\:px-12 {
          padding-left: 3rem;
          padding-right: 3rem;
        }
        .lg\:px-8 {
          padding-left: 2rem;
          padding-right: 2rem;
        }
        .lg\:pl-4 {
          padding-left: 1rem;
        }
        .lg\:text-2xl {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        .lg\:text-4xl {
          font-size: 2.25rem;
          line-height: 2.5rem;
        }
        .lg\:text-base {
          font-size: 1rem;
          line-height: 1.5rem;
        }
        .lg\:text-xl {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      @media (min-width: 1280px) {
        .xl\:px-0 {
          padding-left: 0;
          padding-right: 0;
        }
        .xl\:text-3xl {
          font-size: 1.875rem;
          line-height: 2.25rem;
        }
        .xl\:text-5xl {
          font-size: 3rem;
          line-height: 1;
        }
        .xl\:text-lg {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
      }
      .rtl\:-translate-x-0:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-2:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -0.5rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-2\.5:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -0.625rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-3:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -0.75rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-4:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -1rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-5:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -1.25rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-6:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -1.5rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-7:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -1.75rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:translate-x-full:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: 100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
        text-align: right;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-0\.5::-moz-meter-bar {
        height: 0.125rem;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-1::-moz-meter-bar {
        height: 0.25rem;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-2::-moz-meter-bar {
        height: 0.5rem;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-3::-moz-meter-bar {
        height: 0.75rem;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-4::-moz-meter-bar {
        height: 1rem;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-5::-moz-meter-bar {
        height: 1.25rem;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-px::-moz-meter-bar {
        height: 1px;
      }
      .\[\&\:\:-moz-meter-bar\]\:rounded-full::-moz-meter-bar {
        border-radius: 9999px;
      }
      .\[\&\:\:-moz-meter-bar\]\:border-none::-moz-meter-bar {
        border-style: none;
      }
      .\[\&\:\:-moz-meter-bar\]\:bg-current::-moz-meter-bar {
        background-color: currentColor;
      }
      .\[\&\:\:-moz-meter-bar\]\:bg-none::-moz-meter-bar {
        background-image: none;
      }
      .\[\&\:\:-moz-meter-bar\]\:transition-all::-moz-meter-bar {
        transition-duration: 0.15s;
        -moz-transition-property: all;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .\[\&\:\:-moz-progress-bar\]\:rounded-full::-moz-progress-bar {
        border-radius: 9999px;
      }
      .\[\&\:\:-moz-progress-bar\]\:bg-current::-moz-progress-bar {
        background-color: currentColor;
      }
      .\[\&\:\:-moz-range-thumb\]\:relative::-moz-range-thumb {
        position: relative;
      }
      .\[\&\:\:-moz-range-thumb\]\:z-\[1\]::-moz-range-thumb {
        z-index: 1;
      }
      .\[\&\:\:-moz-range-thumb\]\:-mt-1::-moz-range-thumb {
        margin-top: -0.25rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:mt-\[-2\.5px\]::-moz-range-thumb {
        margin-top: -2.5px;
      }
      .\[\&\:\:-moz-range-thumb\]\:mt-\[-3px\]::-moz-range-thumb {
        margin-top: -3px;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-1\.5::-moz-range-thumb {
        height: 0.375rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-2::-moz-range-thumb {
        height: 0.5rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-3::-moz-range-thumb {
        height: 0.75rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb {
        height: 1rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-5::-moz-range-thumb {
        height: 1.25rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-6::-moz-range-thumb {
        height: 1.5rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-7::-moz-range-thumb {
        height: 1.75rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-1\.5::-moz-range-thumb {
        width: 0.375rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-2::-moz-range-thumb {
        width: 0.5rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-3::-moz-range-thumb {
        width: 0.75rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb {
        width: 1rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-5::-moz-range-thumb {
        width: 1.25rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-6::-moz-range-thumb {
        width: 1.5rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-7::-moz-range-thumb {
        width: 1.75rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb {
        appearance: none;
      }
      .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
        border-radius: 9999px;
      }
      .\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb {
        border-width: 0;
      }
      .\[\&\:\:-moz-range-thumb\]\:bg-current::-moz-range-thumb {
        background-color: currentColor;
      }
      .\[\&\:\:-moz-range-track\]\:h-0\.5::-moz-range-track {
        height: 0.125rem;
      }
      .\[\&\:\:-moz-range-track\]\:h-1::-moz-range-track {
        height: 0.25rem;
      }
      .\[\&\:\:-moz-range-track\]\:h-2::-moz-range-track {
        height: 0.5rem;
      }
      .\[\&\:\:-moz-range-track\]\:h-3::-moz-range-track {
        height: 0.75rem;
      }
      .\[\&\:\:-moz-range-track\]\:h-4::-moz-range-track {
        height: 1rem;
      }
      .\[\&\:\:-moz-range-track\]\:h-5::-moz-range-track {
        height: 1.25rem;
      }
      .\[\&\:\:-moz-range-track\]\:h-px::-moz-range-track {
        height: 1px;
      }
      .\[\&\:\:-moz-range-track\]\:rounded-lg::-moz-range-track {
        border-radius: 0.5rem;
      }
      .\[\&\:\:-moz-range-track\]\:bg-gray-200::-moz-range-track {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
      }
      .group:disabled
        .\[\&\:\:-moz-range-track\]\:group-disabled\:bg-opacity-50::-moz-range-track {
        --tw-bg-opacity: 0.5;
      }
      .\[\&\:\:-moz-range-track\]\:dark\:bg-gray-700:is(
          .dark *
        )::-moz-range-track {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
      }
      .\[\&\:\:-webkit-meter-bar\]\:border-none::-webkit-meter-bar {
        border-style: none;
      }
      .\[\&\:\:-webkit-meter-bar\]\:bg-transparent::-webkit-meter-bar {
        background-color: initial;
      }
      .\[\&\:\:-webkit-meter-bar\]\:bg-none::-webkit-meter-bar {
        background-image: none;
      }
      .\[\&\:\:-webkit-meter-inner-element\]\:relative::-webkit-meter-inner-element {
        position: relative;
      }
      .\[\&\:\:-webkit-meter-inner-element\]\:block::-webkit-meter-inner-element {
        display: block;
      }
      .\[\&\:\:-webkit-meter-inner-element\]\:border-none::-webkit-meter-inner-element {
        border-style: none;
      }
      .\[\&\:\:-webkit-meter-inner-element\]\:bg-transparent::-webkit-meter-inner-element {
        background-color: initial;
      }
      .\[\&\:\:-webkit-meter-inner-element\]\:bg-none::-webkit-meter-inner-element {
        background-image: none;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-0\.5::-webkit-meter-optimum-value {
        height: 0.125rem;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-1::-webkit-meter-optimum-value {
        height: 0.25rem;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-2::-webkit-meter-optimum-value {
        height: 0.5rem;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-3::-webkit-meter-optimum-value {
        height: 0.75rem;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-4::-webkit-meter-optimum-value {
        height: 1rem;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-5::-webkit-meter-optimum-value {
        height: 1.25rem;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-px::-webkit-meter-optimum-value {
        height: 1px;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:rounded-full::-webkit-meter-optimum-value {
        border-radius: 9999px;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:border-none::-webkit-meter-optimum-value {
        border-style: none;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:bg-current::-webkit-meter-optimum-value {
        background-color: currentColor;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:bg-none::-webkit-meter-optimum-value {
        background-image: none;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:transition-all::-webkit-meter-optimum-value {
        transition-duration: 0.15s;
        -webkit-transition-property: all;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .\[\&\:\:-webkit-progress-bar\]\:w-full::-webkit-progress-bar {
        width: 100%;
      }
      .\[\&\:\:-webkit-progress-bar\]\:rounded-full::-webkit-progress-bar {
        border-radius: 9999px;
      }
      .\[\&\:\:-webkit-progress-bar\]\:bg-gray-200::-webkit-progress-bar {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
      }
      .\[\&\:\:-webkit-progress-bar\]\:dark\:bg-gray-700:is(
          .dark *
        )::-webkit-progress-bar {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
      }
      .\[\&\:\:-webkit-progress-value\]\:rounded-full::-webkit-progress-value {
        border-radius: 9999px;
      }
      .\[\&\:\:-webkit-progress-value\]\:bg-current::-webkit-progress-value {
        background-color: currentColor;
      }
      .\[\&\:\:-webkit-progress-value\]\:transition-all::-webkit-progress-value {
        transition-duration: 0.15s;
        -webkit-transition-property: all;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .\[\&\:\:-webkit-progress-value\]\:ease-in-out::-webkit-progress-value {
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-0\.5::-webkit-slider-runnable-track {
        height: 0.125rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-1::-webkit-slider-runnable-track {
        height: 0.25rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-2::-webkit-slider-runnable-track {
        height: 0.5rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-3::-webkit-slider-runnable-track {
        height: 0.75rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-4::-webkit-slider-runnable-track {
        height: 1rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-5::-webkit-slider-runnable-track {
        height: 1.25rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-px::-webkit-slider-runnable-track {
        height: 1px;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:rounded-lg::-webkit-slider-runnable-track {
        border-radius: 0.5rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:bg-gray-200::-webkit-slider-runnable-track {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
      }
      .group:disabled
        .\[\&\:\:-webkit-slider-runnable-track\]\:group-disabled\:bg-opacity-50::-webkit-slider-runnable-track {
        --tw-bg-opacity: 0.5;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:dark\:bg-gray-700:is(
          .dark *
        )::-webkit-slider-runnable-track {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
      }
      .\[\&\:\:-webkit-slider-thumb\]\:relative::-webkit-slider-thumb {
        position: relative;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:z-\[1\]::-webkit-slider-thumb {
        z-index: 1;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:-mt-1::-webkit-slider-thumb {
        margin-top: -0.25rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:mt-\[-2\.5px\]::-webkit-slider-thumb {
        margin-top: -2.5px;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:mt-\[-3px\]::-webkit-slider-thumb {
        margin-top: -3px;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-1\.5::-webkit-slider-thumb {
        height: 0.375rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-2::-webkit-slider-thumb {
        height: 0.5rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb {
        height: 0.75rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
        height: 1rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-5::-webkit-slider-thumb {
        height: 1.25rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-6::-webkit-slider-thumb {
        height: 1.5rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-7::-webkit-slider-thumb {
        height: 1.75rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-1\.5::-webkit-slider-thumb {
        width: 0.375rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-2::-webkit-slider-thumb {
        width: 0.5rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb {
        width: 0.75rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
        width: 1rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-5::-webkit-slider-thumb {
        width: 1.25rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-6::-webkit-slider-thumb {
        width: 1.5rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-7::-webkit-slider-thumb {
        width: 1.75rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
        appearance: none;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
        border-radius: 9999px;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .\[\&\:\:-webkit-slider-thumb\]\:ring-2::-webkit-slider-thumb {
        --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);
      }
      .\[\&\:\:-webkit-slider-thumb\]\:ring-current::-webkit-slider-thumb {
        --tw-ring-color: currentColor;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:dark\:bg-gray-900:is(
          .dark *
        )::-webkit-slider-thumb {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
      }
      .\[\&\:indeterminate\:\:-moz-progress-bar\]\:rounded-full:indeterminate::-moz-progress-bar {
        border-radius: 9999px;
      }
      .\[\&\:indeterminate\:\:-webkit-progress-value\]\:rounded-full:indeterminate::-webkit-progress-value {
        border-radius: 9999px;
      }
      .rtl\:\[\&_span\:first-child\]\:rotate-180
        span:first-child:where([dir="rtl"], [dir="rtl"] *) {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:\[\&_span\:last-child\]\:rotate-180
        span:last-child:where([dir="rtl"], [dir="rtl"] *) {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      @media (pointer: coarse) {
        .\[\@media\(pointer\:coarse\)\]\:hidden {
          display: none;
        }
      }
      @supports (selector(&::-moz-progress-bar)) {
        .\[\@supports\(selector\(\&\:\:-moz-progress-bar\)\)\]\:bg-gray-200 {
          --tw-bg-opacity: 1;
          background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
        }
        .\[\@supports\(selector\(\&\:\:-moz-progress-bar\)\)\]\:dark\:bg-gray-700:is(
            .dark *
          ) {
          --tw-bg-opacity: 1;
          background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
        }
      }
/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/
      *,
      :after,
      :before {
        border-color: rgb(var(--color-gray-200) / 1);
        border-style: solid;
        border-width: 0;
        box-sizing: border-box;
      }
      :after,
      :before {
        --tw-content: "";
      }
      :host,
      html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        font-family:
          ui-sans-serif,
          system-ui,
          sans-serif,
          Apple Color Emoji,
          Segoe UI Emoji,
          Segoe UI Symbol,
          Noto Color Emoji;
        font-feature-settings: normal;
        font-variation-settings: normal;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        -webkit-tap-highlight-color: transparent;
      }
      body {
        line-height: inherit;
        margin: 0;
      }
      hr {
        border-top-width: 1px;
        color: inherit;
        height: 0;
      }
      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,
      pre,
      samp {
        font-family:
          ui-monospace,
          SFMono-Regular,
          Menlo,
          Monaco,
          Consolas,
          Liberation Mono,
          Courier New,
          monospace;
        font-feature-settings: normal;
        font-size: 1em;
        font-variation-settings: normal;
      }
      small {
        font-size: 80%;
      }
      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }
      sub {
        bottom: -0.25em;
      }
      sup {
        top: -0.5em;
      }
      table {
        border-collapse: collapse;
        border-color: inherit;
        text-indent: 0;
      }
      button,
      input,
      optgroup,
      select,
      textarea {
        color: inherit;
        font-family: inherit;
        font-feature-settings: inherit;
        font-size: 100%;
        font-variation-settings: inherit;
        font-weight: inherit;
        letter-spacing: inherit;
        line-height: inherit;
        margin: 0;
        padding:15px 5px;
          text-indent:10px;
      }
      button,
      select {
        text-transform: none;
      }
      button,
      input:where([type="button"]),
      input:where([type="reset"]),
      input:where([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,
      dd,
      dl,
      figure,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      hr,
      p,
      pre {
        margin: 0;
      }
      fieldset {
        margin: 0;
      }
      fieldset,
      legend {
        padding: 0;
      }
      menu,
      ol,
      ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }
      dialog {
        padding: 0;
      }
      textarea {
        resize: vertical;
      }
      input::-moz-placeholder,
      textarea::-moz-placeholder {
        color: rgb(var(--color-gray-400) / 1);
        opacity: 1;
      }
      input::placeholder,
      textarea::placeholder {
        color: rgb(var(--color-gray-400) / 1);
        opacity: 1;
      }
      [role="button"],
      button {
        cursor: pointer;
      }
      :disabled {
        cursor: default;
      }
      audio,
      canvas,
      embed,
      iframe,
      img,
      object,
      svg,
      video {
        display: block;
        vertical-align: middle;
      }
      img,
      video {
        height: auto;
        max-width: 100%;
      }
      [hidden] {
        display: none;
      }
      *,
      :after,
      :before {
        --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: rgba(59, 130, 246, 0.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: ;
        --tw-contain-size: ;
        --tw-contain-layout: ;
        --tw-contain-paint: ;
        --tw-contain-style: ;
      }
      ::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: rgba(59, 130, 246, 0.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: ;
        --tw-contain-size: ;
        --tw-contain-layout: ;
        --tw-contain-paint: ;
        --tw-contain-style: ;
      }
      .container {
        width: 100%;
      }
      @media (min-width: 640px) {
        .container {
          max-width: 640px;
        }
      }
      @media (min-width: 768px) {
        .container {
          max-width: 768px;
        }
      }
      @media (min-width: 1024px) {
        .container {
          max-width: 1024px;
        }
      }
      @media (min-width: 1280px) {
        .container {
          max-width: 1280px;
        }
      }
      @media (min-width: 1536px) {
        .container {
          max-width: 1536px;
        }
      }
      .form-input,
      .form-multiselect,
      .form-select,
      .form-textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        border-color: rgb(var(--color-gray-500) / var(--tw-border-opacity, 1));
        border-radius: 0;
        border-width: 1px;
        font-size: 1rem;
        line-height: 1.5rem;
        padding: 0.5rem 0.75rem;
        --tw-shadow: 0 0 #0000;
      }
      .form-input:focus,
      .form-multiselect:focus,
      .form-select:focus,
      .form-textarea:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        border-color: #2563eb;
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
          var(--tw-shadow);
      }
      .form-input::-moz-placeholder,
      .form-textarea::-moz-placeholder {
        color: rgb(var(--color-gray-500) / var(--tw-text-opacity, 1));
        opacity: 1;
      }
      .form-input::placeholder,
      .form-textarea::placeholder {
        color: rgb(var(--color-gray-500) / var(--tw-text-opacity, 1));
        opacity: 1;
      }
      .form-input::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
      }
      .form-input::-webkit-date-and-time-value {
        min-height: 1.5em;
        text-align: inherit;
      }
      .form-input::-webkit-datetime-edit {
        display: inline-flex;
      }
      .form-input::-webkit-datetime-edit,
      .form-input::-webkit-datetime-edit-day-field,
      .form-input::-webkit-datetime-edit-hour-field,
      .form-input::-webkit-datetime-edit-meridiem-field,
      .form-input::-webkit-datetime-edit-millisecond-field,
      .form-input::-webkit-datetime-edit-minute-field,
      .form-input::-webkit-datetime-edit-month-field,
      .form-input::-webkit-datetime-edit-second-field,
      .form-input::-webkit-datetime-edit-year-field {
        padding-bottom: 0;
        padding-top: 0;
      }
      .form-select {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='rgb(var(--color-gray-500) / var(--tw-stroke-opacity, 1))' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
        background-position: right 0.5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
      }
      .form-select:where([size]:not([size="1"])) {
        background-image: none;
        background-position: 0 0;
        background-repeat: unset;
        background-size: initial;
        padding-right: 0.75rem;
        -webkit-print-color-adjust: unset;
        print-color-adjust: unset;
      }
      .form-checkbox,
      .form-radio {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        background-origin: border-box;
        border-color: rgb(var(--color-gray-500) / var(--tw-border-opacity, 1));
        border-width: 1px;
        color: #2563eb;
        display: inline-block;
        flex-shrink: 0;
        height: 1rem;
        padding: 0;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        vertical-align: middle;
        width: 1rem;
        --tw-shadow: 0 0 #0000;
      }
      .form-checkbox {
        border-radius: 0;
      }
      .form-radio {
        border-radius: 100%;
      }
      .form-checkbox:focus,
      .form-radio:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --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);
      }
      .form-checkbox:checked,
      .form-radio:checked {
        background-color: currentColor;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: transparent;
      }
      .form-checkbox:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E");
      }
      @media (forced-colors: active) {
        .form-checkbox:checked {
          -webkit-appearance: auto;
          -moz-appearance: auto;
          appearance: auto;
        }
      }
      .form-radio:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");
      }
      @media (forced-colors: active) {
        .form-radio:checked {
          -webkit-appearance: auto;
          -moz-appearance: auto;
          appearance: auto;
        }
      }
      .form-checkbox:checked:focus,
      .form-checkbox:checked:hover,
      .form-radio:checked:focus,
      .form-radio:checked:hover {
        background-color: currentColor;
        border-color: transparent;
      }
      .form-checkbox:indeterminate {
        background-color: currentColor;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: transparent;
      }
      @media (forced-colors: active) {
        .form-checkbox:indeterminate {
          -webkit-appearance: auto;
          -moz-appearance: auto;
          appearance: auto;
        }
      }
      .form-checkbox:indeterminate:focus,
      .form-checkbox:indeterminate:hover {
        background-color: currentColor;
        border-color: transparent;
      }
      .i-heroicons-arrow-path-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M15.312 11.424a5.5 5.5 0 0 1-9.201 2.466l-.312-.311h2.433a.75.75 0 0 0 0-1.5H3.989a.75.75 0 0 0-.75.75v4.242a.75.75 0 0 0 1.5 0v-2.43l.31.31a7 7 0 0 0 11.712-3.138.75.75 0 0 0-1.449-.39m1.23-3.723a.75.75 0 0 0 .219-.53V2.929a.75.75 0 0 0-1.5 0V5.36l-.31-.31A7 7 0 0 0 3.239 8.188a.75.75 0 1 0 1.448.389A5.5 5.5 0 0 1 13.89 6.11l.311.31h-2.432a.75.75 0 0 0 0 1.5h4.243a.75.75 0 0 0 .53-.219' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-arrow-path-20-solid,
      .i-heroicons-arrows-up-down-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-arrows-up-down-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2.24 6.8a.75.75 0 0 0 1.06-.04l1.95-2.1v8.59a.75.75 0 0 0 1.5 0V4.66l1.95 2.1a.75.75 0 1 0 1.1-1.02l-3.25-3.5a.75.75 0 0 0-1.1 0L2.2 5.74a.75.75 0 0 0 .04 1.06m8 6.4a.75.75 0 0 0-.04 1.06l3.25 3.5a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02l-1.95 2.1V6.75a.75.75 0 0 0-1.5 0v8.59l-1.95-2.1a.75.75 0 0 0-1.06-.04' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-bars-arrow-down-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2 3.75A.75.75 0 0 1 2.75 3h11.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75M2 7.5a.75.75 0 0 1 .75-.75h7.508a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.5M14 7a.75.75 0 0 1 .75.75v6.59l1.95-2.1a.75.75 0 1 1 1.1 1.02l-3.25 3.5a.75.75 0 0 1-1.1 0l-3.25-3.5a.75.75 0 1 1 1.1-1.02l1.95 2.1V7.75A.75.75 0 0 1 14 7M2 11.25a.75.75 0 0 1 .75-.75h4.562a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-bars-arrow-down-20-solid,
      .i-heroicons-bars-arrow-up-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-bars-arrow-up-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M2 3.75A.75.75 0 0 1 2.75 3h11.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 3.75M2 7.5a.75.75 0 0 1 .75-.75h6.365a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 7.5M14 7a.75.75 0 0 1 .55.24l3.25 3.5a.75.75 0 1 1-1.1 1.02l-1.95-2.1v6.59a.75.75 0 0 1-1.5 0V9.66l-1.95 2.1a.75.75 0 1 1-1.1-1.02l3.25-3.5A.75.75 0 0 1 14 7M2 11.25a.75.75 0 0 1 .75-.75H7A.75.75 0 0 1 7 12H2.75a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-check-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M16.705 4.153a.75.75 0 0 1 .142 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-check-20-solid,
      .i-heroicons-chevron-double-left-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-chevron-double-left-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M4.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L6.31 10l3.72-3.72a.75.75 0 1 0-1.06-1.06zm9.25-4.25L9.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L11.31 10l3.72-3.72a.75.75 0 0 0-1.06-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-chevron-double-right-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M15.28 9.47a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 1 1-1.06-1.06L13.69 10 9.97 6.28a.75.75 0 0 1 1.06-1.06zM6.03 5.22l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L8.69 10 4.97 6.28a.75.75 0 0 1 1.06-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-chevron-double-right-20-solid,
      .i-heroicons-chevron-down-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-chevron-down-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-chevron-left-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-chevron-left-20-solid,
      .i-heroicons-chevron-right-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-chevron-right-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-circle-stack-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M10 1c3.866 0 7 1.79 7 4s-3.134 4-7 4-7-1.79-7-4 3.134-4 7-4m5.694 8.13c.464-.264.91-.583 1.306-.952V10c0 2.21-3.134 4-7 4s-7-1.79-7-4V8.178a7 7 0 0 0 1.306.953C5.838 10.006 7.854 10.5 10 10.5s4.162-.494 5.694-1.37M3 13.179V15c0 2.21 3.134 4 7 4s7-1.79 7-4v-1.822a7 7 0 0 1-1.306.953C14.162 15.006 12.146 15.5 10 15.5s-4.162-.494-5.694-1.37A7 7 0 0 1 3 13.179' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-circle-stack-20-solid,
      .i-heroicons-magnifying-glass-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-magnifying-glass-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11M2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-minus-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .i-heroicons-minus-20-solid,
      .i-heroicons-x-mark-20-solid {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
      }
      .i-heroicons-x-mark-20-solid {
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94z'/%3E%3C/svg%3E");
      }
      .sr-only {
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        clip: rect(0, 0, 0, 0);
        border-width: 0;
        white-space: nowrap;
      }
      .pointer-events-none {
        pointer-events: none;
      }
      .pointer-events-auto {
        pointer-events: auto;
      }
      .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 {
        inset: 0;
      }
      .inset-x-0 {
        left: 0;
        right: 0;
      }
      .inset-y-0 {
        bottom: 0;
        top: 0;
      }
      .-bottom-1 {
        bottom: -0.25rem;
      }
      .-bottom-\[0\.5px\] {
        bottom: -0.5px;
      }
      .-left-1 {
        left: -0.25rem;
      }
      .-right-1 {
        right: -0.25rem;
      }
      .-top-1 {
        top: -0.25rem;
      }
      .bottom-0 {
        bottom: 0;
      }
      .bottom-4 {
        bottom: 1rem;
      }
      .end-0 {
        inset-inline-end: 0;
      }
      .end-4 {
        inset-inline-end: 1rem;
      }
      .left-0 {
        left: 0;
      }
      .left-4 {
        left: 1rem;
      }
      .left-\[4px\] {
        left: 4px;
      }
      .right-0 {
        right: 0;
      }
      .right-4 {
        right: 1rem;
      }
      .start-0 {
        inset-inline-start: 0;
      }
      .start-4 {
        inset-inline-start: 1rem;
      }
      .top-0 {
        top: 0;
      }
      .top-1\/2 {
        top: 50%;
      }
      .top-\[4px\] {
        top: 4px;
      }
      .z-10 {
        z-index: 10;
      }
      .z-20 {
        z-index: 20;
      }
      .z-50 {
        z-index: 50;
      }
      .z-\[1\] {
        z-index: 1;
      }
      .z-\[55\] {
        z-index: 55;
      }
      .z-\[5\] {
        z-index: 5;
      }
      .col-start-1 {
        grid-column-start: 1;
      }
      .row-start-1 {
        grid-row-start: 1;
      }
      .-m-1 {
        margin: -0.25rem;
      }
      .-m-1\.5 {
        margin: -0.375rem;
      }
      .m-auto {
        margin: auto;
      }
      .-mx-1 {
        margin-left: -0.25rem;
        margin-right: -0.25rem;
      }
      .mx-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
      }
      .mx-3 {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
      }
      .mx-auto {
        margin-left: auto;
        margin-right: auto;
      }
      .my-2 {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
      }
      .my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem;
      }
      .my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem;
      }
      .-me-1 {
        margin-inline-end: -0.25rem;
      }
      .-me-1\.5 {
        margin-inline-end: -0.375rem;
      }
      .-mt-1 {
        margin-top: -0.25rem;
      }
      .mb-0 {
        margin-bottom: 0;
      }
      .mb-1 {
        margin-bottom: 0.25rem;
      }
      .mb-1\.5 {
        margin-bottom: 0.375rem;
      }
      .mb-2 {
        margin-bottom: 0.5rem;
      }
      .mb-4 {
        margin-bottom: 1rem;
      }
      .ml-auto {
        margin-left: auto;
      }
      .mr-auto {
        margin-right: auto;
      }
      .ms-3 {
        margin-inline-start: 0.75rem;
      }
      .ms-auto {
        margin-inline-start: auto;
      }
      .mt-0 {
        margin-top: 0;
      }
      .mt-1 {
        margin-top: 0.25rem;
      }
      .mt-2 {
        margin-top: 0.5rem;
      }
      .mt-3 {
        margin-top: 0.75rem;
      }
      .mt-4 {
        margin-top: 1rem;
      }
      .line-clamp-1 {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
      }
      .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;
      }
      .inline-grid {
        display: inline-grid;
      }
      .hidden {
        display: none;
      }
      .h-0 {
        height: 0;
      }
      .h-0\.5 {
        height: 0.125rem;
      }
      .h-1 {
        height: 0.25rem;
      }
      .h-1\.5 {
        height: 0.375rem;
      }
      .h-10 {
        height: 2.5rem;
      }
      .h-12 {
        height: 3rem;
      }
      .h-14 {
        height: 3.5rem;
      }
      .h-16 {
        height: 4rem;
      }
      .h-2 {
        height: 0.5rem;
      }
      .h-2\.5 {
        height: 0.625rem;
      }
      .h-20 {
        height: 5rem;
      }
      .h-3 {
        height: 0.75rem;
      }
      .h-3\.5 {
        height: 0.875rem;
      }
      .h-4 {
        height: 1rem;
      }
      .h-5 {
        height: 1.25rem;
      }
      .h-6 {
        height: 1.5rem;
      }
      .h-7 {
        height: 1.75rem;
      }
      .h-8 {
        height: 2rem;
      }
      .h-\[4px\] {
        height: 4px;
      }
      .h-\[5px\] {
        height: 5px;
      }
      .h-auto {
        height: auto;
      }
      .h-full {
        height: 100%;
      }
      .h-px {
        height: 1px;
      }
      .h-screen {
        height: 100vh;
      }
      .max-h-60 {
        max-height: 15rem;
      }
      .min-h-0 {
        min-height: 0;
      }
      .min-h-full {
        min-height: 100%;
      }
      .min-h-screen {
        min-height: 100vh;
      }
      .w-0 {
        width: 0;
      }
      .w-1\/2 {
        width: 50%;
      }
      .w-10 {
        width: 2.5rem;
      }
      .w-11 {
        width: 2.75rem;
      }
      .w-12 {
        width: 3rem;
      }
      .w-14 {
        width: 3.5rem;
      }
      .w-16 {
        width: 4rem;
      }
      .w-2 {
        width: 0.5rem;
      }
      .w-2\.5 {
        width: 0.625rem;
      }
      .w-20 {
        width: 5rem;
      }
      .w-3 {
        width: 0.75rem;
      }
      .w-4 {
        width: 1rem;
      }
      .w-48 {
        width: 12rem;
      }
      .w-5 {
        width: 1.25rem;
      }
      .w-6 {
        width: 1.5rem;
      }
      .w-7 {
        width: 1.75rem;
      }
      .w-8 {
        width: 2rem;
      }
      .w-9 {
        width: 2.25rem;
      }
      .w-\[3\.25rem\] {
        width: 3.25rem;
      }
      .w-\[3\.75rem\] {
        width: 3.75rem;
      }
      .w-\[calc\(100\%\+0\.5rem\)\] {
        width: calc(100% + 0.5rem);
      }
      .w-auto {
        width: auto;
      }
      .w-fit {
        width: -moz-fit-content;
        width: fit-content;
      }
      .w-full {
        width: 100%;
      }
      .w-px {
        width: 1px;
      }
      .w-screen {
        width: 100vw;
      }
      .min-w-0 {
        min-width: 0;
      }
      .min-w-\[0\.375rem\] {
        min-width: 0.375rem;
      }
      .min-w-\[0\.5rem\] {
        min-width: 0.5rem;
      }
      .min-w-\[0\.625rem\] {
        min-width: 0.625rem;
      }
      .min-w-\[0\.75rem\] {
        min-width: 0.75rem;
      }
      .min-w-\[0\.875rem\] {
        min-width: 0.875rem;
      }
      .min-w-\[1\.25rem\] {
        min-width: 1.25rem;
      }
      .min-w-\[16px\] {
        min-width: 16px;
      }
      .min-w-\[1rem\] {
        min-width: 1rem;
      }
      .min-w-\[20px\] {
        min-width: 20px;
      }
      .min-w-\[24px\] {
        min-width: 24px;
      }
      .min-w-\[4px\] {
        min-width: 4px;
      }
      .min-w-\[5px\] {
        min-width: 5px;
      }
      .min-w-fit {
        min-width: -moz-fit-content;
        min-width: fit-content;
      }
      .min-w-full {
        min-width: 100%;
      }
      .max-w-7xl {
        max-width: 80rem;
      }
      .max-w-md {
        max-width: 28rem;
      }
      .max-w-xs {
        max-width: 20rem;
      }
      .flex-1 {
        flex: 1 1 0%;
      }
      .flex-none {
        flex: none;
      }
      .flex-shrink {
        flex-shrink: 1;
      }
      .flex-shrink-0 {
        flex-shrink: 0;
      }
      .grow {
        flex-grow: 1;
      }
      .table-fixed {
        table-layout: fixed;
      }
      .-translate-x-1\/2 {
        --tw-translate-x: -50%;
      }
      .-translate-x-1\/2,
      .-translate-x-full {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(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%;
      }
      .-translate-y-1\/2 {
        --tw-translate-y: -50%;
      }
      .-translate-y-1\/2,
      .translate-x-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(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: 0px;
      }
      .translate-x-1\/2 {
        --tw-translate-x: 50%;
      }
      .translate-x-1\/2,
      .translate-x-2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(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: 0.5rem;
      }
      .translate-x-2\.5 {
        --tw-translate-x: 0.625rem;
      }
      .translate-x-2\.5,
      .translate-x-3 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .translate-x-3 {
        --tw-translate-x: 0.75rem;
      }
      .translate-x-4 {
        --tw-translate-x: 1rem;
      }
      .translate-x-4,
      .translate-x-5 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .translate-x-5 {
        --tw-translate-x: 1.25rem;
      }
      .translate-x-6 {
        --tw-translate-x: 1.5rem;
      }
      .translate-x-6,
      .translate-x-7 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .translate-x-7 {
        --tw-translate-x: 1.75rem;
      }
      .translate-x-full {
        --tw-translate-x: 100%;
      }
      .translate-x-full,
      .translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .translate-y-0 {
        --tw-translate-y: 0px;
      }
      .translate-y-1 {
        --tw-translate-y: 0.25rem;
      }
      .translate-y-1,
      .translate-y-1\/2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .translate-y-1\/2 {
        --tw-translate-y: 50%;
      }
      .translate-y-2 {
        --tw-translate-y: 0.5rem;
      }
      .translate-y-2,
      .translate-y-4 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .translate-y-4 {
        --tw-translate-y: 1rem;
      }
      .-rotate-180 {
        --tw-rotate: -180deg;
      }
      .-rotate-180,
      .rotate-90 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rotate-90 {
        --tw-rotate: 90deg;
      }
      .scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
      }
      .scale-100,
      .scale-95 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .scale-95 {
        --tw-scale-x: 0.95;
        --tw-scale-y: 0.95;
      }
      .transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      @keyframes pulse {
        50% {
          opacity: 0.5;
        }
      }
      .animate-pulse {
        animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
      }
      @keyframes spin {
        to {
          transform: rotate(1turn);
        }
      }
      .animate-spin {
        animation: spin 1s linear infinite;
      }
      .cursor-default {
        cursor: default;
      }
      .cursor-not-allowed {
        cursor: not-allowed;
      }
      .cursor-pointer {
        cursor: pointer;
      }
      .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-mandatory {
        --tw-scroll-snap-strictness: mandatory;
      }
      .snap-center {
        scroll-snap-align: center;
      }
      .scroll-py-1 {
        scroll-padding-bottom: 0.25rem;
        scroll-padding-top: 0.25rem;
      }
      .scroll-py-2 {
        scroll-padding-bottom: 0.5rem;
        scroll-padding-top: 0.5rem;
      }
      .list-inside {
        list-style-position: inside;
      }
      .list-disc {
        list-style-type: disc;
      }
      .list-none {
        list-style-type: none;
      }
      .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }
      .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
      }
      .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;
      }
      .content-center {
        align-content: center;
      }
      .items-start {
        align-items: flex-start;
      }
      .items-end {
        align-items: flex-end;
      }
      .items-center {
        align-items: center;
      }
      .justify-start {
        justify-content: flex-start;
      }
      .justify-end {
        justify-content: flex-end;
      }
      .justify-center {
        justify-content: center;
      }
      .justify-between {
        justify-content: space-between;
      }
      .gap-0 {
        gap: 0;
      }
      .gap-0\.5 {
        gap: 0.125rem;
      }
      .gap-1 {
        gap: 0.25rem;
      }
      .gap-1\.5 {
        gap: 0.375rem;
      }
      .gap-2 {
        gap: 0.5rem;
      }
      .gap-3 {
        gap: 0.75rem;
      }
      .gap-x-1 {
        -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
      }
      .gap-x-1\.5 {
        -moz-column-gap: 0.375rem;
        column-gap: 0.375rem;
      }
      .gap-x-2 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
      }
      .gap-x-2\.5 {
        -moz-column-gap: 0.625rem;
        column-gap: 0.625rem;
      }
      .-space-x-px > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(-1px * (1 - var(--tw-space-x-reverse)));
        margin-right: calc(-1px * var(--tw-space-x-reverse));
      }
      .-space-y-px > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(-1px * var(--tw-space-y-reverse));
        margin-top: calc(-1px * (1 - var(--tw-space-y-reverse)));
      }
      .space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
        margin-right: calc(1rem * var(--tw-space-x-reverse));
      }
      .space-y-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
        margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
      }
      .space-y-3 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
        margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
      }
      .divide-y > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
        border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
      }
      .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(var(--color-gray-100) / var(--tw-divide-opacity));
      }
      .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(var(--color-gray-200) / var(--tw-divide-opacity));
      }
      .divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(var(--color-gray-300) / var(--tw-divide-opacity));
      }
      .self-start {
        align-self: flex-start;
      }
      .self-center {
        align-self: center;
      }
      .overflow-hidden {
        overflow: hidden;
      }
      .overflow-x-auto {
        overflow-x: auto;
      }
      .overflow-y-auto {
        overflow-y: auto;
      }
      .overflow-y-hidden {
        overflow-y: hidden;
      }
      .scroll-smooth {
        scroll-behavior: smooth;
      }
      .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .truncate,
      .whitespace-nowrap {
        white-space: nowrap;
      }
      .break-all {
        word-break: break-all;
      }
      .rounded {
        border-radius: 0.25rem;
      }
      .rounded-2xl {
        border-radius: 1rem;
      }
      .rounded-3xl {
        border-radius: 1.5rem;
      }
      .rounded-full {
        border-radius: 9999px;
      }
      .rounded-lg {
        border-radius: 0.5rem;
      }
      .rounded-md {
        border-radius: 0.375rem;
      }
      .rounded-none {
        border-radius: 0;
      }
      .rounded-sm {
        border-radius: 0.125rem;
      }
      .rounded-xl {
        border-radius: 0.75rem;
      }
      .rounded-b {
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
      }
      .rounded-b-2xl {
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
      }
      .rounded-b-3xl {
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
      }
      .rounded-b-full {
        border-bottom-left-radius: 9999px;
        border-bottom-right-radius: 9999px;
      }
      .rounded-b-lg {
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
      }
      .rounded-b-md {
        border-bottom-left-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
      }
      .rounded-b-none {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }
      .rounded-b-sm {
        border-bottom-left-radius: 0.125rem;
        border-bottom-right-radius: 0.125rem;
      }
      .rounded-b-xl {
        border-bottom-left-radius: 0.75rem;
        border-bottom-right-radius: 0.75rem;
      }
      .rounded-e {
        border-end-end-radius: 0.25rem;
        border-start-end-radius: 0.25rem;
      }
      .rounded-e-2xl {
        border-end-end-radius: 1rem;
        border-start-end-radius: 1rem;
      }
      .rounded-e-3xl {
        border-end-end-radius: 1.5rem;
        border-start-end-radius: 1.5rem;
      }
      .rounded-e-full {
        border-end-end-radius: 9999px;
        border-start-end-radius: 9999px;
      }
      .rounded-e-lg {
        border-end-end-radius: 0.5rem;
        border-start-end-radius: 0.5rem;
      }
      .rounded-e-md {
        border-end-end-radius: 0.375rem;
        border-start-end-radius: 0.375rem;
      }
      .rounded-e-none {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
      }
      .rounded-e-sm {
        border-end-end-radius: 0.125rem;
        border-start-end-radius: 0.125rem;
      }
      .rounded-e-xl {
        border-end-end-radius: 0.75rem;
        border-start-end-radius: 0.75rem;
      }
      .rounded-s {
        border-end-start-radius: 0.25rem;
        border-start-start-radius: 0.25rem;
      }
      .rounded-s-2xl {
        border-end-start-radius: 1rem;
        border-start-start-radius: 1rem;
      }
      .rounded-s-3xl {
        border-end-start-radius: 1.5rem;
        border-start-start-radius: 1.5rem;
      }
      .rounded-s-full {
        border-end-start-radius: 9999px;
        border-start-start-radius: 9999px;
      }
      .rounded-s-lg {
        border-end-start-radius: 0.5rem;
        border-start-start-radius: 0.5rem;
      }
      .rounded-s-md {
        border-end-start-radius: 0.375rem;
        border-start-start-radius: 0.375rem;
      }
      .rounded-s-none {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
      }
      .rounded-s-sm {
        border-end-start-radius: 0.125rem;
        border-start-start-radius: 0.125rem;
      }
      .rounded-s-xl {
        border-end-start-radius: 0.75rem;
        border-start-start-radius: 0.75rem;
      }
      .rounded-t {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
      }
      .rounded-t-2xl {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
      }
      .rounded-t-3xl {
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
      }
      .rounded-t-full {
        border-top-left-radius: 9999px;
        border-top-right-radius: 9999px;
      }
      .rounded-t-lg {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
      }
      .rounded-t-md {
        border-top-left-radius: 0.375rem;
        border-top-right-radius: 0.375rem;
      }
      .rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }
      .rounded-t-sm {
        border-top-left-radius: 0.125rem;
        border-top-right-radius: 0.125rem;
      }
      .rounded-t-xl {
        border-top-left-radius: 0.75rem;
        border-top-right-radius: 0.75rem;
      }
      .border {
        border-width: 1px;
      }
      .border-0 {
        border-width: 0;
      }
      .border-2 {
        border-width: 2px;
      }
      .border-b {
        border-bottom-width: 1px;
      }
      .border-s {
        border-inline-start-width: 1px;
      }
      .border-s-\[2px\] {
        border-inline-start-width: 2px;
      }
      .border-s-\[3px\] {
        border-inline-start-width: 3px;
      }
      .border-s-\[4px\] {
        border-inline-start-width: 4px;
      }
      .border-s-\[5px\] {
        border-inline-start-width: 5px;
      }
      .border-s-\[6px\] {
        border-inline-start-width: 6px;
      }
      .border-t {
        border-top-width: 1px;
      }
      .border-t-\[2px\] {
        border-top-width: 2px;
      }
      .border-t-\[3px\] {
        border-top-width: 3px;
      }
      .border-t-\[4px\] {
        border-top-width: 4px;
      }
      .border-t-\[5px\] {
        border-top-width: 5px;
      }
      .border-t-\[6px\] {
        border-top-width: 6px;
      }
      .border-solid {
        border-style: solid;
      }
      .border-dashed {
        border-style: dashed;
      }
      .border-dotted {
        border-style: dotted;
      }
      .border-none {
        border-style: none;
      }
      .border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));
      }
      .border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-300) / var(--tw-border-opacity));
      }
      .border-transparent {
        border-color: transparent;
      }
      .border-white {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
      }
      .bg-amber-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(251 191 36 / var(--tw-bg-opacity));
      }
      .bg-amber-400\/0 {
        background-color: rgba(251, 191, 36, 0);
      }
      .bg-amber-400\/10 {
        background-color: rgba(251, 191, 36, 0.1);
      }
      .bg-amber-400\/100 {
        background-color: #fbbf24;
      }
      .bg-amber-400\/15 {
        background-color: rgba(251, 191, 36, 0.15);
      }
      .bg-amber-400\/20 {
        background-color: rgba(251, 191, 36, 0.2);
      }
      .bg-amber-400\/25 {
        background-color: rgba(251, 191, 36, 0.25);
      }
      .bg-amber-400\/30 {
        background-color: rgba(251, 191, 36, 0.3);
      }
      .bg-amber-400\/35 {
        background-color: rgba(251, 191, 36, 0.35);
      }
      .bg-amber-400\/40 {
        background-color: rgba(251, 191, 36, 0.4);
      }
      .bg-amber-400\/45 {
        background-color: rgba(251, 191, 36, 0.45);
      }
      .bg-amber-400\/5 {
        background-color: rgba(251, 191, 36, 0.05);
      }
      .bg-amber-400\/50 {
        background-color: rgba(251, 191, 36, 0.5);
      }
      .bg-amber-400\/55 {
        background-color: rgba(251, 191, 36, 0.55);
      }
      .bg-amber-400\/60 {
        background-color: rgba(251, 191, 36, 0.6);
      }
      .bg-amber-400\/65 {
        background-color: rgba(251, 191, 36, 0.65);
      }
      .bg-amber-400\/70 {
        background-color: rgba(251, 191, 36, 0.7);
      }
      .bg-amber-400\/75 {
        background-color: rgba(251, 191, 36, 0.75);
      }
      .bg-amber-400\/80 {
        background-color: rgba(251, 191, 36, 0.8);
      }
      .bg-amber-400\/85 {
        background-color: rgba(251, 191, 36, 0.85);
      }
      .bg-amber-400\/90 {
        background-color: rgba(251, 191, 36, 0.9);
      }
      .bg-amber-400\/95 {
        background-color: rgba(251, 191, 36, 0.95);
      }
      .bg-amber-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(245 158 11 / var(--tw-bg-opacity));
      }
      .bg-amber-500\/0 {
        background-color: rgba(245, 158, 11, 0);
      }
      .bg-amber-500\/10 {
        background-color: rgba(245, 158, 11, 0.1);
      }
      .bg-amber-500\/100 {
        background-color: #f59e0b;
      }
      .bg-amber-500\/15 {
        background-color: rgba(245, 158, 11, 0.15);
      }
      .bg-amber-500\/20 {
        background-color: rgba(245, 158, 11, 0.2);
      }
      .bg-amber-500\/25 {
        background-color: rgba(245, 158, 11, 0.25);
      }
      .bg-amber-500\/30 {
        background-color: rgba(245, 158, 11, 0.3);
      }
      .bg-amber-500\/35 {
        background-color: rgba(245, 158, 11, 0.35);
      }
      .bg-amber-500\/40 {
        background-color: rgba(245, 158, 11, 0.4);
      }
      .bg-amber-500\/45 {
        background-color: rgba(245, 158, 11, 0.45);
      }
      .bg-amber-500\/5 {
        background-color: rgba(245, 158, 11, 0.05);
      }
      .bg-amber-500\/50 {
        background-color: rgba(245, 158, 11, 0.5);
      }
      .bg-amber-500\/55 {
        background-color: rgba(245, 158, 11, 0.55);
      }
      .bg-amber-500\/60 {
        background-color: rgba(245, 158, 11, 0.6);
      }
      .bg-amber-500\/65 {
        background-color: rgba(245, 158, 11, 0.65);
      }
      .bg-amber-500\/70 {
        background-color: rgba(245, 158, 11, 0.7);
      }
      .bg-amber-500\/75 {
        background-color: rgba(245, 158, 11, 0.75);
      }
      .bg-amber-500\/80 {
        background-color: rgba(245, 158, 11, 0.8);
      }
      .bg-amber-500\/85 {
        background-color: rgba(245, 158, 11, 0.85);
      }
      .bg-amber-500\/90 {
        background-color: rgba(245, 158, 11, 0.9);
      }
      .bg-amber-500\/95 {
        background-color: rgba(245, 158, 11, 0.95);
      }
      .bg-blue-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(96 165 250 / var(--tw-bg-opacity));
      }
      .bg-blue-400\/0 {
        background-color: rgba(96, 165, 250, 0);
      }
      .bg-blue-400\/10 {
        background-color: rgba(96, 165, 250, 0.1);
      }
      .bg-blue-400\/100 {
        background-color: #60a5fa;
      }
      .bg-blue-400\/15 {
        background-color: rgba(96, 165, 250, 0.15);
      }
      .bg-blue-400\/20 {
        background-color: rgba(96, 165, 250, 0.2);
      }
      .bg-blue-400\/25 {
        background-color: rgba(96, 165, 250, 0.25);
      }
      .bg-blue-400\/30 {
        background-color: rgba(96, 165, 250, 0.3);
      }
      .bg-blue-400\/35 {
        background-color: rgba(96, 165, 250, 0.35);
      }
      .bg-blue-400\/40 {
        background-color: rgba(96, 165, 250, 0.4);
      }
      .bg-blue-400\/45 {
        background-color: rgba(96, 165, 250, 0.45);
      }
      .bg-blue-400\/5 {
        background-color: rgba(96, 165, 250, 0.05);
      }
      .bg-blue-400\/50 {
        background-color: rgba(96, 165, 250, 0.5);
      }
      .bg-blue-400\/55 {
        background-color: rgba(96, 165, 250, 0.55);
      }
      .bg-blue-400\/60 {
        background-color: rgba(96, 165, 250, 0.6);
      }
      .bg-blue-400\/65 {
        background-color: rgba(96, 165, 250, 0.65);
      }
      .bg-blue-400\/70 {
        background-color: rgba(96, 165, 250, 0.7);
      }
      .bg-blue-400\/75 {
        background-color: rgba(96, 165, 250, 0.75);
      }
      .bg-blue-400\/80 {
        background-color: rgba(96, 165, 250, 0.8);
      }
      .bg-blue-400\/85 {
        background-color: rgba(96, 165, 250, 0.85);
      }
      .bg-blue-400\/90 {
        background-color: rgba(96, 165, 250, 0.9);
      }
      .bg-blue-400\/95 {
        background-color: rgba(96, 165, 250, 0.95);
      }
      .bg-blue-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(59 130 246 / var(--tw-bg-opacity));
      }
      .bg-blue-500\/0 {
        background-color: rgba(59, 130, 246, 0);
      }
      .bg-blue-500\/10 {
        background-color: rgba(59, 130, 246, 0.1);
      }
      .bg-blue-500\/100 {
        background-color: #3b82f6;
      }
      .bg-blue-500\/15 {
        background-color: rgba(59, 130, 246, 0.15);
      }
      .bg-blue-500\/20 {
        background-color: rgba(59, 130, 246, 0.2);
      }
      .bg-blue-500\/25 {
        background-color: rgba(59, 130, 246, 0.25);
      }
      .bg-blue-500\/30 {
        background-color: rgba(59, 130, 246, 0.3);
      }
      .bg-blue-500\/35 {
        background-color: rgba(59, 130, 246, 0.35);
      }
      .bg-blue-500\/40 {
        background-color: rgba(59, 130, 246, 0.4);
      }
      .bg-blue-500\/45 {
        background-color: rgba(59, 130, 246, 0.45);
      }
      .bg-blue-500\/5 {
        background-color: rgba(59, 130, 246, 0.05);
      }
      .bg-blue-500\/50 {
        background-color: rgba(59, 130, 246, 0.5);
      }
      .bg-blue-500\/55 {
        background-color: rgba(59, 130, 246, 0.55);
      }
      .bg-blue-500\/60 {
        background-color: rgba(59, 130, 246, 0.6);
      }
      .bg-blue-500\/65 {
        background-color: rgba(59, 130, 246, 0.65);
      }
      .bg-blue-500\/70 {
        background-color: rgba(59, 130, 246, 0.7);
      }
      .bg-blue-500\/75 {
        background-color: rgba(59, 130, 246, 0.75);
      }
      .bg-blue-500\/80 {
        background-color: rgba(59, 130, 246, 0.8);
      }
      .bg-blue-500\/85 {
        background-color: rgba(59, 130, 246, 0.85);
      }
      .bg-blue-500\/90 {
        background-color: rgba(59, 130, 246, 0.9);
      }
      .bg-blue-500\/95 {
        background-color: rgba(59, 130, 246, 0.95);
      }
      .bg-current {
        background-color: currentColor;
      }
      .bg-cyan-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(34 211 238 / var(--tw-bg-opacity));
      }
      .bg-cyan-400\/0 {
        background-color: rgba(34, 211, 238, 0);
      }
      .bg-cyan-400\/10 {
        background-color: rgba(34, 211, 238, 0.1);
      }
      .bg-cyan-400\/100 {
        background-color: #22d3ee;
      }
      .bg-cyan-400\/15 {
        background-color: rgba(34, 211, 238, 0.15);
      }
      .bg-cyan-400\/20 {
        background-color: rgba(34, 211, 238, 0.2);
      }
      .bg-cyan-400\/25 {
        background-color: rgba(34, 211, 238, 0.25);
      }
      .bg-cyan-400\/30 {
        background-color: rgba(34, 211, 238, 0.3);
      }
      .bg-cyan-400\/35 {
        background-color: rgba(34, 211, 238, 0.35);
      }
      .bg-cyan-400\/40 {
        background-color: rgba(34, 211, 238, 0.4);
      }
      .bg-cyan-400\/45 {
        background-color: rgba(34, 211, 238, 0.45);
      }
      .bg-cyan-400\/5 {
        background-color: rgba(34, 211, 238, 0.05);
      }
      .bg-cyan-400\/50 {
        background-color: rgba(34, 211, 238, 0.5);
      }
      .bg-cyan-400\/55 {
        background-color: rgba(34, 211, 238, 0.55);
      }
      .bg-cyan-400\/60 {
        background-color: rgba(34, 211, 238, 0.6);
      }
      .bg-cyan-400\/65 {
        background-color: rgba(34, 211, 238, 0.65);
      }
      .bg-cyan-400\/70 {
        background-color: rgba(34, 211, 238, 0.7);
      }
      .bg-cyan-400\/75 {
        background-color: rgba(34, 211, 238, 0.75);
      }
      .bg-cyan-400\/80 {
        background-color: rgba(34, 211, 238, 0.8);
      }
      .bg-cyan-400\/85 {
        background-color: rgba(34, 211, 238, 0.85);
      }
      .bg-cyan-400\/90 {
        background-color: rgba(34, 211, 238, 0.9);
      }
      .bg-cyan-400\/95 {
        background-color: rgba(34, 211, 238, 0.95);
      }
      .bg-cyan-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(6 182 212 / var(--tw-bg-opacity));
      }
      .bg-cyan-500\/0 {
        background-color: rgba(6, 182, 212, 0);
      }
      .bg-cyan-500\/10 {
        background-color: rgba(6, 182, 212, 0.1);
      }
      .bg-cyan-500\/100 {
        background-color: #06b6d4;
      }
      .bg-cyan-500\/15 {
        background-color: rgba(6, 182, 212, 0.15);
      }
      .bg-cyan-500\/20 {
        background-color: rgba(6, 182, 212, 0.2);
      }
      .bg-cyan-500\/25 {
        background-color: rgba(6, 182, 212, 0.25);
      }
      .bg-cyan-500\/30 {
        background-color: rgba(6, 182, 212, 0.3);
      }
      .bg-cyan-500\/35 {
        background-color: rgba(6, 182, 212, 0.35);
      }
      .bg-cyan-500\/40 {
        background-color: rgba(6, 182, 212, 0.4);
      }
      .bg-cyan-500\/45 {
        background-color: rgba(6, 182, 212, 0.45);
      }
      .bg-cyan-500\/5 {
        background-color: rgba(6, 182, 212, 0.05);
      }
      .bg-cyan-500\/50 {
        background-color: rgba(6, 182, 212, 0.5);
      }
      .bg-cyan-500\/55 {
        background-color: rgba(6, 182, 212, 0.55);
      }
      .bg-cyan-500\/60 {
        background-color: rgba(6, 182, 212, 0.6);
      }
      .bg-cyan-500\/65 {
        background-color: rgba(6, 182, 212, 0.65);
      }
      .bg-cyan-500\/70 {
        background-color: rgba(6, 182, 212, 0.7);
      }
      .bg-cyan-500\/75 {
        background-color: rgba(6, 182, 212, 0.75);
      }
      .bg-cyan-500\/80 {
        background-color: rgba(6, 182, 212, 0.8);
      }
      .bg-cyan-500\/85 {
        background-color: rgba(6, 182, 212, 0.85);
      }
      .bg-cyan-500\/90 {
        background-color: rgba(6, 182, 212, 0.9);
      }
      .bg-cyan-500\/95 {
        background-color: rgba(6, 182, 212, 0.95);
      }
      .bg-emerald-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(52 211 153 / var(--tw-bg-opacity));
      }
      .bg-emerald-400\/0 {
        background-color: rgba(52, 211, 153, 0);
      }
      .bg-emerald-400\/10 {
        background-color: rgba(52, 211, 153, 0.1);
      }
      .bg-emerald-400\/100 {
        background-color: #34d399;
      }
      .bg-emerald-400\/15 {
        background-color: rgba(52, 211, 153, 0.15);
      }
      .bg-emerald-400\/20 {
        background-color: rgba(52, 211, 153, 0.2);
      }
      .bg-emerald-400\/25 {
        background-color: rgba(52, 211, 153, 0.25);
      }
      .bg-emerald-400\/30 {
        background-color: rgba(52, 211, 153, 0.3);
      }
      .bg-emerald-400\/35 {
        background-color: rgba(52, 211, 153, 0.35);
      }
      .bg-emerald-400\/40 {
        background-color: rgba(52, 211, 153, 0.4);
      }
      .bg-emerald-400\/45 {
        background-color: rgba(52, 211, 153, 0.45);
      }
      .bg-emerald-400\/5 {
        background-color: rgba(52, 211, 153, 0.05);
      }
      .bg-emerald-400\/50 {
        background-color: rgba(52, 211, 153, 0.5);
      }
      .bg-emerald-400\/55 {
        background-color: rgba(52, 211, 153, 0.55);
      }
      .bg-emerald-400\/60 {
        background-color: rgba(52, 211, 153, 0.6);
      }
      .bg-emerald-400\/65 {
        background-color: rgba(52, 211, 153, 0.65);
      }
      .bg-emerald-400\/70 {
        background-color: rgba(52, 211, 153, 0.7);
      }
      .bg-emerald-400\/75 {
        background-color: rgba(52, 211, 153, 0.75);
      }
      .bg-emerald-400\/80 {
        background-color: rgba(52, 211, 153, 0.8);
      }
      .bg-emerald-400\/85 {
        background-color: rgba(52, 211, 153, 0.85);
      }
      .bg-emerald-400\/90 {
        background-color: rgba(52, 211, 153, 0.9);
      }
      .bg-emerald-400\/95 {
        background-color: rgba(52, 211, 153, 0.95);
      }
      .bg-emerald-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(16 185 129 / var(--tw-bg-opacity));
      }
      .bg-emerald-500\/0 {
        background-color: rgba(16, 185, 129, 0);
      }
      .bg-emerald-500\/10 {
        background-color: rgba(16, 185, 129, 0.1);
      }
      .bg-emerald-500\/100 {
        background-color: #10b981;
      }
      .bg-emerald-500\/15 {
        background-color: rgba(16, 185, 129, 0.15);
      }
      .bg-emerald-500\/20 {
        background-color: rgba(16, 185, 129, 0.2);
      }
      .bg-emerald-500\/25 {
        background-color: rgba(16, 185, 129, 0.25);
      }
      .bg-emerald-500\/30 {
        background-color: rgba(16, 185, 129, 0.3);
      }
      .bg-emerald-500\/35 {
        background-color: rgba(16, 185, 129, 0.35);
      }
      .bg-emerald-500\/40 {
        background-color: rgba(16, 185, 129, 0.4);
      }
      .bg-emerald-500\/45 {
        background-color: rgba(16, 185, 129, 0.45);
      }
      .bg-emerald-500\/5 {
        background-color: rgba(16, 185, 129, 0.05);
      }
      .bg-emerald-500\/50 {
        background-color: rgba(16, 185, 129, 0.5);
      }
      .bg-emerald-500\/55 {
        background-color: rgba(16, 185, 129, 0.55);
      }
      .bg-emerald-500\/60 {
        background-color: rgba(16, 185, 129, 0.6);
      }
      .bg-emerald-500\/65 {
        background-color: rgba(16, 185, 129, 0.65);
      }
      .bg-emerald-500\/70 {
        background-color: rgba(16, 185, 129, 0.7);
      }
      .bg-emerald-500\/75 {
        background-color: rgba(16, 185, 129, 0.75);
      }
      .bg-emerald-500\/80 {
        background-color: rgba(16, 185, 129, 0.8);
      }
      .bg-emerald-500\/85 {
        background-color: rgba(16, 185, 129, 0.85);
      }
      .bg-emerald-500\/90 {
        background-color: rgba(16, 185, 129, 0.9);
      }
      .bg-emerald-500\/95 {
        background-color: rgba(16, 185, 129, 0.95);
      }
      .bg-fuchsia-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(232 121 249 / var(--tw-bg-opacity));
      }
      .bg-fuchsia-400\/0 {
        background-color: rgba(232, 121, 249, 0);
      }
      .bg-fuchsia-400\/10 {
        background-color: rgba(232, 121, 249, 0.1);
      }
      .bg-fuchsia-400\/100 {
        background-color: #e879f9;
      }
      .bg-fuchsia-400\/15 {
        background-color: rgba(232, 121, 249, 0.15);
      }
      .bg-fuchsia-400\/20 {
        background-color: rgba(232, 121, 249, 0.2);
      }
      .bg-fuchsia-400\/25 {
        background-color: rgba(232, 121, 249, 0.25);
      }
      .bg-fuchsia-400\/30 {
        background-color: rgba(232, 121, 249, 0.3);
      }
      .bg-fuchsia-400\/35 {
        background-color: rgba(232, 121, 249, 0.35);
      }
      .bg-fuchsia-400\/40 {
        background-color: rgba(232, 121, 249, 0.4);
      }
      .bg-fuchsia-400\/45 {
        background-color: rgba(232, 121, 249, 0.45);
      }
      .bg-fuchsia-400\/5 {
        background-color: rgba(232, 121, 249, 0.05);
      }
      .bg-fuchsia-400\/50 {
        background-color: rgba(232, 121, 249, 0.5);
      }
      .bg-fuchsia-400\/55 {
        background-color: rgba(232, 121, 249, 0.55);
      }
      .bg-fuchsia-400\/60 {
        background-color: rgba(232, 121, 249, 0.6);
      }
      .bg-fuchsia-400\/65 {
        background-color: rgba(232, 121, 249, 0.65);
      }
      .bg-fuchsia-400\/70 {
        background-color: rgba(232, 121, 249, 0.7);
      }
      .bg-fuchsia-400\/75 {
        background-color: rgba(232, 121, 249, 0.75);
      }
      .bg-fuchsia-400\/80 {
        background-color: rgba(232, 121, 249, 0.8);
      }
      .bg-fuchsia-400\/85 {
        background-color: rgba(232, 121, 249, 0.85);
      }
      .bg-fuchsia-400\/90 {
        background-color: rgba(232, 121, 249, 0.9);
      }
      .bg-fuchsia-400\/95 {
        background-color: rgba(232, 121, 249, 0.95);
      }
      .bg-fuchsia-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(217 70 239 / var(--tw-bg-opacity));
      }
      .bg-fuchsia-500\/0 {
        background-color: rgba(217, 70, 239, 0);
      }
      .bg-fuchsia-500\/10 {
        background-color: rgba(217, 70, 239, 0.1);
      }
      .bg-fuchsia-500\/100 {
        background-color: #d946ef;
      }
      .bg-fuchsia-500\/15 {
        background-color: rgba(217, 70, 239, 0.15);
      }
      .bg-fuchsia-500\/20 {
        background-color: rgba(217, 70, 239, 0.2);
      }
      .bg-fuchsia-500\/25 {
        background-color: rgba(217, 70, 239, 0.25);
      }
      .bg-fuchsia-500\/30 {
        background-color: rgba(217, 70, 239, 0.3);
      }
      .bg-fuchsia-500\/35 {
        background-color: rgba(217, 70, 239, 0.35);
      }
      .bg-fuchsia-500\/40 {
        background-color: rgba(217, 70, 239, 0.4);
      }
      .bg-fuchsia-500\/45 {
        background-color: rgba(217, 70, 239, 0.45);
      }
      .bg-fuchsia-500\/5 {
        background-color: rgba(217, 70, 239, 0.05);
      }
      .bg-fuchsia-500\/50 {
        background-color: rgba(217, 70, 239, 0.5);
      }
      .bg-fuchsia-500\/55 {
        background-color: rgba(217, 70, 239, 0.55);
      }
      .bg-fuchsia-500\/60 {
        background-color: rgba(217, 70, 239, 0.6);
      }
      .bg-fuchsia-500\/65 {
        background-color: rgba(217, 70, 239, 0.65);
      }
      .bg-fuchsia-500\/70 {
        background-color: rgba(217, 70, 239, 0.7);
      }
      .bg-fuchsia-500\/75 {
        background-color: rgba(217, 70, 239, 0.75);
      }
      .bg-fuchsia-500\/80 {
        background-color: rgba(217, 70, 239, 0.8);
      }
      .bg-fuchsia-500\/85 {
        background-color: rgba(217, 70, 239, 0.85);
      }
      .bg-fuchsia-500\/90 {
        background-color: rgba(217, 70, 239, 0.9);
      }
      .bg-fuchsia-500\/95 {
        background-color: rgba(217, 70, 239, 0.95);
      }
      .bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));
      }
      .bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
      }
      .bg-gray-200\/75 {
        background-color: rgb(var(--color-gray-200) / 0.75);
      }
      .bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));
      }
      .bg-gray-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-500) / var(--tw-bg-opacity));
      }
      .bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
      }
      .bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
      }
      .bg-green-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(74 222 128 / var(--tw-bg-opacity));
      }
      .bg-green-400\/0 {
        background-color: rgba(74, 222, 128, 0);
      }
      .bg-green-400\/10 {
        background-color: rgba(74, 222, 128, 0.1);
      }
      .bg-green-400\/100 {
        background-color: #4ade80;
      }
      .bg-green-400\/15 {
        background-color: rgba(74, 222, 128, 0.15);
      }
      .bg-green-400\/20 {
        background-color: rgba(74, 222, 128, 0.2);
      }
      .bg-green-400\/25 {
        background-color: rgba(74, 222, 128, 0.25);
      }
      .bg-green-400\/30 {
        background-color: rgba(74, 222, 128, 0.3);
      }
      .bg-green-400\/35 {
        background-color: rgba(74, 222, 128, 0.35);
      }
      .bg-green-400\/40 {
        background-color: rgba(74, 222, 128, 0.4);
      }
      .bg-green-400\/45 {
        background-color: rgba(74, 222, 128, 0.45);
      }
      .bg-green-400\/5 {
        background-color: rgba(74, 222, 128, 0.05);
      }
      .bg-green-400\/50 {
        background-color: rgba(74, 222, 128, 0.5);
      }
      .bg-green-400\/55 {
        background-color: rgba(74, 222, 128, 0.55);
      }
      .bg-green-400\/60 {
        background-color: rgba(74, 222, 128, 0.6);
      }
      .bg-green-400\/65 {
        background-color: rgba(74, 222, 128, 0.65);
      }
      .bg-green-400\/70 {
        background-color: rgba(74, 222, 128, 0.7);
      }
      .bg-green-400\/75 {
        background-color: rgba(74, 222, 128, 0.75);
      }
      .bg-green-400\/80 {
        background-color: rgba(74, 222, 128, 0.8);
      }
      .bg-green-400\/85 {
        background-color: rgba(74, 222, 128, 0.85);
      }
      .bg-green-400\/90 {
        background-color: rgba(74, 222, 128, 0.9);
      }
      .bg-green-400\/95 {
        background-color: rgba(74, 222, 128, 0.95);
      }
      .bg-green-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(34 197 94 / var(--tw-bg-opacity));
      }
      .bg-green-500\/0 {
        background-color: rgba(34, 197, 94, 0);
      }
      .bg-green-500\/10 {
        background-color: rgba(34, 197, 94, 0.1);
      }
      .bg-green-500\/100 {
        background-color: #22c55e;
      }
      .bg-green-500\/15 {
        background-color: rgba(34, 197, 94, 0.15);
      }
      .bg-green-500\/20 {
        background-color: rgba(34, 197, 94, 0.2);
      }
      .bg-green-500\/25 {
        background-color: rgba(34, 197, 94, 0.25);
      }
      .bg-green-500\/30 {
        background-color: rgba(34, 197, 94, 0.3);
      }
      .bg-green-500\/35 {
        background-color: rgba(34, 197, 94, 0.35);
      }
      .bg-green-500\/40 {
        background-color: rgba(34, 197, 94, 0.4);
      }
      .bg-green-500\/45 {
        background-color: rgba(34, 197, 94, 0.45);
      }
      .bg-green-500\/5 {
        background-color: rgba(34, 197, 94, 0.05);
      }
      .bg-green-500\/50 {
        background-color: rgba(34, 197, 94, 0.5);
      }
      .bg-green-500\/55 {
        background-color: rgba(34, 197, 94, 0.55);
      }
      .bg-green-500\/60 {
        background-color: rgba(34, 197, 94, 0.6);
      }
      .bg-green-500\/65 {
        background-color: rgba(34, 197, 94, 0.65);
      }
      .bg-green-500\/70 {
        background-color: rgba(34, 197, 94, 0.7);
      }
      .bg-green-500\/75 {
        background-color: rgba(34, 197, 94, 0.75);
      }
      .bg-green-500\/80 {
        background-color: rgba(34, 197, 94, 0.8);
      }
      .bg-green-500\/85 {
        background-color: rgba(34, 197, 94, 0.85);
      }
      .bg-green-500\/90 {
        background-color: rgba(34, 197, 94, 0.9);
      }
      .bg-green-500\/95 {
        background-color: rgba(34, 197, 94, 0.95);
      }
      .bg-indigo-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(129 140 248 / var(--tw-bg-opacity));
      }
      .bg-indigo-400\/0 {
        background-color: rgba(129, 140, 248, 0);
      }
      .bg-indigo-400\/10 {
        background-color: rgba(129, 140, 248, 0.1);
      }
      .bg-indigo-400\/100 {
        background-color: #818cf8;
      }
      .bg-indigo-400\/15 {
        background-color: rgba(129, 140, 248, 0.15);
      }
      .bg-indigo-400\/20 {
        background-color: rgba(129, 140, 248, 0.2);
      }
      .bg-indigo-400\/25 {
        background-color: rgba(129, 140, 248, 0.25);
      }
      .bg-indigo-400\/30 {
        background-color: rgba(129, 140, 248, 0.3);
      }
      .bg-indigo-400\/35 {
        background-color: rgba(129, 140, 248, 0.35);
      }
      .bg-indigo-400\/40 {
        background-color: rgba(129, 140, 248, 0.4);
      }
      .bg-indigo-400\/45 {
        background-color: rgba(129, 140, 248, 0.45);
      }
      .bg-indigo-400\/5 {
        background-color: rgba(129, 140, 248, 0.05);
      }
      .bg-indigo-400\/50 {
        background-color: rgba(129, 140, 248, 0.5);
      }
      .bg-indigo-400\/55 {
        background-color: rgba(129, 140, 248, 0.55);
      }
      .bg-indigo-400\/60 {
        background-color: rgba(129, 140, 248, 0.6);
      }
      .bg-indigo-400\/65 {
        background-color: rgba(129, 140, 248, 0.65);
      }
      .bg-indigo-400\/70 {
        background-color: rgba(129, 140, 248, 0.7);
      }
      .bg-indigo-400\/75 {
        background-color: rgba(129, 140, 248, 0.75);
      }
      .bg-indigo-400\/80 {
        background-color: rgba(129, 140, 248, 0.8);
      }
      .bg-indigo-400\/85 {
        background-color: rgba(129, 140, 248, 0.85);
      }
      .bg-indigo-400\/90 {
        background-color: rgba(129, 140, 248, 0.9);
      }
      .bg-indigo-400\/95 {
        background-color: rgba(129, 140, 248, 0.95);
      }
      .bg-indigo-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(99 102 241 / var(--tw-bg-opacity));
      }
      .bg-indigo-500\/0 {
        background-color: rgba(99, 102, 241, 0);
      }
      .bg-indigo-500\/10 {
        background-color: rgba(99, 102, 241, 0.1);
      }
      .bg-indigo-500\/100 {
        background-color: #6366f1;
      }
      .bg-indigo-500\/15 {
        background-color: rgba(99, 102, 241, 0.15);
      }
      .bg-indigo-500\/20 {
        background-color: rgba(99, 102, 241, 0.2);
      }
      .bg-indigo-500\/25 {
        background-color: rgba(99, 102, 241, 0.25);
      }
      .bg-indigo-500\/30 {
        background-color: rgba(99, 102, 241, 0.3);
      }
      .bg-indigo-500\/35 {
        background-color: rgba(99, 102, 241, 0.35);
      }
      .bg-indigo-500\/40 {
        background-color: rgba(99, 102, 241, 0.4);
      }
      .bg-indigo-500\/45 {
        background-color: rgba(99, 102, 241, 0.45);
      }
      .bg-indigo-500\/5 {
        background-color: rgba(99, 102, 241, 0.05);
      }
      .bg-indigo-500\/50 {
        background-color: rgba(99, 102, 241, 0.5);
      }
      .bg-indigo-500\/55 {
        background-color: rgba(99, 102, 241, 0.55);
      }
      .bg-indigo-500\/60 {
        background-color: rgba(99, 102, 241, 0.6);
      }
      .bg-indigo-500\/65 {
        background-color: rgba(99, 102, 241, 0.65);
      }
      .bg-indigo-500\/70 {
        background-color: rgba(99, 102, 241, 0.7);
      }
      .bg-indigo-500\/75 {
        background-color: rgba(99, 102, 241, 0.75);
      }
      .bg-indigo-500\/80 {
        background-color: rgba(99, 102, 241, 0.8);
      }
      .bg-indigo-500\/85 {
        background-color: rgba(99, 102, 241, 0.85);
      }
      .bg-indigo-500\/90 {
        background-color: rgba(99, 102, 241, 0.9);
      }
      .bg-indigo-500\/95 {
        background-color: rgba(99, 102, 241, 0.95);
      }
      .bg-lime-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(163 230 53 / var(--tw-bg-opacity));
      }
      .bg-lime-400\/0 {
        background-color: rgba(163, 230, 53, 0);
      }
      .bg-lime-400\/10 {
        background-color: rgba(163, 230, 53, 0.1);
      }
      .bg-lime-400\/100 {
        background-color: #a3e635;
      }
      .bg-lime-400\/15 {
        background-color: rgba(163, 230, 53, 0.15);
      }
      .bg-lime-400\/20 {
        background-color: rgba(163, 230, 53, 0.2);
      }
      .bg-lime-400\/25 {
        background-color: rgba(163, 230, 53, 0.25);
      }
      .bg-lime-400\/30 {
        background-color: rgba(163, 230, 53, 0.3);
      }
      .bg-lime-400\/35 {
        background-color: rgba(163, 230, 53, 0.35);
      }
      .bg-lime-400\/40 {
        background-color: rgba(163, 230, 53, 0.4);
      }
      .bg-lime-400\/45 {
        background-color: rgba(163, 230, 53, 0.45);
      }
      .bg-lime-400\/5 {
        background-color: rgba(163, 230, 53, 0.05);
      }
      .bg-lime-400\/50 {
        background-color: rgba(163, 230, 53, 0.5);
      }
      .bg-lime-400\/55 {
        background-color: rgba(163, 230, 53, 0.55);
      }
      .bg-lime-400\/60 {
        background-color: rgba(163, 230, 53, 0.6);
      }
      .bg-lime-400\/65 {
        background-color: rgba(163, 230, 53, 0.65);
      }
      .bg-lime-400\/70 {
        background-color: rgba(163, 230, 53, 0.7);
      }
      .bg-lime-400\/75 {
        background-color: rgba(163, 230, 53, 0.75);
      }
      .bg-lime-400\/80 {
        background-color: rgba(163, 230, 53, 0.8);
      }
      .bg-lime-400\/85 {
        background-color: rgba(163, 230, 53, 0.85);
      }
      .bg-lime-400\/90 {
        background-color: rgba(163, 230, 53, 0.9);
      }
      .bg-lime-400\/95 {
        background-color: rgba(163, 230, 53, 0.95);
      }
      .bg-lime-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(132 204 22 / var(--tw-bg-opacity));
      }
      .bg-lime-500\/0 {
        background-color: rgba(132, 204, 22, 0);
      }
      .bg-lime-500\/10 {
        background-color: rgba(132, 204, 22, 0.1);
      }
      .bg-lime-500\/100 {
        background-color: #84cc16;
      }
      .bg-lime-500\/15 {
        background-color: rgba(132, 204, 22, 0.15);
      }
      .bg-lime-500\/20 {
        background-color: rgba(132, 204, 22, 0.2);
      }
      .bg-lime-500\/25 {
        background-color: rgba(132, 204, 22, 0.25);
      }
      .bg-lime-500\/30 {
        background-color: rgba(132, 204, 22, 0.3);
      }
      .bg-lime-500\/35 {
        background-color: rgba(132, 204, 22, 0.35);
      }
      .bg-lime-500\/40 {
        background-color: rgba(132, 204, 22, 0.4);
      }
      .bg-lime-500\/45 {
        background-color: rgba(132, 204, 22, 0.45);
      }
      .bg-lime-500\/5 {
        background-color: rgba(132, 204, 22, 0.05);
      }
      .bg-lime-500\/50 {
        background-color: rgba(132, 204, 22, 0.5);
      }
      .bg-lime-500\/55 {
        background-color: rgba(132, 204, 22, 0.55);
      }
      .bg-lime-500\/60 {
        background-color: rgba(132, 204, 22, 0.6);
      }
      .bg-lime-500\/65 {
        background-color: rgba(132, 204, 22, 0.65);
      }
      .bg-lime-500\/70 {
        background-color: rgba(132, 204, 22, 0.7);
      }
      .bg-lime-500\/75 {
        background-color: rgba(132, 204, 22, 0.75);
      }
      .bg-lime-500\/80 {
        background-color: rgba(132, 204, 22, 0.8);
      }
      .bg-lime-500\/85 {
        background-color: rgba(132, 204, 22, 0.85);
      }
      .bg-lime-500\/90 {
        background-color: rgba(132, 204, 22, 0.9);
      }
      .bg-lime-500\/95 {
        background-color: rgba(132, 204, 22, 0.95);
      }
      .bg-orange-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(251 146 60 / var(--tw-bg-opacity));
      }
      .bg-orange-400\/0 {
        background-color: rgba(251, 146, 60, 0);
      }
      .bg-orange-400\/10 {
        background-color: rgba(251, 146, 60, 0.1);
      }
      .bg-orange-400\/100 {
        background-color: #fb923c;
      }
      .bg-orange-400\/15 {
        background-color: rgba(251, 146, 60, 0.15);
      }
      .bg-orange-400\/20 {
        background-color: rgba(251, 146, 60, 0.2);
      }
      .bg-orange-400\/25 {
        background-color: rgba(251, 146, 60, 0.25);
      }
      .bg-orange-400\/30 {
        background-color: rgba(251, 146, 60, 0.3);
      }
      .bg-orange-400\/35 {
        background-color: rgba(251, 146, 60, 0.35);
      }
      .bg-orange-400\/40 {
        background-color: rgba(251, 146, 60, 0.4);
      }
      .bg-orange-400\/45 {
        background-color: rgba(251, 146, 60, 0.45);
      }
      .bg-orange-400\/5 {
        background-color: rgba(251, 146, 60, 0.05);
      }
      .bg-orange-400\/50 {
        background-color: rgba(251, 146, 60, 0.5);
      }
      .bg-orange-400\/55 {
        background-color: rgba(251, 146, 60, 0.55);
      }
      .bg-orange-400\/60 {
        background-color: rgba(251, 146, 60, 0.6);
      }
      .bg-orange-400\/65 {
        background-color: rgba(251, 146, 60, 0.65);
      }
      .bg-orange-400\/70 {
        background-color: rgba(251, 146, 60, 0.7);
      }
      .bg-orange-400\/75 {
        background-color: rgba(251, 146, 60, 0.75);
      }
      .bg-orange-400\/80 {
        background-color: rgba(251, 146, 60, 0.8);
      }
      .bg-orange-400\/85 {
        background-color: rgba(251, 146, 60, 0.85);
      }
      .bg-orange-400\/90 {
        background-color: rgba(251, 146, 60, 0.9);
      }
      .bg-orange-400\/95 {
        background-color: rgba(251, 146, 60, 0.95);
      }
      .bg-orange-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(249 115 22 / var(--tw-bg-opacity));
      }
      .bg-orange-500\/0 {
        background-color: rgba(249, 115, 22, 0);
      }
      .bg-orange-500\/10 {
        background-color: rgba(249, 115, 22, 0.1);
      }
      .bg-orange-500\/100 {
        background-color: #f97316;
      }
      .bg-orange-500\/15 {
        background-color: rgba(249, 115, 22, 0.15);
      }
      .bg-orange-500\/20 {
        background-color: rgba(249, 115, 22, 0.2);
      }
      .bg-orange-500\/25 {
        background-color: rgba(249, 115, 22, 0.25);
      }
      .bg-orange-500\/30 {
        background-color: rgba(249, 115, 22, 0.3);
      }
      .bg-orange-500\/35 {
        background-color: rgba(249, 115, 22, 0.35);
      }
      .bg-orange-500\/40 {
        background-color: rgba(249, 115, 22, 0.4);
      }
      .bg-orange-500\/45 {
        background-color: rgba(249, 115, 22, 0.45);
      }
      .bg-orange-500\/5 {
        background-color: rgba(249, 115, 22, 0.05);
      }
      .bg-orange-500\/50 {
        background-color: rgba(249, 115, 22, 0.5);
      }
      .bg-orange-500\/55 {
        background-color: rgba(249, 115, 22, 0.55);
      }
      .bg-orange-500\/60 {
        background-color: rgba(249, 115, 22, 0.6);
      }
      .bg-orange-500\/65 {
        background-color: rgba(249, 115, 22, 0.65);
      }
      .bg-orange-500\/70 {
        background-color: rgba(249, 115, 22, 0.7);
      }
      .bg-orange-500\/75 {
        background-color: rgba(249, 115, 22, 0.75);
      }
      .bg-orange-500\/80 {
        background-color: rgba(249, 115, 22, 0.8);
      }
      .bg-orange-500\/85 {
        background-color: rgba(249, 115, 22, 0.85);
      }
      .bg-orange-500\/90 {
        background-color: rgba(249, 115, 22, 0.9);
      }
      .bg-orange-500\/95 {
        background-color: rgba(249, 115, 22, 0.95);
      }
      .bg-pink-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(244 114 182 / var(--tw-bg-opacity));
      }
      .bg-pink-400\/0 {
        background-color: rgba(244, 114, 182, 0);
      }
      .bg-pink-400\/10 {
        background-color: rgba(244, 114, 182, 0.1);
      }
      .bg-pink-400\/100 {
        background-color: #f472b6;
      }
      .bg-pink-400\/15 {
        background-color: rgba(244, 114, 182, 0.15);
      }
      .bg-pink-400\/20 {
        background-color: rgba(244, 114, 182, 0.2);
      }
      .bg-pink-400\/25 {
        background-color: rgba(244, 114, 182, 0.25);
      }
      .bg-pink-400\/30 {
        background-color: rgba(244, 114, 182, 0.3);
      }
      .bg-pink-400\/35 {
        background-color: rgba(244, 114, 182, 0.35);
      }
      .bg-pink-400\/40 {
        background-color: rgba(244, 114, 182, 0.4);
      }
      .bg-pink-400\/45 {
        background-color: rgba(244, 114, 182, 0.45);
      }
      .bg-pink-400\/5 {
        background-color: rgba(244, 114, 182, 0.05);
      }
      .bg-pink-400\/50 {
        background-color: rgba(244, 114, 182, 0.5);
      }
      .bg-pink-400\/55 {
        background-color: rgba(244, 114, 182, 0.55);
      }
      .bg-pink-400\/60 {
        background-color: rgba(244, 114, 182, 0.6);
      }
      .bg-pink-400\/65 {
        background-color: rgba(244, 114, 182, 0.65);
      }
      .bg-pink-400\/70 {
        background-color: rgba(244, 114, 182, 0.7);
      }
      .bg-pink-400\/75 {
        background-color: rgba(244, 114, 182, 0.75);
      }
      .bg-pink-400\/80 {
        background-color: rgba(244, 114, 182, 0.8);
      }
      .bg-pink-400\/85 {
        background-color: rgba(244, 114, 182, 0.85);
      }
      .bg-pink-400\/90 {
        background-color: rgba(244, 114, 182, 0.9);
      }
      .bg-pink-400\/95 {
        background-color: rgba(244, 114, 182, 0.95);
      }
      .bg-pink-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(236 72 153 / var(--tw-bg-opacity));
      }
      .bg-pink-500\/0 {
        background-color: rgba(236, 72, 153, 0);
      }
      .bg-pink-500\/10 {
        background-color: rgba(236, 72, 153, 0.1);
      }
      .bg-pink-500\/100 {
        background-color: #ec4899;
      }
      .bg-pink-500\/15 {
        background-color: rgba(236, 72, 153, 0.15);
      }
      .bg-pink-500\/20 {
        background-color: rgba(236, 72, 153, 0.2);
      }
      .bg-pink-500\/25 {
        background-color: rgba(236, 72, 153, 0.25);
      }
      .bg-pink-500\/30 {
        background-color: rgba(236, 72, 153, 0.3);
      }
      .bg-pink-500\/35 {
        background-color: rgba(236, 72, 153, 0.35);
      }
      .bg-pink-500\/40 {
        background-color: rgba(236, 72, 153, 0.4);
      }
      .bg-pink-500\/45 {
        background-color: rgba(236, 72, 153, 0.45);
      }
      .bg-pink-500\/5 {
        background-color: rgba(236, 72, 153, 0.05);
      }
      .bg-pink-500\/50 {
        background-color: rgba(236, 72, 153, 0.5);
      }
      .bg-pink-500\/55 {
        background-color: rgba(236, 72, 153, 0.55);
      }
      .bg-pink-500\/60 {
        background-color: rgba(236, 72, 153, 0.6);
      }
      .bg-pink-500\/65 {
        background-color: rgba(236, 72, 153, 0.65);
      }
      .bg-pink-500\/70 {
        background-color: rgba(236, 72, 153, 0.7);
      }
      .bg-pink-500\/75 {
        background-color: rgba(236, 72, 153, 0.75);
      }
      .bg-pink-500\/80 {
        background-color: rgba(236, 72, 153, 0.8);
      }
      .bg-pink-500\/85 {
        background-color: rgba(236, 72, 153, 0.85);
      }
      .bg-pink-500\/90 {
        background-color: rgba(236, 72, 153, 0.9);
      }
      .bg-pink-500\/95 {
        background-color: rgba(236, 72, 153, 0.95);
      }
      .bg-primary-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-100) / var(--tw-bg-opacity));
      }
      .bg-primary-100\/0 {
        background-color: rgb(var(--color-primary-100) / 0);
      }
      .bg-primary-100\/10 {
        background-color: rgb(var(--color-primary-100) / 0.1);
      }
      .bg-primary-100\/100 {
        background-color: rgb(var(--color-primary-100) / 1);
      }
      .bg-primary-100\/15 {
        background-color: rgb(var(--color-primary-100) / 0.15);
      }
      .bg-primary-100\/20 {
        background-color: rgb(var(--color-primary-100) / 0.2);
      }
      .bg-primary-100\/25 {
        background-color: rgb(var(--color-primary-100) / 0.25);
      }
      .bg-primary-100\/30 {
        background-color: rgb(var(--color-primary-100) / 0.3);
      }
      .bg-primary-100\/35 {
        background-color: rgb(var(--color-primary-100) / 0.35);
      }
      .bg-primary-100\/40 {
        background-color: rgb(var(--color-primary-100) / 0.4);
      }
      .bg-primary-100\/45 {
        background-color: rgb(var(--color-primary-100) / 0.45);
      }
      .bg-primary-100\/5 {
        background-color: rgb(var(--color-primary-100) / 0.05);
      }
      .bg-primary-100\/50 {
        background-color: rgb(var(--color-primary-100) / 0.5);
      }
      .bg-primary-100\/55 {
        background-color: rgb(var(--color-primary-100) / 0.55);
      }
      .bg-primary-100\/60 {
        background-color: rgb(var(--color-primary-100) / 0.6);
      }
      .bg-primary-100\/65 {
        background-color: rgb(var(--color-primary-100) / 0.65);
      }
      .bg-primary-100\/70 {
        background-color: rgb(var(--color-primary-100) / 0.7);
      }
      .bg-primary-100\/75 {
        background-color: rgb(var(--color-primary-100) / 0.75);
      }
      .bg-primary-100\/80 {
        background-color: rgb(var(--color-primary-100) / 0.8);
      }
      .bg-primary-100\/85 {
        background-color: rgb(var(--color-primary-100) / 0.85);
      }
      .bg-primary-100\/90 {
        background-color: rgb(var(--color-primary-100) / 0.9);
      }
      .bg-primary-100\/95 {
        background-color: rgb(var(--color-primary-100) / 0.95);
      }
      .bg-primary-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-400) / var(--tw-bg-opacity));
      }
      .bg-primary-400\/0 {
        background-color: rgb(var(--color-primary-400) / 0);
      }
      .bg-primary-400\/10 {
        background-color: rgb(var(--color-primary-400) / 0.1);
      }
      .bg-primary-400\/100 {
        background-color: rgb(var(--color-primary-400) / 1);
      }
      .bg-primary-400\/15 {
        background-color: rgb(var(--color-primary-400) / 0.15);
      }
      .bg-primary-400\/20 {
        background-color: rgb(var(--color-primary-400) / 0.2);
      }
      .bg-primary-400\/25 {
        background-color: rgb(var(--color-primary-400) / 0.25);
      }
      .bg-primary-400\/30 {
        background-color: rgb(var(--color-primary-400) / 0.3);
      }
      .bg-primary-400\/35 {
        background-color: rgb(var(--color-primary-400) / 0.35);
      }
      .bg-primary-400\/40 {
        background-color: rgb(var(--color-primary-400) / 0.4);
      }
      .bg-primary-400\/45 {
        background-color: rgb(var(--color-primary-400) / 0.45);
      }
      .bg-primary-400\/5 {
        background-color: rgb(var(--color-primary-400) / 0.05);
      }
      .bg-primary-400\/50 {
        background-color: rgb(var(--color-primary-400) / 0.5);
      }
      .bg-primary-400\/55 {
        background-color: rgb(var(--color-primary-400) / 0.55);
      }
      .bg-primary-400\/60 {
        background-color: rgb(var(--color-primary-400) / 0.6);
      }
      .bg-primary-400\/65 {
        background-color: rgb(var(--color-primary-400) / 0.65);
      }
      .bg-primary-400\/70 {
        background-color: rgb(var(--color-primary-400) / 0.7);
      }
      .bg-primary-400\/75 {
        background-color: rgb(var(--color-primary-400) / 0.75);
      }
      .bg-primary-400\/80 {
        background-color: rgb(var(--color-primary-400) / 0.8);
      }
      .bg-primary-400\/85 {
        background-color: rgb(var(--color-primary-400) / 0.85);
      }
      .bg-primary-400\/90 {
        background-color: rgb(var(--color-primary-400) / 0.9);
      }
      .bg-primary-400\/95 {
        background-color: rgb(var(--color-primary-400) / 0.95);
      }
      .bg-primary-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-50) / var(--tw-bg-opacity));
      }
      .bg-primary-50\/0 {
        background-color: rgb(var(--color-primary-50) / 0);
      }
      .bg-primary-50\/10 {
        background-color: rgb(var(--color-primary-50) / 0.1);
      }
      .bg-primary-50\/100 {
        background-color: rgb(var(--color-primary-50) / 1);
      }
      .bg-primary-50\/15 {
        background-color: rgb(var(--color-primary-50) / 0.15);
      }
      .bg-primary-50\/20 {
        background-color: rgb(var(--color-primary-50) / 0.2);
      }
      .bg-primary-50\/25 {
        background-color: rgb(var(--color-primary-50) / 0.25);
      }
      .bg-primary-50\/30 {
        background-color: rgb(var(--color-primary-50) / 0.3);
      }
      .bg-primary-50\/35 {
        background-color: rgb(var(--color-primary-50) / 0.35);
      }
      .bg-primary-50\/40 {
        background-color: rgb(var(--color-primary-50) / 0.4);
      }
      .bg-primary-50\/45 {
        background-color: rgb(var(--color-primary-50) / 0.45);
      }
      .bg-primary-50\/5 {
        background-color: rgb(var(--color-primary-50) / 0.05);
      }
      .bg-primary-50\/50 {
        background-color: rgb(var(--color-primary-50) / 0.5);
      }
      .bg-primary-50\/55 {
        background-color: rgb(var(--color-primary-50) / 0.55);
      }
      .bg-primary-50\/60 {
        background-color: rgb(var(--color-primary-50) / 0.6);
      }
      .bg-primary-50\/65 {
        background-color: rgb(var(--color-primary-50) / 0.65);
      }
      .bg-primary-50\/70 {
        background-color: rgb(var(--color-primary-50) / 0.7);
      }
      .bg-primary-50\/75 {
        background-color: rgb(var(--color-primary-50) / 0.75);
      }
      .bg-primary-50\/80 {
        background-color: rgb(var(--color-primary-50) / 0.8);
      }
      .bg-primary-50\/85 {
        background-color: rgb(var(--color-primary-50) / 0.85);
      }
      .bg-primary-50\/90 {
        background-color: rgb(var(--color-primary-50) / 0.9);
      }
      .bg-primary-50\/95 {
        background-color: rgb(var(--color-primary-50) / 0.95);
      }
      .bg-primary-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
      }
      .bg-primary-500\/0 {
        background-color: rgb(var(--color-primary-500) / 0);
      }
      .bg-primary-500\/10 {
        background-color: rgb(var(--color-primary-500) / 0.1);
      }
      .bg-primary-500\/100 {
        background-color: rgb(var(--color-primary-500) / 1);
      }
      .bg-primary-500\/15 {
        background-color: rgb(var(--color-primary-500) / 0.15);
      }
      .bg-primary-500\/20 {
        background-color: rgb(var(--color-primary-500) / 0.2);
      }
      .bg-primary-500\/25 {
        background-color: rgb(var(--color-primary-500) / 0.25);
      }
      .bg-primary-500\/30 {
        background-color: rgb(var(--color-primary-500) / 0.3);
      }
      .bg-primary-500\/35 {
        background-color: rgb(var(--color-primary-500) / 0.35);
      }
      .bg-primary-500\/40 {
        background-color: rgb(var(--color-primary-500) / 0.4);
      }
      .bg-primary-500\/45 {
        background-color: rgb(var(--color-primary-500) / 0.45);
      }
      .bg-primary-500\/5 {
        background-color: rgb(var(--color-primary-500) / 0.05);
      }
      .bg-primary-500\/50 {
        background-color: rgb(var(--color-primary-500) / 0.5);
      }
      .bg-primary-500\/55 {
        background-color: rgb(var(--color-primary-500) / 0.55);
      }
      .bg-primary-500\/60 {
        background-color: rgb(var(--color-primary-500) / 0.6);
      }
      .bg-primary-500\/65 {
        background-color: rgb(var(--color-primary-500) / 0.65);
      }
      .bg-primary-500\/70 {
        background-color: rgb(var(--color-primary-500) / 0.7);
      }
      .bg-primary-500\/75 {
        background-color: rgb(var(--color-primary-500) / 0.75);
      }
      .bg-primary-500\/80 {
        background-color: rgb(var(--color-primary-500) / 0.8);
      }
      .bg-primary-500\/85 {
        background-color: rgb(var(--color-primary-500) / 0.85);
      }
      .bg-primary-500\/90 {
        background-color: rgb(var(--color-primary-500) / 0.9);
      }
      .bg-primary-500\/95 {
        background-color: rgb(var(--color-primary-500) / 0.95);
      }
      .bg-primary-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity));
      }
      .bg-primary-600\/0 {
        background-color: rgb(var(--color-primary-600) / 0);
      }
      .bg-primary-600\/10 {
        background-color: rgb(var(--color-primary-600) / 0.1);
      }
      .bg-primary-600\/100 {
        background-color: rgb(var(--color-primary-600) / 1);
      }
      .bg-primary-600\/15 {
        background-color: rgb(var(--color-primary-600) / 0.15);
      }
      .bg-primary-600\/20 {
        background-color: rgb(var(--color-primary-600) / 0.2);
      }
      .bg-primary-600\/25 {
        background-color: rgb(var(--color-primary-600) / 0.25);
      }
      .bg-primary-600\/30 {
        background-color: rgb(var(--color-primary-600) / 0.3);
      }
      .bg-primary-600\/35 {
        background-color: rgb(var(--color-primary-600) / 0.35);
      }
      .bg-primary-600\/40 {
        background-color: rgb(var(--color-primary-600) / 0.4);
      }
      .bg-primary-600\/45 {
        background-color: rgb(var(--color-primary-600) / 0.45);
      }
      .bg-primary-600\/5 {
        background-color: rgb(var(--color-primary-600) / 0.05);
      }
      .bg-primary-600\/50 {
        background-color: rgb(var(--color-primary-600) / 0.5);
      }
      .bg-primary-600\/55 {
        background-color: rgb(var(--color-primary-600) / 0.55);
      }
      .bg-primary-600\/60 {
        background-color: rgb(var(--color-primary-600) / 0.6);
      }
      .bg-primary-600\/65 {
        background-color: rgb(var(--color-primary-600) / 0.65);
      }
      .bg-primary-600\/70 {
        background-color: rgb(var(--color-primary-600) / 0.7);
      }
      .bg-primary-600\/75 {
        background-color: rgb(var(--color-primary-600) / 0.75);
      }
      .bg-primary-600\/80 {
        background-color: rgb(var(--color-primary-600) / 0.8);
      }
      .bg-primary-600\/85 {
        background-color: rgb(var(--color-primary-600) / 0.85);
      }
      .bg-primary-600\/90 {
        background-color: rgb(var(--color-primary-600) / 0.9);
      }
      .bg-primary-600\/95 {
        background-color: rgb(var(--color-primary-600) / 0.95);
      }
      .bg-primary-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-900) / var(--tw-bg-opacity));
      }
      .bg-primary-900\/0 {
        background-color: rgb(var(--color-primary-900) / 0);
      }
      .bg-primary-900\/10 {
        background-color: rgb(var(--color-primary-900) / 0.1);
      }
      .bg-primary-900\/100 {
        background-color: rgb(var(--color-primary-900) / 1);
      }
      .bg-primary-900\/15 {
        background-color: rgb(var(--color-primary-900) / 0.15);
      }
      .bg-primary-900\/20 {
        background-color: rgb(var(--color-primary-900) / 0.2);
      }
      .bg-primary-900\/25 {
        background-color: rgb(var(--color-primary-900) / 0.25);
      }
      .bg-primary-900\/30 {
        background-color: rgb(var(--color-primary-900) / 0.3);
      }
      .bg-primary-900\/35 {
        background-color: rgb(var(--color-primary-900) / 0.35);
      }
      .bg-primary-900\/40 {
        background-color: rgb(var(--color-primary-900) / 0.4);
      }
      .bg-primary-900\/45 {
        background-color: rgb(var(--color-primary-900) / 0.45);
      }
      .bg-primary-900\/5 {
        background-color: rgb(var(--color-primary-900) / 0.05);
      }
      .bg-primary-900\/50 {
        background-color: rgb(var(--color-primary-900) / 0.5);
      }
      .bg-primary-900\/55 {
        background-color: rgb(var(--color-primary-900) / 0.55);
      }
      .bg-primary-900\/60 {
        background-color: rgb(var(--color-primary-900) / 0.6);
      }
      .bg-primary-900\/65 {
        background-color: rgb(var(--color-primary-900) / 0.65);
      }
      .bg-primary-900\/70 {
        background-color: rgb(var(--color-primary-900) / 0.7);
      }
      .bg-primary-900\/75 {
        background-color: rgb(var(--color-primary-900) / 0.75);
      }
      .bg-primary-900\/80 {
        background-color: rgb(var(--color-primary-900) / 0.8);
      }
      .bg-primary-900\/85 {
        background-color: rgb(var(--color-primary-900) / 0.85);
      }
      .bg-primary-900\/90 {
        background-color: rgb(var(--color-primary-900) / 0.9);
      }
      .bg-primary-900\/95 {
        background-color: rgb(var(--color-primary-900) / 0.95);
      }
      .bg-primary-950 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-950) / var(--tw-bg-opacity));
      }
      .bg-primary-950\/0 {
        background-color: rgb(var(--color-primary-950) / 0);
      }
      .bg-primary-950\/10 {
        background-color: rgb(var(--color-primary-950) / 0.1);
      }
      .bg-primary-950\/100 {
        background-color: rgb(var(--color-primary-950) / 1);
      }
      .bg-primary-950\/15 {
        background-color: rgb(var(--color-primary-950) / 0.15);
      }
      .bg-primary-950\/20 {
        background-color: rgb(var(--color-primary-950) / 0.2);
      }
      .bg-primary-950\/25 {
        background-color: rgb(var(--color-primary-950) / 0.25);
      }
      .bg-primary-950\/30 {
        background-color: rgb(var(--color-primary-950) / 0.3);
      }
      .bg-primary-950\/35 {
        background-color: rgb(var(--color-primary-950) / 0.35);
      }
      .bg-primary-950\/40 {
        background-color: rgb(var(--color-primary-950) / 0.4);
      }
      .bg-primary-950\/45 {
        background-color: rgb(var(--color-primary-950) / 0.45);
      }
      .bg-primary-950\/5 {
        background-color: rgb(var(--color-primary-950) / 0.05);
      }
      .bg-primary-950\/50 {
        background-color: rgb(var(--color-primary-950) / 0.5);
      }
      .bg-primary-950\/55 {
        background-color: rgb(var(--color-primary-950) / 0.55);
      }
      .bg-primary-950\/60 {
        background-color: rgb(var(--color-primary-950) / 0.6);
      }
      .bg-primary-950\/65 {
        background-color: rgb(var(--color-primary-950) / 0.65);
      }
      .bg-primary-950\/70 {
        background-color: rgb(var(--color-primary-950) / 0.7);
      }
      .bg-primary-950\/75 {
        background-color: rgb(var(--color-primary-950) / 0.75);
      }
      .bg-primary-950\/80 {
        background-color: rgb(var(--color-primary-950) / 0.8);
      }
      .bg-primary-950\/85 {
        background-color: rgb(var(--color-primary-950) / 0.85);
      }
      .bg-primary-950\/90 {
        background-color: rgb(var(--color-primary-950) / 0.9);
      }
      .bg-primary-950\/95 {
        background-color: rgb(var(--color-primary-950) / 0.95);
      }
      .bg-purple-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(192 132 252 / var(--tw-bg-opacity));
      }
      .bg-purple-400\/0 {
        background-color: rgba(192, 132, 252, 0);
      }
      .bg-purple-400\/10 {
        background-color: rgba(192, 132, 252, 0.1);
      }
      .bg-purple-400\/100 {
        background-color: #c084fc;
      }
      .bg-purple-400\/15 {
        background-color: rgba(192, 132, 252, 0.15);
      }
      .bg-purple-400\/20 {
        background-color: rgba(192, 132, 252, 0.2);
      }
      .bg-purple-400\/25 {
        background-color: rgba(192, 132, 252, 0.25);
      }
      .bg-purple-400\/30 {
        background-color: rgba(192, 132, 252, 0.3);
      }
      .bg-purple-400\/35 {
        background-color: rgba(192, 132, 252, 0.35);
      }
      .bg-purple-400\/40 {
        background-color: rgba(192, 132, 252, 0.4);
      }
      .bg-purple-400\/45 {
        background-color: rgba(192, 132, 252, 0.45);
      }
      .bg-purple-400\/5 {
        background-color: rgba(192, 132, 252, 0.05);
      }
      .bg-purple-400\/50 {
        background-color: rgba(192, 132, 252, 0.5);
      }
      .bg-purple-400\/55 {
        background-color: rgba(192, 132, 252, 0.55);
      }
      .bg-purple-400\/60 {
        background-color: rgba(192, 132, 252, 0.6);
      }
      .bg-purple-400\/65 {
        background-color: rgba(192, 132, 252, 0.65);
      }
      .bg-purple-400\/70 {
        background-color: rgba(192, 132, 252, 0.7);
      }
      .bg-purple-400\/75 {
        background-color: rgba(192, 132, 252, 0.75);
      }
      .bg-purple-400\/80 {
        background-color: rgba(192, 132, 252, 0.8);
      }
      .bg-purple-400\/85 {
        background-color: rgba(192, 132, 252, 0.85);
      }
      .bg-purple-400\/90 {
        background-color: rgba(192, 132, 252, 0.9);
      }
      .bg-purple-400\/95 {
        background-color: rgba(192, 132, 252, 0.95);
      }
      .bg-purple-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(168 85 247 / var(--tw-bg-opacity));
      }
      .bg-purple-500\/0 {
        background-color: rgba(168, 85, 247, 0);
      }
      .bg-purple-500\/10 {
        background-color: rgba(168, 85, 247, 0.1);
      }
      .bg-purple-500\/100 {
        background-color: #a855f7;
      }
      .bg-purple-500\/15 {
        background-color: rgba(168, 85, 247, 0.15);
      }
      .bg-purple-500\/20 {
        background-color: rgba(168, 85, 247, 0.2);
      }
      .bg-purple-500\/25 {
        background-color: rgba(168, 85, 247, 0.25);
      }
      .bg-purple-500\/30 {
        background-color: rgba(168, 85, 247, 0.3);
      }
      .bg-purple-500\/35 {
        background-color: rgba(168, 85, 247, 0.35);
      }
      .bg-purple-500\/40 {
        background-color: rgba(168, 85, 247, 0.4);
      }
      .bg-purple-500\/45 {
        background-color: rgba(168, 85, 247, 0.45);
      }
      .bg-purple-500\/5 {
        background-color: rgba(168, 85, 247, 0.05);
      }
      .bg-purple-500\/50 {
        background-color: rgba(168, 85, 247, 0.5);
      }
      .bg-purple-500\/55 {
        background-color: rgba(168, 85, 247, 0.55);
      }
      .bg-purple-500\/60 {
        background-color: rgba(168, 85, 247, 0.6);
      }
      .bg-purple-500\/65 {
        background-color: rgba(168, 85, 247, 0.65);
      }
      .bg-purple-500\/70 {
        background-color: rgba(168, 85, 247, 0.7);
      }
      .bg-purple-500\/75 {
        background-color: rgba(168, 85, 247, 0.75);
      }
      .bg-purple-500\/80 {
        background-color: rgba(168, 85, 247, 0.8);
      }
      .bg-purple-500\/85 {
        background-color: rgba(168, 85, 247, 0.85);
      }
      .bg-purple-500\/90 {
        background-color: rgba(168, 85, 247, 0.9);
      }
      .bg-purple-500\/95 {
        background-color: rgba(168, 85, 247, 0.95);
      }
      .bg-red-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(248 113 113 / var(--tw-bg-opacity));
      }
      .bg-red-400\/0 {
        background-color: hsla(0, 91%, 71%, 0);
      }
      .bg-red-400\/10 {
        background-color: hsla(0, 91%, 71%, 0.1);
      }
      .bg-red-400\/100 {
        background-color: #f87171;
      }
      .bg-red-400\/15 {
        background-color: hsla(0, 91%, 71%, 0.15);
      }
      .bg-red-400\/20 {
        background-color: hsla(0, 91%, 71%, 0.2);
      }
      .bg-red-400\/25 {
        background-color: hsla(0, 91%, 71%, 0.25);
      }
      .bg-red-400\/30 {
        background-color: hsla(0, 91%, 71%, 0.3);
      }
      .bg-red-400\/35 {
        background-color: hsla(0, 91%, 71%, 0.35);
      }
      .bg-red-400\/40 {
        background-color: hsla(0, 91%, 71%, 0.4);
      }
      .bg-red-400\/45 {
        background-color: hsla(0, 91%, 71%, 0.45);
      }
      .bg-red-400\/5 {
        background-color: hsla(0, 91%, 71%, 0.05);
      }
      .bg-red-400\/50 {
        background-color: hsla(0, 91%, 71%, 0.5);
      }
      .bg-red-400\/55 {
        background-color: hsla(0, 91%, 71%, 0.55);
      }
      .bg-red-400\/60 {
        background-color: hsla(0, 91%, 71%, 0.6);
      }
      .bg-red-400\/65 {
        background-color: hsla(0, 91%, 71%, 0.65);
      }
      .bg-red-400\/70 {
        background-color: hsla(0, 91%, 71%, 0.7);
      }
      .bg-red-400\/75 {
        background-color: hsla(0, 91%, 71%, 0.75);
      }
      .bg-red-400\/80 {
        background-color: hsla(0, 91%, 71%, 0.8);
      }
      .bg-red-400\/85 {
        background-color: hsla(0, 91%, 71%, 0.85);
      }
      .bg-red-400\/90 {
        background-color: hsla(0, 91%, 71%, 0.9);
      }
      .bg-red-400\/95 {
        background-color: hsla(0, 91%, 71%, 0.95);
      }
      .bg-red-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(239 68 68 / var(--tw-bg-opacity));
      }
      .bg-red-500\/0 {
        background-color: rgba(239, 68, 68, 0);
      }
      .bg-red-500\/10 {
        background-color: rgba(239, 68, 68, 0.1);
      }
      .bg-red-500\/100 {
        background-color: #ef4444;
      }
      .bg-red-500\/15 {
        background-color: rgba(239, 68, 68, 0.15);
      }
      .bg-red-500\/20 {
        background-color: rgba(239, 68, 68, 0.2);
      }
      .bg-red-500\/25 {
        background-color: rgba(239, 68, 68, 0.25);
      }
      .bg-red-500\/30 {
        background-color: rgba(239, 68, 68, 0.3);
      }
      .bg-red-500\/35 {
        background-color: rgba(239, 68, 68, 0.35);
      }
      .bg-red-500\/40 {
        background-color: rgba(239, 68, 68, 0.4);
      }
      .bg-red-500\/45 {
        background-color: rgba(239, 68, 68, 0.45);
      }
      .bg-red-500\/5 {
        background-color: rgba(239, 68, 68, 0.05);
      }
      .bg-red-500\/50 {
        background-color: rgba(239, 68, 68, 0.5);
      }
      .bg-red-500\/55 {
        background-color: rgba(239, 68, 68, 0.55);
      }
      .bg-red-500\/60 {
        background-color: rgba(239, 68, 68, 0.6);
      }
      .bg-red-500\/65 {
        background-color: rgba(239, 68, 68, 0.65);
      }
      .bg-red-500\/70 {
        background-color: rgba(239, 68, 68, 0.7);
      }
      .bg-red-500\/75 {
        background-color: rgba(239, 68, 68, 0.75);
      }
      .bg-red-500\/80 {
        background-color: rgba(239, 68, 68, 0.8);
      }
      .bg-red-500\/85 {
        background-color: rgba(239, 68, 68, 0.85);
      }
      .bg-red-500\/90 {
        background-color: rgba(239, 68, 68, 0.9);
      }
      .bg-red-500\/95 {
        background-color: rgba(239, 68, 68, 0.95);
      }
      .bg-rose-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(251 113 133 / var(--tw-bg-opacity));
      }
      .bg-rose-400\/0 {
        background-color: rgba(251, 113, 133, 0);
      }
      .bg-rose-400\/10 {
        background-color: rgba(251, 113, 133, 0.1);
      }
      .bg-rose-400\/100 {
        background-color: #fb7185;
      }
      .bg-rose-400\/15 {
        background-color: rgba(251, 113, 133, 0.15);
      }
      .bg-rose-400\/20 {
        background-color: rgba(251, 113, 133, 0.2);
      }
      .bg-rose-400\/25 {
        background-color: rgba(251, 113, 133, 0.25);
      }
      .bg-rose-400\/30 {
        background-color: rgba(251, 113, 133, 0.3);
      }
      .bg-rose-400\/35 {
        background-color: rgba(251, 113, 133, 0.35);
      }
      .bg-rose-400\/40 {
        background-color: rgba(251, 113, 133, 0.4);
      }
      .bg-rose-400\/45 {
        background-color: rgba(251, 113, 133, 0.45);
      }
      .bg-rose-400\/5 {
        background-color: rgba(251, 113, 133, 0.05);
      }
      .bg-rose-400\/50 {
        background-color: rgba(251, 113, 133, 0.5);
      }
      .bg-rose-400\/55 {
        background-color: rgba(251, 113, 133, 0.55);
      }
      .bg-rose-400\/60 {
        background-color: rgba(251, 113, 133, 0.6);
      }
      .bg-rose-400\/65 {
        background-color: rgba(251, 113, 133, 0.65);
      }
      .bg-rose-400\/70 {
        background-color: rgba(251, 113, 133, 0.7);
      }
      .bg-rose-400\/75 {
        background-color: rgba(251, 113, 133, 0.75);
      }
      .bg-rose-400\/80 {
        background-color: rgba(251, 113, 133, 0.8);
      }
      .bg-rose-400\/85 {
        background-color: rgba(251, 113, 133, 0.85);
      }
      .bg-rose-400\/90 {
        background-color: rgba(251, 113, 133, 0.9);
      }
      .bg-rose-400\/95 {
        background-color: rgba(251, 113, 133, 0.95);
      }
      .bg-rose-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(244 63 94 / var(--tw-bg-opacity));
      }
      .bg-rose-500\/0 {
        background-color: rgba(244, 63, 94, 0);
      }
      .bg-rose-500\/10 {
        background-color: rgba(244, 63, 94, 0.1);
      }
      .bg-rose-500\/100 {
        background-color: #f43f5e;
      }
      .bg-rose-500\/15 {
        background-color: rgba(244, 63, 94, 0.15);
      }
      .bg-rose-500\/20 {
        background-color: rgba(244, 63, 94, 0.2);
      }
      .bg-rose-500\/25 {
        background-color: rgba(244, 63, 94, 0.25);
      }
      .bg-rose-500\/30 {
        background-color: rgba(244, 63, 94, 0.3);
      }
      .bg-rose-500\/35 {
        background-color: rgba(244, 63, 94, 0.35);
      }
      .bg-rose-500\/40 {
        background-color: rgba(244, 63, 94, 0.4);
      }
      .bg-rose-500\/45 {
        background-color: rgba(244, 63, 94, 0.45);
      }
      .bg-rose-500\/5 {
        background-color: rgba(244, 63, 94, 0.05);
      }
      .bg-rose-500\/50 {
        background-color: rgba(244, 63, 94, 0.5);
      }
      .bg-rose-500\/55 {
        background-color: rgba(244, 63, 94, 0.55);
      }
      .bg-rose-500\/60 {
        background-color: rgba(244, 63, 94, 0.6);
      }
      .bg-rose-500\/65 {
        background-color: rgba(244, 63, 94, 0.65);
      }
      .bg-rose-500\/70 {
        background-color: rgba(244, 63, 94, 0.7);
      }
      .bg-rose-500\/75 {
        background-color: rgba(244, 63, 94, 0.75);
      }
      .bg-rose-500\/80 {
        background-color: rgba(244, 63, 94, 0.8);
      }
      .bg-rose-500\/85 {
        background-color: rgba(244, 63, 94, 0.85);
      }
      .bg-rose-500\/90 {
        background-color: rgba(244, 63, 94, 0.9);
      }
      .bg-rose-500\/95 {
        background-color: rgba(244, 63, 94, 0.95);
      }
      .bg-sky-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(56 189 248 / var(--tw-bg-opacity));
      }
      .bg-sky-400\/0 {
        background-color: rgba(56, 189, 248, 0);
      }
      .bg-sky-400\/10 {
        background-color: rgba(56, 189, 248, 0.1);
      }
      .bg-sky-400\/100 {
        background-color: #38bdf8;
      }
      .bg-sky-400\/15 {
        background-color: rgba(56, 189, 248, 0.15);
      }
      .bg-sky-400\/20 {
        background-color: rgba(56, 189, 248, 0.2);
      }
      .bg-sky-400\/25 {
        background-color: rgba(56, 189, 248, 0.25);
      }
      .bg-sky-400\/30 {
        background-color: rgba(56, 189, 248, 0.3);
      }
      .bg-sky-400\/35 {
        background-color: rgba(56, 189, 248, 0.35);
      }
      .bg-sky-400\/40 {
        background-color: rgba(56, 189, 248, 0.4);
      }
      .bg-sky-400\/45 {
        background-color: rgba(56, 189, 248, 0.45);
      }
      .bg-sky-400\/5 {
        background-color: rgba(56, 189, 248, 0.05);
      }
      .bg-sky-400\/50 {
        background-color: rgba(56, 189, 248, 0.5);
      }
      .bg-sky-400\/55 {
        background-color: rgba(56, 189, 248, 0.55);
      }
      .bg-sky-400\/60 {
        background-color: rgba(56, 189, 248, 0.6);
      }
      .bg-sky-400\/65 {
        background-color: rgba(56, 189, 248, 0.65);
      }
      .bg-sky-400\/70 {
        background-color: rgba(56, 189, 248, 0.7);
      }
      .bg-sky-400\/75 {
        background-color: rgba(56, 189, 248, 0.75);
      }
      .bg-sky-400\/80 {
        background-color: rgba(56, 189, 248, 0.8);
      }
      .bg-sky-400\/85 {
        background-color: rgba(56, 189, 248, 0.85);
      }
      .bg-sky-400\/90 {
        background-color: rgba(56, 189, 248, 0.9);
      }
      .bg-sky-400\/95 {
        background-color: rgba(56, 189, 248, 0.95);
      }
      .bg-sky-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(14 165 233 / var(--tw-bg-opacity));
      }
      .bg-sky-500\/0 {
        background-color: rgba(14, 165, 233, 0);
      }
      .bg-sky-500\/10 {
        background-color: rgba(14, 165, 233, 0.1);
      }
      .bg-sky-500\/100 {
        background-color: #0ea5e9;
      }
      .bg-sky-500\/15 {
        background-color: rgba(14, 165, 233, 0.15);
      }
      .bg-sky-500\/20 {
        background-color: rgba(14, 165, 233, 0.2);
      }
      .bg-sky-500\/25 {
        background-color: rgba(14, 165, 233, 0.25);
      }
      .bg-sky-500\/30 {
        background-color: rgba(14, 165, 233, 0.3);
      }
      .bg-sky-500\/35 {
        background-color: rgba(14, 165, 233, 0.35);
      }
      .bg-sky-500\/40 {
        background-color: rgba(14, 165, 233, 0.4);
      }
      .bg-sky-500\/45 {
        background-color: rgba(14, 165, 233, 0.45);
      }
      .bg-sky-500\/5 {
        background-color: rgba(14, 165, 233, 0.05);
      }
      .bg-sky-500\/50 {
        background-color: rgba(14, 165, 233, 0.5);
      }
      .bg-sky-500\/55 {
        background-color: rgba(14, 165, 233, 0.55);
      }
      .bg-sky-500\/60 {
        background-color: rgba(14, 165, 233, 0.6);
      }
      .bg-sky-500\/65 {
        background-color: rgba(14, 165, 233, 0.65);
      }
      .bg-sky-500\/70 {
        background-color: rgba(14, 165, 233, 0.7);
      }
      .bg-sky-500\/75 {
        background-color: rgba(14, 165, 233, 0.75);
      }
      .bg-sky-500\/80 {
        background-color: rgba(14, 165, 233, 0.8);
      }
      .bg-sky-500\/85 {
        background-color: rgba(14, 165, 233, 0.85);
      }
      .bg-sky-500\/90 {
        background-color: rgba(14, 165, 233, 0.9);
      }
      .bg-sky-500\/95 {
        background-color: rgba(14, 165, 233, 0.95);
      }
      .bg-teal-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(45 212 191 / var(--tw-bg-opacity));
      }
      .bg-teal-400\/0 {
        background-color: rgba(45, 212, 191, 0);
      }
      .bg-teal-400\/10 {
        background-color: rgba(45, 212, 191, 0.1);
      }
      .bg-teal-400\/100 {
        background-color: #2dd4bf;
      }
      .bg-teal-400\/15 {
        background-color: rgba(45, 212, 191, 0.15);
      }
      .bg-teal-400\/20 {
        background-color: rgba(45, 212, 191, 0.2);
      }
      .bg-teal-400\/25 {
        background-color: rgba(45, 212, 191, 0.25);
      }
      .bg-teal-400\/30 {
        background-color: rgba(45, 212, 191, 0.3);
      }
      .bg-teal-400\/35 {
        background-color: rgba(45, 212, 191, 0.35);
      }
      .bg-teal-400\/40 {
        background-color: rgba(45, 212, 191, 0.4);
      }
      .bg-teal-400\/45 {
        background-color: rgba(45, 212, 191, 0.45);
      }
      .bg-teal-400\/5 {
        background-color: rgba(45, 212, 191, 0.05);
      }
      .bg-teal-400\/50 {
        background-color: rgba(45, 212, 191, 0.5);
      }
      .bg-teal-400\/55 {
        background-color: rgba(45, 212, 191, 0.55);
      }
      .bg-teal-400\/60 {
        background-color: rgba(45, 212, 191, 0.6);
      }
      .bg-teal-400\/65 {
        background-color: rgba(45, 212, 191, 0.65);
      }
      .bg-teal-400\/70 {
        background-color: rgba(45, 212, 191, 0.7);
      }
      .bg-teal-400\/75 {
        background-color: rgba(45, 212, 191, 0.75);
      }
      .bg-teal-400\/80 {
        background-color: rgba(45, 212, 191, 0.8);
      }
      .bg-teal-400\/85 {
        background-color: rgba(45, 212, 191, 0.85);
      }
      .bg-teal-400\/90 {
        background-color: rgba(45, 212, 191, 0.9);
      }
      .bg-teal-400\/95 {
        background-color: rgba(45, 212, 191, 0.95);
      }
      .bg-teal-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(20 184 166 / var(--tw-bg-opacity));
      }
      .bg-teal-500\/0 {
        background-color: rgba(20, 184, 166, 0);
      }
      .bg-teal-500\/10 {
        background-color: rgba(20, 184, 166, 0.1);
      }
      .bg-teal-500\/100 {
        background-color: #14b8a6;
      }
      .bg-teal-500\/15 {
        background-color: rgba(20, 184, 166, 0.15);
      }
      .bg-teal-500\/20 {
        background-color: rgba(20, 184, 166, 0.2);
      }
      .bg-teal-500\/25 {
        background-color: rgba(20, 184, 166, 0.25);
      }
      .bg-teal-500\/30 {
        background-color: rgba(20, 184, 166, 0.3);
      }
      .bg-teal-500\/35 {
        background-color: rgba(20, 184, 166, 0.35);
      }
      .bg-teal-500\/40 {
        background-color: rgba(20, 184, 166, 0.4);
      }
      .bg-teal-500\/45 {
        background-color: rgba(20, 184, 166, 0.45);
      }
      .bg-teal-500\/5 {
        background-color: rgba(20, 184, 166, 0.05);
      }
      .bg-teal-500\/50 {
        background-color: rgba(20, 184, 166, 0.5);
      }
      .bg-teal-500\/55 {
        background-color: rgba(20, 184, 166, 0.55);
      }
      .bg-teal-500\/60 {
        background-color: rgba(20, 184, 166, 0.6);
      }
      .bg-teal-500\/65 {
        background-color: rgba(20, 184, 166, 0.65);
      }
      .bg-teal-500\/70 {
        background-color: rgba(20, 184, 166, 0.7);
      }
      .bg-teal-500\/75 {
        background-color: rgba(20, 184, 166, 0.75);
      }
      .bg-teal-500\/80 {
        background-color: rgba(20, 184, 166, 0.8);
      }
      .bg-teal-500\/85 {
        background-color: rgba(20, 184, 166, 0.85);
      }
      .bg-teal-500\/90 {
        background-color: rgba(20, 184, 166, 0.9);
      }
      .bg-teal-500\/95 {
        background-color: rgba(20, 184, 166, 0.95);
      }
      .bg-transparent {
        background-color: transparent;
      }
      .bg-violet-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(167 139 250 / var(--tw-bg-opacity));
      }
      .bg-violet-400\/0 {
        background-color: rgba(167, 139, 250, 0);
      }
      .bg-violet-400\/10 {
        background-color: rgba(167, 139, 250, 0.1);
      }
      .bg-violet-400\/100 {
        background-color: #a78bfa;
      }
      .bg-violet-400\/15 {
        background-color: rgba(167, 139, 250, 0.15);
      }
      .bg-violet-400\/20 {
        background-color: rgba(167, 139, 250, 0.2);
      }
      .bg-violet-400\/25 {
        background-color: rgba(167, 139, 250, 0.25);
      }
      .bg-violet-400\/30 {
        background-color: rgba(167, 139, 250, 0.3);
      }
      .bg-violet-400\/35 {
        background-color: rgba(167, 139, 250, 0.35);
      }
      .bg-violet-400\/40 {
        background-color: rgba(167, 139, 250, 0.4);
      }
      .bg-violet-400\/45 {
        background-color: rgba(167, 139, 250, 0.45);
      }
      .bg-violet-400\/5 {
        background-color: rgba(167, 139, 250, 0.05);
      }
      .bg-violet-400\/50 {
        background-color: rgba(167, 139, 250, 0.5);
      }
      .bg-violet-400\/55 {
        background-color: rgba(167, 139, 250, 0.55);
      }
      .bg-violet-400\/60 {
        background-color: rgba(167, 139, 250, 0.6);
      }
      .bg-violet-400\/65 {
        background-color: rgba(167, 139, 250, 0.65);
      }
      .bg-violet-400\/70 {
        background-color: rgba(167, 139, 250, 0.7);
      }
      .bg-violet-400\/75 {
        background-color: rgba(167, 139, 250, 0.75);
      }
      .bg-violet-400\/80 {
        background-color: rgba(167, 139, 250, 0.8);
      }
      .bg-violet-400\/85 {
        background-color: rgba(167, 139, 250, 0.85);
      }
      .bg-violet-400\/90 {
        background-color: rgba(167, 139, 250, 0.9);
      }
      .bg-violet-400\/95 {
        background-color: rgba(167, 139, 250, 0.95);
      }
      .bg-violet-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(139 92 246 / var(--tw-bg-opacity));
      }
      .bg-violet-500\/0 {
        background-color: rgba(139, 92, 246, 0);
      }
      .bg-violet-500\/10 {
        background-color: rgba(139, 92, 246, 0.1);
      }
      .bg-violet-500\/100 {
        background-color: #8b5cf6;
      }
      .bg-violet-500\/15 {
        background-color: rgba(139, 92, 246, 0.15);
      }
      .bg-violet-500\/20 {
        background-color: rgba(139, 92, 246, 0.2);
      }
      .bg-violet-500\/25 {
        background-color: rgba(139, 92, 246, 0.25);
      }
      .bg-violet-500\/30 {
        background-color: rgba(139, 92, 246, 0.3);
      }
      .bg-violet-500\/35 {
        background-color: rgba(139, 92, 246, 0.35);
      }
      .bg-violet-500\/40 {
        background-color: rgba(139, 92, 246, 0.4);
      }
      .bg-violet-500\/45 {
        background-color: rgba(139, 92, 246, 0.45);
      }
      .bg-violet-500\/5 {
        background-color: rgba(139, 92, 246, 0.05);
      }
      .bg-violet-500\/50 {
        background-color: rgba(139, 92, 246, 0.5);
      }
      .bg-violet-500\/55 {
        background-color: rgba(139, 92, 246, 0.55);
      }
      .bg-violet-500\/60 {
        background-color: rgba(139, 92, 246, 0.6);
      }
      .bg-violet-500\/65 {
        background-color: rgba(139, 92, 246, 0.65);
      }
      .bg-violet-500\/70 {
        background-color: rgba(139, 92, 246, 0.7);
      }
      .bg-violet-500\/75 {
        background-color: rgba(139, 92, 246, 0.75);
      }
      .bg-violet-500\/80 {
        background-color: rgba(139, 92, 246, 0.8);
      }
      .bg-violet-500\/85 {
        background-color: rgba(139, 92, 246, 0.85);
      }
      .bg-violet-500\/90 {
        background-color: rgba(139, 92, 246, 0.9);
      }
      .bg-violet-500\/95 {
        background-color: rgba(139, 92, 246, 0.95);
      }
      .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .bg-yellow-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(250 204 21 / var(--tw-bg-opacity));
      }
      .bg-yellow-400\/0 {
        background-color: rgba(250, 204, 21, 0);
      }
      .bg-yellow-400\/10 {
        background-color: rgba(250, 204, 21, 0.1);
      }
      .bg-yellow-400\/100 {
        background-color: #facc15;
      }
      .bg-yellow-400\/15 {
        background-color: rgba(250, 204, 21, 0.15);
      }
      .bg-yellow-400\/20 {
        background-color: rgba(250, 204, 21, 0.2);
      }
      .bg-yellow-400\/25 {
        background-color: rgba(250, 204, 21, 0.25);
      }
      .bg-yellow-400\/30 {
        background-color: rgba(250, 204, 21, 0.3);
      }
      .bg-yellow-400\/35 {
        background-color: rgba(250, 204, 21, 0.35);
      }
      .bg-yellow-400\/40 {
        background-color: rgba(250, 204, 21, 0.4);
      }
      .bg-yellow-400\/45 {
        background-color: rgba(250, 204, 21, 0.45);
      }
      .bg-yellow-400\/5 {
        background-color: rgba(250, 204, 21, 0.05);
      }
      .bg-yellow-400\/50 {
        background-color: rgba(250, 204, 21, 0.5);
      }
      .bg-yellow-400\/55 {
        background-color: rgba(250, 204, 21, 0.55);
      }
      .bg-yellow-400\/60 {
        background-color: rgba(250, 204, 21, 0.6);
      }
      .bg-yellow-400\/65 {
        background-color: rgba(250, 204, 21, 0.65);
      }
      .bg-yellow-400\/70 {
        background-color: rgba(250, 204, 21, 0.7);
      }
      .bg-yellow-400\/75 {
        background-color: rgba(250, 204, 21, 0.75);
      }
      .bg-yellow-400\/80 {
        background-color: rgba(250, 204, 21, 0.8);
      }
      .bg-yellow-400\/85 {
        background-color: rgba(250, 204, 21, 0.85);
      }
      .bg-yellow-400\/90 {
        background-color: rgba(250, 204, 21, 0.9);
      }
      .bg-yellow-400\/95 {
        background-color: rgba(250, 204, 21, 0.95);
      }
      .bg-yellow-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(234 179 8 / var(--tw-bg-opacity));
      }
      .bg-yellow-500\/0 {
        background-color: rgba(234, 179, 8, 0);
      }
      .bg-yellow-500\/10 {
        background-color: rgba(234, 179, 8, 0.1);
      }
      .bg-yellow-500\/100 {
        background-color: #eab308;
      }
      .bg-yellow-500\/15 {
        background-color: rgba(234, 179, 8, 0.15);
      }
      .bg-yellow-500\/20 {
        background-color: rgba(234, 179, 8, 0.2);
      }
      .bg-yellow-500\/25 {
        background-color: rgba(234, 179, 8, 0.25);
      }
      .bg-yellow-500\/30 {
        background-color: rgba(234, 179, 8, 0.3);
      }
      .bg-yellow-500\/35 {
        background-color: rgba(234, 179, 8, 0.35);
      }
      .bg-yellow-500\/40 {
        background-color: rgba(234, 179, 8, 0.4);
      }
      .bg-yellow-500\/45 {
        background-color: rgba(234, 179, 8, 0.45);
      }
      .bg-yellow-500\/5 {
        background-color: rgba(234, 179, 8, 0.05);
      }
      .bg-yellow-500\/50 {
        background-color: rgba(234, 179, 8, 0.5);
      }
      .bg-yellow-500\/55 {
        background-color: rgba(234, 179, 8, 0.55);
      }
      .bg-yellow-500\/60 {
        background-color: rgba(234, 179, 8, 0.6);
      }
      .bg-yellow-500\/65 {
        background-color: rgba(234, 179, 8, 0.65);
      }
      .bg-yellow-500\/70 {
        background-color: rgba(234, 179, 8, 0.7);
      }
      .bg-yellow-500\/75 {
        background-color: rgba(234, 179, 8, 0.75);
      }
      .bg-yellow-500\/80 {
        background-color: rgba(234, 179, 8, 0.8);
      }
      .bg-yellow-500\/85 {
        background-color: rgba(234, 179, 8, 0.85);
      }
      .bg-yellow-500\/90 {
        background-color: rgba(234, 179, 8, 0.9);
      }
      .bg-yellow-500\/95 {
        background-color: rgba(234, 179, 8, 0.95);
      }
      .bg-none {
        background-image: none;
      }
      .bg-bottom {
        background-position: bottom;
      }
      .p-0 {
        padding: 0;
      }
      .p-0\.5 {
        padding: 0.125rem;
      }
      .p-1 {
        padding: 0.25rem;
      }
      .p-1\.5 {
        padding: 0.375rem;
      }
      .p-2 {
        padding: 0.5rem;
      }
      .p-2\.5 {
        padding: 0.625rem;
      }
      .p-4 {
        padding: 1rem;
      }
      .p-px {
        padding: 1px;
      }
      .px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
      }
      .px-1\.5 {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
      }
      .px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
      .px-2\.5 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }
      .px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
      .px-3\.5 {
        padding-left: 0.875rem;
        padding-right: 0.875rem;
      }
      .px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
      }
      .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
      .px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
      }
      .py-0 {
        padding-bottom: 0;
        padding-top: 0;
      }
      .py-0\.5 {
        padding-bottom: 0.125rem;
        padding-top: 0.125rem;
      }
      .py-1 {
        padding-bottom: 0.25rem;
        padding-top: 0.25rem;
      }
      .py-1\.5 {
        padding-bottom: 0.375rem;
        padding-top: 0.375rem;
      }
      .py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem;
      }
      .py-2 {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
      }
      .py-2\.5 {
        padding-bottom: 0.625rem;
        padding-top: 0.625rem;
      }
      .py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
      }
      .py-3\.5 {
        padding-bottom: 0.875rem;
        padding-top: 0.875rem;
      }
      .py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem;
      }
      .py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
      }
      .py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
      }
      .py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem;
      }
      .pb-3 {
        padding-bottom: 0.75rem;
      }
      .pe-10 {
        padding-inline-end: 2.5rem;
      }
      .pe-11 {
        padding-inline-end: 2.75rem;
      }
      .pe-12 {
        padding-inline-end: 3rem;
      }
      .pe-2 {
        padding-inline-end: 0.5rem;
      }
      .pe-7 {
        padding-inline-end: 1.75rem;
      }
      .pe-8 {
        padding-inline-end: 2rem;
      }
      .pe-9 {
        padding-inline-end: 2.25rem;
      }
      .pl-2 {
        padding-left: 0.5rem;
      }
      .pl-3 {
        padding-left: 0.75rem;
      }
      .ps-10 {
        padding-inline-start: 2.5rem;
      }
      .ps-11 {
        padding-inline-start: 2.75rem;
      }
      .ps-12 {
        padding-inline-start: 3rem;
      }
      .ps-4 {
        padding-inline-start: 1rem;
      }
      .ps-7 {
        padding-inline-start: 1.75rem;
      }
      .ps-8 {
        padding-inline-start: 2rem;
      }
      .ps-9 {
        padding-inline-start: 2.25rem;
      }
      .pt-1 {
        padding-top: 0.25rem;
      }
      .pt-1\.5 {
        padding-top: 0.375rem;
      }
      .pt-6 {
        padding-top: 1.5rem;
      }
      .text-left {
        text-align: left;
      }
      .text-center {
        text-align: center;
      }
      .text-end {
        text-align: end;
      }
      .font-sans {
        font-family:
          ui-sans-serif,
          system-ui,
          sans-serif,
          Apple Color Emoji,
          Segoe UI Emoji,
          Segoe UI Symbol,
          Noto Color Emoji;
      }
      .text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
      }
      .text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
      }
      .text-\[10px\] {
        font-size: 10px;
      }
      .text-\[11px\] {
        font-size: 11px;
      }
      .text-\[12px\] {
        font-size: 12px;
      }
      .text-\[14px\] {
        font-size: 14px;
      }
      .text-\[4\.375vw\] {
        font-size: 4.375vw;
      }
      .text-\[4px\] {
        font-size: 4px;
      }
      .text-\[5px\] {
        font-size: 5px;
      }
      .text-\[6\.25vw\] {
        font-size: 6.25vw;
      }
      .text-\[6px\] {
        font-size: 6px;
      }
      .text-\[7\.5vw\] {
        font-size: 7.5vw;
      }
      .text-\[7px\] {
        font-size: 7px;
      }
      .text-\[8px\] {
        font-size: 8px;
      }
      .text-base {
        font-size: 1rem;
        line-height: 1.5rem;
      }
      .text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
      .text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
      .text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }
      .text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
      }
      .font-bold {
        font-weight: 700;
      }
      .font-light {
        font-weight: 300;
      }
      .font-medium {
        font-weight: 500;
      }
      .font-normal {
        font-weight: 400;
      }
      .font-semibold {
        font-weight: 600;
      }
      .uppercase {
        text-transform: uppercase;
      }
      .capitalize {
        text-transform: capitalize;
      }
      .italic {
        font-style: italic;
      }
      .leading-4 {
        line-height: 1rem;
      }
      .leading-5 {
        line-height: 1.25rem;
      }
      .leading-6 {
        line-height: 1.5rem;
      }
      .leading-none {
        line-height: 1;
      }
      .text-\[\#00d664\] {
        --tw-text-opacity: 1;
        color: rgb(0 214 100 / var(--tw-text-opacity));
      }
      .text-\[\#00ebc1\] {
        --tw-text-opacity: 1;
        color: rgb(0 235 193 / var(--tw-text-opacity));
      }
      .text-\[\#00ff82\] {
        --tw-text-opacity: 1;
        color: rgb(0 255 130 / var(--tw-text-opacity));
      }
      .text-\[\#16db65\] {
        --tw-text-opacity: 1;
        color: rgb(22 219 101 / var(--tw-text-opacity));
      }
      .text-\[\#E9DABB\] {
        --tw-text-opacity: 1;
        color: rgb(233 218 187 / var(--tw-text-opacity));
      }
      .text-\[\#F2052F\] {
        --tw-text-opacity: 1;
        color: rgb(242 5 47 / var(--tw-text-opacity));
      }
      .text-amber-400 {
        --tw-text-opacity: 1;
        color: rgb(251 191 36 / var(--tw-text-opacity));
      }
      .text-amber-400\/0 {
        color: rgba(251, 191, 36, 0);
      }
      .text-amber-400\/10 {
        color: rgba(251, 191, 36, 0.1);
      }
      .text-amber-400\/100 {
        color: #fbbf24;
      }
      .text-amber-400\/15 {
        color: rgba(251, 191, 36, 0.15);
      }
      .text-amber-400\/20 {
        color: rgba(251, 191, 36, 0.2);
      }
      .text-amber-400\/25 {
        color: rgba(251, 191, 36, 0.25);
      }
      .text-amber-400\/30 {
        color: rgba(251, 191, 36, 0.3);
      }
      .text-amber-400\/35 {
        color: rgba(251, 191, 36, 0.35);
      }
      .text-amber-400\/40 {
        color: rgba(251, 191, 36, 0.4);
      }
      .text-amber-400\/45 {
        color: rgba(251, 191, 36, 0.45);
      }
      .text-amber-400\/5 {
        color: rgba(251, 191, 36, 0.05);
      }
      .text-amber-400\/50 {
        color: rgba(251, 191, 36, 0.5);
      }
      .text-amber-400\/55 {
        color: rgba(251, 191, 36, 0.55);
      }
      .text-amber-400\/60 {
        color: rgba(251, 191, 36, 0.6);
      }
      .text-amber-400\/65 {
        color: rgba(251, 191, 36, 0.65);
      }
      .text-amber-400\/70 {
        color: rgba(251, 191, 36, 0.7);
      }
      .text-amber-400\/75 {
        color: rgba(251, 191, 36, 0.75);
      }
      .text-amber-400\/80 {
        color: rgba(251, 191, 36, 0.8);
      }
      .text-amber-400\/85 {
        color: rgba(251, 191, 36, 0.85);
      }
      .text-amber-400\/90 {
        color: rgba(251, 191, 36, 0.9);
      }
      .text-amber-400\/95 {
        color: rgba(251, 191, 36, 0.95);
      }
      .text-amber-500 {
        --tw-text-opacity: 1;
        color: rgb(245 158 11 / var(--tw-text-opacity));
      }
      .text-amber-500\/0 {
        color: rgba(245, 158, 11, 0);
      }
      .text-amber-500\/10 {
        color: rgba(245, 158, 11, 0.1);
      }
      .text-amber-500\/100 {
        color: #f59e0b;
      }
      .text-amber-500\/15 {
        color: rgba(245, 158, 11, 0.15);
      }
      .text-amber-500\/20 {
        color: rgba(245, 158, 11, 0.2);
      }
      .text-amber-500\/25 {
        color: rgba(245, 158, 11, 0.25);
      }
      .text-amber-500\/30 {
        color: rgba(245, 158, 11, 0.3);
      }
      .text-amber-500\/35 {
        color: rgba(245, 158, 11, 0.35);
      }
      .text-amber-500\/40 {
        color: rgba(245, 158, 11, 0.4);
      }
      .text-amber-500\/45 {
        color: rgba(245, 158, 11, 0.45);
      }
      .text-amber-500\/5 {
        color: rgba(245, 158, 11, 0.05);
      }
      .text-amber-500\/50 {
        color: rgba(245, 158, 11, 0.5);
      }
      .text-amber-500\/55 {
        color: rgba(245, 158, 11, 0.55);
      }
      .text-amber-500\/60 {
        color: rgba(245, 158, 11, 0.6);
      }
      .text-amber-500\/65 {
        color: rgba(245, 158, 11, 0.65);
      }
      .text-amber-500\/70 {
        color: rgba(245, 158, 11, 0.7);
      }
      .text-amber-500\/75 {
        color: rgba(245, 158, 11, 0.75);
      }
      .text-amber-500\/80 {
        color: rgba(245, 158, 11, 0.8);
      }
      .text-amber-500\/85 {
        color: rgba(245, 158, 11, 0.85);
      }
      .text-amber-500\/90 {
        color: rgba(245, 158, 11, 0.9);
      }
      .text-amber-500\/95 {
        color: rgba(245, 158, 11, 0.95);
      }
      .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-400\/0 {
        color: rgba(96, 165, 250, 0);
      }
      .text-blue-400\/10 {
        color: rgba(96, 165, 250, 0.1);
      }
      .text-blue-400\/100 {
        color: #60a5fa;
      }
      .text-blue-400\/15 {
        color: rgba(96, 165, 250, 0.15);
      }
      .text-blue-400\/20 {
        color: rgba(96, 165, 250, 0.2);
      }
      .text-blue-400\/25 {
        color: rgba(96, 165, 250, 0.25);
      }
      .text-blue-400\/30 {
        color: rgba(96, 165, 250, 0.3);
      }
      .text-blue-400\/35 {
        color: rgba(96, 165, 250, 0.35);
      }
      .text-blue-400\/40 {
        color: rgba(96, 165, 250, 0.4);
      }
      .text-blue-400\/45 {
        color: rgba(96, 165, 250, 0.45);
      }
      .text-blue-400\/5 {
        color: rgba(96, 165, 250, 0.05);
      }
      .text-blue-400\/50 {
        color: rgba(96, 165, 250, 0.5);
      }
      .text-blue-400\/55 {
        color: rgba(96, 165, 250, 0.55);
      }
      .text-blue-400\/60 {
        color: rgba(96, 165, 250, 0.6);
      }
      .text-blue-400\/65 {
        color: rgba(96, 165, 250, 0.65);
      }
      .text-blue-400\/70 {
        color: rgba(96, 165, 250, 0.7);
      }
      .text-blue-400\/75 {
        color: rgba(96, 165, 250, 0.75);
      }
      .text-blue-400\/80 {
        color: rgba(96, 165, 250, 0.8);
      }
      .text-blue-400\/85 {
        color: rgba(96, 165, 250, 0.85);
      }
      .text-blue-400\/90 {
        color: rgba(96, 165, 250, 0.9);
      }
      .text-blue-400\/95 {
        color: rgba(96, 165, 250, 0.95);
      }
      .text-blue-500 {
        --tw-text-opacity: 1;
        color: rgb(59 130 246 / var(--tw-text-opacity));
      }
      .text-blue-500\/0 {
        color: rgba(59, 130, 246, 0);
      }
      .text-blue-500\/10 {
        color: rgba(59, 130, 246, 0.1);
      }
      .text-blue-500\/100 {
        color: #3b82f6;
      }
      .text-blue-500\/15 {
        color: rgba(59, 130, 246, 0.15);
      }
      .text-blue-500\/20 {
        color: rgba(59, 130, 246, 0.2);
      }
      .text-blue-500\/25 {
        color: rgba(59, 130, 246, 0.25);
      }
      .text-blue-500\/30 {
        color: rgba(59, 130, 246, 0.3);
      }
      .text-blue-500\/35 {
        color: rgba(59, 130, 246, 0.35);
      }
      .text-blue-500\/40 {
        color: rgba(59, 130, 246, 0.4);
      }
      .text-blue-500\/45 {
        color: rgba(59, 130, 246, 0.45);
      }
      .text-blue-500\/5 {
        color: rgba(59, 130, 246, 0.05);
      }
      .text-blue-500\/50 {
        color: rgba(59, 130, 246, 0.5);
      }
      .text-blue-500\/55 {
        color: rgba(59, 130, 246, 0.55);
      }
      .text-blue-500\/60 {
        color: rgba(59, 130, 246, 0.6);
      }
      .text-blue-500\/65 {
        color: rgba(59, 130, 246, 0.65);
      }
      .text-blue-500\/70 {
        color: rgba(59, 130, 246, 0.7);
      }
      .text-blue-500\/75 {
        color: rgba(59, 130, 246, 0.75);
      }
      .text-blue-500\/80 {
        color: rgba(59, 130, 246, 0.8);
      }
      .text-blue-500\/85 {
        color: rgba(59, 130, 246, 0.85);
      }
      .text-blue-500\/90 {
        color: rgba(59, 130, 246, 0.9);
      }
      .text-blue-500\/95 {
        color: rgba(59, 130, 246, 0.95);
      }
      .text-cyan-400 {
        --tw-text-opacity: 1;
        color: rgb(34 211 238 / var(--tw-text-opacity));
      }
      .text-cyan-400\/0 {
        color: rgba(34, 211, 238, 0);
      }
      .text-cyan-400\/10 {
        color: rgba(34, 211, 238, 0.1);
      }
      .text-cyan-400\/100 {
        color: #22d3ee;
      }
      .text-cyan-400\/15 {
        color: rgba(34, 211, 238, 0.15);
      }
      .text-cyan-400\/20 {
        color: rgba(34, 211, 238, 0.2);
      }
      .text-cyan-400\/25 {
        color: rgba(34, 211, 238, 0.25);
      }
      .text-cyan-400\/30 {
        color: rgba(34, 211, 238, 0.3);
      }
      .text-cyan-400\/35 {
        color: rgba(34, 211, 238, 0.35);
      }
      .text-cyan-400\/40 {
        color: rgba(34, 211, 238, 0.4);
      }
      .text-cyan-400\/45 {
        color: rgba(34, 211, 238, 0.45);
      }
      .text-cyan-400\/5 {
        color: rgba(34, 211, 238, 0.05);
      }
      .text-cyan-400\/50 {
        color: rgba(34, 211, 238, 0.5);
      }
      .text-cyan-400\/55 {
        color: rgba(34, 211, 238, 0.55);
      }
      .text-cyan-400\/60 {
        color: rgba(34, 211, 238, 0.6);
      }
      .text-cyan-400\/65 {
        color: rgba(34, 211, 238, 0.65);
      }
      .text-cyan-400\/70 {
        color: rgba(34, 211, 238, 0.7);
      }
      .text-cyan-400\/75 {
        color: rgba(34, 211, 238, 0.75);
      }
      .text-cyan-400\/80 {
        color: rgba(34, 211, 238, 0.8);
      }
      .text-cyan-400\/85 {
        color: rgba(34, 211, 238, 0.85);
      }
      .text-cyan-400\/90 {
        color: rgba(34, 211, 238, 0.9);
      }
      .text-cyan-400\/95 {
        color: rgba(34, 211, 238, 0.95);
      }
      .text-cyan-500 {
        --tw-text-opacity: 1;
        color: rgb(6 182 212 / var(--tw-text-opacity));
      }
      .text-cyan-500\/0 {
        color: rgba(6, 182, 212, 0);
      }
      .text-cyan-500\/10 {
        color: rgba(6, 182, 212, 0.1);
      }
      .text-cyan-500\/100 {
        color: #06b6d4;
      }
      .text-cyan-500\/15 {
        color: rgba(6, 182, 212, 0.15);
      }
      .text-cyan-500\/20 {
        color: rgba(6, 182, 212, 0.2);
      }
      .text-cyan-500\/25 {
        color: rgba(6, 182, 212, 0.25);
      }
      .text-cyan-500\/30 {
        color: rgba(6, 182, 212, 0.3);
      }
      .text-cyan-500\/35 {
        color: rgba(6, 182, 212, 0.35);
      }
      .text-cyan-500\/40 {
        color: rgba(6, 182, 212, 0.4);
      }
      .text-cyan-500\/45 {
        color: rgba(6, 182, 212, 0.45);
      }
      .text-cyan-500\/5 {
        color: rgba(6, 182, 212, 0.05);
      }
      .text-cyan-500\/50 {
        color: rgba(6, 182, 212, 0.5);
      }
      .text-cyan-500\/55 {
        color: rgba(6, 182, 212, 0.55);
      }
      .text-cyan-500\/60 {
        color: rgba(6, 182, 212, 0.6);
      }
      .text-cyan-500\/65 {
        color: rgba(6, 182, 212, 0.65);
      }
      .text-cyan-500\/70 {
        color: rgba(6, 182, 212, 0.7);
      }
      .text-cyan-500\/75 {
        color: rgba(6, 182, 212, 0.75);
      }
      .text-cyan-500\/80 {
        color: rgba(6, 182, 212, 0.8);
      }
      .text-cyan-500\/85 {
        color: rgba(6, 182, 212, 0.85);
      }
      .text-cyan-500\/90 {
        color: rgba(6, 182, 212, 0.9);
      }
      .text-cyan-500\/95 {
        color: rgba(6, 182, 212, 0.95);
      }
      .text-emerald-400 {
        --tw-text-opacity: 1;
        color: rgb(52 211 153 / var(--tw-text-opacity));
      }
      .text-emerald-400\/0 {
        color: rgba(52, 211, 153, 0);
      }
      .text-emerald-400\/10 {
        color: rgba(52, 211, 153, 0.1);
      }
      .text-emerald-400\/100 {
        color: #34d399;
      }
      .text-emerald-400\/15 {
        color: rgba(52, 211, 153, 0.15);
      }
      .text-emerald-400\/20 {
        color: rgba(52, 211, 153, 0.2);
      }
      .text-emerald-400\/25 {
        color: rgba(52, 211, 153, 0.25);
      }
      .text-emerald-400\/30 {
        color: rgba(52, 211, 153, 0.3);
      }
      .text-emerald-400\/35 {
        color: rgba(52, 211, 153, 0.35);
      }
      .text-emerald-400\/40 {
        color: rgba(52, 211, 153, 0.4);
      }
      .text-emerald-400\/45 {
        color: rgba(52, 211, 153, 0.45);
      }
      .text-emerald-400\/5 {
        color: rgba(52, 211, 153, 0.05);
      }
      .text-emerald-400\/50 {
        color: rgba(52, 211, 153, 0.5);
      }
      .text-emerald-400\/55 {
        color: rgba(52, 211, 153, 0.55);
      }
      .text-emerald-400\/60 {
        color: rgba(52, 211, 153, 0.6);
      }
      .text-emerald-400\/65 {
        color: rgba(52, 211, 153, 0.65);
      }
      .text-emerald-400\/70 {
        color: rgba(52, 211, 153, 0.7);
      }
      .text-emerald-400\/75 {
        color: rgba(52, 211, 153, 0.75);
      }
      .text-emerald-400\/80 {
        color: rgba(52, 211, 153, 0.8);
      }
      .text-emerald-400\/85 {
        color: rgba(52, 211, 153, 0.85);
      }
      .text-emerald-400\/90 {
        color: rgba(52, 211, 153, 0.9);
      }
      .text-emerald-400\/95 {
        color: rgba(52, 211, 153, 0.95);
      }
      .text-emerald-500 {
        --tw-text-opacity: 1;
        color: rgb(16 185 129 / var(--tw-text-opacity));
      }
      .text-emerald-500\/0 {
        color: rgba(16, 185, 129, 0);
      }
      .text-emerald-500\/10 {
        color: rgba(16, 185, 129, 0.1);
      }
      .text-emerald-500\/100 {
        color: #10b981;
      }
      .text-emerald-500\/15 {
        color: rgba(16, 185, 129, 0.15);
      }
      .text-emerald-500\/20 {
        color: rgba(16, 185, 129, 0.2);
      }
      .text-emerald-500\/25 {
        color: rgba(16, 185, 129, 0.25);
      }
      .text-emerald-500\/30 {
        color: rgba(16, 185, 129, 0.3);
      }
      .text-emerald-500\/35 {
        color: rgba(16, 185, 129, 0.35);
      }
      .text-emerald-500\/40 {
        color: rgba(16, 185, 129, 0.4);
      }
      .text-emerald-500\/45 {
        color: rgba(16, 185, 129, 0.45);
      }
      .text-emerald-500\/5 {
        color: rgba(16, 185, 129, 0.05);
      }
      .text-emerald-500\/50 {
        color: rgba(16, 185, 129, 0.5);
      }
      .text-emerald-500\/55 {
        color: rgba(16, 185, 129, 0.55);
      }
      .text-emerald-500\/60 {
        color: rgba(16, 185, 129, 0.6);
      }
      .text-emerald-500\/65 {
        color: rgba(16, 185, 129, 0.65);
      }
      .text-emerald-500\/70 {
        color: rgba(16, 185, 129, 0.7);
      }
      .text-emerald-500\/75 {
        color: rgba(16, 185, 129, 0.75);
      }
      .text-emerald-500\/80 {
        color: rgba(16, 185, 129, 0.8);
      }
      .text-emerald-500\/85 {
        color: rgba(16, 185, 129, 0.85);
      }
      .text-emerald-500\/90 {
        color: rgba(16, 185, 129, 0.9);
      }
      .text-emerald-500\/95 {
        color: rgba(16, 185, 129, 0.95);
      }
      .text-fuchsia-400 {
        --tw-text-opacity: 1;
        color: rgb(232 121 249 / var(--tw-text-opacity));
      }
      .text-fuchsia-400\/0 {
        color: rgba(232, 121, 249, 0);
      }
      .text-fuchsia-400\/10 {
        color: rgba(232, 121, 249, 0.1);
      }
      .text-fuchsia-400\/100 {
        color: #e879f9;
      }
      .text-fuchsia-400\/15 {
        color: rgba(232, 121, 249, 0.15);
      }
      .text-fuchsia-400\/20 {
        color: rgba(232, 121, 249, 0.2);
      }
      .text-fuchsia-400\/25 {
        color: rgba(232, 121, 249, 0.25);
      }
      .text-fuchsia-400\/30 {
        color: rgba(232, 121, 249, 0.3);
      }
      .text-fuchsia-400\/35 {
        color: rgba(232, 121, 249, 0.35);
      }
      .text-fuchsia-400\/40 {
        color: rgba(232, 121, 249, 0.4);
      }
      .text-fuchsia-400\/45 {
        color: rgba(232, 121, 249, 0.45);
      }
      .text-fuchsia-400\/5 {
        color: rgba(232, 121, 249, 0.05);
      }
      .text-fuchsia-400\/50 {
        color: rgba(232, 121, 249, 0.5);
      }
      .text-fuchsia-400\/55 {
        color: rgba(232, 121, 249, 0.55);
      }
      .text-fuchsia-400\/60 {
        color: rgba(232, 121, 249, 0.6);
      }
      .text-fuchsia-400\/65 {
        color: rgba(232, 121, 249, 0.65);
      }
      .text-fuchsia-400\/70 {
        color: rgba(232, 121, 249, 0.7);
      }
      .text-fuchsia-400\/75 {
        color: rgba(232, 121, 249, 0.75);
      }
      .text-fuchsia-400\/80 {
        color: rgba(232, 121, 249, 0.8);
      }
      .text-fuchsia-400\/85 {
        color: rgba(232, 121, 249, 0.85);
      }
      .text-fuchsia-400\/90 {
        color: rgba(232, 121, 249, 0.9);
      }
      .text-fuchsia-400\/95 {
        color: rgba(232, 121, 249, 0.95);
      }
      .text-fuchsia-500 {
        --tw-text-opacity: 1;
        color: rgb(217 70 239 / var(--tw-text-opacity));
      }
      .text-fuchsia-500\/0 {
        color: rgba(217, 70, 239, 0);
      }
      .text-fuchsia-500\/10 {
        color: rgba(217, 70, 239, 0.1);
      }
      .text-fuchsia-500\/100 {
        color: #d946ef;
      }
      .text-fuchsia-500\/15 {
        color: rgba(217, 70, 239, 0.15);
      }
      .text-fuchsia-500\/20 {
        color: rgba(217, 70, 239, 0.2);
      }
      .text-fuchsia-500\/25 {
        color: rgba(217, 70, 239, 0.25);
      }
      .text-fuchsia-500\/30 {
        color: rgba(217, 70, 239, 0.3);
      }
      .text-fuchsia-500\/35 {
        color: rgba(217, 70, 239, 0.35);
      }
      .text-fuchsia-500\/40 {
        color: rgba(217, 70, 239, 0.4);
      }
      .text-fuchsia-500\/45 {
        color: rgba(217, 70, 239, 0.45);
      }
      .text-fuchsia-500\/5 {
        color: rgba(217, 70, 239, 0.05);
      }
      .text-fuchsia-500\/50 {
        color: rgba(217, 70, 239, 0.5);
      }
      .text-fuchsia-500\/55 {
        color: rgba(217, 70, 239, 0.55);
      }
      .text-fuchsia-500\/60 {
        color: rgba(217, 70, 239, 0.6);
      }
      .text-fuchsia-500\/65 {
        color: rgba(217, 70, 239, 0.65);
      }
      .text-fuchsia-500\/70 {
        color: rgba(217, 70, 239, 0.7);
      }
      .text-fuchsia-500\/75 {
        color: rgba(217, 70, 239, 0.75);
      }
      .text-fuchsia-500\/80 {
        color: rgba(217, 70, 239, 0.8);
      }
      .text-fuchsia-500\/85 {
        color: rgba(217, 70, 239, 0.85);
      }
      .text-fuchsia-500\/90 {
        color: rgba(217, 70, 239, 0.9);
      }
      .text-fuchsia-500\/95 {
        color: rgba(217, 70, 239, 0.95);
      }
      .text-gray-400 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-400) / var(--tw-text-opacity));
      }
      .text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-500) / var(--tw-text-opacity));
      }
      .text-gray-700 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-700) / var(--tw-text-opacity));
      }
      .text-gray-900 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-900) / var(--tw-text-opacity));
      }
      .text-green-400 {
        --tw-text-opacity: 1;
        color: rgb(74 222 128 / var(--tw-text-opacity));
      }
      .text-green-400\/0 {
        color: rgba(74, 222, 128, 0);
      }
      .text-green-400\/10 {
        color: rgba(74, 222, 128, 0.1);
      }
      .text-green-400\/100 {
        color: #4ade80;
      }
      .text-green-400\/15 {
        color: rgba(74, 222, 128, 0.15);
      }
      .text-green-400\/20 {
        color: rgba(74, 222, 128, 0.2);
      }
      .text-green-400\/25 {
        color: rgba(74, 222, 128, 0.25);
      }
      .text-green-400\/30 {
        color: rgba(74, 222, 128, 0.3);
      }
      .text-green-400\/35 {
        color: rgba(74, 222, 128, 0.35);
      }
      .text-green-400\/40 {
        color: rgba(74, 222, 128, 0.4);
      }
      .text-green-400\/45 {
        color: rgba(74, 222, 128, 0.45);
      }
      .text-green-400\/5 {
        color: rgba(74, 222, 128, 0.05);
      }
      .text-green-400\/50 {
        color: rgba(74, 222, 128, 0.5);
      }
      .text-green-400\/55 {
        color: rgba(74, 222, 128, 0.55);
      }
      .text-green-400\/60 {
        color: rgba(74, 222, 128, 0.6);
      }
      .text-green-400\/65 {
        color: rgba(74, 222, 128, 0.65);
      }
      .text-green-400\/70 {
        color: rgba(74, 222, 128, 0.7);
      }
      .text-green-400\/75 {
        color: rgba(74, 222, 128, 0.75);
      }
      .text-green-400\/80 {
        color: rgba(74, 222, 128, 0.8);
      }
      .text-green-400\/85 {
        color: rgba(74, 222, 128, 0.85);
      }
      .text-green-400\/90 {
        color: rgba(74, 222, 128, 0.9);
      }
      .text-green-400\/95 {
        color: rgba(74, 222, 128, 0.95);
      }
      .text-green-500 {
        --tw-text-opacity: 1;
        color: rgb(34 197 94 / var(--tw-text-opacity));
      }
      .text-green-500\/0 {
        color: rgba(34, 197, 94, 0);
      }
      .text-green-500\/10 {
        color: rgba(34, 197, 94, 0.1);
      }
      .text-green-500\/100 {
        color: #22c55e;
      }
      .text-green-500\/15 {
        color: rgba(34, 197, 94, 0.15);
      }
      .text-green-500\/20 {
        color: rgba(34, 197, 94, 0.2);
      }
      .text-green-500\/25 {
        color: rgba(34, 197, 94, 0.25);
      }
      .text-green-500\/30 {
        color: rgba(34, 197, 94, 0.3);
      }
      .text-green-500\/35 {
        color: rgba(34, 197, 94, 0.35);
      }
      .text-green-500\/40 {
        color: rgba(34, 197, 94, 0.4);
      }
      .text-green-500\/45 {
        color: rgba(34, 197, 94, 0.45);
      }
      .text-green-500\/5 {
        color: rgba(34, 197, 94, 0.05);
      }
      .text-green-500\/50 {
        color: rgba(34, 197, 94, 0.5);
      }
      .text-green-500\/55 {
        color: rgba(34, 197, 94, 0.55);
      }
      .text-green-500\/60 {
        color: rgba(34, 197, 94, 0.6);
      }
      .text-green-500\/65 {
        color: rgba(34, 197, 94, 0.65);
      }
      .text-green-500\/70 {
        color: rgba(34, 197, 94, 0.7);
      }
      .text-green-500\/75 {
        color: rgba(34, 197, 94, 0.75);
      }
      .text-green-500\/80 {
        color: rgba(34, 197, 94, 0.8);
      }
      .text-green-500\/85 {
        color: rgba(34, 197, 94, 0.85);
      }
      .text-green-500\/90 {
        color: rgba(34, 197, 94, 0.9);
      }
      .text-green-500\/95 {
        color: rgba(34, 197, 94, 0.95);
      }
      .text-indigo-400 {
        --tw-text-opacity: 1;
        color: rgb(129 140 248 / var(--tw-text-opacity));
      }
      .text-indigo-400\/0 {
        color: rgba(129, 140, 248, 0);
      }
      .text-indigo-400\/10 {
        color: rgba(129, 140, 248, 0.1);
      }
      .text-indigo-400\/100 {
        color: #818cf8;
      }
      .text-indigo-400\/15 {
        color: rgba(129, 140, 248, 0.15);
      }
      .text-indigo-400\/20 {
        color: rgba(129, 140, 248, 0.2);
      }
      .text-indigo-400\/25 {
        color: rgba(129, 140, 248, 0.25);
      }
      .text-indigo-400\/30 {
        color: rgba(129, 140, 248, 0.3);
      }
      .text-indigo-400\/35 {
        color: rgba(129, 140, 248, 0.35);
      }
      .text-indigo-400\/40 {
        color: rgba(129, 140, 248, 0.4);
      }
      .text-indigo-400\/45 {
        color: rgba(129, 140, 248, 0.45);
      }
      .text-indigo-400\/5 {
        color: rgba(129, 140, 248, 0.05);
      }
      .text-indigo-400\/50 {
        color: rgba(129, 140, 248, 0.5);
      }
      .text-indigo-400\/55 {
        color: rgba(129, 140, 248, 0.55);
      }
      .text-indigo-400\/60 {
        color: rgba(129, 140, 248, 0.6);
      }
      .text-indigo-400\/65 {
        color: rgba(129, 140, 248, 0.65);
      }
      .text-indigo-400\/70 {
        color: rgba(129, 140, 248, 0.7);
      }
      .text-indigo-400\/75 {
        color: rgba(129, 140, 248, 0.75);
      }
      .text-indigo-400\/80 {
        color: rgba(129, 140, 248, 0.8);
      }
      .text-indigo-400\/85 {
        color: rgba(129, 140, 248, 0.85);
      }
      .text-indigo-400\/90 {
        color: rgba(129, 140, 248, 0.9);
      }
      .text-indigo-400\/95 {
        color: rgba(129, 140, 248, 0.95);
      }
      .text-indigo-500 {
        --tw-text-opacity: 1;
        color: rgb(99 102 241 / var(--tw-text-opacity));
      }
      .text-indigo-500\/0 {
        color: rgba(99, 102, 241, 0);
      }
      .text-indigo-500\/10 {
        color: rgba(99, 102, 241, 0.1);
      }
      .text-indigo-500\/100 {
        color: #6366f1;
      }
      .text-indigo-500\/15 {
        color: rgba(99, 102, 241, 0.15);
      }
      .text-indigo-500\/20 {
        color: rgba(99, 102, 241, 0.2);
      }
      .text-indigo-500\/25 {
        color: rgba(99, 102, 241, 0.25);
      }
      .text-indigo-500\/30 {
        color: rgba(99, 102, 241, 0.3);
      }
      .text-indigo-500\/35 {
        color: rgba(99, 102, 241, 0.35);
      }
      .text-indigo-500\/40 {
        color: rgba(99, 102, 241, 0.4);
      }
      .text-indigo-500\/45 {
        color: rgba(99, 102, 241, 0.45);
      }
      .text-indigo-500\/5 {
        color: rgba(99, 102, 241, 0.05);
      }
      .text-indigo-500\/50 {
        color: rgba(99, 102, 241, 0.5);
      }
      .text-indigo-500\/55 {
        color: rgba(99, 102, 241, 0.55);
      }
      .text-indigo-500\/60 {
        color: rgba(99, 102, 241, 0.6);
      }
      .text-indigo-500\/65 {
        color: rgba(99, 102, 241, 0.65);
      }
      .text-indigo-500\/70 {
        color: rgba(99, 102, 241, 0.7);
      }
      .text-indigo-500\/75 {
        color: rgba(99, 102, 241, 0.75);
      }
      .text-indigo-500\/80 {
        color: rgba(99, 102, 241, 0.8);
      }
      .text-indigo-500\/85 {
        color: rgba(99, 102, 241, 0.85);
      }
      .text-indigo-500\/90 {
        color: rgba(99, 102, 241, 0.9);
      }
      .text-indigo-500\/95 {
        color: rgba(99, 102, 241, 0.95);
      }
      .text-lime-400 {
        --tw-text-opacity: 1;
        color: rgb(163 230 53 / var(--tw-text-opacity));
      }
      .text-lime-400\/0 {
        color: rgba(163, 230, 53, 0);
      }
      .text-lime-400\/10 {
        color: rgba(163, 230, 53, 0.1);
      }
      .text-lime-400\/100 {
        color: #a3e635;
      }
      .text-lime-400\/15 {
        color: rgba(163, 230, 53, 0.15);
      }
      .text-lime-400\/20 {
        color: rgba(163, 230, 53, 0.2);
      }
      .text-lime-400\/25 {
        color: rgba(163, 230, 53, 0.25);
      }
      .text-lime-400\/30 {
        color: rgba(163, 230, 53, 0.3);
      }
      .text-lime-400\/35 {
        color: rgba(163, 230, 53, 0.35);
      }
      .text-lime-400\/40 {
        color: rgba(163, 230, 53, 0.4);
      }
      .text-lime-400\/45 {
        color: rgba(163, 230, 53, 0.45);
      }
      .text-lime-400\/5 {
        color: rgba(163, 230, 53, 0.05);
      }
      .text-lime-400\/50 {
        color: rgba(163, 230, 53, 0.5);
      }
      .text-lime-400\/55 {
        color: rgba(163, 230, 53, 0.55);
      }
      .text-lime-400\/60 {
        color: rgba(163, 230, 53, 0.6);
      }
      .text-lime-400\/65 {
        color: rgba(163, 230, 53, 0.65);
      }
      .text-lime-400\/70 {
        color: rgba(163, 230, 53, 0.7);
      }
      .text-lime-400\/75 {
        color: rgba(163, 230, 53, 0.75);
      }
      .text-lime-400\/80 {
        color: rgba(163, 230, 53, 0.8);
      }
      .text-lime-400\/85 {
        color: rgba(163, 230, 53, 0.85);
      }
      .text-lime-400\/90 {
        color: rgba(163, 230, 53, 0.9);
      }
      .text-lime-400\/95 {
        color: rgba(163, 230, 53, 0.95);
      }
      .text-lime-500 {
        --tw-text-opacity: 1;
        color: rgb(132 204 22 / var(--tw-text-opacity));
      }
      .text-lime-500\/0 {
        color: rgba(132, 204, 22, 0);
      }
      .text-lime-500\/10 {
        color: rgba(132, 204, 22, 0.1);
      }
      .text-lime-500\/100 {
        color: #84cc16;
      }
      .text-lime-500\/15 {
        color: rgba(132, 204, 22, 0.15);
      }
      .text-lime-500\/20 {
        color: rgba(132, 204, 22, 0.2);
      }
      .text-lime-500\/25 {
        color: rgba(132, 204, 22, 0.25);
      }
      .text-lime-500\/30 {
        color: rgba(132, 204, 22, 0.3);
      }
      .text-lime-500\/35 {
        color: rgba(132, 204, 22, 0.35);
      }
      .text-lime-500\/40 {
        color: rgba(132, 204, 22, 0.4);
      }
      .text-lime-500\/45 {
        color: rgba(132, 204, 22, 0.45);
      }
      .text-lime-500\/5 {
        color: rgba(132, 204, 22, 0.05);
      }
      .text-lime-500\/50 {
        color: rgba(132, 204, 22, 0.5);
      }
      .text-lime-500\/55 {
        color: rgba(132, 204, 22, 0.55);
      }
      .text-lime-500\/60 {
        color: rgba(132, 204, 22, 0.6);
      }
      .text-lime-500\/65 {
        color: rgba(132, 204, 22, 0.65);
      }
      .text-lime-500\/70 {
        color: rgba(132, 204, 22, 0.7);
      }
      .text-lime-500\/75 {
        color: rgba(132, 204, 22, 0.75);
      }
      .text-lime-500\/80 {
        color: rgba(132, 204, 22, 0.8);
      }
      .text-lime-500\/85 {
        color: rgba(132, 204, 22, 0.85);
      }
      .text-lime-500\/90 {
        color: rgba(132, 204, 22, 0.9);
      }
      .text-lime-500\/95 {
        color: rgba(132, 204, 22, 0.95);
      }
      .text-orange-400 {
        --tw-text-opacity: 1;
        color: rgb(251 146 60 / var(--tw-text-opacity));
      }
      .text-orange-400\/0 {
        color: rgba(251, 146, 60, 0);
      }
      .text-orange-400\/10 {
        color: rgba(251, 146, 60, 0.1);
      }
      .text-orange-400\/100 {
        color: #fb923c;
      }
      .text-orange-400\/15 {
        color: rgba(251, 146, 60, 0.15);
      }
      .text-orange-400\/20 {
        color: rgba(251, 146, 60, 0.2);
      }
      .text-orange-400\/25 {
        color: rgba(251, 146, 60, 0.25);
      }
      .text-orange-400\/30 {
        color: rgba(251, 146, 60, 0.3);
      }
      .text-orange-400\/35 {
        color: rgba(251, 146, 60, 0.35);
      }
      .text-orange-400\/40 {
        color: rgba(251, 146, 60, 0.4);
      }
      .text-orange-400\/45 {
        color: rgba(251, 146, 60, 0.45);
      }
      .text-orange-400\/5 {
        color: rgba(251, 146, 60, 0.05);
      }
      .text-orange-400\/50 {
        color: rgba(251, 146, 60, 0.5);
      }
      .text-orange-400\/55 {
        color: rgba(251, 146, 60, 0.55);
      }
      .text-orange-400\/60 {
        color: rgba(251, 146, 60, 0.6);
      }
      .text-orange-400\/65 {
        color: rgba(251, 146, 60, 0.65);
      }
      .text-orange-400\/70 {
        color: rgba(251, 146, 60, 0.7);
      }
      .text-orange-400\/75 {
        color: rgba(251, 146, 60, 0.75);
      }
      .text-orange-400\/80 {
        color: rgba(251, 146, 60, 0.8);
      }
      .text-orange-400\/85 {
        color: rgba(251, 146, 60, 0.85);
      }
      .text-orange-400\/90 {
        color: rgba(251, 146, 60, 0.9);
      }
      .text-orange-400\/95 {
        color: rgba(251, 146, 60, 0.95);
      }
      .text-orange-500 {
        --tw-text-opacity: 1;
        color: rgb(249 115 22 / var(--tw-text-opacity));
      }
      .text-orange-500\/0 {
        color: rgba(249, 115, 22, 0);
      }
      .text-orange-500\/10 {
        color: rgba(249, 115, 22, 0.1);
      }
      .text-orange-500\/100 {
        color: #f97316;
      }
      .text-orange-500\/15 {
        color: rgba(249, 115, 22, 0.15);
      }
      .text-orange-500\/20 {
        color: rgba(249, 115, 22, 0.2);
      }
      .text-orange-500\/25 {
        color: rgba(249, 115, 22, 0.25);
      }
      .text-orange-500\/30 {
        color: rgba(249, 115, 22, 0.3);
      }
      .text-orange-500\/35 {
        color: rgba(249, 115, 22, 0.35);
      }
      .text-orange-500\/40 {
        color: rgba(249, 115, 22, 0.4);
      }
      .text-orange-500\/45 {
        color: rgba(249, 115, 22, 0.45);
      }
      .text-orange-500\/5 {
        color: rgba(249, 115, 22, 0.05);
      }
      .text-orange-500\/50 {
        color: rgba(249, 115, 22, 0.5);
      }
      .text-orange-500\/55 {
        color: rgba(249, 115, 22, 0.55);
      }
      .text-orange-500\/60 {
        color: rgba(249, 115, 22, 0.6);
      }
      .text-orange-500\/65 {
        color: rgba(249, 115, 22, 0.65);
      }
      .text-orange-500\/70 {
        color: rgba(249, 115, 22, 0.7);
      }
      .text-orange-500\/75 {
        color: rgba(249, 115, 22, 0.75);
      }
      .text-orange-500\/80 {
        color: rgba(249, 115, 22, 0.8);
      }
      .text-orange-500\/85 {
        color: rgba(249, 115, 22, 0.85);
      }
      .text-orange-500\/90 {
        color: rgba(249, 115, 22, 0.9);
      }
      .text-orange-500\/95 {
        color: rgba(249, 115, 22, 0.95);
      }
      .text-pink-400 {
        --tw-text-opacity: 1;
        color: rgb(244 114 182 / var(--tw-text-opacity));
      }
      .text-pink-400\/0 {
        color: rgba(244, 114, 182, 0);
      }
      .text-pink-400\/10 {
        color: rgba(244, 114, 182, 0.1);
      }
      .text-pink-400\/100 {
        color: #f472b6;
      }
      .text-pink-400\/15 {
        color: rgba(244, 114, 182, 0.15);
      }
      .text-pink-400\/20 {
        color: rgba(244, 114, 182, 0.2);
      }
      .text-pink-400\/25 {
        color: rgba(244, 114, 182, 0.25);
      }
      .text-pink-400\/30 {
        color: rgba(244, 114, 182, 0.3);
      }
      .text-pink-400\/35 {
        color: rgba(244, 114, 182, 0.35);
      }
      .text-pink-400\/40 {
        color: rgba(244, 114, 182, 0.4);
      }
      .text-pink-400\/45 {
        color: rgba(244, 114, 182, 0.45);
      }
      .text-pink-400\/5 {
        color: rgba(244, 114, 182, 0.05);
      }
      .text-pink-400\/50 {
        color: rgba(244, 114, 182, 0.5);
      }
      .text-pink-400\/55 {
        color: rgba(244, 114, 182, 0.55);
      }
      .text-pink-400\/60 {
        color: rgba(244, 114, 182, 0.6);
      }
      .text-pink-400\/65 {
        color: rgba(244, 114, 182, 0.65);
      }
      .text-pink-400\/70 {
        color: rgba(244, 114, 182, 0.7);
      }
      .text-pink-400\/75 {
        color: rgba(244, 114, 182, 0.75);
      }
      .text-pink-400\/80 {
        color: rgba(244, 114, 182, 0.8);
      }
      .text-pink-400\/85 {
        color: rgba(244, 114, 182, 0.85);
      }
      .text-pink-400\/90 {
        color: rgba(244, 114, 182, 0.9);
      }
      .text-pink-400\/95 {
        color: rgba(244, 114, 182, 0.95);
      }
      .text-pink-500 {
        --tw-text-opacity: 1;
        color: rgb(236 72 153 / var(--tw-text-opacity));
      }
      .text-pink-500\/0 {
        color: rgba(236, 72, 153, 0);
      }
      .text-pink-500\/10 {
        color: rgba(236, 72, 153, 0.1);
      }
      .text-pink-500\/100 {
        color: #ec4899;
      }
      .text-pink-500\/15 {
        color: rgba(236, 72, 153, 0.15);
      }
      .text-pink-500\/20 {
        color: rgba(236, 72, 153, 0.2);
      }
      .text-pink-500\/25 {
        color: rgba(236, 72, 153, 0.25);
      }
      .text-pink-500\/30 {
        color: rgba(236, 72, 153, 0.3);
      }
      .text-pink-500\/35 {
        color: rgba(236, 72, 153, 0.35);
      }
      .text-pink-500\/40 {
        color: rgba(236, 72, 153, 0.4);
      }
      .text-pink-500\/45 {
        color: rgba(236, 72, 153, 0.45);
      }
      .text-pink-500\/5 {
        color: rgba(236, 72, 153, 0.05);
      }
      .text-pink-500\/50 {
        color: rgba(236, 72, 153, 0.5);
      }
      .text-pink-500\/55 {
        color: rgba(236, 72, 153, 0.55);
      }
      .text-pink-500\/60 {
        color: rgba(236, 72, 153, 0.6);
      }
      .text-pink-500\/65 {
        color: rgba(236, 72, 153, 0.65);
      }
      .text-pink-500\/70 {
        color: rgba(236, 72, 153, 0.7);
      }
      .text-pink-500\/75 {
        color: rgba(236, 72, 153, 0.75);
      }
      .text-pink-500\/80 {
        color: rgba(236, 72, 153, 0.8);
      }
      .text-pink-500\/85 {
        color: rgba(236, 72, 153, 0.85);
      }
      .text-pink-500\/90 {
        color: rgba(236, 72, 153, 0.9);
      }
      .text-pink-500\/95 {
        color: rgba(236, 72, 153, 0.95);
      }
      .text-primary-400 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-400) / var(--tw-text-opacity));
      }
      .text-primary-400\/0 {
        color: rgb(var(--color-primary-400) / 0);
      }
      .text-primary-400\/10 {
        color: rgb(var(--color-primary-400) / 0.1);
      }
      .text-primary-400\/100 {
        color: rgb(var(--color-primary-400) / 1);
      }
      .text-primary-400\/15 {
        color: rgb(var(--color-primary-400) / 0.15);
      }
      .text-primary-400\/20 {
        color: rgb(var(--color-primary-400) / 0.2);
      }
      .text-primary-400\/25 {
        color: rgb(var(--color-primary-400) / 0.25);
      }
      .text-primary-400\/30 {
        color: rgb(var(--color-primary-400) / 0.3);
      }
      .text-primary-400\/35 {
        color: rgb(var(--color-primary-400) / 0.35);
      }
      .text-primary-400\/40 {
        color: rgb(var(--color-primary-400) / 0.4);
      }
      .text-primary-400\/45 {
        color: rgb(var(--color-primary-400) / 0.45);
      }
      .text-primary-400\/5 {
        color: rgb(var(--color-primary-400) / 0.05);
      }
      .text-primary-400\/50 {
        color: rgb(var(--color-primary-400) / 0.5);
      }
      .text-primary-400\/55 {
        color: rgb(var(--color-primary-400) / 0.55);
      }
      .text-primary-400\/60 {
        color: rgb(var(--color-primary-400) / 0.6);
      }
      .text-primary-400\/65 {
        color: rgb(var(--color-primary-400) / 0.65);
      }
      .text-primary-400\/70 {
        color: rgb(var(--color-primary-400) / 0.7);
      }
      .text-primary-400\/75 {
        color: rgb(var(--color-primary-400) / 0.75);
      }
      .text-primary-400\/80 {
        color: rgb(var(--color-primary-400) / 0.8);
      }
      .text-primary-400\/85 {
        color: rgb(var(--color-primary-400) / 0.85);
      }
      .text-primary-400\/90 {
        color: rgb(var(--color-primary-400) / 0.9);
      }
      .text-primary-400\/95 {
        color: rgb(var(--color-primary-400) / 0.95);
      }
      .text-primary-500 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
      }
      .text-primary-500\/0 {
        color: rgb(var(--color-primary-500) / 0);
      }
      .text-primary-500\/10 {
        color: rgb(var(--color-primary-500) / 0.1);
      }
      .text-primary-500\/100 {
        color: rgb(var(--color-primary-500) / 1);
      }
      .text-primary-500\/15 {
        color: rgb(var(--color-primary-500) / 0.15);
      }
      .text-primary-500\/20 {
        color: rgb(var(--color-primary-500) / 0.2);
      }
      .text-primary-500\/25 {
        color: rgb(var(--color-primary-500) / 0.25);
      }
      .text-primary-500\/30 {
        color: rgb(var(--color-primary-500) / 0.3);
      }
      .text-primary-500\/35 {
        color: rgb(var(--color-primary-500) / 0.35);
      }
      .text-primary-500\/40 {
        color: rgb(var(--color-primary-500) / 0.4);
      }
      .text-primary-500\/45 {
        color: rgb(var(--color-primary-500) / 0.45);
      }
      .text-primary-500\/5 {
        color: rgb(var(--color-primary-500) / 0.05);
      }
      .text-primary-500\/50 {
        color: rgb(var(--color-primary-500) / 0.5);
      }
      .text-primary-500\/55 {
        color: rgb(var(--color-primary-500) / 0.55);
      }
      .text-primary-500\/60 {
        color: rgb(var(--color-primary-500) / 0.6);
      }
      .text-primary-500\/65 {
        color: rgb(var(--color-primary-500) / 0.65);
      }
      .text-primary-500\/70 {
        color: rgb(var(--color-primary-500) / 0.7);
      }
      .text-primary-500\/75 {
        color: rgb(var(--color-primary-500) / 0.75);
      }
      .text-primary-500\/80 {
        color: rgb(var(--color-primary-500) / 0.8);
      }
      .text-primary-500\/85 {
        color: rgb(var(--color-primary-500) / 0.85);
      }
      .text-primary-500\/90 {
        color: rgb(var(--color-primary-500) / 0.9);
      }
      .text-primary-500\/95 {
        color: rgb(var(--color-primary-500) / 0.95);
      }
      .text-primary-600 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-600) / var(--tw-text-opacity));
      }
      .text-primary-600\/0 {
        color: rgb(var(--color-primary-600) / 0);
      }
      .text-primary-600\/10 {
        color: rgb(var(--color-primary-600) / 0.1);
      }
      .text-primary-600\/100 {
        color: rgb(var(--color-primary-600) / 1);
      }
      .text-primary-600\/15 {
        color: rgb(var(--color-primary-600) / 0.15);
      }
      .text-primary-600\/20 {
        color: rgb(var(--color-primary-600) / 0.2);
      }
      .text-primary-600\/25 {
        color: rgb(var(--color-primary-600) / 0.25);
      }
      .text-primary-600\/30 {
        color: rgb(var(--color-primary-600) / 0.3);
      }
      .text-primary-600\/35 {
        color: rgb(var(--color-primary-600) / 0.35);
      }
      .text-primary-600\/40 {
        color: rgb(var(--color-primary-600) / 0.4);
      }
      .text-primary-600\/45 {
        color: rgb(var(--color-primary-600) / 0.45);
      }
      .text-primary-600\/5 {
        color: rgb(var(--color-primary-600) / 0.05);
      }
      .text-primary-600\/50 {
        color: rgb(var(--color-primary-600) / 0.5);
      }
      .text-primary-600\/55 {
        color: rgb(var(--color-primary-600) / 0.55);
      }
      .text-primary-600\/60 {
        color: rgb(var(--color-primary-600) / 0.6);
      }
      .text-primary-600\/65 {
        color: rgb(var(--color-primary-600) / 0.65);
      }
      .text-primary-600\/70 {
        color: rgb(var(--color-primary-600) / 0.7);
      }
      .text-primary-600\/75 {
        color: rgb(var(--color-primary-600) / 0.75);
      }
      .text-primary-600\/80 {
        color: rgb(var(--color-primary-600) / 0.8);
      }
      .text-primary-600\/85 {
        color: rgb(var(--color-primary-600) / 0.85);
      }
      .text-primary-600\/90 {
        color: rgb(var(--color-primary-600) / 0.9);
      }
      .text-primary-600\/95 {
        color: rgb(var(--color-primary-600) / 0.95);
      }
      .text-purple-400 {
        --tw-text-opacity: 1;
        color: rgb(192 132 252 / var(--tw-text-opacity));
      }
      .text-purple-400\/0 {
        color: rgba(192, 132, 252, 0);
      }
      .text-purple-400\/10 {
        color: rgba(192, 132, 252, 0.1);
      }
      .text-purple-400\/100 {
        color: #c084fc;
      }
      .text-purple-400\/15 {
        color: rgba(192, 132, 252, 0.15);
      }
      .text-purple-400\/20 {
        color: rgba(192, 132, 252, 0.2);
      }
      .text-purple-400\/25 {
        color: rgba(192, 132, 252, 0.25);
      }
      .text-purple-400\/30 {
        color: rgba(192, 132, 252, 0.3);
      }
      .text-purple-400\/35 {
        color: rgba(192, 132, 252, 0.35);
      }
      .text-purple-400\/40 {
        color: rgba(192, 132, 252, 0.4);
      }
      .text-purple-400\/45 {
        color: rgba(192, 132, 252, 0.45);
      }
      .text-purple-400\/5 {
        color: rgba(192, 132, 252, 0.05);
      }
      .text-purple-400\/50 {
        color: rgba(192, 132, 252, 0.5);
      }
      .text-purple-400\/55 {
        color: rgba(192, 132, 252, 0.55);
      }
      .text-purple-400\/60 {
        color: rgba(192, 132, 252, 0.6);
      }
      .text-purple-400\/65 {
        color: rgba(192, 132, 252, 0.65);
      }
      .text-purple-400\/70 {
        color: rgba(192, 132, 252, 0.7);
      }
      .text-purple-400\/75 {
        color: rgba(192, 132, 252, 0.75);
      }
      .text-purple-400\/80 {
        color: rgba(192, 132, 252, 0.8);
      }
      .text-purple-400\/85 {
        color: rgba(192, 132, 252, 0.85);
      }
      .text-purple-400\/90 {
        color: rgba(192, 132, 252, 0.9);
      }
      .text-purple-400\/95 {
        color: rgba(192, 132, 252, 0.95);
      }
      .text-purple-500 {
        --tw-text-opacity: 1;
        color: rgb(168 85 247 / var(--tw-text-opacity));
      }
      .text-purple-500\/0 {
        color: rgba(168, 85, 247, 0);
      }
      .text-purple-500\/10 {
        color: rgba(168, 85, 247, 0.1);
      }
      .text-purple-500\/100 {
        color: #a855f7;
      }
      .text-purple-500\/15 {
        color: rgba(168, 85, 247, 0.15);
      }
      .text-purple-500\/20 {
        color: rgba(168, 85, 247, 0.2);
      }
      .text-purple-500\/25 {
        color: rgba(168, 85, 247, 0.25);
      }
      .text-purple-500\/30 {
        color: rgba(168, 85, 247, 0.3);
      }
      .text-purple-500\/35 {
        color: rgba(168, 85, 247, 0.35);
      }
      .text-purple-500\/40 {
        color: rgba(168, 85, 247, 0.4);
      }
      .text-purple-500\/45 {
        color: rgba(168, 85, 247, 0.45);
      }
      .text-purple-500\/5 {
        color: rgba(168, 85, 247, 0.05);
      }
      .text-purple-500\/50 {
        color: rgba(168, 85, 247, 0.5);
      }
      .text-purple-500\/55 {
        color: rgba(168, 85, 247, 0.55);
      }
      .text-purple-500\/60 {
        color: rgba(168, 85, 247, 0.6);
      }
      .text-purple-500\/65 {
        color: rgba(168, 85, 247, 0.65);
      }
      .text-purple-500\/70 {
        color: rgba(168, 85, 247, 0.7);
      }
      .text-purple-500\/75 {
        color: rgba(168, 85, 247, 0.75);
      }
      .text-purple-500\/80 {
        color: rgba(168, 85, 247, 0.8);
      }
      .text-purple-500\/85 {
        color: rgba(168, 85, 247, 0.85);
      }
      .text-purple-500\/90 {
        color: rgba(168, 85, 247, 0.9);
      }
      .text-purple-500\/95 {
        color: rgba(168, 85, 247, 0.95);
      }
      .text-red-400 {
        --tw-text-opacity: 1;
        color: rgb(248 113 113 / var(--tw-text-opacity));
      }
      .text-red-400\/0 {
        color: hsla(0, 91%, 71%, 0);
      }
      .text-red-400\/10 {
        color: hsla(0, 91%, 71%, 0.1);
      }
      .text-red-400\/100 {
        color: #f87171;
      }
      .text-red-400\/15 {
        color: hsla(0, 91%, 71%, 0.15);
      }
      .text-red-400\/20 {
        color: hsla(0, 91%, 71%, 0.2);
      }
      .text-red-400\/25 {
        color: hsla(0, 91%, 71%, 0.25);
      }
      .text-red-400\/30 {
        color: hsla(0, 91%, 71%, 0.3);
      }
      .text-red-400\/35 {
        color: hsla(0, 91%, 71%, 0.35);
      }
      .text-red-400\/40 {
        color: hsla(0, 91%, 71%, 0.4);
      }
      .text-red-400\/45 {
        color: hsla(0, 91%, 71%, 0.45);
      }
      .text-red-400\/5 {
        color: hsla(0, 91%, 71%, 0.05);
      }
      .text-red-400\/50 {
        color: hsla(0, 91%, 71%, 0.5);
      }
      .text-red-400\/55 {
        color: hsla(0, 91%, 71%, 0.55);
      }
      .text-red-400\/60 {
        color: hsla(0, 91%, 71%, 0.6);
      }
      .text-red-400\/65 {
        color: hsla(0, 91%, 71%, 0.65);
      }
      .text-red-400\/70 {
        color: hsla(0, 91%, 71%, 0.7);
      }
      .text-red-400\/75 {
        color: hsla(0, 91%, 71%, 0.75);
      }
      .text-red-400\/80 {
        color: hsla(0, 91%, 71%, 0.8);
      }
      .text-red-400\/85 {
        color: hsla(0, 91%, 71%, 0.85);
      }
      .text-red-400\/90 {
        color: hsla(0, 91%, 71%, 0.9);
      }
      .text-red-400\/95 {
        color: hsla(0, 91%, 71%, 0.95);
      }
      .text-red-500 {
        --tw-text-opacity: 1;
        color: rgb(239 68 68 / var(--tw-text-opacity));
      }
      .text-red-500\/0 {
        color: rgba(239, 68, 68, 0);
      }
      .text-red-500\/10 {
        color: rgba(239, 68, 68, 0.1);
      }
      .text-red-500\/100 {
        color: #ef4444;
      }
      .text-red-500\/15 {
        color: rgba(239, 68, 68, 0.15);
      }
      .text-red-500\/20 {
        color: rgba(239, 68, 68, 0.2);
      }
      .text-red-500\/25 {
        color: rgba(239, 68, 68, 0.25);
      }
      .text-red-500\/30 {
        color: rgba(239, 68, 68, 0.3);
      }
      .text-red-500\/35 {
        color: rgba(239, 68, 68, 0.35);
      }
      .text-red-500\/40 {
        color: rgba(239, 68, 68, 0.4);
      }
      .text-red-500\/45 {
        color: rgba(239, 68, 68, 0.45);
      }
      .text-red-500\/5 {
        color: rgba(239, 68, 68, 0.05);
      }
      .text-red-500\/50 {
        color: rgba(239, 68, 68, 0.5);
      }
      .text-red-500\/55 {
        color: rgba(239, 68, 68, 0.55);
      }
      .text-red-500\/60 {
        color: rgba(239, 68, 68, 0.6);
      }
      .text-red-500\/65 {
        color: rgba(239, 68, 68, 0.65);
      }
      .text-red-500\/70 {
        color: rgba(239, 68, 68, 0.7);
      }
      .text-red-500\/75 {
        color: rgba(239, 68, 68, 0.75);
      }
      .text-red-500\/80 {
        color: rgba(239, 68, 68, 0.8);
      }
      .text-red-500\/85 {
        color: rgba(239, 68, 68, 0.85);
      }
      .text-red-500\/90 {
        color: rgba(239, 68, 68, 0.9);
      }
      .text-red-500\/95 {
        color: rgba(239, 68, 68, 0.95);
      }
      .text-rose-400 {
        --tw-text-opacity: 1;
        color: rgb(251 113 133 / var(--tw-text-opacity));
      }
      .text-rose-400\/0 {
        color: rgba(251, 113, 133, 0);
      }
      .text-rose-400\/10 {
        color: rgba(251, 113, 133, 0.1);
      }
      .text-rose-400\/100 {
        color: #fb7185;
      }
      .text-rose-400\/15 {
        color: rgba(251, 113, 133, 0.15);
      }
      .text-rose-400\/20 {
        color: rgba(251, 113, 133, 0.2);
      }
      .text-rose-400\/25 {
        color: rgba(251, 113, 133, 0.25);
      }
      .text-rose-400\/30 {
        color: rgba(251, 113, 133, 0.3);
      }
      .text-rose-400\/35 {
        color: rgba(251, 113, 133, 0.35);
      }
      .text-rose-400\/40 {
        color: rgba(251, 113, 133, 0.4);
      }
      .text-rose-400\/45 {
        color: rgba(251, 113, 133, 0.45);
      }
      .text-rose-400\/5 {
        color: rgba(251, 113, 133, 0.05);
      }
      .text-rose-400\/50 {
        color: rgba(251, 113, 133, 0.5);
      }
      .text-rose-400\/55 {
        color: rgba(251, 113, 133, 0.55);
      }
      .text-rose-400\/60 {
        color: rgba(251, 113, 133, 0.6);
      }
      .text-rose-400\/65 {
        color: rgba(251, 113, 133, 0.65);
      }
      .text-rose-400\/70 {
        color: rgba(251, 113, 133, 0.7);
      }
      .text-rose-400\/75 {
        color: rgba(251, 113, 133, 0.75);
      }
      .text-rose-400\/80 {
        color: rgba(251, 113, 133, 0.8);
      }
      .text-rose-400\/85 {
        color: rgba(251, 113, 133, 0.85);
      }
      .text-rose-400\/90 {
        color: rgba(251, 113, 133, 0.9);
      }
      .text-rose-400\/95 {
        color: rgba(251, 113, 133, 0.95);
      }
      .text-rose-500 {
        --tw-text-opacity: 1;
        color: rgb(244 63 94 / var(--tw-text-opacity));
      }
      .text-rose-500\/0 {
        color: rgba(244, 63, 94, 0);
      }
      .text-rose-500\/10 {
        color: rgba(244, 63, 94, 0.1);
      }
      .text-rose-500\/100 {
        color: #f43f5e;
      }
      .text-rose-500\/15 {
        color: rgba(244, 63, 94, 0.15);
      }
      .text-rose-500\/20 {
        color: rgba(244, 63, 94, 0.2);
      }
      .text-rose-500\/25 {
        color: rgba(244, 63, 94, 0.25);
      }
      .text-rose-500\/30 {
        color: rgba(244, 63, 94, 0.3);
      }
      .text-rose-500\/35 {
        color: rgba(244, 63, 94, 0.35);
      }
      .text-rose-500\/40 {
        color: rgba(244, 63, 94, 0.4);
      }
      .text-rose-500\/45 {
        color: rgba(244, 63, 94, 0.45);
      }
      .text-rose-500\/5 {
        color: rgba(244, 63, 94, 0.05);
      }
      .text-rose-500\/50 {
        color: rgba(244, 63, 94, 0.5);
      }
      .text-rose-500\/55 {
        color: rgba(244, 63, 94, 0.55);
      }
      .text-rose-500\/60 {
        color: rgba(244, 63, 94, 0.6);
      }
      .text-rose-500\/65 {
        color: rgba(244, 63, 94, 0.65);
      }
      .text-rose-500\/70 {
        color: rgba(244, 63, 94, 0.7);
      }
      .text-rose-500\/75 {
        color: rgba(244, 63, 94, 0.75);
      }
      .text-rose-500\/80 {
        color: rgba(244, 63, 94, 0.8);
      }
      .text-rose-500\/85 {
        color: rgba(244, 63, 94, 0.85);
      }
      .text-rose-500\/90 {
        color: rgba(244, 63, 94, 0.9);
      }
      .text-rose-500\/95 {
        color: rgba(244, 63, 94, 0.95);
      }
      .text-sky-400 {
        --tw-text-opacity: 1;
        color: rgb(56 189 248 / var(--tw-text-opacity));
      }
      .text-sky-400\/0 {
        color: rgba(56, 189, 248, 0);
      }
      .text-sky-400\/10 {
        color: rgba(56, 189, 248, 0.1);
      }
      .text-sky-400\/100 {
        color: #38bdf8;
      }
      .text-sky-400\/15 {
        color: rgba(56, 189, 248, 0.15);
      }
      .text-sky-400\/20 {
        color: rgba(56, 189, 248, 0.2);
      }
      .text-sky-400\/25 {
        color: rgba(56, 189, 248, 0.25);
      }
      .text-sky-400\/30 {
        color: rgba(56, 189, 248, 0.3);
      }
      .text-sky-400\/35 {
        color: rgba(56, 189, 248, 0.35);
      }
      .text-sky-400\/40 {
        color: rgba(56, 189, 248, 0.4);
      }
      .text-sky-400\/45 {
        color: rgba(56, 189, 248, 0.45);
      }
      .text-sky-400\/5 {
        color: rgba(56, 189, 248, 0.05);
      }
      .text-sky-400\/50 {
        color: rgba(56, 189, 248, 0.5);
      }
      .text-sky-400\/55 {
        color: rgba(56, 189, 248, 0.55);
      }
      .text-sky-400\/60 {
        color: rgba(56, 189, 248, 0.6);
      }
      .text-sky-400\/65 {
        color: rgba(56, 189, 248, 0.65);
      }
      .text-sky-400\/70 {
        color: rgba(56, 189, 248, 0.7);
      }
      .text-sky-400\/75 {
        color: rgba(56, 189, 248, 0.75);
      }
      .text-sky-400\/80 {
        color: rgba(56, 189, 248, 0.8);
      }
      .text-sky-400\/85 {
        color: rgba(56, 189, 248, 0.85);
      }
      .text-sky-400\/90 {
        color: rgba(56, 189, 248, 0.9);
      }
      .text-sky-400\/95 {
        color: rgba(56, 189, 248, 0.95);
      }
      .text-sky-500 {
        --tw-text-opacity: 1;
        color: rgb(14 165 233 / var(--tw-text-opacity));
      }
      .text-sky-500\/0 {
        color: rgba(14, 165, 233, 0);
      }
      .text-sky-500\/10 {
        color: rgba(14, 165, 233, 0.1);
      }
      .text-sky-500\/100 {
        color: #0ea5e9;
      }
      .text-sky-500\/15 {
        color: rgba(14, 165, 233, 0.15);
      }
      .text-sky-500\/20 {
        color: rgba(14, 165, 233, 0.2);
      }
      .text-sky-500\/25 {
        color: rgba(14, 165, 233, 0.25);
      }
      .text-sky-500\/30 {
        color: rgba(14, 165, 233, 0.3);
      }
      .text-sky-500\/35 {
        color: rgba(14, 165, 233, 0.35);
      }
      .text-sky-500\/40 {
        color: rgba(14, 165, 233, 0.4);
      }
      .text-sky-500\/45 {
        color: rgba(14, 165, 233, 0.45);
      }
      .text-sky-500\/5 {
        color: rgba(14, 165, 233, 0.05);
      }
      .text-sky-500\/50 {
        color: rgba(14, 165, 233, 0.5);
      }
      .text-sky-500\/55 {
        color: rgba(14, 165, 233, 0.55);
      }
      .text-sky-500\/60 {
        color: rgba(14, 165, 233, 0.6);
      }
      .text-sky-500\/65 {
        color: rgba(14, 165, 233, 0.65);
      }
      .text-sky-500\/70 {
        color: rgba(14, 165, 233, 0.7);
      }
      .text-sky-500\/75 {
        color: rgba(14, 165, 233, 0.75);
      }
      .text-sky-500\/80 {
        color: rgba(14, 165, 233, 0.8);
      }
      .text-sky-500\/85 {
        color: rgba(14, 165, 233, 0.85);
      }
      .text-sky-500\/90 {
        color: rgba(14, 165, 233, 0.9);
      }
      .text-sky-500\/95 {
        color: rgba(14, 165, 233, 0.95);
      }
      .text-teal-400 {
        --tw-text-opacity: 1;
        color: rgb(45 212 191 / var(--tw-text-opacity));
      }
      .text-teal-400\/0 {
        color: rgba(45, 212, 191, 0);
      }
      .text-teal-400\/10 {
        color: rgba(45, 212, 191, 0.1);
      }
      .text-teal-400\/100 {
        color: #2dd4bf;
      }
      .text-teal-400\/15 {
        color: rgba(45, 212, 191, 0.15);
      }
      .text-teal-400\/20 {
        color: rgba(45, 212, 191, 0.2);
      }
      .text-teal-400\/25 {
        color: rgba(45, 212, 191, 0.25);
      }
      .text-teal-400\/30 {
        color: rgba(45, 212, 191, 0.3);
      }
      .text-teal-400\/35 {
        color: rgba(45, 212, 191, 0.35);
      }
      .text-teal-400\/40 {
        color: rgba(45, 212, 191, 0.4);
      }
      .text-teal-400\/45 {
        color: rgba(45, 212, 191, 0.45);
      }
      .text-teal-400\/5 {
        color: rgba(45, 212, 191, 0.05);
      }
      .text-teal-400\/50 {
        color: rgba(45, 212, 191, 0.5);
      }
      .text-teal-400\/55 {
        color: rgba(45, 212, 191, 0.55);
      }
      .text-teal-400\/60 {
        color: rgba(45, 212, 191, 0.6);
      }
      .text-teal-400\/65 {
        color: rgba(45, 212, 191, 0.65);
      }
      .text-teal-400\/70 {
        color: rgba(45, 212, 191, 0.7);
      }
      .text-teal-400\/75 {
        color: rgba(45, 212, 191, 0.75);
      }
      .text-teal-400\/80 {
        color: rgba(45, 212, 191, 0.8);
      }
      .text-teal-400\/85 {
        color: rgba(45, 212, 191, 0.85);
      }
      .text-teal-400\/90 {
        color: rgba(45, 212, 191, 0.9);
      }
      .text-teal-400\/95 {
        color: rgba(45, 212, 191, 0.95);
      }
      .text-teal-500 {
        --tw-text-opacity: 1;
        color: rgb(20 184 166 / var(--tw-text-opacity));
      }
      .text-teal-500\/0 {
        color: rgba(20, 184, 166, 0);
      }
      .text-teal-500\/10 {
        color: rgba(20, 184, 166, 0.1);
      }
      .text-teal-500\/100 {
        color: #14b8a6;
      }
      .text-teal-500\/15 {
        color: rgba(20, 184, 166, 0.15);
      }
      .text-teal-500\/20 {
        color: rgba(20, 184, 166, 0.2);
      }
      .text-teal-500\/25 {
        color: rgba(20, 184, 166, 0.25);
      }
      .text-teal-500\/30 {
        color: rgba(20, 184, 166, 0.3);
      }
      .text-teal-500\/35 {
        color: rgba(20, 184, 166, 0.35);
      }
      .text-teal-500\/40 {
        color: rgba(20, 184, 166, 0.4);
      }
      .text-teal-500\/45 {
        color: rgba(20, 184, 166, 0.45);
      }
      .text-teal-500\/5 {
        color: rgba(20, 184, 166, 0.05);
      }
      .text-teal-500\/50 {
        color: rgba(20, 184, 166, 0.5);
      }
      .text-teal-500\/55 {
        color: rgba(20, 184, 166, 0.55);
      }
      .text-teal-500\/60 {
        color: rgba(20, 184, 166, 0.6);
      }
      .text-teal-500\/65 {
        color: rgba(20, 184, 166, 0.65);
      }
      .text-teal-500\/70 {
        color: rgba(20, 184, 166, 0.7);
      }
      .text-teal-500\/75 {
        color: rgba(20, 184, 166, 0.75);
      }
      .text-teal-500\/80 {
        color: rgba(20, 184, 166, 0.8);
      }
      .text-teal-500\/85 {
        color: rgba(20, 184, 166, 0.85);
      }
      .text-teal-500\/90 {
        color: rgba(20, 184, 166, 0.9);
      }
      .text-teal-500\/95 {
        color: rgba(20, 184, 166, 0.95);
      }
      .text-violet-400 {
        --tw-text-opacity: 1;
        color: rgb(167 139 250 / var(--tw-text-opacity));
      }
      .text-violet-400\/0 {
        color: rgba(167, 139, 250, 0);
      }
      .text-violet-400\/10 {
        color: rgba(167, 139, 250, 0.1);
      }
      .text-violet-400\/100 {
        color: #a78bfa;
      }
      .text-violet-400\/15 {
        color: rgba(167, 139, 250, 0.15);
      }
      .text-violet-400\/20 {
        color: rgba(167, 139, 250, 0.2);
      }
      .text-violet-400\/25 {
        color: rgba(167, 139, 250, 0.25);
      }
      .text-violet-400\/30 {
        color: rgba(167, 139, 250, 0.3);
      }
      .text-violet-400\/35 {
        color: rgba(167, 139, 250, 0.35);
      }
      .text-violet-400\/40 {
        color: rgba(167, 139, 250, 0.4);
      }
      .text-violet-400\/45 {
        color: rgba(167, 139, 250, 0.45);
      }
      .text-violet-400\/5 {
        color: rgba(167, 139, 250, 0.05);
      }
      .text-violet-400\/50 {
        color: rgba(167, 139, 250, 0.5);
      }
      .text-violet-400\/55 {
        color: rgba(167, 139, 250, 0.55);
      }
      .text-violet-400\/60 {
        color: rgba(167, 139, 250, 0.6);
      }
      .text-violet-400\/65 {
        color: rgba(167, 139, 250, 0.65);
      }
      .text-violet-400\/70 {
        color: rgba(167, 139, 250, 0.7);
      }
      .text-violet-400\/75 {
        color: rgba(167, 139, 250, 0.75);
      }
      .text-violet-400\/80 {
        color: rgba(167, 139, 250, 0.8);
      }
      .text-violet-400\/85 {
        color: rgba(167, 139, 250, 0.85);
      }
      .text-violet-400\/90 {
        color: rgba(167, 139, 250, 0.9);
      }
      .text-violet-400\/95 {
        color: rgba(167, 139, 250, 0.95);
      }
      .text-violet-500 {
        --tw-text-opacity: 1;
        color: rgb(139 92 246 / var(--tw-text-opacity));
      }
      .text-violet-500\/0 {
        color: rgba(139, 92, 246, 0);
      }
      .text-violet-500\/10 {
        color: rgba(139, 92, 246, 0.1);
      }
      .text-violet-500\/100 {
        color: #8b5cf6;
      }
      .text-violet-500\/15 {
        color: rgba(139, 92, 246, 0.15);
      }
      .text-violet-500\/20 {
        color: rgba(139, 92, 246, 0.2);
      }
      .text-violet-500\/25 {
        color: rgba(139, 92, 246, 0.25);
      }
      .text-violet-500\/30 {
        color: rgba(139, 92, 246, 0.3);
      }
      .text-violet-500\/35 {
        color: rgba(139, 92, 246, 0.35);
      }
      .text-violet-500\/40 {
        color: rgba(139, 92, 246, 0.4);
      }
      .text-violet-500\/45 {
        color: rgba(139, 92, 246, 0.45);
      }
      .text-violet-500\/5 {
        color: rgba(139, 92, 246, 0.05);
      }
      .text-violet-500\/50 {
        color: rgba(139, 92, 246, 0.5);
      }
      .text-violet-500\/55 {
        color: rgba(139, 92, 246, 0.55);
      }
      .text-violet-500\/60 {
        color: rgba(139, 92, 246, 0.6);
      }
      .text-violet-500\/65 {
        color: rgba(139, 92, 246, 0.65);
      }
      .text-violet-500\/70 {
        color: rgba(139, 92, 246, 0.7);
      }
      .text-violet-500\/75 {
        color: rgba(139, 92, 246, 0.75);
      }
      .text-violet-500\/80 {
        color: rgba(139, 92, 246, 0.8);
      }
      .text-violet-500\/85 {
        color: rgba(139, 92, 246, 0.85);
      }
      .text-violet-500\/90 {
        color: rgba(139, 92, 246, 0.9);
      }
      .text-violet-500\/95 {
        color: rgba(139, 92, 246, 0.95);
      }
      .text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }
      .text-yellow-400 {
        --tw-text-opacity: 1;
        color: rgb(250 204 21 / var(--tw-text-opacity));
      }
      .text-yellow-400\/0 {
        color: rgba(250, 204, 21, 0);
      }
      .text-yellow-400\/10 {
        color: rgba(250, 204, 21, 0.1);
      }
      .text-yellow-400\/100 {
        color: #facc15;
      }
      .text-yellow-400\/15 {
        color: rgba(250, 204, 21, 0.15);
      }
      .text-yellow-400\/20 {
        color: rgba(250, 204, 21, 0.2);
      }
      .text-yellow-400\/25 {
        color: rgba(250, 204, 21, 0.25);
      }
      .text-yellow-400\/30 {
        color: rgba(250, 204, 21, 0.3);
      }
      .text-yellow-400\/35 {
        color: rgba(250, 204, 21, 0.35);
      }
      .text-yellow-400\/40 {
        color: rgba(250, 204, 21, 0.4);
      }
      .text-yellow-400\/45 {
        color: rgba(250, 204, 21, 0.45);
      }
      .text-yellow-400\/5 {
        color: rgba(250, 204, 21, 0.05);
      }
      .text-yellow-400\/50 {
        color: rgba(250, 204, 21, 0.5);
      }
      .text-yellow-400\/55 {
        color: rgba(250, 204, 21, 0.55);
      }
      .text-yellow-400\/60 {
        color: rgba(250, 204, 21, 0.6);
      }
      .text-yellow-400\/65 {
        color: rgba(250, 204, 21, 0.65);
      }
      .text-yellow-400\/70 {
        color: rgba(250, 204, 21, 0.7);
      }
      .text-yellow-400\/75 {
        color: rgba(250, 204, 21, 0.75);
      }
      .text-yellow-400\/80 {
        color: rgba(250, 204, 21, 0.8);
      }
      .text-yellow-400\/85 {
        color: rgba(250, 204, 21, 0.85);
      }
      .text-yellow-400\/90 {
        color: rgba(250, 204, 21, 0.9);
      }
      .text-yellow-400\/95 {
        color: rgba(250, 204, 21, 0.95);
      }
      .text-yellow-500 {
        --tw-text-opacity: 1;
        color: rgb(234 179 8 / var(--tw-text-opacity));
      }
      .text-yellow-500\/0 {
        color: rgba(234, 179, 8, 0);
      }
      .text-yellow-500\/10 {
        color: rgba(234, 179, 8, 0.1);
      }
      .text-yellow-500\/100 {
        color: #eab308;
      }
      .text-yellow-500\/15 {
        color: rgba(234, 179, 8, 0.15);
      }
      .text-yellow-500\/20 {
        color: rgba(234, 179, 8, 0.2);
      }
      .text-yellow-500\/25 {
        color: rgba(234, 179, 8, 0.25);
      }
      .text-yellow-500\/30 {
        color: rgba(234, 179, 8, 0.3);
      }
      .text-yellow-500\/35 {
        color: rgba(234, 179, 8, 0.35);
      }
      .text-yellow-500\/40 {
        color: rgba(234, 179, 8, 0.4);
      }
      .text-yellow-500\/45 {
        color: rgba(234, 179, 8, 0.45);
      }
      .text-yellow-500\/5 {
        color: rgba(234, 179, 8, 0.05);
      }
      .text-yellow-500\/50 {
        color: rgba(234, 179, 8, 0.5);
      }
      .text-yellow-500\/55 {
        color: rgba(234, 179, 8, 0.55);
      }
      .text-yellow-500\/60 {
        color: rgba(234, 179, 8, 0.6);
      }
      .text-yellow-500\/65 {
        color: rgba(234, 179, 8, 0.65);
      }
      .text-yellow-500\/70 {
        color: rgba(234, 179, 8, 0.7);
      }
      .text-yellow-500\/75 {
        color: rgba(234, 179, 8, 0.75);
      }
      .text-yellow-500\/80 {
        color: rgba(234, 179, 8, 0.8);
      }
      .text-yellow-500\/85 {
        color: rgba(234, 179, 8, 0.85);
      }
      .text-yellow-500\/90 {
        color: rgba(234, 179, 8, 0.9);
      }
      .text-yellow-500\/95 {
        color: rgba(234, 179, 8, 0.95);
      }
      .underline {
        text-decoration-line: underline;
      }
      .underline-offset-4 {
        text-underline-offset: 4px;
      }
      .placeholder-gray-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(var(--color-gray-400) / var(--tw-placeholder-opacity));
      }
      .placeholder-gray-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(var(--color-gray-400) / var(--tw-placeholder-opacity));
      }
      .opacity-0 {
        opacity: 0;
      }
      .opacity-100 {
        opacity: 1;
      }
      .opacity-50 {
        opacity: 0.5;
      }
      .opacity-90 {
        opacity: 0.9;
      }
      .mix-blend-overlay {
        mix-blend-mode: overlay;
      }
      .shadow {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
          0 1px 2px -1px rgba(0, 0, 0, 0.1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
          0 1px 2px -1px var(--tw-shadow-color);
      }
      .shadow,
      .shadow-lg {
        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 rgba(0, 0, 0, 0.1),
          0 4px 6px -4px rgba(0, 0, 0, 0.1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
          0 4px 6px -4px var(--tw-shadow-color);
      }
      .shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      }
      .shadow-sm,
      .shadow-xl {
        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 rgba(0, 0, 0, 0.1),
          0 8px 10px -6px rgba(0, 0, 0, 0.1);
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
          0 8px 10px -6px var(--tw-shadow-color);
      }
      .outline {
        outline-style: solid;
      }
      .outline-primary-400 {
        outline-color: rgb(var(--color-primary-400) / 1);
      }
      .outline-primary-400\/0 {
        outline-color: rgb(var(--color-primary-400) / 0);
      }
      .outline-primary-400\/10 {
        outline-color: rgb(var(--color-primary-400) / 0.1);
      }
      .outline-primary-400\/100 {
        outline-color: rgb(var(--color-primary-400) / 1);
      }
      .outline-primary-400\/15 {
        outline-color: rgb(var(--color-primary-400) / 0.15);
      }
      .outline-primary-400\/20 {
        outline-color: rgb(var(--color-primary-400) / 0.2);
      }
      .outline-primary-400\/25 {
        outline-color: rgb(var(--color-primary-400) / 0.25);
      }
      .outline-primary-400\/30 {
        outline-color: rgb(var(--color-primary-400) / 0.3);
      }
      .outline-primary-400\/35 {
        outline-color: rgb(var(--color-primary-400) / 0.35);
      }
      .outline-primary-400\/40 {
        outline-color: rgb(var(--color-primary-400) / 0.4);
      }
      .outline-primary-400\/45 {
        outline-color: rgb(var(--color-primary-400) / 0.45);
      }
      .outline-primary-400\/5 {
        outline-color: rgb(var(--color-primary-400) / 0.05);
      }
      .outline-primary-400\/50 {
        outline-color: rgb(var(--color-primary-400) / 0.5);
      }
      .outline-primary-400\/55 {
        outline-color: rgb(var(--color-primary-400) / 0.55);
      }
      .outline-primary-400\/60 {
        outline-color: rgb(var(--color-primary-400) / 0.6);
      }
      .outline-primary-400\/65 {
        outline-color: rgb(var(--color-primary-400) / 0.65);
      }
      .outline-primary-400\/70 {
        outline-color: rgb(var(--color-primary-400) / 0.7);
      }
      .outline-primary-400\/75 {
        outline-color: rgb(var(--color-primary-400) / 0.75);
      }
      .outline-primary-400\/80 {
        outline-color: rgb(var(--color-primary-400) / 0.8);
      }
      .outline-primary-400\/85 {
        outline-color: rgb(var(--color-primary-400) / 0.85);
      }
      .outline-primary-400\/90 {
        outline-color: rgb(var(--color-primary-400) / 0.9);
      }
      .outline-primary-400\/95 {
        outline-color: rgb(var(--color-primary-400) / 0.95);
      }
      .outline-primary-500 {
        outline-color: rgb(var(--color-primary-500) / 1);
      }
      .outline-primary-500\/0 {
        outline-color: rgb(var(--color-primary-500) / 0);
      }
      .outline-primary-500\/10 {
        outline-color: rgb(var(--color-primary-500) / 0.1);
      }
      .outline-primary-500\/100 {
        outline-color: rgb(var(--color-primary-500) / 1);
      }
      .outline-primary-500\/15 {
        outline-color: rgb(var(--color-primary-500) / 0.15);
      }
      .outline-primary-500\/20 {
        outline-color: rgb(var(--color-primary-500) / 0.2);
      }
      .outline-primary-500\/25 {
        outline-color: rgb(var(--color-primary-500) / 0.25);
      }
      .outline-primary-500\/30 {
        outline-color: rgb(var(--color-primary-500) / 0.3);
      }
      .outline-primary-500\/35 {
        outline-color: rgb(var(--color-primary-500) / 0.35);
      }
      .outline-primary-500\/40 {
        outline-color: rgb(var(--color-primary-500) / 0.4);
      }
      .outline-primary-500\/45 {
        outline-color: rgb(var(--color-primary-500) / 0.45);
      }
      .outline-primary-500\/5 {
        outline-color: rgb(var(--color-primary-500) / 0.05);
      }
      .outline-primary-500\/50 {
        outline-color: rgb(var(--color-primary-500) / 0.5);
      }
      .outline-primary-500\/55 {
        outline-color: rgb(var(--color-primary-500) / 0.55);
      }
      .outline-primary-500\/60 {
        outline-color: rgb(var(--color-primary-500) / 0.6);
      }
      .outline-primary-500\/65 {
        outline-color: rgb(var(--color-primary-500) / 0.65);
      }
      .outline-primary-500\/70 {
        outline-color: rgb(var(--color-primary-500) / 0.7);
      }
      .outline-primary-500\/75 {
        outline-color: rgb(var(--color-primary-500) / 0.75);
      }
      .outline-primary-500\/80 {
        outline-color: rgb(var(--color-primary-500) / 0.8);
      }
      .outline-primary-500\/85 {
        outline-color: rgb(var(--color-primary-500) / 0.85);
      }
      .outline-primary-500\/90 {
        outline-color: rgb(var(--color-primary-500) / 0.9);
      }
      .outline-primary-500\/95 {
        outline-color: rgb(var(--color-primary-500) / 0.95);
      }
      .ring {
        --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);
      }
      .ring,
      .ring-0 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
          var(--tw-shadow, 0 0 #0000);
      }
      .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(var(--tw-ring-offset-width)) var(--tw-ring-color);
      }
      .ring-1 {
        --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      }
      .ring-1,
      .ring-2 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
          var(--tw-shadow, 0 0 #0000);
      }
      .ring-2 {
        --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);
      }
      .ring-inset {
        --tw-ring-inset: inset;
      }
      .ring-current {
        --tw-ring-color: currentColor;
      }
      .ring-gray-200 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-200) / var(--tw-ring-opacity));
      }
      .ring-gray-300 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-300) / var(--tw-ring-opacity));
      }
      .ring-primary-400 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-400) / var(--tw-ring-opacity));
      }
      .ring-primary-400\/0 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0);
      }
      .ring-primary-400\/10 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.1);
      }
      .ring-primary-400\/100 {
        --tw-ring-color: rgb(var(--color-primary-400) / 1);
      }
      .ring-primary-400\/15 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.15);
      }
      .ring-primary-400\/20 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.2);
      }
      .ring-primary-400\/25 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.25);
      }
      .ring-primary-400\/30 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.3);
      }
      .ring-primary-400\/35 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.35);
      }
      .ring-primary-400\/40 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.4);
      }
      .ring-primary-400\/45 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.45);
      }
      .ring-primary-400\/5 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.05);
      }
      .ring-primary-400\/50 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.5);
      }
      .ring-primary-400\/55 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.55);
      }
      .ring-primary-400\/60 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.6);
      }
      .ring-primary-400\/65 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.65);
      }
      .ring-primary-400\/70 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.7);
      }
      .ring-primary-400\/75 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.75);
      }
      .ring-primary-400\/80 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.8);
      }
      .ring-primary-400\/85 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.85);
      }
      .ring-primary-400\/90 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.9);
      }
      .ring-primary-400\/95 {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.95);
      }
      .ring-primary-500 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity));
      }
      .ring-primary-500\/0 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0);
      }
      .ring-primary-500\/10 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.1);
      }
      .ring-primary-500\/100 {
        --tw-ring-color: rgb(var(--color-primary-500) / 1);
      }
      .ring-primary-500\/15 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.15);
      }
      .ring-primary-500\/20 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.2);
      }
      .ring-primary-500\/25 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.25);
      }
      .ring-primary-500\/30 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.3);
      }
      .ring-primary-500\/35 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.35);
      }
      .ring-primary-500\/40 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.4);
      }
      .ring-primary-500\/45 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.45);
      }
      .ring-primary-500\/5 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.05);
      }
      .ring-primary-500\/50 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.5);
      }
      .ring-primary-500\/55 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.55);
      }
      .ring-primary-500\/60 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.6);
      }
      .ring-primary-500\/65 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.65);
      }
      .ring-primary-500\/70 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.7);
      }
      .ring-primary-500\/75 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.75);
      }
      .ring-primary-500\/80 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.8);
      }
      .ring-primary-500\/85 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.85);
      }
      .ring-primary-500\/90 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.9);
      }
      .ring-primary-500\/95 {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.95);
      }
      .ring-red-400 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
      }
      .ring-red-400\/0 {
        --tw-ring-color: hsla(0, 91%, 71%, 0);
      }
      .ring-red-400\/10 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.1);
      }
      .ring-red-400\/100 {
        --tw-ring-color: #f87171;
      }
      .ring-red-400\/15 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.15);
      }
      .ring-red-400\/20 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.2);
      }
      .ring-red-400\/25 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.25);
      }
      .ring-red-400\/30 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.3);
      }
      .ring-red-400\/35 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.35);
      }
      .ring-red-400\/40 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.4);
      }
      .ring-red-400\/45 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.45);
      }
      .ring-red-400\/5 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.05);
      }
      .ring-red-400\/50 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.5);
      }
      .ring-red-400\/55 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.55);
      }
      .ring-red-400\/60 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.6);
      }
      .ring-red-400\/65 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.65);
      }
      .ring-red-400\/70 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.7);
      }
      .ring-red-400\/75 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.75);
      }
      .ring-red-400\/80 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.8);
      }
      .ring-red-400\/85 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.85);
      }
      .ring-red-400\/90 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.9);
      }
      .ring-red-400\/95 {
        --tw-ring-color: hsla(0, 91%, 71%, 0.95);
      }
      .ring-red-500 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
      }
      .ring-red-500\/0 {
        --tw-ring-color: rgba(239, 68, 68, 0);
      }
      .ring-red-500\/10 {
        --tw-ring-color: rgba(239, 68, 68, 0.1);
      }
      .ring-red-500\/100 {
        --tw-ring-color: #ef4444;
      }
      .ring-red-500\/15 {
        --tw-ring-color: rgba(239, 68, 68, 0.15);
      }
      .ring-red-500\/20 {
        --tw-ring-color: rgba(239, 68, 68, 0.2);
      }
      .ring-red-500\/25 {
        --tw-ring-color: rgba(239, 68, 68, 0.25);
      }
      .ring-red-500\/30 {
        --tw-ring-color: rgba(239, 68, 68, 0.3);
      }
      .ring-red-500\/35 {
        --tw-ring-color: rgba(239, 68, 68, 0.35);
      }
      .ring-red-500\/40 {
        --tw-ring-color: rgba(239, 68, 68, 0.4);
      }
      .ring-red-500\/45 {
        --tw-ring-color: rgba(239, 68, 68, 0.45);
      }
      .ring-red-500\/5 {
        --tw-ring-color: rgba(239, 68, 68, 0.05);
      }
      .ring-red-500\/50 {
        --tw-ring-color: rgba(239, 68, 68, 0.5);
      }
      .ring-red-500\/55 {
        --tw-ring-color: rgba(239, 68, 68, 0.55);
      }
      .ring-red-500\/60 {
        --tw-ring-color: rgba(239, 68, 68, 0.6);
      }
      .ring-red-500\/65 {
        --tw-ring-color: rgba(239, 68, 68, 0.65);
      }
      .ring-red-500\/70 {
        --tw-ring-color: rgba(239, 68, 68, 0.7);
      }
      .ring-red-500\/75 {
        --tw-ring-color: rgba(239, 68, 68, 0.75);
      }
      .ring-red-500\/80 {
        --tw-ring-color: rgba(239, 68, 68, 0.8);
      }
      .ring-red-500\/85 {
        --tw-ring-color: rgba(239, 68, 68, 0.85);
      }
      .ring-red-500\/90 {
        --tw-ring-color: rgba(239, 68, 68, 0.9);
      }
      .ring-red-500\/95 {
        --tw-ring-color: rgba(239, 68, 68, 0.95);
      }
      .ring-white {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
      }
      .ring-opacity-25 {
        --tw-ring-opacity: 0.25;
      }
      .blur {
        --tw-blur: blur(8px);
      }
      .blur,
      .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);
      }
      .transition {
        transition-duration: 0.15s;
        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(0.4, 0, 0.2, 1);
      }
      .transition-\[height\] {
        transition-duration: 0.15s;
        transition-property: height;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .transition-all {
        transition-duration: 0.15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .transition-colors {
        transition-duration: 0.15s;
        transition-property: color, background-color, border-color,
          text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .transition-opacity {
        transition-duration: 0.15s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .transition-transform {
        transition-duration: 0.15s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .duration-100 {
        transition-duration: 0.1s;
      }
      .duration-150 {
        transition-duration: 0.15s;
      }
      .duration-200 {
        transition-duration: 0.2s;
      }
      .duration-300 {
        transition-duration: 0.3s;
      }
      .duration-500 {
        transition-duration: 0.5s;
      }
      .duration-75 {
        transition-duration: 75ms;
      }
      .ease-in {
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
      }
      .ease-in-out {
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .ease-out {
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      }
      .content-\[\"\"\] {
        --tw-content: "";
        content: var(--tw-content);
      }
      .rtl\:i-heroicons-chevron-left-20-solid:where(
          [dir="rtl"],
          [dir="rtl"] *
        ) {
        background-color: currentColor;
        display: inline-block;
        height: 1em;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 1em;
        --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
      }
      .file\:mr-1::file-selector-button {
        margin-right: 0.25rem;
      }
      .file\:mr-1\.5::file-selector-button {
        margin-right: 0.375rem;
      }
      .file\:border-0::file-selector-button {
        border-width: 0;
      }
      .file\:bg-transparent::file-selector-button {
        background-color: transparent;
      }
      .file\:p-0::file-selector-button {
        padding: 0;
      }
      .file\:font-medium::file-selector-button {
        font-weight: 500;
      }
      .file\:text-gray-500::file-selector-button {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-500) / var(--tw-text-opacity));
      }
      .file\:outline-none::file-selector-button {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      .before\:visible:before {
        content: var(--tw-content);
        visibility: visible;
      }
      .before\:absolute:before {
        content: var(--tw-content);
        position: absolute;
      }
      .before\:inset-px:before {
        content: var(--tw-content);
        inset: 1px;
      }
      .before\:inset-x-0:before {
        content: var(--tw-content);
        left: 0;
        right: 0;
      }
      .before\:inset-y-2:before {
        bottom: 0.5rem;
        content: var(--tw-content);
        top: 0.5rem;
      }
      .before\:z-\[-1\]:before {
        content: var(--tw-content);
        z-index: -1;
      }
      .before\:block:before {
        content: var(--tw-content);
        display: block;
      }
      .before\:h-2:before {
        content: var(--tw-content);
        height: 0.5rem;
      }
      .before\:w-2:before {
        content: var(--tw-content);
        width: 0.5rem;
      }
      .before\:rotate-45:before {
        content: var(--tw-content);
        --tw-rotate: 45deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .before\:rounded-md:before {
        border-radius: 0.375rem;
        content: var(--tw-content);
      }
      .before\:rounded-sm:before {
        border-radius: 0.125rem;
        content: var(--tw-content);
      }
      .before\:bg-gray-100:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));
      }
      .before\:bg-gray-200:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
      }
      .before\:bg-white:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .before\:shadow:before {
        content: var(--tw-content);
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
          0 1px 2px -1px rgba(0, 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);
      }
      .before\:ring-1:before {
        content: var(--tw-content);
        --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(1px + 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);
      }
      .before\:ring-gray-200:before {
        content: var(--tw-content);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-200) / var(--tw-ring-opacity));
      }
      .after\:absolute:after {
        content: var(--tw-content);
        position: absolute;
      }
      .after\:inset-x-2:after {
        content: var(--tw-content);
        left: 0.5rem;
        right: 0.5rem;
      }
      .after\:inset-x-2\.5:after {
        content: var(--tw-content);
        left: 0.625rem;
        right: 0.625rem;
      }
      .after\:bottom-0:after {
        bottom: 0;
        content: var(--tw-content);
      }
      .after\:ms-0:after {
        content: var(--tw-content);
        margin-inline-start: 0;
      }
      .after\:ms-0\.5:after {
        content: var(--tw-content);
        margin-inline-start: 0.125rem;
      }
      .after\:mt-2:after {
        content: var(--tw-content);
        margin-top: 0.5rem;
      }
      .after\:block:after {
        content: var(--tw-content);
        display: block;
      }
      .after\:h-\[2px\]:after {
        content: var(--tw-content);
        height: 2px;
      }
      .after\:rounded-full:after {
        border-radius: 9999px;
        content: var(--tw-content);
      }
      .after\:bg-primary-500:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
      }
      .after\:text-red-500:after {
        content: var(--tw-content);
        --tw-text-opacity: 1;
        color: rgb(239 68 68 / var(--tw-text-opacity));
      }
      .after\:content-\[\'\*\'\]:after {
        --tw-content: "*";
        content: var(--tw-content);
      }
      .first\:me-0:first-child {
        margin-inline-end: 0;
      }
      .first\:rounded-s-md:first-child {
        border-end-start-radius: 0.375rem;
        border-start-start-radius: 0.375rem;
      }
      .last\:rounded-e-md:last-child {
        border-end-end-radius: 0.375rem;
        border-start-end-radius: 0.375rem;
      }
      .indeterminate\:relative:indeterminate {
        position: relative;
      }
      .indeterminate\:after\:rounded-full:indeterminate:after {
        border-radius: 9999px;
        content: var(--tw-content);
      }
      .hover\:bg-gray-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));
      }
      .hover\:bg-gray-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));
      }
      .hover\:bg-gray-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
      }
      .hover\:bg-primary-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-100) / var(--tw-bg-opacity));
      }
      .hover\:bg-primary-100\/0:hover {
        background-color: rgb(var(--color-primary-100) / 0);
      }
      .hover\:bg-primary-100\/10:hover {
        background-color: rgb(var(--color-primary-100) / 0.1);
      }
      .hover\:bg-primary-100\/100:hover {
        background-color: rgb(var(--color-primary-100) / 1);
      }
      .hover\:bg-primary-100\/15:hover {
        background-color: rgb(var(--color-primary-100) / 0.15);
      }
      .hover\:bg-primary-100\/20:hover {
        background-color: rgb(var(--color-primary-100) / 0.2);
      }
      .hover\:bg-primary-100\/25:hover {
        background-color: rgb(var(--color-primary-100) / 0.25);
      }
      .hover\:bg-primary-100\/30:hover {
        background-color: rgb(var(--color-primary-100) / 0.3);
      }
      .hover\:bg-primary-100\/35:hover {
        background-color: rgb(var(--color-primary-100) / 0.35);
      }
      .hover\:bg-primary-100\/40:hover {
        background-color: rgb(var(--color-primary-100) / 0.4);
      }
      .hover\:bg-primary-100\/45:hover {
        background-color: rgb(var(--color-primary-100) / 0.45);
      }
      .hover\:bg-primary-100\/5:hover {
        background-color: rgb(var(--color-primary-100) / 0.05);
      }
      .hover\:bg-primary-100\/50:hover {
        background-color: rgb(var(--color-primary-100) / 0.5);
      }
      .hover\:bg-primary-100\/55:hover {
        background-color: rgb(var(--color-primary-100) / 0.55);
      }
      .hover\:bg-primary-100\/60:hover {
        background-color: rgb(var(--color-primary-100) / 0.6);
      }
      .hover\:bg-primary-100\/65:hover {
        background-color: rgb(var(--color-primary-100) / 0.65);
      }
      .hover\:bg-primary-100\/70:hover {
        background-color: rgb(var(--color-primary-100) / 0.7);
      }
      .hover\:bg-primary-100\/75:hover {
        background-color: rgb(var(--color-primary-100) / 0.75);
      }
      .hover\:bg-primary-100\/80:hover {
        background-color: rgb(var(--color-primary-100) / 0.8);
      }
      .hover\:bg-primary-100\/85:hover {
        background-color: rgb(var(--color-primary-100) / 0.85);
      }
      .hover\:bg-primary-100\/90:hover {
        background-color: rgb(var(--color-primary-100) / 0.9);
      }
      .hover\:bg-primary-100\/95:hover {
        background-color: rgb(var(--color-primary-100) / 0.95);
      }
      .hover\:bg-primary-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-50) / var(--tw-bg-opacity));
      }
      .hover\:bg-primary-50\/0:hover {
        background-color: rgb(var(--color-primary-50) / 0);
      }
      .hover\:bg-primary-50\/10:hover {
        background-color: rgb(var(--color-primary-50) / 0.1);
      }
      .hover\:bg-primary-50\/100:hover {
        background-color: rgb(var(--color-primary-50) / 1);
      }
      .hover\:bg-primary-50\/15:hover {
        background-color: rgb(var(--color-primary-50) / 0.15);
      }
      .hover\:bg-primary-50\/20:hover {
        background-color: rgb(var(--color-primary-50) / 0.2);
      }
      .hover\:bg-primary-50\/25:hover {
        background-color: rgb(var(--color-primary-50) / 0.25);
      }
      .hover\:bg-primary-50\/30:hover {
        background-color: rgb(var(--color-primary-50) / 0.3);
      }
      .hover\:bg-primary-50\/35:hover {
        background-color: rgb(var(--color-primary-50) / 0.35);
      }
      .hover\:bg-primary-50\/40:hover {
        background-color: rgb(var(--color-primary-50) / 0.4);
      }
      .hover\:bg-primary-50\/45:hover {
        background-color: rgb(var(--color-primary-50) / 0.45);
      }
      .hover\:bg-primary-50\/5:hover {
        background-color: rgb(var(--color-primary-50) / 0.05);
      }
      .hover\:bg-primary-50\/50:hover {
        background-color: rgb(var(--color-primary-50) / 0.5);
      }
      .hover\:bg-primary-50\/55:hover {
        background-color: rgb(var(--color-primary-50) / 0.55);
      }
      .hover\:bg-primary-50\/60:hover {
        background-color: rgb(var(--color-primary-50) / 0.6);
      }
      .hover\:bg-primary-50\/65:hover {
        background-color: rgb(var(--color-primary-50) / 0.65);
      }
      .hover\:bg-primary-50\/70:hover {
        background-color: rgb(var(--color-primary-50) / 0.7);
      }
      .hover\:bg-primary-50\/75:hover {
        background-color: rgb(var(--color-primary-50) / 0.75);
      }
      .hover\:bg-primary-50\/80:hover {
        background-color: rgb(var(--color-primary-50) / 0.8);
      }
      .hover\:bg-primary-50\/85:hover {
        background-color: rgb(var(--color-primary-50) / 0.85);
      }
      .hover\:bg-primary-50\/90:hover {
        background-color: rgb(var(--color-primary-50) / 0.9);
      }
      .hover\:bg-primary-50\/95:hover {
        background-color: rgb(var(--color-primary-50) / 0.95);
      }
      .hover\:bg-primary-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
      }
      .hover\:bg-primary-500\/0:hover {
        background-color: rgb(var(--color-primary-500) / 0);
      }
      .hover\:bg-primary-500\/10:hover {
        background-color: rgb(var(--color-primary-500) / 0.1);
      }
      .hover\:bg-primary-500\/100:hover {
        background-color: rgb(var(--color-primary-500) / 1);
      }
      .hover\:bg-primary-500\/15:hover {
        background-color: rgb(var(--color-primary-500) / 0.15);
      }
      .hover\:bg-primary-500\/20:hover {
        background-color: rgb(var(--color-primary-500) / 0.2);
      }
      .hover\:bg-primary-500\/25:hover {
        background-color: rgb(var(--color-primary-500) / 0.25);
      }
      .hover\:bg-primary-500\/30:hover {
        background-color: rgb(var(--color-primary-500) / 0.3);
      }
      .hover\:bg-primary-500\/35:hover {
        background-color: rgb(var(--color-primary-500) / 0.35);
      }
      .hover\:bg-primary-500\/40:hover {
        background-color: rgb(var(--color-primary-500) / 0.4);
      }
      .hover\:bg-primary-500\/45:hover {
        background-color: rgb(var(--color-primary-500) / 0.45);
      }
      .hover\:bg-primary-500\/5:hover {
        background-color: rgb(var(--color-primary-500) / 0.05);
      }
      .hover\:bg-primary-500\/50:hover {
        background-color: rgb(var(--color-primary-500) / 0.5);
      }
      .hover\:bg-primary-500\/55:hover {
        background-color: rgb(var(--color-primary-500) / 0.55);
      }
      .hover\:bg-primary-500\/60:hover {
        background-color: rgb(var(--color-primary-500) / 0.6);
      }
      .hover\:bg-primary-500\/65:hover {
        background-color: rgb(var(--color-primary-500) / 0.65);
      }
      .hover\:bg-primary-500\/70:hover {
        background-color: rgb(var(--color-primary-500) / 0.7);
      }
      .hover\:bg-primary-500\/75:hover {
        background-color: rgb(var(--color-primary-500) / 0.75);
      }
      .hover\:bg-primary-500\/80:hover {
        background-color: rgb(var(--color-primary-500) / 0.8);
      }
      .hover\:bg-primary-500\/85:hover {
        background-color: rgb(var(--color-primary-500) / 0.85);
      }
      .hover\:bg-primary-500\/90:hover {
        background-color: rgb(var(--color-primary-500) / 0.9);
      }
      .hover\:bg-primary-500\/95:hover {
        background-color: rgb(var(--color-primary-500) / 0.95);
      }
      .hover\:bg-primary-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity));
      }
      .hover\:bg-primary-600\/0:hover {
        background-color: rgb(var(--color-primary-600) / 0);
      }
      .hover\:bg-primary-600\/10:hover {
        background-color: rgb(var(--color-primary-600) / 0.1);
      }
      .hover\:bg-primary-600\/100:hover {
        background-color: rgb(var(--color-primary-600) / 1);
      }
      .hover\:bg-primary-600\/15:hover {
        background-color: rgb(var(--color-primary-600) / 0.15);
      }
      .hover\:bg-primary-600\/20:hover {
        background-color: rgb(var(--color-primary-600) / 0.2);
      }
      .hover\:bg-primary-600\/25:hover {
        background-color: rgb(var(--color-primary-600) / 0.25);
      }
      .hover\:bg-primary-600\/30:hover {
        background-color: rgb(var(--color-primary-600) / 0.3);
      }
      .hover\:bg-primary-600\/35:hover {
        background-color: rgb(var(--color-primary-600) / 0.35);
      }
      .hover\:bg-primary-600\/40:hover {
        background-color: rgb(var(--color-primary-600) / 0.4);
      }
      .hover\:bg-primary-600\/45:hover {
        background-color: rgb(var(--color-primary-600) / 0.45);
      }
      .hover\:bg-primary-600\/5:hover {
        background-color: rgb(var(--color-primary-600) / 0.05);
      }
      .hover\:bg-primary-600\/50:hover {
        background-color: rgb(var(--color-primary-600) / 0.5);
      }
      .hover\:bg-primary-600\/55:hover {
        background-color: rgb(var(--color-primary-600) / 0.55);
      }
      .hover\:bg-primary-600\/60:hover {
        background-color: rgb(var(--color-primary-600) / 0.6);
      }
      .hover\:bg-primary-600\/65:hover {
        background-color: rgb(var(--color-primary-600) / 0.65);
      }
      .hover\:bg-primary-600\/70:hover {
        background-color: rgb(var(--color-primary-600) / 0.7);
      }
      .hover\:bg-primary-600\/75:hover {
        background-color: rgb(var(--color-primary-600) / 0.75);
      }
      .hover\:bg-primary-600\/80:hover {
        background-color: rgb(var(--color-primary-600) / 0.8);
      }
      .hover\:bg-primary-600\/85:hover {
        background-color: rgb(var(--color-primary-600) / 0.85);
      }
      .hover\:bg-primary-600\/90:hover {
        background-color: rgb(var(--color-primary-600) / 0.9);
      }
      .hover\:bg-primary-600\/95:hover {
        background-color: rgb(var(--color-primary-600) / 0.95);
      }
      .hover\:bg-white:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .hover\:text-gray-700:hover {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-700) / var(--tw-text-opacity));
      }
      .hover\:text-gray-900:hover {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-900) / var(--tw-text-opacity));
      }
      .hover\:text-primary-600:hover {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-600) / var(--tw-text-opacity));
      }
      .hover\:text-primary-600\/0:hover {
        color: rgb(var(--color-primary-600) / 0);
      }
      .hover\:text-primary-600\/10:hover {
        color: rgb(var(--color-primary-600) / 0.1);
      }
      .hover\:text-primary-600\/100:hover {
        color: rgb(var(--color-primary-600) / 1);
      }
      .hover\:text-primary-600\/15:hover {
        color: rgb(var(--color-primary-600) / 0.15);
      }
      .hover\:text-primary-600\/20:hover {
        color: rgb(var(--color-primary-600) / 0.2);
      }
      .hover\:text-primary-600\/25:hover {
        color: rgb(var(--color-primary-600) / 0.25);
      }
      .hover\:text-primary-600\/30:hover {
        color: rgb(var(--color-primary-600) / 0.3);
      }
      .hover\:text-primary-600\/35:hover {
        color: rgb(var(--color-primary-600) / 0.35);
      }
      .hover\:text-primary-600\/40:hover {
        color: rgb(var(--color-primary-600) / 0.4);
      }
      .hover\:text-primary-600\/45:hover {
        color: rgb(var(--color-primary-600) / 0.45);
      }
      .hover\:text-primary-600\/5:hover {
        color: rgb(var(--color-primary-600) / 0.05);
      }
      .hover\:text-primary-600\/50:hover {
        color: rgb(var(--color-primary-600) / 0.5);
      }
      .hover\:text-primary-600\/55:hover {
        color: rgb(var(--color-primary-600) / 0.55);
      }
      .hover\:text-primary-600\/60:hover {
        color: rgb(var(--color-primary-600) / 0.6);
      }
      .hover\:text-primary-600\/65:hover {
        color: rgb(var(--color-primary-600) / 0.65);
      }
      .hover\:text-primary-600\/70:hover {
        color: rgb(var(--color-primary-600) / 0.7);
      }
      .hover\:text-primary-600\/75:hover {
        color: rgb(var(--color-primary-600) / 0.75);
      }
      .hover\:text-primary-600\/80:hover {
        color: rgb(var(--color-primary-600) / 0.8);
      }
      .hover\:text-primary-600\/85:hover {
        color: rgb(var(--color-primary-600) / 0.85);
      }
      .hover\:text-primary-600\/90:hover {
        color: rgb(var(--color-primary-600) / 0.9);
      }
      .hover\:text-primary-600\/95:hover {
        color: rgb(var(--color-primary-600) / 0.95);
      }
      .hover\:underline:hover {
        text-decoration-line: underline;
      }
      .hover\:before\:bg-gray-50:hover:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));
      }
      .focus\:shadow-none:focus {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
          var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }
      .focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      .focus\:ring-0:focus {
        --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(var(--tw-ring-offset-width)) var(--tw-ring-color);
      }
      .focus\:ring-0:focus,
      .focus\:ring-2:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
          var(--tw-shadow, 0 0 #0000);
      }
      .focus\:ring-2:focus {
        --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);
      }
      .focus\:ring-primary-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity));
      }
      .focus\:ring-primary-500\/0:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0);
      }
      .focus\:ring-primary-500\/10:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.1);
      }
      .focus\:ring-primary-500\/100:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 1);
      }
      .focus\:ring-primary-500\/15:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.15);
      }
      .focus\:ring-primary-500\/20:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.2);
      }
      .focus\:ring-primary-500\/25:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.25);
      }
      .focus\:ring-primary-500\/30:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.3);
      }
      .focus\:ring-primary-500\/35:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.35);
      }
      .focus\:ring-primary-500\/40:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.4);
      }
      .focus\:ring-primary-500\/45:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.45);
      }
      .focus\:ring-primary-500\/5:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.05);
      }
      .focus\:ring-primary-500\/50:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.5);
      }
      .focus\:ring-primary-500\/55:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.55);
      }
      .focus\:ring-primary-500\/60:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.6);
      }
      .focus\:ring-primary-500\/65:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.65);
      }
      .focus\:ring-primary-500\/70:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.7);
      }
      .focus\:ring-primary-500\/75:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.75);
      }
      .focus\:ring-primary-500\/80:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.8);
      }
      .focus\:ring-primary-500\/85:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.85);
      }
      .focus\:ring-primary-500\/90:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.9);
      }
      .focus\:ring-primary-500\/95:focus {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.95);
      }
      .focus\:ring-red-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
      }
      .focus\:ring-red-500\/0:focus {
        --tw-ring-color: rgba(239, 68, 68, 0);
      }
      .focus\:ring-red-500\/10:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.1);
      }
      .focus\:ring-red-500\/100:focus {
        --tw-ring-color: #ef4444;
      }
      .focus\:ring-red-500\/15:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.15);
      }
      .focus\:ring-red-500\/20:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.2);
      }
      .focus\:ring-red-500\/25:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.25);
      }
      .focus\:ring-red-500\/30:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.3);
      }
      .focus\:ring-red-500\/35:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.35);
      }
      .focus\:ring-red-500\/40:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.4);
      }
      .focus\:ring-red-500\/45:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.45);
      }
      .focus\:ring-red-500\/5:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.05);
      }
      .focus\:ring-red-500\/50:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.5);
      }
      .focus\:ring-red-500\/55:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.55);
      }
      .focus\:ring-red-500\/60:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.6);
      }
      .focus\:ring-red-500\/65:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.65);
      }
      .focus\:ring-red-500\/70:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.7);
      }
      .focus\:ring-red-500\/75:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.75);
      }
      .focus\:ring-red-500\/80:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.8);
      }
      .focus\:ring-red-500\/85:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.85);
      }
      .focus\:ring-red-500\/90:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.9);
      }
      .focus\:ring-red-500\/95:focus {
        --tw-ring-color: rgba(239, 68, 68, 0.95);
      }
      .focus\:ring-transparent:focus {
        --tw-ring-color: transparent;
      }
      .focus\:ring-offset-transparent:focus {
        --tw-ring-offset-color: transparent;
      }
      .focus-visible\:outline-none:focus-visible {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      .focus-visible\:outline:focus-visible {
        outline-style: solid;
      }
      .focus-visible\:outline-0:focus-visible {
        outline-width: 0;
      }
      .focus-visible\:outline-2:focus-visible {
        outline-width: 2px;
      }
      .focus-visible\:outline-offset-2:focus-visible {
        outline-offset: 2px;
      }
      .focus-visible\:outline-primary-500:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 1);
      }
      .focus-visible\:outline-primary-500\/0:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0);
      }
      .focus-visible\:outline-primary-500\/10:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.1);
      }
      .focus-visible\:outline-primary-500\/100:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 1);
      }
      .focus-visible\:outline-primary-500\/15:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.15);
      }
      .focus-visible\:outline-primary-500\/20:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.2);
      }
      .focus-visible\:outline-primary-500\/25:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.25);
      }
      .focus-visible\:outline-primary-500\/30:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.3);
      }
      .focus-visible\:outline-primary-500\/35:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.35);
      }
      .focus-visible\:outline-primary-500\/40:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.4);
      }
      .focus-visible\:outline-primary-500\/45:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.45);
      }
      .focus-visible\:outline-primary-500\/5:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.05);
      }
      .focus-visible\:outline-primary-500\/50:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.5);
      }
      .focus-visible\:outline-primary-500\/55:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.55);
      }
      .focus-visible\:outline-primary-500\/60:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.6);
      }
      .focus-visible\:outline-primary-500\/65:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.65);
      }
      .focus-visible\:outline-primary-500\/70:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.7);
      }
      .focus-visible\:outline-primary-500\/75:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.75);
      }
      .focus-visible\:outline-primary-500\/80:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.8);
      }
      .focus-visible\:outline-primary-500\/85:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.85);
      }
      .focus-visible\:outline-primary-500\/90:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.9);
      }
      .focus-visible\:outline-primary-500\/95:focus-visible {
        outline-color: rgb(var(--color-primary-500) / 0.95);
      }
      .focus-visible\:ring-2: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(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);
      }
      .focus-visible\:ring-inset:focus-visible {
        --tw-ring-inset: inset;
      }
      .focus-visible\:ring-primary-500:focus-visible {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity));
      }
      .focus-visible\:ring-primary-500\/0:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0);
      }
      .focus-visible\:ring-primary-500\/10:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.1);
      }
      .focus-visible\:ring-primary-500\/100:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 1);
      }
      .focus-visible\:ring-primary-500\/15:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.15);
      }
      .focus-visible\:ring-primary-500\/20:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.2);
      }
      .focus-visible\:ring-primary-500\/25:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.25);
      }
      .focus-visible\:ring-primary-500\/30:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.3);
      }
      .focus-visible\:ring-primary-500\/35:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.35);
      }
      .focus-visible\:ring-primary-500\/40:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.4);
      }
      .focus-visible\:ring-primary-500\/45:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.45);
      }
      .focus-visible\:ring-primary-500\/5:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.05);
      }
      .focus-visible\:ring-primary-500\/50:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.5);
      }
      .focus-visible\:ring-primary-500\/55:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.55);
      }
      .focus-visible\:ring-primary-500\/60:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.6);
      }
      .focus-visible\:ring-primary-500\/65:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.65);
      }
      .focus-visible\:ring-primary-500\/70:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.7);
      }
      .focus-visible\:ring-primary-500\/75:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.75);
      }
      .focus-visible\:ring-primary-500\/80:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.8);
      }
      .focus-visible\:ring-primary-500\/85:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.85);
      }
      .focus-visible\:ring-primary-500\/90:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.9);
      }
      .focus-visible\:ring-primary-500\/95:focus-visible {
        --tw-ring-color: rgb(var(--color-primary-500) / 0.95);
      }
      .focus-visible\:ring-red-500:focus-visible {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
      }
      .focus-visible\:ring-red-500\/0:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0);
      }
      .focus-visible\:ring-red-500\/10:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.1);
      }
      .focus-visible\:ring-red-500\/100:focus-visible {
        --tw-ring-color: #ef4444;
      }
      .focus-visible\:ring-red-500\/15:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.15);
      }
      .focus-visible\:ring-red-500\/20:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.2);
      }
      .focus-visible\:ring-red-500\/25:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.25);
      }
      .focus-visible\:ring-red-500\/30:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.3);
      }
      .focus-visible\:ring-red-500\/35:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.35);
      }
      .focus-visible\:ring-red-500\/40:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.4);
      }
      .focus-visible\:ring-red-500\/45:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.45);
      }
      .focus-visible\:ring-red-500\/5:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.05);
      }
      .focus-visible\:ring-red-500\/50:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.5);
      }
      .focus-visible\:ring-red-500\/55:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.55);
      }
      .focus-visible\:ring-red-500\/60:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.6);
      }
      .focus-visible\:ring-red-500\/65:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.65);
      }
      .focus-visible\:ring-red-500\/70:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.7);
      }
      .focus-visible\:ring-red-500\/75:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.75);
      }
      .focus-visible\:ring-red-500\/80:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.8);
      }
      .focus-visible\:ring-red-500\/85:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.85);
      }
      .focus-visible\:ring-red-500\/90:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.9);
      }
      .focus-visible\:ring-red-500\/95:focus-visible {
        --tw-ring-color: rgba(239, 68, 68, 0.95);
      }
      .focus-visible\:ring-offset-2:focus-visible {
        --tw-ring-offset-width: 2px;
      }
      .focus-visible\:ring-offset-white:focus-visible {
        --tw-ring-offset-color: #fff;
      }
      .focus-visible\:before\:ring-1:focus-visible:before {
        content: var(--tw-content);
        --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(1px + 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\:before\:ring-inset:focus-visible:before {
        content: var(--tw-content);
        --tw-ring-inset: inset;
      }
      .focus-visible\:before\:ring-primary-500:focus-visible:before {
        content: var(--tw-content);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity));
      }
      .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed;
      }
      .disabled\:bg-gray-50:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));
      }
      .disabled\:bg-gray-900:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
      }
      .disabled\:bg-primary-50:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-50) / var(--tw-bg-opacity));
      }
      .disabled\:bg-primary-50\/0:disabled {
        background-color: rgb(var(--color-primary-50) / 0);
      }
      .disabled\:bg-primary-50\/10:disabled {
        background-color: rgb(var(--color-primary-50) / 0.1);
      }
      .disabled\:bg-primary-50\/100:disabled {
        background-color: rgb(var(--color-primary-50) / 1);
      }
      .disabled\:bg-primary-50\/15:disabled {
        background-color: rgb(var(--color-primary-50) / 0.15);
      }
      .disabled\:bg-primary-50\/20:disabled {
        background-color: rgb(var(--color-primary-50) / 0.2);
      }
      .disabled\:bg-primary-50\/25:disabled {
        background-color: rgb(var(--color-primary-50) / 0.25);
      }
      .disabled\:bg-primary-50\/30:disabled {
        background-color: rgb(var(--color-primary-50) / 0.3);
      }
      .disabled\:bg-primary-50\/35:disabled {
        background-color: rgb(var(--color-primary-50) / 0.35);
      }
      .disabled\:bg-primary-50\/40:disabled {
        background-color: rgb(var(--color-primary-50) / 0.4);
      }
      .disabled\:bg-primary-50\/45:disabled {
        background-color: rgb(var(--color-primary-50) / 0.45);
      }
      .disabled\:bg-primary-50\/5:disabled {
        background-color: rgb(var(--color-primary-50) / 0.05);
      }
      .disabled\:bg-primary-50\/50:disabled {
        background-color: rgb(var(--color-primary-50) / 0.5);
      }
      .disabled\:bg-primary-50\/55:disabled {
        background-color: rgb(var(--color-primary-50) / 0.55);
      }
      .disabled\:bg-primary-50\/60:disabled {
        background-color: rgb(var(--color-primary-50) / 0.6);
      }
      .disabled\:bg-primary-50\/65:disabled {
        background-color: rgb(var(--color-primary-50) / 0.65);
      }
      .disabled\:bg-primary-50\/70:disabled {
        background-color: rgb(var(--color-primary-50) / 0.7);
      }
      .disabled\:bg-primary-50\/75:disabled {
        background-color: rgb(var(--color-primary-50) / 0.75);
      }
      .disabled\:bg-primary-50\/80:disabled {
        background-color: rgb(var(--color-primary-50) / 0.8);
      }
      .disabled\:bg-primary-50\/85:disabled {
        background-color: rgb(var(--color-primary-50) / 0.85);
      }
      .disabled\:bg-primary-50\/90:disabled {
        background-color: rgb(var(--color-primary-50) / 0.9);
      }
      .disabled\:bg-primary-50\/95:disabled {
        background-color: rgb(var(--color-primary-50) / 0.95);
      }
      .disabled\:bg-primary-500:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
      }
      .disabled\:bg-primary-500\/0:disabled {
        background-color: rgb(var(--color-primary-500) / 0);
      }
      .disabled\:bg-primary-500\/10:disabled {
        background-color: rgb(var(--color-primary-500) / 0.1);
      }
      .disabled\:bg-primary-500\/100:disabled {
        background-color: rgb(var(--color-primary-500) / 1);
      }
      .disabled\:bg-primary-500\/15:disabled {
        background-color: rgb(var(--color-primary-500) / 0.15);
      }
      .disabled\:bg-primary-500\/20:disabled {
        background-color: rgb(var(--color-primary-500) / 0.2);
      }
      .disabled\:bg-primary-500\/25:disabled {
        background-color: rgb(var(--color-primary-500) / 0.25);
      }
      .disabled\:bg-primary-500\/30:disabled {
        background-color: rgb(var(--color-primary-500) / 0.3);
      }
      .disabled\:bg-primary-500\/35:disabled {
        background-color: rgb(var(--color-primary-500) / 0.35);
      }
      .disabled\:bg-primary-500\/40:disabled {
        background-color: rgb(var(--color-primary-500) / 0.4);
      }
      .disabled\:bg-primary-500\/45:disabled {
        background-color: rgb(var(--color-primary-500) / 0.45);
      }
      .disabled\:bg-primary-500\/5:disabled {
        background-color: rgb(var(--color-primary-500) / 0.05);
      }
      .disabled\:bg-primary-500\/50:disabled {
        background-color: rgb(var(--color-primary-500) / 0.5);
      }
      .disabled\:bg-primary-500\/55:disabled {
        background-color: rgb(var(--color-primary-500) / 0.55);
      }
      .disabled\:bg-primary-500\/60:disabled {
        background-color: rgb(var(--color-primary-500) / 0.6);
      }
      .disabled\:bg-primary-500\/65:disabled {
        background-color: rgb(var(--color-primary-500) / 0.65);
      }
      .disabled\:bg-primary-500\/70:disabled {
        background-color: rgb(var(--color-primary-500) / 0.7);
      }
      .disabled\:bg-primary-500\/75:disabled {
        background-color: rgb(var(--color-primary-500) / 0.75);
      }
      .disabled\:bg-primary-500\/80:disabled {
        background-color: rgb(var(--color-primary-500) / 0.8);
      }
      .disabled\:bg-primary-500\/85:disabled {
        background-color: rgb(var(--color-primary-500) / 0.85);
      }
      .disabled\:bg-primary-500\/90:disabled {
        background-color: rgb(var(--color-primary-500) / 0.9);
      }
      .disabled\:bg-primary-500\/95:disabled {
        background-color: rgb(var(--color-primary-500) / 0.95);
      }
      .disabled\:bg-transparent:disabled {
        background-color: transparent;
      }
      .disabled\:bg-white:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .disabled\:bg-opacity-50:disabled {
        --tw-bg-opacity: 0.5;
      }
      .disabled\:text-primary-500:disabled {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
      }
      .disabled\:text-primary-500\/0:disabled {
        color: rgb(var(--color-primary-500) / 0);
      }
      .disabled\:text-primary-500\/10:disabled {
        color: rgb(var(--color-primary-500) / 0.1);
      }
      .disabled\:text-primary-500\/100:disabled {
        color: rgb(var(--color-primary-500) / 1);
      }
      .disabled\:text-primary-500\/15:disabled {
        color: rgb(var(--color-primary-500) / 0.15);
      }
      .disabled\:text-primary-500\/20:disabled {
        color: rgb(var(--color-primary-500) / 0.2);
      }
      .disabled\:text-primary-500\/25:disabled {
        color: rgb(var(--color-primary-500) / 0.25);
      }
      .disabled\:text-primary-500\/30:disabled {
        color: rgb(var(--color-primary-500) / 0.3);
      }
      .disabled\:text-primary-500\/35:disabled {
        color: rgb(var(--color-primary-500) / 0.35);
      }
      .disabled\:text-primary-500\/40:disabled {
        color: rgb(var(--color-primary-500) / 0.4);
      }
      .disabled\:text-primary-500\/45:disabled {
        color: rgb(var(--color-primary-500) / 0.45);
      }
      .disabled\:text-primary-500\/5:disabled {
        color: rgb(var(--color-primary-500) / 0.05);
      }
      .disabled\:text-primary-500\/50:disabled {
        color: rgb(var(--color-primary-500) / 0.5);
      }
      .disabled\:text-primary-500\/55:disabled {
        color: rgb(var(--color-primary-500) / 0.55);
      }
      .disabled\:text-primary-500\/60:disabled {
        color: rgb(var(--color-primary-500) / 0.6);
      }
      .disabled\:text-primary-500\/65:disabled {
        color: rgb(var(--color-primary-500) / 0.65);
      }
      .disabled\:text-primary-500\/70:disabled {
        color: rgb(var(--color-primary-500) / 0.7);
      }
      .disabled\:text-primary-500\/75:disabled {
        color: rgb(var(--color-primary-500) / 0.75);
      }
      .disabled\:text-primary-500\/80:disabled {
        color: rgb(var(--color-primary-500) / 0.8);
      }
      .disabled\:text-primary-500\/85:disabled {
        color: rgb(var(--color-primary-500) / 0.85);
      }
      .disabled\:text-primary-500\/90:disabled {
        color: rgb(var(--color-primary-500) / 0.9);
      }
      .disabled\:text-primary-500\/95:disabled {
        color: rgb(var(--color-primary-500) / 0.95);
      }
      .disabled\:opacity-50:disabled {
        opacity: 0.5;
      }
      .disabled\:opacity-75:disabled {
        opacity: 0.75;
      }
      .group:hover .group-hover\:text-gray-700 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-700) / var(--tw-text-opacity));
      }
      .peer:disabled ~ .peer-disabled\:bg-opacity-50 {
        --tw-bg-opacity: 0.5;
      }
      .group[data-popper-placement*="bottom"]
        .group-data-\[popper-placement\*\=\'bottom\'\]\:-top-1 {
        top: -0.25rem;
      }
      .group[data-popper-placement*="left"]
        .group-data-\[popper-placement\*\=\'left\'\]\:-right-1 {
        right: -0.25rem;
      }
      .group[data-popper-placement*="right"]
        .group-data-\[popper-placement\*\=\'right\'\]\:-left-1 {
        left: -0.25rem;
      }
      .group[data-popper-placement*="top"]
        .group-data-\[popper-placement\*\=\'top\'\]\:-bottom-1 {
        bottom: -0.25rem;
      }
      :where([data-headlessui-focus-visible])
        .ui-focus-visible\:outline-0:focus {
        outline-width: 0;
      }
      :where([data-headlessui-focus-visible]) .ui-focus-visible\:ring-2:focus {
        --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);
      }
      :where([data-headlessui-focus-visible])
        .ui-focus-visible\:ring-primary-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity));
      }
      .ui-not-focus-visible\:outline-none:focus:where(
          :not(
              [data-headlessui-focus-visible]
                .ui-not-focus-visible\:outline-none
            )
        ) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      .dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(var(--color-gray-700) / var(--tw-divide-opacity));
      }
      .dark\:divide-gray-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(var(--color-gray-800) / var(--tw-divide-opacity));
      }
      .dark\:border-gray-700:is(.dark *) {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-700) / var(--tw-border-opacity));
      }
      .dark\:border-gray-800:is(.dark *) {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-800) / var(--tw-border-opacity));
      }
      .dark\:bg-amber-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(251 191 36 / var(--tw-bg-opacity));
      }
      .dark\:bg-amber-400\/0:is(.dark *) {
        background-color: rgba(251, 191, 36, 0);
      }
      .dark\:bg-amber-400\/10:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.1);
      }
      .dark\:bg-amber-400\/100:is(.dark *) {
        background-color: #fbbf24;
      }
      .dark\:bg-amber-400\/15:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.15);
      }
      .dark\:bg-amber-400\/20:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.2);
      }
      .dark\:bg-amber-400\/25:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.25);
      }
      .dark\:bg-amber-400\/30:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.3);
      }
      .dark\:bg-amber-400\/35:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.35);
      }
      .dark\:bg-amber-400\/40:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.4);
      }
      .dark\:bg-amber-400\/45:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.45);
      }
      .dark\:bg-amber-400\/5:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.05);
      }
      .dark\:bg-amber-400\/50:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.5);
      }
      .dark\:bg-amber-400\/55:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.55);
      }
      .dark\:bg-amber-400\/60:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.6);
      }
      .dark\:bg-amber-400\/65:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.65);
      }
      .dark\:bg-amber-400\/70:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.7);
      }
      .dark\:bg-amber-400\/75:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.75);
      }
      .dark\:bg-amber-400\/80:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.8);
      }
      .dark\:bg-amber-400\/85:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.85);
      }
      .dark\:bg-amber-400\/90:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.9);
      }
      .dark\:bg-amber-400\/95:is(.dark *) {
        background-color: rgba(251, 191, 36, 0.95);
      }
      .dark\:bg-blue-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(96 165 250 / var(--tw-bg-opacity));
      }
      .dark\:bg-blue-400\/0:is(.dark *) {
        background-color: rgba(96, 165, 250, 0);
      }
      .dark\:bg-blue-400\/10:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.1);
      }
      .dark\:bg-blue-400\/100:is(.dark *) {
        background-color: #60a5fa;
      }
      .dark\:bg-blue-400\/15:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.15);
      }
      .dark\:bg-blue-400\/20:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.2);
      }
      .dark\:bg-blue-400\/25:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.25);
      }
      .dark\:bg-blue-400\/30:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.3);
      }
      .dark\:bg-blue-400\/35:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.35);
      }
      .dark\:bg-blue-400\/40:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.4);
      }
      .dark\:bg-blue-400\/45:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.45);
      }
      .dark\:bg-blue-400\/5:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.05);
      }
      .dark\:bg-blue-400\/50:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.5);
      }
      .dark\:bg-blue-400\/55:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.55);
      }
      .dark\:bg-blue-400\/60:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.6);
      }
      .dark\:bg-blue-400\/65:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.65);
      }
      .dark\:bg-blue-400\/70:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.7);
      }
      .dark\:bg-blue-400\/75:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.75);
      }
      .dark\:bg-blue-400\/80:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.8);
      }
      .dark\:bg-blue-400\/85:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.85);
      }
      .dark\:bg-blue-400\/90:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.9);
      }
      .dark\:bg-blue-400\/95:is(.dark *) {
        background-color: rgba(96, 165, 250, 0.95);
      }
      .dark\:bg-cyan-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(34 211 238 / var(--tw-bg-opacity));
      }
      .dark\:bg-cyan-400\/0:is(.dark *) {
        background-color: rgba(34, 211, 238, 0);
      }
      .dark\:bg-cyan-400\/10:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.1);
      }
      .dark\:bg-cyan-400\/100:is(.dark *) {
        background-color: #22d3ee;
      }
      .dark\:bg-cyan-400\/15:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.15);
      }
      .dark\:bg-cyan-400\/20:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.2);
      }
      .dark\:bg-cyan-400\/25:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.25);
      }
      .dark\:bg-cyan-400\/30:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.3);
      }
      .dark\:bg-cyan-400\/35:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.35);
      }
      .dark\:bg-cyan-400\/40:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.4);
      }
      .dark\:bg-cyan-400\/45:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.45);
      }
      .dark\:bg-cyan-400\/5:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.05);
      }
      .dark\:bg-cyan-400\/50:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.5);
      }
      .dark\:bg-cyan-400\/55:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.55);
      }
      .dark\:bg-cyan-400\/60:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.6);
      }
      .dark\:bg-cyan-400\/65:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.65);
      }
      .dark\:bg-cyan-400\/70:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.7);
      }
      .dark\:bg-cyan-400\/75:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.75);
      }
      .dark\:bg-cyan-400\/80:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.8);
      }
      .dark\:bg-cyan-400\/85:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.85);
      }
      .dark\:bg-cyan-400\/90:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.9);
      }
      .dark\:bg-cyan-400\/95:is(.dark *) {
        background-color: rgba(34, 211, 238, 0.95);
      }
      .dark\:bg-emerald-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(52 211 153 / var(--tw-bg-opacity));
      }
      .dark\:bg-emerald-400\/0:is(.dark *) {
        background-color: rgba(52, 211, 153, 0);
      }
      .dark\:bg-emerald-400\/10:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.1);
      }
      .dark\:bg-emerald-400\/100:is(.dark *) {
        background-color: #34d399;
      }
      .dark\:bg-emerald-400\/15:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.15);
      }
      .dark\:bg-emerald-400\/20:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.2);
      }
      .dark\:bg-emerald-400\/25:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.25);
      }
      .dark\:bg-emerald-400\/30:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.3);
      }
      .dark\:bg-emerald-400\/35:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.35);
      }
      .dark\:bg-emerald-400\/40:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.4);
      }
      .dark\:bg-emerald-400\/45:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.45);
      }
      .dark\:bg-emerald-400\/5:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.05);
      }
      .dark\:bg-emerald-400\/50:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.5);
      }
      .dark\:bg-emerald-400\/55:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.55);
      }
      .dark\:bg-emerald-400\/60:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.6);
      }
      .dark\:bg-emerald-400\/65:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.65);
      }
      .dark\:bg-emerald-400\/70:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.7);
      }
      .dark\:bg-emerald-400\/75:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.75);
      }
      .dark\:bg-emerald-400\/80:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.8);
      }
      .dark\:bg-emerald-400\/85:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.85);
      }
      .dark\:bg-emerald-400\/90:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.9);
      }
      .dark\:bg-emerald-400\/95:is(.dark *) {
        background-color: rgba(52, 211, 153, 0.95);
      }
      .dark\:bg-fuchsia-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(232 121 249 / var(--tw-bg-opacity));
      }
      .dark\:bg-fuchsia-400\/0:is(.dark *) {
        background-color: rgba(232, 121, 249, 0);
      }
      .dark\:bg-fuchsia-400\/10:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.1);
      }
      .dark\:bg-fuchsia-400\/100:is(.dark *) {
        background-color: #e879f9;
      }
      .dark\:bg-fuchsia-400\/15:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.15);
      }
      .dark\:bg-fuchsia-400\/20:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.2);
      }
      .dark\:bg-fuchsia-400\/25:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.25);
      }
      .dark\:bg-fuchsia-400\/30:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.3);
      }
      .dark\:bg-fuchsia-400\/35:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.35);
      }
      .dark\:bg-fuchsia-400\/40:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.4);
      }
      .dark\:bg-fuchsia-400\/45:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.45);
      }
      .dark\:bg-fuchsia-400\/5:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.05);
      }
      .dark\:bg-fuchsia-400\/50:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.5);
      }
      .dark\:bg-fuchsia-400\/55:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.55);
      }
      .dark\:bg-fuchsia-400\/60:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.6);
      }
      .dark\:bg-fuchsia-400\/65:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.65);
      }
      .dark\:bg-fuchsia-400\/70:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.7);
      }
      .dark\:bg-fuchsia-400\/75:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.75);
      }
      .dark\:bg-fuchsia-400\/80:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.8);
      }
      .dark\:bg-fuchsia-400\/85:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.85);
      }
      .dark\:bg-fuchsia-400\/90:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.9);
      }
      .dark\:bg-fuchsia-400\/95:is(.dark *) {
        background-color: rgba(232, 121, 249, 0.95);
      }
      .dark\:bg-gray-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-400) / var(--tw-bg-opacity));
      }
      .dark\:bg-gray-700:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
      }
      .dark\:bg-gray-800:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
      }
      .dark\:bg-gray-800\/50:is(.dark *) {
        background-color: rgb(var(--color-gray-800) / 0.5);
      }
      .dark\:bg-gray-800\/75:is(.dark *) {
        background-color: rgb(var(--color-gray-800) / 0.75);
      }
      .dark\:bg-gray-900:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
      }
      .dark\:bg-green-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(74 222 128 / var(--tw-bg-opacity));
      }
      .dark\:bg-green-400\/0:is(.dark *) {
        background-color: rgba(74, 222, 128, 0);
      }
      .dark\:bg-green-400\/10:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.1);
      }
      .dark\:bg-green-400\/100:is(.dark *) {
        background-color: #4ade80;
      }
      .dark\:bg-green-400\/15:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.15);
      }
      .dark\:bg-green-400\/20:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.2);
      }
      .dark\:bg-green-400\/25:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.25);
      }
      .dark\:bg-green-400\/30:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.3);
      }
      .dark\:bg-green-400\/35:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.35);
      }
      .dark\:bg-green-400\/40:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.4);
      }
      .dark\:bg-green-400\/45:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.45);
      }
      .dark\:bg-green-400\/5:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.05);
      }
      .dark\:bg-green-400\/50:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.5);
      }
      .dark\:bg-green-400\/55:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.55);
      }
      .dark\:bg-green-400\/60:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.6);
      }
      .dark\:bg-green-400\/65:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.65);
      }
      .dark\:bg-green-400\/70:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.7);
      }
      .dark\:bg-green-400\/75:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.75);
      }
      .dark\:bg-green-400\/80:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.8);
      }
      .dark\:bg-green-400\/85:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.85);
      }
      .dark\:bg-green-400\/90:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.9);
      }
      .dark\:bg-green-400\/95:is(.dark *) {
        background-color: rgba(74, 222, 128, 0.95);
      }
      .dark\:bg-indigo-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(129 140 248 / var(--tw-bg-opacity));
      }
      .dark\:bg-indigo-400\/0:is(.dark *) {
        background-color: rgba(129, 140, 248, 0);
      }
      .dark\:bg-indigo-400\/10:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.1);
      }
      .dark\:bg-indigo-400\/100:is(.dark *) {
        background-color: #818cf8;
      }
      .dark\:bg-indigo-400\/15:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.15);
      }
      .dark\:bg-indigo-400\/20:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.2);
      }
      .dark\:bg-indigo-400\/25:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.25);
      }
      .dark\:bg-indigo-400\/30:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.3);
      }
      .dark\:bg-indigo-400\/35:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.35);
      }
      .dark\:bg-indigo-400\/40:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.4);
      }
      .dark\:bg-indigo-400\/45:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.45);
      }
      .dark\:bg-indigo-400\/5:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.05);
      }
      .dark\:bg-indigo-400\/50:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.5);
      }
      .dark\:bg-indigo-400\/55:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.55);
      }
      .dark\:bg-indigo-400\/60:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.6);
      }
      .dark\:bg-indigo-400\/65:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.65);
      }
      .dark\:bg-indigo-400\/70:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.7);
      }
      .dark\:bg-indigo-400\/75:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.75);
      }
      .dark\:bg-indigo-400\/80:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.8);
      }
      .dark\:bg-indigo-400\/85:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.85);
      }
      .dark\:bg-indigo-400\/90:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.9);
      }
      .dark\:bg-indigo-400\/95:is(.dark *) {
        background-color: rgba(129, 140, 248, 0.95);
      }
      .dark\:bg-lime-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(163 230 53 / var(--tw-bg-opacity));
      }
      .dark\:bg-lime-400\/0:is(.dark *) {
        background-color: rgba(163, 230, 53, 0);
      }
      .dark\:bg-lime-400\/10:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.1);
      }
      .dark\:bg-lime-400\/100:is(.dark *) {
        background-color: #a3e635;
      }
      .dark\:bg-lime-400\/15:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.15);
      }
      .dark\:bg-lime-400\/20:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.2);
      }
      .dark\:bg-lime-400\/25:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.25);
      }
      .dark\:bg-lime-400\/30:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.3);
      }
      .dark\:bg-lime-400\/35:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.35);
      }
      .dark\:bg-lime-400\/40:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.4);
      }
      .dark\:bg-lime-400\/45:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.45);
      }
      .dark\:bg-lime-400\/5:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.05);
      }
      .dark\:bg-lime-400\/50:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.5);
      }
      .dark\:bg-lime-400\/55:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.55);
      }
      .dark\:bg-lime-400\/60:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.6);
      }
      .dark\:bg-lime-400\/65:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.65);
      }
      .dark\:bg-lime-400\/70:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.7);
      }
      .dark\:bg-lime-400\/75:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.75);
      }
      .dark\:bg-lime-400\/80:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.8);
      }
      .dark\:bg-lime-400\/85:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.85);
      }
      .dark\:bg-lime-400\/90:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.9);
      }
      .dark\:bg-lime-400\/95:is(.dark *) {
        background-color: rgba(163, 230, 53, 0.95);
      }
      .dark\:bg-orange-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(251 146 60 / var(--tw-bg-opacity));
      }
      .dark\:bg-orange-400\/0:is(.dark *) {
        background-color: rgba(251, 146, 60, 0);
      }
      .dark\:bg-orange-400\/10:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.1);
      }
      .dark\:bg-orange-400\/100:is(.dark *) {
        background-color: #fb923c;
      }
      .dark\:bg-orange-400\/15:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.15);
      }
      .dark\:bg-orange-400\/20:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.2);
      }
      .dark\:bg-orange-400\/25:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.25);
      }
      .dark\:bg-orange-400\/30:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.3);
      }
      .dark\:bg-orange-400\/35:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.35);
      }
      .dark\:bg-orange-400\/40:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.4);
      }
      .dark\:bg-orange-400\/45:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.45);
      }
      .dark\:bg-orange-400\/5:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.05);
      }
      .dark\:bg-orange-400\/50:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.5);
      }
      .dark\:bg-orange-400\/55:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.55);
      }
      .dark\:bg-orange-400\/60:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.6);
      }
      .dark\:bg-orange-400\/65:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.65);
      }
      .dark\:bg-orange-400\/70:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.7);
      }
      .dark\:bg-orange-400\/75:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.75);
      }
      .dark\:bg-orange-400\/80:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.8);
      }
      .dark\:bg-orange-400\/85:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.85);
      }
      .dark\:bg-orange-400\/90:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.9);
      }
      .dark\:bg-orange-400\/95:is(.dark *) {
        background-color: rgba(251, 146, 60, 0.95);
      }
      .dark\:bg-pink-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(244 114 182 / var(--tw-bg-opacity));
      }
      .dark\:bg-pink-400\/0:is(.dark *) {
        background-color: rgba(244, 114, 182, 0);
      }
      .dark\:bg-pink-400\/10:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.1);
      }
      .dark\:bg-pink-400\/100:is(.dark *) {
        background-color: #f472b6;
      }
      .dark\:bg-pink-400\/15:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.15);
      }
      .dark\:bg-pink-400\/20:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.2);
      }
      .dark\:bg-pink-400\/25:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.25);
      }
      .dark\:bg-pink-400\/30:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.3);
      }
      .dark\:bg-pink-400\/35:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.35);
      }
      .dark\:bg-pink-400\/40:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.4);
      }
      .dark\:bg-pink-400\/45:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.45);
      }
      .dark\:bg-pink-400\/5:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.05);
      }
      .dark\:bg-pink-400\/50:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.5);
      }
      .dark\:bg-pink-400\/55:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.55);
      }
      .dark\:bg-pink-400\/60:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.6);
      }
      .dark\:bg-pink-400\/65:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.65);
      }
      .dark\:bg-pink-400\/70:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.7);
      }
      .dark\:bg-pink-400\/75:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.75);
      }
      .dark\:bg-pink-400\/80:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.8);
      }
      .dark\:bg-pink-400\/85:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.85);
      }
      .dark\:bg-pink-400\/90:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.9);
      }
      .dark\:bg-pink-400\/95:is(.dark *) {
        background-color: rgba(244, 114, 182, 0.95);
      }
      .dark\:bg-primary-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-400) / var(--tw-bg-opacity));
      }
      .dark\:bg-primary-400\/0:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:bg-primary-400\/10:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:bg-primary-400\/100:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:bg-primary-400\/15:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:bg-primary-400\/20:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:bg-primary-400\/25:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:bg-primary-400\/30:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:bg-primary-400\/35:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:bg-primary-400\/40:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:bg-primary-400\/45:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:bg-primary-400\/5:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:bg-primary-400\/50:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:bg-primary-400\/55:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:bg-primary-400\/60:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:bg-primary-400\/65:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:bg-primary-400\/70:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:bg-primary-400\/75:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:bg-primary-400\/80:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:bg-primary-400\/85:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:bg-primary-400\/90:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:bg-primary-400\/95:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:bg-primary-950:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-950) / var(--tw-bg-opacity));
      }
      .dark\:bg-primary-950\/0:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0);
      }
      .dark\:bg-primary-950\/10:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.1);
      }
      .dark\:bg-primary-950\/100:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 1);
      }
      .dark\:bg-primary-950\/15:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.15);
      }
      .dark\:bg-primary-950\/20:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.2);
      }
      .dark\:bg-primary-950\/25:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.25);
      }
      .dark\:bg-primary-950\/30:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.3);
      }
      .dark\:bg-primary-950\/35:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.35);
      }
      .dark\:bg-primary-950\/40:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.4);
      }
      .dark\:bg-primary-950\/45:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.45);
      }
      .dark\:bg-primary-950\/5:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.05);
      }
      .dark\:bg-primary-950\/50:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.5);
      }
      .dark\:bg-primary-950\/55:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.55);
      }
      .dark\:bg-primary-950\/60:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.6);
      }
      .dark\:bg-primary-950\/65:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.65);
      }
      .dark\:bg-primary-950\/70:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.7);
      }
      .dark\:bg-primary-950\/75:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.75);
      }
      .dark\:bg-primary-950\/80:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.8);
      }
      .dark\:bg-primary-950\/85:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.85);
      }
      .dark\:bg-primary-950\/90:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.9);
      }
      .dark\:bg-primary-950\/95:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.95);
      }
      .dark\:bg-purple-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(192 132 252 / var(--tw-bg-opacity));
      }
      .dark\:bg-purple-400\/0:is(.dark *) {
        background-color: rgba(192, 132, 252, 0);
      }
      .dark\:bg-purple-400\/10:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.1);
      }
      .dark\:bg-purple-400\/100:is(.dark *) {
        background-color: #c084fc;
      }
      .dark\:bg-purple-400\/15:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.15);
      }
      .dark\:bg-purple-400\/20:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.2);
      }
      .dark\:bg-purple-400\/25:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.25);
      }
      .dark\:bg-purple-400\/30:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.3);
      }
      .dark\:bg-purple-400\/35:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.35);
      }
      .dark\:bg-purple-400\/40:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.4);
      }
      .dark\:bg-purple-400\/45:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.45);
      }
      .dark\:bg-purple-400\/5:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.05);
      }
      .dark\:bg-purple-400\/50:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.5);
      }
      .dark\:bg-purple-400\/55:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.55);
      }
      .dark\:bg-purple-400\/60:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.6);
      }
      .dark\:bg-purple-400\/65:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.65);
      }
      .dark\:bg-purple-400\/70:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.7);
      }
      .dark\:bg-purple-400\/75:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.75);
      }
      .dark\:bg-purple-400\/80:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.8);
      }
      .dark\:bg-purple-400\/85:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.85);
      }
      .dark\:bg-purple-400\/90:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.9);
      }
      .dark\:bg-purple-400\/95:is(.dark *) {
        background-color: rgba(192, 132, 252, 0.95);
      }
      .dark\:bg-red-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(248 113 113 / var(--tw-bg-opacity));
      }
      .dark\:bg-red-400\/0:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0);
      }
      .dark\:bg-red-400\/10:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.1);
      }
      .dark\:bg-red-400\/100:is(.dark *) {
        background-color: #f87171;
      }
      .dark\:bg-red-400\/15:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.15);
      }
      .dark\:bg-red-400\/20:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.2);
      }
      .dark\:bg-red-400\/25:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.25);
      }
      .dark\:bg-red-400\/30:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.3);
      }
      .dark\:bg-red-400\/35:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.35);
      }
      .dark\:bg-red-400\/40:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.4);
      }
      .dark\:bg-red-400\/45:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.45);
      }
      .dark\:bg-red-400\/5:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.05);
      }
      .dark\:bg-red-400\/50:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.5);
      }
      .dark\:bg-red-400\/55:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.55);
      }
      .dark\:bg-red-400\/60:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.6);
      }
      .dark\:bg-red-400\/65:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.65);
      }
      .dark\:bg-red-400\/70:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.7);
      }
      .dark\:bg-red-400\/75:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.75);
      }
      .dark\:bg-red-400\/80:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.8);
      }
      .dark\:bg-red-400\/85:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.85);
      }
      .dark\:bg-red-400\/90:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.9);
      }
      .dark\:bg-red-400\/95:is(.dark *) {
        background-color: hsla(0, 91%, 71%, 0.95);
      }
      .dark\:bg-rose-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(251 113 133 / var(--tw-bg-opacity));
      }
      .dark\:bg-rose-400\/0:is(.dark *) {
        background-color: rgba(251, 113, 133, 0);
      }
      .dark\:bg-rose-400\/10:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.1);
      }
      .dark\:bg-rose-400\/100:is(.dark *) {
        background-color: #fb7185;
      }
      .dark\:bg-rose-400\/15:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.15);
      }
      .dark\:bg-rose-400\/20:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.2);
      }
      .dark\:bg-rose-400\/25:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.25);
      }
      .dark\:bg-rose-400\/30:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.3);
      }
      .dark\:bg-rose-400\/35:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.35);
      }
      .dark\:bg-rose-400\/40:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.4);
      }
      .dark\:bg-rose-400\/45:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.45);
      }
      .dark\:bg-rose-400\/5:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.05);
      }
      .dark\:bg-rose-400\/50:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.5);
      }
      .dark\:bg-rose-400\/55:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.55);
      }
      .dark\:bg-rose-400\/60:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.6);
      }
      .dark\:bg-rose-400\/65:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.65);
      }
      .dark\:bg-rose-400\/70:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.7);
      }
      .dark\:bg-rose-400\/75:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.75);
      }
      .dark\:bg-rose-400\/80:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.8);
      }
      .dark\:bg-rose-400\/85:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.85);
      }
      .dark\:bg-rose-400\/90:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.9);
      }
      .dark\:bg-rose-400\/95:is(.dark *) {
        background-color: rgba(251, 113, 133, 0.95);
      }
      .dark\:bg-sky-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(56 189 248 / var(--tw-bg-opacity));
      }
      .dark\:bg-sky-400\/0:is(.dark *) {
        background-color: rgba(56, 189, 248, 0);
      }
      .dark\:bg-sky-400\/10:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.1);
      }
      .dark\:bg-sky-400\/100:is(.dark *) {
        background-color: #38bdf8;
      }
      .dark\:bg-sky-400\/15:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.15);
      }
      .dark\:bg-sky-400\/20:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.2);
      }
      .dark\:bg-sky-400\/25:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.25);
      }
      .dark\:bg-sky-400\/30:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.3);
      }
      .dark\:bg-sky-400\/35:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.35);
      }
      .dark\:bg-sky-400\/40:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.4);
      }
      .dark\:bg-sky-400\/45:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.45);
      }
      .dark\:bg-sky-400\/5:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.05);
      }
      .dark\:bg-sky-400\/50:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.5);
      }
      .dark\:bg-sky-400\/55:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.55);
      }
      .dark\:bg-sky-400\/60:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.6);
      }
      .dark\:bg-sky-400\/65:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.65);
      }
      .dark\:bg-sky-400\/70:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.7);
      }
      .dark\:bg-sky-400\/75:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.75);
      }
      .dark\:bg-sky-400\/80:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.8);
      }
      .dark\:bg-sky-400\/85:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.85);
      }
      .dark\:bg-sky-400\/90:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.9);
      }
      .dark\:bg-sky-400\/95:is(.dark *) {
        background-color: rgba(56, 189, 248, 0.95);
      }
      .dark\:bg-teal-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(45 212 191 / var(--tw-bg-opacity));
      }
      .dark\:bg-teal-400\/0:is(.dark *) {
        background-color: rgba(45, 212, 191, 0);
      }
      .dark\:bg-teal-400\/10:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.1);
      }
      .dark\:bg-teal-400\/100:is(.dark *) {
        background-color: #2dd4bf;
      }
      .dark\:bg-teal-400\/15:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.15);
      }
      .dark\:bg-teal-400\/20:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.2);
      }
      .dark\:bg-teal-400\/25:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.25);
      }
      .dark\:bg-teal-400\/30:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.3);
      }
      .dark\:bg-teal-400\/35:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.35);
      }
      .dark\:bg-teal-400\/40:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.4);
      }
      .dark\:bg-teal-400\/45:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.45);
      }
      .dark\:bg-teal-400\/5:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.05);
      }
      .dark\:bg-teal-400\/50:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.5);
      }
      .dark\:bg-teal-400\/55:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.55);
      }
      .dark\:bg-teal-400\/60:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.6);
      }
      .dark\:bg-teal-400\/65:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.65);
      }
      .dark\:bg-teal-400\/70:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.7);
      }
      .dark\:bg-teal-400\/75:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.75);
      }
      .dark\:bg-teal-400\/80:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.8);
      }
      .dark\:bg-teal-400\/85:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.85);
      }
      .dark\:bg-teal-400\/90:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.9);
      }
      .dark\:bg-teal-400\/95:is(.dark *) {
        background-color: rgba(45, 212, 191, 0.95);
      }
      .dark\:bg-violet-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(167 139 250 / var(--tw-bg-opacity));
      }
      .dark\:bg-violet-400\/0:is(.dark *) {
        background-color: rgba(167, 139, 250, 0);
      }
      .dark\:bg-violet-400\/10:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.1);
      }
      .dark\:bg-violet-400\/100:is(.dark *) {
        background-color: #a78bfa;
      }
      .dark\:bg-violet-400\/15:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.15);
      }
      .dark\:bg-violet-400\/20:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.2);
      }
      .dark\:bg-violet-400\/25:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.25);
      }
      .dark\:bg-violet-400\/30:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.3);
      }
      .dark\:bg-violet-400\/35:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.35);
      }
      .dark\:bg-violet-400\/40:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.4);
      }
      .dark\:bg-violet-400\/45:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.45);
      }
      .dark\:bg-violet-400\/5:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.05);
      }
      .dark\:bg-violet-400\/50:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.5);
      }
      .dark\:bg-violet-400\/55:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.55);
      }
      .dark\:bg-violet-400\/60:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.6);
      }
      .dark\:bg-violet-400\/65:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.65);
      }
      .dark\:bg-violet-400\/70:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.7);
      }
      .dark\:bg-violet-400\/75:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.75);
      }
      .dark\:bg-violet-400\/80:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.8);
      }
      .dark\:bg-violet-400\/85:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.85);
      }
      .dark\:bg-violet-400\/90:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.9);
      }
      .dark\:bg-violet-400\/95:is(.dark *) {
        background-color: rgba(167, 139, 250, 0.95);
      }
      .dark\:bg-white:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .dark\:bg-yellow-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(250 204 21 / var(--tw-bg-opacity));
      }
      .dark\:bg-yellow-400\/0:is(.dark *) {
        background-color: rgba(250, 204, 21, 0);
      }
      .dark\:bg-yellow-400\/10:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.1);
      }
      .dark\:bg-yellow-400\/100:is(.dark *) {
        background-color: #facc15;
      }
      .dark\:bg-yellow-400\/15:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.15);
      }
      .dark\:bg-yellow-400\/20:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.2);
      }
      .dark\:bg-yellow-400\/25:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.25);
      }
      .dark\:bg-yellow-400\/30:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.3);
      }
      .dark\:bg-yellow-400\/35:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.35);
      }
      .dark\:bg-yellow-400\/40:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.4);
      }
      .dark\:bg-yellow-400\/45:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.45);
      }
      .dark\:bg-yellow-400\/5:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.05);
      }
      .dark\:bg-yellow-400\/50:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.5);
      }
      .dark\:bg-yellow-400\/55:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.55);
      }
      .dark\:bg-yellow-400\/60:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.6);
      }
      .dark\:bg-yellow-400\/65:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.65);
      }
      .dark\:bg-yellow-400\/70:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.7);
      }
      .dark\:bg-yellow-400\/75:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.75);
      }
      .dark\:bg-yellow-400\/80:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.8);
      }
      .dark\:bg-yellow-400\/85:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.85);
      }
      .dark\:bg-yellow-400\/90:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.9);
      }
      .dark\:bg-yellow-400\/95:is(.dark *) {
        background-color: rgba(250, 204, 21, 0.95);
      }
      .dark\:bg-opacity-10:is(.dark *) {
        --tw-bg-opacity: 0.1;
      }
      .dark\:text-amber-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(251 191 36 / var(--tw-text-opacity));
      }
      .dark\:text-amber-400\/0:is(.dark *) {
        color: rgba(251, 191, 36, 0);
      }
      .dark\:text-amber-400\/10:is(.dark *) {
        color: rgba(251, 191, 36, 0.1);
      }
      .dark\:text-amber-400\/100:is(.dark *) {
        color: #fbbf24;
      }
      .dark\:text-amber-400\/15:is(.dark *) {
        color: rgba(251, 191, 36, 0.15);
      }
      .dark\:text-amber-400\/20:is(.dark *) {
        color: rgba(251, 191, 36, 0.2);
      }
      .dark\:text-amber-400\/25:is(.dark *) {
        color: rgba(251, 191, 36, 0.25);
      }
      .dark\:text-amber-400\/30:is(.dark *) {
        color: rgba(251, 191, 36, 0.3);
      }
      .dark\:text-amber-400\/35:is(.dark *) {
        color: rgba(251, 191, 36, 0.35);
      }
      .dark\:text-amber-400\/40:is(.dark *) {
        color: rgba(251, 191, 36, 0.4);
      }
      .dark\:text-amber-400\/45:is(.dark *) {
        color: rgba(251, 191, 36, 0.45);
      }
      .dark\:text-amber-400\/5:is(.dark *) {
        color: rgba(251, 191, 36, 0.05);
      }
      .dark\:text-amber-400\/50:is(.dark *) {
        color: rgba(251, 191, 36, 0.5);
      }
      .dark\:text-amber-400\/55:is(.dark *) {
        color: rgba(251, 191, 36, 0.55);
      }
      .dark\:text-amber-400\/60:is(.dark *) {
        color: rgba(251, 191, 36, 0.6);
      }
      .dark\:text-amber-400\/65:is(.dark *) {
        color: rgba(251, 191, 36, 0.65);
      }
      .dark\:text-amber-400\/70:is(.dark *) {
        color: rgba(251, 191, 36, 0.7);
      }
      .dark\:text-amber-400\/75:is(.dark *) {
        color: rgba(251, 191, 36, 0.75);
      }
      .dark\:text-amber-400\/80:is(.dark *) {
        color: rgba(251, 191, 36, 0.8);
      }
      .dark\:text-amber-400\/85:is(.dark *) {
        color: rgba(251, 191, 36, 0.85);
      }
      .dark\:text-amber-400\/90:is(.dark *) {
        color: rgba(251, 191, 36, 0.9);
      }
      .dark\:text-amber-400\/95:is(.dark *) {
        color: rgba(251, 191, 36, 0.95);
      }
      .dark\:text-black:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
      }
      .dark\:text-blue-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(96 165 250 / var(--tw-text-opacity));
      }
      .dark\:text-blue-400\/0:is(.dark *) {
        color: rgba(96, 165, 250, 0);
      }
      .dark\:text-blue-400\/10:is(.dark *) {
        color: rgba(96, 165, 250, 0.1);
      }
      .dark\:text-blue-400\/100:is(.dark *) {
        color: #60a5fa;
      }
      .dark\:text-blue-400\/15:is(.dark *) {
        color: rgba(96, 165, 250, 0.15);
      }
      .dark\:text-blue-400\/20:is(.dark *) {
        color: rgba(96, 165, 250, 0.2);
      }
      .dark\:text-blue-400\/25:is(.dark *) {
        color: rgba(96, 165, 250, 0.25);
      }
      .dark\:text-blue-400\/30:is(.dark *) {
        color: rgba(96, 165, 250, 0.3);
      }
      .dark\:text-blue-400\/35:is(.dark *) {
        color: rgba(96, 165, 250, 0.35);
      }
      .dark\:text-blue-400\/40:is(.dark *) {
        color: rgba(96, 165, 250, 0.4);
      }
      .dark\:text-blue-400\/45:is(.dark *) {
        color: rgba(96, 165, 250, 0.45);
      }
      .dark\:text-blue-400\/5:is(.dark *) {
        color: rgba(96, 165, 250, 0.05);
      }
      .dark\:text-blue-400\/50:is(.dark *) {
        color: rgba(96, 165, 250, 0.5);
      }
      .dark\:text-blue-400\/55:is(.dark *) {
        color: rgba(96, 165, 250, 0.55);
      }
      .dark\:text-blue-400\/60:is(.dark *) {
        color: rgba(96, 165, 250, 0.6);
      }
      .dark\:text-blue-400\/65:is(.dark *) {
        color: rgba(96, 165, 250, 0.65);
      }
      .dark\:text-blue-400\/70:is(.dark *) {
        color: rgba(96, 165, 250, 0.7);
      }
      .dark\:text-blue-400\/75:is(.dark *) {
        color: rgba(96, 165, 250, 0.75);
      }
      .dark\:text-blue-400\/80:is(.dark *) {
        color: rgba(96, 165, 250, 0.8);
      }
      .dark\:text-blue-400\/85:is(.dark *) {
        color: rgba(96, 165, 250, 0.85);
      }
      .dark\:text-blue-400\/90:is(.dark *) {
        color: rgba(96, 165, 250, 0.9);
      }
      .dark\:text-blue-400\/95:is(.dark *) {
        color: rgba(96, 165, 250, 0.95);
      }
      .dark\:text-cyan-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(34 211 238 / var(--tw-text-opacity));
      }
      .dark\:text-cyan-400\/0:is(.dark *) {
        color: rgba(34, 211, 238, 0);
      }
      .dark\:text-cyan-400\/10:is(.dark *) {
        color: rgba(34, 211, 238, 0.1);
      }
      .dark\:text-cyan-400\/100:is(.dark *) {
        color: #22d3ee;
      }
      .dark\:text-cyan-400\/15:is(.dark *) {
        color: rgba(34, 211, 238, 0.15);
      }
      .dark\:text-cyan-400\/20:is(.dark *) {
        color: rgba(34, 211, 238, 0.2);
      }
      .dark\:text-cyan-400\/25:is(.dark *) {
        color: rgba(34, 211, 238, 0.25);
      }
      .dark\:text-cyan-400\/30:is(.dark *) {
        color: rgba(34, 211, 238, 0.3);
      }
      .dark\:text-cyan-400\/35:is(.dark *) {
        color: rgba(34, 211, 238, 0.35);
      }
      .dark\:text-cyan-400\/40:is(.dark *) {
        color: rgba(34, 211, 238, 0.4);
      }
      .dark\:text-cyan-400\/45:is(.dark *) {
        color: rgba(34, 211, 238, 0.45);
      }
      .dark\:text-cyan-400\/5:is(.dark *) {
        color: rgba(34, 211, 238, 0.05);
      }
      .dark\:text-cyan-400\/50:is(.dark *) {
        color: rgba(34, 211, 238, 0.5);
      }
      .dark\:text-cyan-400\/55:is(.dark *) {
        color: rgba(34, 211, 238, 0.55);
      }
      .dark\:text-cyan-400\/60:is(.dark *) {
        color: rgba(34, 211, 238, 0.6);
      }
      .dark\:text-cyan-400\/65:is(.dark *) {
        color: rgba(34, 211, 238, 0.65);
      }
      .dark\:text-cyan-400\/70:is(.dark *) {
        color: rgba(34, 211, 238, 0.7);
      }
      .dark\:text-cyan-400\/75:is(.dark *) {
        color: rgba(34, 211, 238, 0.75);
      }
      .dark\:text-cyan-400\/80:is(.dark *) {
        color: rgba(34, 211, 238, 0.8);
      }
      .dark\:text-cyan-400\/85:is(.dark *) {
        color: rgba(34, 211, 238, 0.85);
      }
      .dark\:text-cyan-400\/90:is(.dark *) {
        color: rgba(34, 211, 238, 0.9);
      }
      .dark\:text-cyan-400\/95:is(.dark *) {
        color: rgba(34, 211, 238, 0.95);
      }
      .dark\:text-emerald-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(52 211 153 / var(--tw-text-opacity));
      }
      .dark\:text-emerald-400\/0:is(.dark *) {
        color: rgba(52, 211, 153, 0);
      }
      .dark\:text-emerald-400\/10:is(.dark *) {
        color: rgba(52, 211, 153, 0.1);
      }
      .dark\:text-emerald-400\/100:is(.dark *) {
        color: #34d399;
      }
      .dark\:text-emerald-400\/15:is(.dark *) {
        color: rgba(52, 211, 153, 0.15);
      }
      .dark\:text-emerald-400\/20:is(.dark *) {
        color: rgba(52, 211, 153, 0.2);
      }
      .dark\:text-emerald-400\/25:is(.dark *) {
        color: rgba(52, 211, 153, 0.25);
      }
      .dark\:text-emerald-400\/30:is(.dark *) {
        color: rgba(52, 211, 153, 0.3);
      }
      .dark\:text-emerald-400\/35:is(.dark *) {
        color: rgba(52, 211, 153, 0.35);
      }
      .dark\:text-emerald-400\/40:is(.dark *) {
        color: rgba(52, 211, 153, 0.4);
      }
      .dark\:text-emerald-400\/45:is(.dark *) {
        color: rgba(52, 211, 153, 0.45);
      }
      .dark\:text-emerald-400\/5:is(.dark *) {
        color: rgba(52, 211, 153, 0.05);
      }
      .dark\:text-emerald-400\/50:is(.dark *) {
        color: rgba(52, 211, 153, 0.5);
      }
      .dark\:text-emerald-400\/55:is(.dark *) {
        color: rgba(52, 211, 153, 0.55);
      }
      .dark\:text-emerald-400\/60:is(.dark *) {
        color: rgba(52, 211, 153, 0.6);
      }
      .dark\:text-emerald-400\/65:is(.dark *) {
        color: rgba(52, 211, 153, 0.65);
      }
      .dark\:text-emerald-400\/70:is(.dark *) {
        color: rgba(52, 211, 153, 0.7);
      }
      .dark\:text-emerald-400\/75:is(.dark *) {
        color: rgba(52, 211, 153, 0.75);
      }
      .dark\:text-emerald-400\/80:is(.dark *) {
        color: rgba(52, 211, 153, 0.8);
      }
      .dark\:text-emerald-400\/85:is(.dark *) {
        color: rgba(52, 211, 153, 0.85);
      }
      .dark\:text-emerald-400\/90:is(.dark *) {
        color: rgba(52, 211, 153, 0.9);
      }
      .dark\:text-emerald-400\/95:is(.dark *) {
        color: rgba(52, 211, 153, 0.95);
      }
      .dark\:text-fuchsia-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(232 121 249 / var(--tw-text-opacity));
      }
      .dark\:text-fuchsia-400\/0:is(.dark *) {
        color: rgba(232, 121, 249, 0);
      }
      .dark\:text-fuchsia-400\/10:is(.dark *) {
        color: rgba(232, 121, 249, 0.1);
      }
      .dark\:text-fuchsia-400\/100:is(.dark *) {
        color: #e879f9;
      }
      .dark\:text-fuchsia-400\/15:is(.dark *) {
        color: rgba(232, 121, 249, 0.15);
      }
      .dark\:text-fuchsia-400\/20:is(.dark *) {
        color: rgba(232, 121, 249, 0.2);
      }
      .dark\:text-fuchsia-400\/25:is(.dark *) {
        color: rgba(232, 121, 249, 0.25);
      }
      .dark\:text-fuchsia-400\/30:is(.dark *) {
        color: rgba(232, 121, 249, 0.3);
      }
      .dark\:text-fuchsia-400\/35:is(.dark *) {
        color: rgba(232, 121, 249, 0.35);
      }
      .dark\:text-fuchsia-400\/40:is(.dark *) {
        color: rgba(232, 121, 249, 0.4);
      }
      .dark\:text-fuchsia-400\/45:is(.dark *) {
        color: rgba(232, 121, 249, 0.45);
      }
      .dark\:text-fuchsia-400\/5:is(.dark *) {
        color: rgba(232, 121, 249, 0.05);
      }
      .dark\:text-fuchsia-400\/50:is(.dark *) {
        color: rgba(232, 121, 249, 0.5);
      }
      .dark\:text-fuchsia-400\/55:is(.dark *) {
        color: rgba(232, 121, 249, 0.55);
      }
      .dark\:text-fuchsia-400\/60:is(.dark *) {
        color: rgba(232, 121, 249, 0.6);
      }
      .dark\:text-fuchsia-400\/65:is(.dark *) {
        color: rgba(232, 121, 249, 0.65);
      }
      .dark\:text-fuchsia-400\/70:is(.dark *) {
        color: rgba(232, 121, 249, 0.7);
      }
      .dark\:text-fuchsia-400\/75:is(.dark *) {
        color: rgba(232, 121, 249, 0.75);
      }
      .dark\:text-fuchsia-400\/80:is(.dark *) {
        color: rgba(232, 121, 249, 0.8);
      }
      .dark\:text-fuchsia-400\/85:is(.dark *) {
        color: rgba(232, 121, 249, 0.85);
      }
      .dark\:text-fuchsia-400\/90:is(.dark *) {
        color: rgba(232, 121, 249, 0.9);
      }
      .dark\:text-fuchsia-400\/95:is(.dark *) {
        color: rgba(232, 121, 249, 0.95);
      }
      .dark\:text-gray-200:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-200) / var(--tw-text-opacity));
      }
      .dark\:text-gray-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-400) / var(--tw-text-opacity));
      }
      .dark\:text-gray-500:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-500) / var(--tw-text-opacity));
      }
      .dark\:text-gray-900:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-900) / var(--tw-text-opacity));
      }
      .dark\:text-green-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(74 222 128 / var(--tw-text-opacity));
      }
      .dark\:text-green-400\/0:is(.dark *) {
        color: rgba(74, 222, 128, 0);
      }
      .dark\:text-green-400\/10:is(.dark *) {
        color: rgba(74, 222, 128, 0.1);
      }
      .dark\:text-green-400\/100:is(.dark *) {
        color: #4ade80;
      }
      .dark\:text-green-400\/15:is(.dark *) {
        color: rgba(74, 222, 128, 0.15);
      }
      .dark\:text-green-400\/20:is(.dark *) {
        color: rgba(74, 222, 128, 0.2);
      }
      .dark\:text-green-400\/25:is(.dark *) {
        color: rgba(74, 222, 128, 0.25);
      }
      .dark\:text-green-400\/30:is(.dark *) {
        color: rgba(74, 222, 128, 0.3);
      }
      .dark\:text-green-400\/35:is(.dark *) {
        color: rgba(74, 222, 128, 0.35);
      }
      .dark\:text-green-400\/40:is(.dark *) {
        color: rgba(74, 222, 128, 0.4);
      }
      .dark\:text-green-400\/45:is(.dark *) {
        color: rgba(74, 222, 128, 0.45);
      }
      .dark\:text-green-400\/5:is(.dark *) {
        color: rgba(74, 222, 128, 0.05);
      }
      .dark\:text-green-400\/50:is(.dark *) {
        color: rgba(74, 222, 128, 0.5);
      }
      .dark\:text-green-400\/55:is(.dark *) {
        color: rgba(74, 222, 128, 0.55);
      }
      .dark\:text-green-400\/60:is(.dark *) {
        color: rgba(74, 222, 128, 0.6);
      }
      .dark\:text-green-400\/65:is(.dark *) {
        color: rgba(74, 222, 128, 0.65);
      }
      .dark\:text-green-400\/70:is(.dark *) {
        color: rgba(74, 222, 128, 0.7);
      }
      .dark\:text-green-400\/75:is(.dark *) {
        color: rgba(74, 222, 128, 0.75);
      }
      .dark\:text-green-400\/80:is(.dark *) {
        color: rgba(74, 222, 128, 0.8);
      }
      .dark\:text-green-400\/85:is(.dark *) {
        color: rgba(74, 222, 128, 0.85);
      }
      .dark\:text-green-400\/90:is(.dark *) {
        color: rgba(74, 222, 128, 0.9);
      }
      .dark\:text-green-400\/95:is(.dark *) {
        color: rgba(74, 222, 128, 0.95);
      }
      .dark\:text-indigo-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(129 140 248 / var(--tw-text-opacity));
      }
      .dark\:text-indigo-400\/0:is(.dark *) {
        color: rgba(129, 140, 248, 0);
      }
      .dark\:text-indigo-400\/10:is(.dark *) {
        color: rgba(129, 140, 248, 0.1);
      }
      .dark\:text-indigo-400\/100:is(.dark *) {
        color: #818cf8;
      }
      .dark\:text-indigo-400\/15:is(.dark *) {
        color: rgba(129, 140, 248, 0.15);
      }
      .dark\:text-indigo-400\/20:is(.dark *) {
        color: rgba(129, 140, 248, 0.2);
      }
      .dark\:text-indigo-400\/25:is(.dark *) {
        color: rgba(129, 140, 248, 0.25);
      }
      .dark\:text-indigo-400\/30:is(.dark *) {
        color: rgba(129, 140, 248, 0.3);
      }
      .dark\:text-indigo-400\/35:is(.dark *) {
        color: rgba(129, 140, 248, 0.35);
      }
      .dark\:text-indigo-400\/40:is(.dark *) {
        color: rgba(129, 140, 248, 0.4);
      }
      .dark\:text-indigo-400\/45:is(.dark *) {
        color: rgba(129, 140, 248, 0.45);
      }
      .dark\:text-indigo-400\/5:is(.dark *) {
        color: rgba(129, 140, 248, 0.05);
      }
      .dark\:text-indigo-400\/50:is(.dark *) {
        color: rgba(129, 140, 248, 0.5);
      }
      .dark\:text-indigo-400\/55:is(.dark *) {
        color: rgba(129, 140, 248, 0.55);
      }
      .dark\:text-indigo-400\/60:is(.dark *) {
        color: rgba(129, 140, 248, 0.6);
      }
      .dark\:text-indigo-400\/65:is(.dark *) {
        color: rgba(129, 140, 248, 0.65);
      }
      .dark\:text-indigo-400\/70:is(.dark *) {
        color: rgba(129, 140, 248, 0.7);
      }
      .dark\:text-indigo-400\/75:is(.dark *) {
        color: rgba(129, 140, 248, 0.75);
      }
      .dark\:text-indigo-400\/80:is(.dark *) {
        color: rgba(129, 140, 248, 0.8);
      }
      .dark\:text-indigo-400\/85:is(.dark *) {
        color: rgba(129, 140, 248, 0.85);
      }
      .dark\:text-indigo-400\/90:is(.dark *) {
        color: rgba(129, 140, 248, 0.9);
      }
      .dark\:text-indigo-400\/95:is(.dark *) {
        color: rgba(129, 140, 248, 0.95);
      }
      .dark\:text-lime-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(163 230 53 / var(--tw-text-opacity));
      }
      .dark\:text-lime-400\/0:is(.dark *) {
        color: rgba(163, 230, 53, 0);
      }
      .dark\:text-lime-400\/10:is(.dark *) {
        color: rgba(163, 230, 53, 0.1);
      }
      .dark\:text-lime-400\/100:is(.dark *) {
        color: #a3e635;
      }
      .dark\:text-lime-400\/15:is(.dark *) {
        color: rgba(163, 230, 53, 0.15);
      }
      .dark\:text-lime-400\/20:is(.dark *) {
        color: rgba(163, 230, 53, 0.2);
      }
      .dark\:text-lime-400\/25:is(.dark *) {
        color: rgba(163, 230, 53, 0.25);
      }
      .dark\:text-lime-400\/30:is(.dark *) {
        color: rgba(163, 230, 53, 0.3);
      }
      .dark\:text-lime-400\/35:is(.dark *) {
        color: rgba(163, 230, 53, 0.35);
      }
      .dark\:text-lime-400\/40:is(.dark *) {
        color: rgba(163, 230, 53, 0.4);
      }
      .dark\:text-lime-400\/45:is(.dark *) {
        color: rgba(163, 230, 53, 0.45);
      }
      .dark\:text-lime-400\/5:is(.dark *) {
        color: rgba(163, 230, 53, 0.05);
      }
      .dark\:text-lime-400\/50:is(.dark *) {
        color: rgba(163, 230, 53, 0.5);
      }
      .dark\:text-lime-400\/55:is(.dark *) {
        color: rgba(163, 230, 53, 0.55);
      }
      .dark\:text-lime-400\/60:is(.dark *) {
        color: rgba(163, 230, 53, 0.6);
      }
      .dark\:text-lime-400\/65:is(.dark *) {
        color: rgba(163, 230, 53, 0.65);
      }
      .dark\:text-lime-400\/70:is(.dark *) {
        color: rgba(163, 230, 53, 0.7);
      }
      .dark\:text-lime-400\/75:is(.dark *) {
        color: rgba(163, 230, 53, 0.75);
      }
      .dark\:text-lime-400\/80:is(.dark *) {
        color: rgba(163, 230, 53, 0.8);
      }
      .dark\:text-lime-400\/85:is(.dark *) {
        color: rgba(163, 230, 53, 0.85);
      }
      .dark\:text-lime-400\/90:is(.dark *) {
        color: rgba(163, 230, 53, 0.9);
      }
      .dark\:text-lime-400\/95:is(.dark *) {
        color: rgba(163, 230, 53, 0.95);
      }
      .dark\:text-orange-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(251 146 60 / var(--tw-text-opacity));
      }
      .dark\:text-orange-400\/0:is(.dark *) {
        color: rgba(251, 146, 60, 0);
      }
      .dark\:text-orange-400\/10:is(.dark *) {
        color: rgba(251, 146, 60, 0.1);
      }
      .dark\:text-orange-400\/100:is(.dark *) {
        color: #fb923c;
      }
      .dark\:text-orange-400\/15:is(.dark *) {
        color: rgba(251, 146, 60, 0.15);
      }
      .dark\:text-orange-400\/20:is(.dark *) {
        color: rgba(251, 146, 60, 0.2);
      }
      .dark\:text-orange-400\/25:is(.dark *) {
        color: rgba(251, 146, 60, 0.25);
      }
      .dark\:text-orange-400\/30:is(.dark *) {
        color: rgba(251, 146, 60, 0.3);
      }
      .dark\:text-orange-400\/35:is(.dark *) {
        color: rgba(251, 146, 60, 0.35);
      }
      .dark\:text-orange-400\/40:is(.dark *) {
        color: rgba(251, 146, 60, 0.4);
      }
      .dark\:text-orange-400\/45:is(.dark *) {
        color: rgba(251, 146, 60, 0.45);
      }
      .dark\:text-orange-400\/5:is(.dark *) {
        color: rgba(251, 146, 60, 0.05);
      }
      .dark\:text-orange-400\/50:is(.dark *) {
        color: rgba(251, 146, 60, 0.5);
      }
      .dark\:text-orange-400\/55:is(.dark *) {
        color: rgba(251, 146, 60, 0.55);
      }
      .dark\:text-orange-400\/60:is(.dark *) {
        color: rgba(251, 146, 60, 0.6);
      }
      .dark\:text-orange-400\/65:is(.dark *) {
        color: rgba(251, 146, 60, 0.65);
      }
      .dark\:text-orange-400\/70:is(.dark *) {
        color: rgba(251, 146, 60, 0.7);
      }
      .dark\:text-orange-400\/75:is(.dark *) {
        color: rgba(251, 146, 60, 0.75);
      }
      .dark\:text-orange-400\/80:is(.dark *) {
        color: rgba(251, 146, 60, 0.8);
      }
      .dark\:text-orange-400\/85:is(.dark *) {
        color: rgba(251, 146, 60, 0.85);
      }
      .dark\:text-orange-400\/90:is(.dark *) {
        color: rgba(251, 146, 60, 0.9);
      }
      .dark\:text-orange-400\/95:is(.dark *) {
        color: rgba(251, 146, 60, 0.95);
      }
      .dark\:text-pink-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(244 114 182 / var(--tw-text-opacity));
      }
      .dark\:text-pink-400\/0:is(.dark *) {
        color: rgba(244, 114, 182, 0);
      }
      .dark\:text-pink-400\/10:is(.dark *) {
        color: rgba(244, 114, 182, 0.1);
      }
      .dark\:text-pink-400\/100:is(.dark *) {
        color: #f472b6;
      }
      .dark\:text-pink-400\/15:is(.dark *) {
        color: rgba(244, 114, 182, 0.15);
      }
      .dark\:text-pink-400\/20:is(.dark *) {
        color: rgba(244, 114, 182, 0.2);
      }
      .dark\:text-pink-400\/25:is(.dark *) {
        color: rgba(244, 114, 182, 0.25);
      }
      .dark\:text-pink-400\/30:is(.dark *) {
        color: rgba(244, 114, 182, 0.3);
      }
      .dark\:text-pink-400\/35:is(.dark *) {
        color: rgba(244, 114, 182, 0.35);
      }
      .dark\:text-pink-400\/40:is(.dark *) {
        color: rgba(244, 114, 182, 0.4);
      }
      .dark\:text-pink-400\/45:is(.dark *) {
        color: rgba(244, 114, 182, 0.45);
      }
      .dark\:text-pink-400\/5:is(.dark *) {
        color: rgba(244, 114, 182, 0.05);
      }
      .dark\:text-pink-400\/50:is(.dark *) {
        color: rgba(244, 114, 182, 0.5);
      }
      .dark\:text-pink-400\/55:is(.dark *) {
        color: rgba(244, 114, 182, 0.55);
      }
      .dark\:text-pink-400\/60:is(.dark *) {
        color: rgba(244, 114, 182, 0.6);
      }
      .dark\:text-pink-400\/65:is(.dark *) {
        color: rgba(244, 114, 182, 0.65);
      }
      .dark\:text-pink-400\/70:is(.dark *) {
        color: rgba(244, 114, 182, 0.7);
      }
      .dark\:text-pink-400\/75:is(.dark *) {
        color: rgba(244, 114, 182, 0.75);
      }
      .dark\:text-pink-400\/80:is(.dark *) {
        color: rgba(244, 114, 182, 0.8);
      }
      .dark\:text-pink-400\/85:is(.dark *) {
        color: rgba(244, 114, 182, 0.85);
      }
      .dark\:text-pink-400\/90:is(.dark *) {
        color: rgba(244, 114, 182, 0.9);
      }
      .dark\:text-pink-400\/95:is(.dark *) {
        color: rgba(244, 114, 182, 0.95);
      }
      .dark\:text-primary-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-400) / var(--tw-text-opacity));
      }
      .dark\:text-primary-400\/0:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:text-primary-400\/10:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:text-primary-400\/100:is(.dark *) {
        color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:text-primary-400\/15:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:text-primary-400\/20:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:text-primary-400\/25:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:text-primary-400\/30:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:text-primary-400\/35:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:text-primary-400\/40:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:text-primary-400\/45:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:text-primary-400\/5:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:text-primary-400\/50:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:text-primary-400\/55:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:text-primary-400\/60:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:text-primary-400\/65:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:text-primary-400\/70:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:text-primary-400\/75:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:text-primary-400\/80:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:text-primary-400\/85:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:text-primary-400\/90:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:text-primary-400\/95:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:text-purple-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(192 132 252 / var(--tw-text-opacity));
      }
      .dark\:text-purple-400\/0:is(.dark *) {
        color: rgba(192, 132, 252, 0);
      }
      .dark\:text-purple-400\/10:is(.dark *) {
        color: rgba(192, 132, 252, 0.1);
      }
      .dark\:text-purple-400\/100:is(.dark *) {
        color: #c084fc;
      }
      .dark\:text-purple-400\/15:is(.dark *) {
        color: rgba(192, 132, 252, 0.15);
      }
      .dark\:text-purple-400\/20:is(.dark *) {
        color: rgba(192, 132, 252, 0.2);
      }
      .dark\:text-purple-400\/25:is(.dark *) {
        color: rgba(192, 132, 252, 0.25);
      }
      .dark\:text-purple-400\/30:is(.dark *) {
        color: rgba(192, 132, 252, 0.3);
      }
      .dark\:text-purple-400\/35:is(.dark *) {
        color: rgba(192, 132, 252, 0.35);
      }
      .dark\:text-purple-400\/40:is(.dark *) {
        color: rgba(192, 132, 252, 0.4);
      }
      .dark\:text-purple-400\/45:is(.dark *) {
        color: rgba(192, 132, 252, 0.45);
      }
      .dark\:text-purple-400\/5:is(.dark *) {
        color: rgba(192, 132, 252, 0.05);
      }
      .dark\:text-purple-400\/50:is(.dark *) {
        color: rgba(192, 132, 252, 0.5);
      }
      .dark\:text-purple-400\/55:is(.dark *) {
        color: rgba(192, 132, 252, 0.55);
      }
      .dark\:text-purple-400\/60:is(.dark *) {
        color: rgba(192, 132, 252, 0.6);
      }
      .dark\:text-purple-400\/65:is(.dark *) {
        color: rgba(192, 132, 252, 0.65);
      }
      .dark\:text-purple-400\/70:is(.dark *) {
        color: rgba(192, 132, 252, 0.7);
      }
      .dark\:text-purple-400\/75:is(.dark *) {
        color: rgba(192, 132, 252, 0.75);
      }
      .dark\:text-purple-400\/80:is(.dark *) {
        color: rgba(192, 132, 252, 0.8);
      }
      .dark\:text-purple-400\/85:is(.dark *) {
        color: rgba(192, 132, 252, 0.85);
      }
      .dark\:text-purple-400\/90:is(.dark *) {
        color: rgba(192, 132, 252, 0.9);
      }
      .dark\:text-purple-400\/95:is(.dark *) {
        color: rgba(192, 132, 252, 0.95);
      }
      .dark\:text-red-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(248 113 113 / var(--tw-text-opacity));
      }
      .dark\:text-red-400\/0:is(.dark *) {
        color: hsla(0, 91%, 71%, 0);
      }
      .dark\:text-red-400\/10:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.1);
      }
      .dark\:text-red-400\/100:is(.dark *) {
        color: #f87171;
      }
      .dark\:text-red-400\/15:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.15);
      }
      .dark\:text-red-400\/20:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.2);
      }
      .dark\:text-red-400\/25:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.25);
      }
      .dark\:text-red-400\/30:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.3);
      }
      .dark\:text-red-400\/35:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.35);
      }
      .dark\:text-red-400\/40:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.4);
      }
      .dark\:text-red-400\/45:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.45);
      }
      .dark\:text-red-400\/5:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.05);
      }
      .dark\:text-red-400\/50:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.5);
      }
      .dark\:text-red-400\/55:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.55);
      }
      .dark\:text-red-400\/60:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.6);
      }
      .dark\:text-red-400\/65:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.65);
      }
      .dark\:text-red-400\/70:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.7);
      }
      .dark\:text-red-400\/75:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.75);
      }
      .dark\:text-red-400\/80:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.8);
      }
      .dark\:text-red-400\/85:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.85);
      }
      .dark\:text-red-400\/90:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.9);
      }
      .dark\:text-red-400\/95:is(.dark *) {
        color: hsla(0, 91%, 71%, 0.95);
      }
      .dark\:text-rose-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(251 113 133 / var(--tw-text-opacity));
      }
      .dark\:text-rose-400\/0:is(.dark *) {
        color: rgba(251, 113, 133, 0);
      }
      .dark\:text-rose-400\/10:is(.dark *) {
        color: rgba(251, 113, 133, 0.1);
      }
      .dark\:text-rose-400\/100:is(.dark *) {
        color: #fb7185;
      }
      .dark\:text-rose-400\/15:is(.dark *) {
        color: rgba(251, 113, 133, 0.15);
      }
      .dark\:text-rose-400\/20:is(.dark *) {
        color: rgba(251, 113, 133, 0.2);
      }
      .dark\:text-rose-400\/25:is(.dark *) {
        color: rgba(251, 113, 133, 0.25);
      }
      .dark\:text-rose-400\/30:is(.dark *) {
        color: rgba(251, 113, 133, 0.3);
      }
      .dark\:text-rose-400\/35:is(.dark *) {
        color: rgba(251, 113, 133, 0.35);
      }
      .dark\:text-rose-400\/40:is(.dark *) {
        color: rgba(251, 113, 133, 0.4);
      }
      .dark\:text-rose-400\/45:is(.dark *) {
        color: rgba(251, 113, 133, 0.45);
      }
      .dark\:text-rose-400\/5:is(.dark *) {
        color: rgba(251, 113, 133, 0.05);
      }
      .dark\:text-rose-400\/50:is(.dark *) {
        color: rgba(251, 113, 133, 0.5);
      }
      .dark\:text-rose-400\/55:is(.dark *) {
        color: rgba(251, 113, 133, 0.55);
      }
      .dark\:text-rose-400\/60:is(.dark *) {
        color: rgba(251, 113, 133, 0.6);
      }
      .dark\:text-rose-400\/65:is(.dark *) {
        color: rgba(251, 113, 133, 0.65);
      }
      .dark\:text-rose-400\/70:is(.dark *) {
        color: rgba(251, 113, 133, 0.7);
      }
      .dark\:text-rose-400\/75:is(.dark *) {
        color: rgba(251, 113, 133, 0.75);
      }
      .dark\:text-rose-400\/80:is(.dark *) {
        color: rgba(251, 113, 133, 0.8);
      }
      .dark\:text-rose-400\/85:is(.dark *) {
        color: rgba(251, 113, 133, 0.85);
      }
      .dark\:text-rose-400\/90:is(.dark *) {
        color: rgba(251, 113, 133, 0.9);
      }
      .dark\:text-rose-400\/95:is(.dark *) {
        color: rgba(251, 113, 133, 0.95);
      }
      .dark\:text-sky-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(56 189 248 / var(--tw-text-opacity));
      }
      .dark\:text-sky-400\/0:is(.dark *) {
        color: rgba(56, 189, 248, 0);
      }
      .dark\:text-sky-400\/10:is(.dark *) {
        color: rgba(56, 189, 248, 0.1);
      }
      .dark\:text-sky-400\/100:is(.dark *) {
        color: #38bdf8;
      }
      .dark\:text-sky-400\/15:is(.dark *) {
        color: rgba(56, 189, 248, 0.15);
      }
      .dark\:text-sky-400\/20:is(.dark *) {
        color: rgba(56, 189, 248, 0.2);
      }
      .dark\:text-sky-400\/25:is(.dark *) {
        color: rgba(56, 189, 248, 0.25);
      }
      .dark\:text-sky-400\/30:is(.dark *) {
        color: rgba(56, 189, 248, 0.3);
      }
      .dark\:text-sky-400\/35:is(.dark *) {
        color: rgba(56, 189, 248, 0.35);
      }
      .dark\:text-sky-400\/40:is(.dark *) {
        color: rgba(56, 189, 248, 0.4);
      }
      .dark\:text-sky-400\/45:is(.dark *) {
        color: rgba(56, 189, 248, 0.45);
      }
      .dark\:text-sky-400\/5:is(.dark *) {
        color: rgba(56, 189, 248, 0.05);
      }
      .dark\:text-sky-400\/50:is(.dark *) {
        color: rgba(56, 189, 248, 0.5);
      }
      .dark\:text-sky-400\/55:is(.dark *) {
        color: rgba(56, 189, 248, 0.55);
      }
      .dark\:text-sky-400\/60:is(.dark *) {
        color: rgba(56, 189, 248, 0.6);
      }
      .dark\:text-sky-400\/65:is(.dark *) {
        color: rgba(56, 189, 248, 0.65);
      }
      .dark\:text-sky-400\/70:is(.dark *) {
        color: rgba(56, 189, 248, 0.7);
      }
      .dark\:text-sky-400\/75:is(.dark *) {
        color: rgba(56, 189, 248, 0.75);
      }
      .dark\:text-sky-400\/80:is(.dark *) {
        color: rgba(56, 189, 248, 0.8);
      }
      .dark\:text-sky-400\/85:is(.dark *) {
        color: rgba(56, 189, 248, 0.85);
      }
      .dark\:text-sky-400\/90:is(.dark *) {
        color: rgba(56, 189, 248, 0.9);
      }
      .dark\:text-sky-400\/95:is(.dark *) {
        color: rgba(56, 189, 248, 0.95);
      }
      .dark\:text-teal-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(45 212 191 / var(--tw-text-opacity));
      }
      .dark\:text-teal-400\/0:is(.dark *) {
        color: rgba(45, 212, 191, 0);
      }
      .dark\:text-teal-400\/10:is(.dark *) {
        color: rgba(45, 212, 191, 0.1);
      }
      .dark\:text-teal-400\/100:is(.dark *) {
        color: #2dd4bf;
      }
      .dark\:text-teal-400\/15:is(.dark *) {
        color: rgba(45, 212, 191, 0.15);
      }
      .dark\:text-teal-400\/20:is(.dark *) {
        color: rgba(45, 212, 191, 0.2);
      }
      .dark\:text-teal-400\/25:is(.dark *) {
        color: rgba(45, 212, 191, 0.25);
      }
      .dark\:text-teal-400\/30:is(.dark *) {
        color: rgba(45, 212, 191, 0.3);
      }
      .dark\:text-teal-400\/35:is(.dark *) {
        color: rgba(45, 212, 191, 0.35);
      }
      .dark\:text-teal-400\/40:is(.dark *) {
        color: rgba(45, 212, 191, 0.4);
      }
      .dark\:text-teal-400\/45:is(.dark *) {
        color: rgba(45, 212, 191, 0.45);
      }
      .dark\:text-teal-400\/5:is(.dark *) {
        color: rgba(45, 212, 191, 0.05);
      }
      .dark\:text-teal-400\/50:is(.dark *) {
        color: rgba(45, 212, 191, 0.5);
      }
      .dark\:text-teal-400\/55:is(.dark *) {
        color: rgba(45, 212, 191, 0.55);
      }
      .dark\:text-teal-400\/60:is(.dark *) {
        color: rgba(45, 212, 191, 0.6);
      }
      .dark\:text-teal-400\/65:is(.dark *) {
        color: rgba(45, 212, 191, 0.65);
      }
      .dark\:text-teal-400\/70:is(.dark *) {
        color: rgba(45, 212, 191, 0.7);
      }
      .dark\:text-teal-400\/75:is(.dark *) {
        color: rgba(45, 212, 191, 0.75);
      }
      .dark\:text-teal-400\/80:is(.dark *) {
        color: rgba(45, 212, 191, 0.8);
      }
      .dark\:text-teal-400\/85:is(.dark *) {
        color: rgba(45, 212, 191, 0.85);
      }
      .dark\:text-teal-400\/90:is(.dark *) {
        color: rgba(45, 212, 191, 0.9);
      }
      .dark\:text-teal-400\/95:is(.dark *) {
        color: rgba(45, 212, 191, 0.95);
      }
      .dark\:text-violet-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(167 139 250 / var(--tw-text-opacity));
      }
      .dark\:text-violet-400\/0:is(.dark *) {
        color: rgba(167, 139, 250, 0);
      }
      .dark\:text-violet-400\/10:is(.dark *) {
        color: rgba(167, 139, 250, 0.1);
      }
      .dark\:text-violet-400\/100:is(.dark *) {
        color: #a78bfa;
      }
      .dark\:text-violet-400\/15:is(.dark *) {
        color: rgba(167, 139, 250, 0.15);
      }
      .dark\:text-violet-400\/20:is(.dark *) {
        color: rgba(167, 139, 250, 0.2);
      }
      .dark\:text-violet-400\/25:is(.dark *) {
        color: rgba(167, 139, 250, 0.25);
      }
      .dark\:text-violet-400\/30:is(.dark *) {
        color: rgba(167, 139, 250, 0.3);
      }
      .dark\:text-violet-400\/35:is(.dark *) {
        color: rgba(167, 139, 250, 0.35);
      }
      .dark\:text-violet-400\/40:is(.dark *) {
        color: rgba(167, 139, 250, 0.4);
      }
      .dark\:text-violet-400\/45:is(.dark *) {
        color: rgba(167, 139, 250, 0.45);
      }
      .dark\:text-violet-400\/5:is(.dark *) {
        color: rgba(167, 139, 250, 0.05);
      }
      .dark\:text-violet-400\/50:is(.dark *) {
        color: rgba(167, 139, 250, 0.5);
      }
      .dark\:text-violet-400\/55:is(.dark *) {
        color: rgba(167, 139, 250, 0.55);
      }
      .dark\:text-violet-400\/60:is(.dark *) {
        color: rgba(167, 139, 250, 0.6);
      }
      .dark\:text-violet-400\/65:is(.dark *) {
        color: rgba(167, 139, 250, 0.65);
      }
      .dark\:text-violet-400\/70:is(.dark *) {
        color: rgba(167, 139, 250, 0.7);
      }
      .dark\:text-violet-400\/75:is(.dark *) {
        color: rgba(167, 139, 250, 0.75);
      }
      .dark\:text-violet-400\/80:is(.dark *) {
        color: rgba(167, 139, 250, 0.8);
      }
      .dark\:text-violet-400\/85:is(.dark *) {
        color: rgba(167, 139, 250, 0.85);
      }
      .dark\:text-violet-400\/90:is(.dark *) {
        color: rgba(167, 139, 250, 0.9);
      }
      .dark\:text-violet-400\/95:is(.dark *) {
        color: rgba(167, 139, 250, 0.95);
      }
      .dark\:text-white:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }
      .dark\:text-yellow-400:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(250 204 21 / var(--tw-text-opacity));
      }
      .dark\:text-yellow-400\/0:is(.dark *) {
        color: rgba(250, 204, 21, 0);
      }
      .dark\:text-yellow-400\/10:is(.dark *) {
        color: rgba(250, 204, 21, 0.1);
      }
      .dark\:text-yellow-400\/100:is(.dark *) {
        color: #facc15;
      }
      .dark\:text-yellow-400\/15:is(.dark *) {
        color: rgba(250, 204, 21, 0.15);
      }
      .dark\:text-yellow-400\/20:is(.dark *) {
        color: rgba(250, 204, 21, 0.2);
      }
      .dark\:text-yellow-400\/25:is(.dark *) {
        color: rgba(250, 204, 21, 0.25);
      }
      .dark\:text-yellow-400\/30:is(.dark *) {
        color: rgba(250, 204, 21, 0.3);
      }
      .dark\:text-yellow-400\/35:is(.dark *) {
        color: rgba(250, 204, 21, 0.35);
      }
      .dark\:text-yellow-400\/40:is(.dark *) {
        color: rgba(250, 204, 21, 0.4);
      }
      .dark\:text-yellow-400\/45:is(.dark *) {
        color: rgba(250, 204, 21, 0.45);
      }
      .dark\:text-yellow-400\/5:is(.dark *) {
        color: rgba(250, 204, 21, 0.05);
      }
      .dark\:text-yellow-400\/50:is(.dark *) {
        color: rgba(250, 204, 21, 0.5);
      }
      .dark\:text-yellow-400\/55:is(.dark *) {
        color: rgba(250, 204, 21, 0.55);
      }
      .dark\:text-yellow-400\/60:is(.dark *) {
        color: rgba(250, 204, 21, 0.6);
      }
      .dark\:text-yellow-400\/65:is(.dark *) {
        color: rgba(250, 204, 21, 0.65);
      }
      .dark\:text-yellow-400\/70:is(.dark *) {
        color: rgba(250, 204, 21, 0.7);
      }
      .dark\:text-yellow-400\/75:is(.dark *) {
        color: rgba(250, 204, 21, 0.75);
      }
      .dark\:text-yellow-400\/80:is(.dark *) {
        color: rgba(250, 204, 21, 0.8);
      }
      .dark\:text-yellow-400\/85:is(.dark *) {
        color: rgba(250, 204, 21, 0.85);
      }
      .dark\:text-yellow-400\/90:is(.dark *) {
        color: rgba(250, 204, 21, 0.9);
      }
      .dark\:text-yellow-400\/95:is(.dark *) {
        color: rgba(250, 204, 21, 0.95);
      }
      .dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(var(--color-gray-500) / var(--tw-placeholder-opacity));
      }
      .dark\:placeholder-gray-500:is(.dark *)::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(var(--color-gray-500) / var(--tw-placeholder-opacity));
      }
      .dark\:ring-gray-700:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-700) / var(--tw-ring-opacity));
      }
      .dark\:ring-gray-800:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-800) / var(--tw-ring-opacity));
      }
      .dark\:ring-gray-900:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-900) / var(--tw-ring-opacity));
      }
      .dark\:ring-primary-400:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-400) / var(--tw-ring-opacity));
      }
      .dark\:ring-primary-400\/0:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:ring-primary-400\/10:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:ring-primary-400\/100:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:ring-primary-400\/15:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:ring-primary-400\/20:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:ring-primary-400\/25:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:ring-primary-400\/30:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:ring-primary-400\/35:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:ring-primary-400\/40:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:ring-primary-400\/45:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:ring-primary-400\/5:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:ring-primary-400\/50:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:ring-primary-400\/55:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:ring-primary-400\/60:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:ring-primary-400\/65:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:ring-primary-400\/70:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:ring-primary-400\/75:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:ring-primary-400\/80:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:ring-primary-400\/85:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:ring-primary-400\/90:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:ring-primary-400\/95:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:ring-red-400:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
      }
      .dark\:ring-red-400\/0:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0);
      }
      .dark\:ring-red-400\/10:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.1);
      }
      .dark\:ring-red-400\/100:is(.dark *) {
        --tw-ring-color: #f87171;
      }
      .dark\:ring-red-400\/15:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.15);
      }
      .dark\:ring-red-400\/20:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.2);
      }
      .dark\:ring-red-400\/25:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.25);
      }
      .dark\:ring-red-400\/30:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.3);
      }
      .dark\:ring-red-400\/35:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.35);
      }
      .dark\:ring-red-400\/40:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.4);
      }
      .dark\:ring-red-400\/45:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.45);
      }
      .dark\:ring-red-400\/5:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.05);
      }
      .dark\:ring-red-400\/50:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.5);
      }
      .dark\:ring-red-400\/55:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.55);
      }
      .dark\:ring-red-400\/60:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.6);
      }
      .dark\:ring-red-400\/65:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.65);
      }
      .dark\:ring-red-400\/70:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.7);
      }
      .dark\:ring-red-400\/75:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.75);
      }
      .dark\:ring-red-400\/80:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.8);
      }
      .dark\:ring-red-400\/85:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.85);
      }
      .dark\:ring-red-400\/90:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.9);
      }
      .dark\:ring-red-400\/95:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.95);
      }
      .dark\:ring-opacity-25:is(.dark *) {
        --tw-ring-opacity: 0.25;
      }
      .dark\:file\:text-gray-400:is(.dark *)::file-selector-button {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-400) / var(--tw-text-opacity));
      }
      .dark\:before\:bg-gray-700:is(.dark *):before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
      }
      .dark\:before\:bg-gray-800:is(.dark *):before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
      }
      .dark\:before\:ring-gray-700:is(.dark *):before {
        content: var(--tw-content);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-700) / var(--tw-ring-opacity));
      }
      .dark\:before\:ring-gray-800:is(.dark *):before {
        content: var(--tw-content);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-gray-800) / var(--tw-ring-opacity));
      }
      .dark\:after\:bg-primary-400:is(.dark *):after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-400) / var(--tw-bg-opacity));
      }
      .dark\:after\:text-red-400:is(.dark *):after {
        content: var(--tw-content);
        --tw-text-opacity: 1;
        color: rgb(248 113 113 / var(--tw-text-opacity));
      }
      .dark\:checked\:border-transparent:checked:is(.dark *) {
        border-color: transparent;
      }
      .dark\:checked\:bg-current:checked:is(.dark *) {
        background-color: currentColor;
      }
      .dark\:indeterminate\:border-transparent:indeterminate:is(.dark *) {
        border-color: transparent;
      }
      .dark\:indeterminate\:bg-current:indeterminate:is(.dark *) {
        background-color: currentColor;
      }
      .dark\:hover\:bg-gray-100:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));
      }
      .dark\:hover\:bg-gray-700\/50:hover:is(.dark *) {
        background-color: rgb(var(--color-gray-700) / 0.5);
      }
      .dark\:hover\:bg-gray-800:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
      }
      .dark\:hover\:bg-gray-800\/50:hover:is(.dark *) {
        background-color: rgb(var(--color-gray-800) / 0.5);
      }
      .dark\:hover\:bg-gray-900:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
      }
      .dark\:hover\:bg-primary-500:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
      }
      .dark\:hover\:bg-primary-500\/0:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0);
      }
      .dark\:hover\:bg-primary-500\/10:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.1);
      }
      .dark\:hover\:bg-primary-500\/100:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 1);
      }
      .dark\:hover\:bg-primary-500\/15:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.15);
      }
      .dark\:hover\:bg-primary-500\/20:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.2);
      }
      .dark\:hover\:bg-primary-500\/25:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.25);
      }
      .dark\:hover\:bg-primary-500\/30:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.3);
      }
      .dark\:hover\:bg-primary-500\/35:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.35);
      }
      .dark\:hover\:bg-primary-500\/40:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.4);
      }
      .dark\:hover\:bg-primary-500\/45:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.45);
      }
      .dark\:hover\:bg-primary-500\/5:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.05);
      }
      .dark\:hover\:bg-primary-500\/50:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.5);
      }
      .dark\:hover\:bg-primary-500\/55:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.55);
      }
      .dark\:hover\:bg-primary-500\/60:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.6);
      }
      .dark\:hover\:bg-primary-500\/65:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.65);
      }
      .dark\:hover\:bg-primary-500\/70:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.7);
      }
      .dark\:hover\:bg-primary-500\/75:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.75);
      }
      .dark\:hover\:bg-primary-500\/80:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.8);
      }
      .dark\:hover\:bg-primary-500\/85:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.85);
      }
      .dark\:hover\:bg-primary-500\/90:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.9);
      }
      .dark\:hover\:bg-primary-500\/95:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-500) / 0.95);
      }
      .dark\:hover\:bg-primary-900:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-900) / var(--tw-bg-opacity));
      }
      .dark\:hover\:bg-primary-900\/0:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0);
      }
      .dark\:hover\:bg-primary-900\/10:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.1);
      }
      .dark\:hover\:bg-primary-900\/100:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 1);
      }
      .dark\:hover\:bg-primary-900\/15:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.15);
      }
      .dark\:hover\:bg-primary-900\/20:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.2);
      }
      .dark\:hover\:bg-primary-900\/25:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.25);
      }
      .dark\:hover\:bg-primary-900\/30:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.3);
      }
      .dark\:hover\:bg-primary-900\/35:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.35);
      }
      .dark\:hover\:bg-primary-900\/40:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.4);
      }
      .dark\:hover\:bg-primary-900\/45:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.45);
      }
      .dark\:hover\:bg-primary-900\/5:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.05);
      }
      .dark\:hover\:bg-primary-900\/50:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.5);
      }
      .dark\:hover\:bg-primary-900\/55:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.55);
      }
      .dark\:hover\:bg-primary-900\/60:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.6);
      }
      .dark\:hover\:bg-primary-900\/65:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.65);
      }
      .dark\:hover\:bg-primary-900\/70:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.7);
      }
      .dark\:hover\:bg-primary-900\/75:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.75);
      }
      .dark\:hover\:bg-primary-900\/80:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.8);
      }
      .dark\:hover\:bg-primary-900\/85:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.85);
      }
      .dark\:hover\:bg-primary-900\/90:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.9);
      }
      .dark\:hover\:bg-primary-900\/95:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-900) / 0.95);
      }
      .dark\:hover\:bg-primary-950:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-950) / var(--tw-bg-opacity));
      }
      .dark\:hover\:bg-primary-950\/0:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0);
      }
      .dark\:hover\:bg-primary-950\/10:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.1);
      }
      .dark\:hover\:bg-primary-950\/100:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 1);
      }
      .dark\:hover\:bg-primary-950\/15:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.15);
      }
      .dark\:hover\:bg-primary-950\/20:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.2);
      }
      .dark\:hover\:bg-primary-950\/25:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.25);
      }
      .dark\:hover\:bg-primary-950\/30:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.3);
      }
      .dark\:hover\:bg-primary-950\/35:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.35);
      }
      .dark\:hover\:bg-primary-950\/40:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.4);
      }
      .dark\:hover\:bg-primary-950\/45:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.45);
      }
      .dark\:hover\:bg-primary-950\/5:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.05);
      }
      .dark\:hover\:bg-primary-950\/50:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.5);
      }
      .dark\:hover\:bg-primary-950\/55:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.55);
      }
      .dark\:hover\:bg-primary-950\/60:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.6);
      }
      .dark\:hover\:bg-primary-950\/65:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.65);
      }
      .dark\:hover\:bg-primary-950\/70:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.7);
      }
      .dark\:hover\:bg-primary-950\/75:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.75);
      }
      .dark\:hover\:bg-primary-950\/80:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.8);
      }
      .dark\:hover\:bg-primary-950\/85:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.85);
      }
      .dark\:hover\:bg-primary-950\/90:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.9);
      }
      .dark\:hover\:bg-primary-950\/95:hover:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.95);
      }
      .dark\:hover\:text-gray-200:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-200) / var(--tw-text-opacity));
      }
      .dark\:hover\:text-primary-500:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
      }
      .dark\:hover\:text-primary-500\/0:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0);
      }
      .dark\:hover\:text-primary-500\/10:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.1);
      }
      .dark\:hover\:text-primary-500\/100:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 1);
      }
      .dark\:hover\:text-primary-500\/15:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.15);
      }
      .dark\:hover\:text-primary-500\/20:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.2);
      }
      .dark\:hover\:text-primary-500\/25:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.25);
      }
      .dark\:hover\:text-primary-500\/30:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.3);
      }
      .dark\:hover\:text-primary-500\/35:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.35);
      }
      .dark\:hover\:text-primary-500\/40:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.4);
      }
      .dark\:hover\:text-primary-500\/45:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.45);
      }
      .dark\:hover\:text-primary-500\/5:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.05);
      }
      .dark\:hover\:text-primary-500\/50:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.5);
      }
      .dark\:hover\:text-primary-500\/55:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.55);
      }
      .dark\:hover\:text-primary-500\/60:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.6);
      }
      .dark\:hover\:text-primary-500\/65:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.65);
      }
      .dark\:hover\:text-primary-500\/70:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.7);
      }
      .dark\:hover\:text-primary-500\/75:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.75);
      }
      .dark\:hover\:text-primary-500\/80:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.8);
      }
      .dark\:hover\:text-primary-500\/85:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.85);
      }
      .dark\:hover\:text-primary-500\/90:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.9);
      }
      .dark\:hover\:text-primary-500\/95:hover:is(.dark *) {
        color: rgb(var(--color-primary-500) / 0.95);
      }
      .dark\:hover\:text-white:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }
      .dark\:hover\:before\:bg-gray-800\/50:hover:is(.dark *):before {
        background-color: rgb(var(--color-gray-800) / 0.5);
        content: var(--tw-content);
      }
      .dark\:focus\:ring-primary-400:focus:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-400) / var(--tw-ring-opacity));
      }
      .dark\:focus\:ring-primary-400\/0:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:focus\:ring-primary-400\/10:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:focus\:ring-primary-400\/100:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:focus\:ring-primary-400\/15:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:focus\:ring-primary-400\/20:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:focus\:ring-primary-400\/25:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:focus\:ring-primary-400\/30:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:focus\:ring-primary-400\/35:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:focus\:ring-primary-400\/40:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:focus\:ring-primary-400\/45:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:focus\:ring-primary-400\/5:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:focus\:ring-primary-400\/50:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:focus\:ring-primary-400\/55:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:focus\:ring-primary-400\/60:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:focus\:ring-primary-400\/65:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:focus\:ring-primary-400\/70:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:focus\:ring-primary-400\/75:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:focus\:ring-primary-400\/80:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:focus\:ring-primary-400\/85:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:focus\:ring-primary-400\/90:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:focus\:ring-primary-400\/95:focus:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:focus\:ring-red-400:focus:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
      }
      .dark\:focus\:ring-red-400\/0:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0);
      }
      .dark\:focus\:ring-red-400\/10:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.1);
      }
      .dark\:focus\:ring-red-400\/100:focus:is(.dark *) {
        --tw-ring-color: #f87171;
      }
      .dark\:focus\:ring-red-400\/15:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.15);
      }
      .dark\:focus\:ring-red-400\/20:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.2);
      }
      .dark\:focus\:ring-red-400\/25:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.25);
      }
      .dark\:focus\:ring-red-400\/30:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.3);
      }
      .dark\:focus\:ring-red-400\/35:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.35);
      }
      .dark\:focus\:ring-red-400\/40:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.4);
      }
      .dark\:focus\:ring-red-400\/45:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.45);
      }
      .dark\:focus\:ring-red-400\/5:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.05);
      }
      .dark\:focus\:ring-red-400\/50:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.5);
      }
      .dark\:focus\:ring-red-400\/55:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.55);
      }
      .dark\:focus\:ring-red-400\/60:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.6);
      }
      .dark\:focus\:ring-red-400\/65:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.65);
      }
      .dark\:focus\:ring-red-400\/70:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.7);
      }
      .dark\:focus\:ring-red-400\/75:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.75);
      }
      .dark\:focus\:ring-red-400\/80:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.8);
      }
      .dark\:focus\:ring-red-400\/85:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.85);
      }
      .dark\:focus\:ring-red-400\/90:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.9);
      }
      .dark\:focus\:ring-red-400\/95:focus:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.95);
      }
      .dark\:focus-visible\:outline-none:focus-visible:is(.dark *) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      .dark\:focus-visible\:outline-primary-400:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:focus-visible\:outline-primary-400\/0:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:focus-visible\:outline-primary-400\/10:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:focus-visible\:outline-primary-400\/100:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:focus-visible\:outline-primary-400\/15:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:focus-visible\:outline-primary-400\/20:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:focus-visible\:outline-primary-400\/25:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:focus-visible\:outline-primary-400\/30:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:focus-visible\:outline-primary-400\/35:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:focus-visible\:outline-primary-400\/40:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:focus-visible\:outline-primary-400\/45:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:focus-visible\:outline-primary-400\/5:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:focus-visible\:outline-primary-400\/50:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:focus-visible\:outline-primary-400\/55:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:focus-visible\:outline-primary-400\/60:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:focus-visible\:outline-primary-400\/65:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:focus-visible\:outline-primary-400\/70:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:focus-visible\:outline-primary-400\/75:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:focus-visible\:outline-primary-400\/80:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:focus-visible\:outline-primary-400\/85:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:focus-visible\:outline-primary-400\/90:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:focus-visible\:outline-primary-400\/95:focus-visible:is(.dark *) {
        outline-color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:focus-visible\:ring-primary-400:focus-visible:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-400) / var(--tw-ring-opacity));
      }
      .dark\:focus-visible\:ring-primary-400\/0:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:focus-visible\:ring-primary-400\/10:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:focus-visible\:ring-primary-400\/100:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:focus-visible\:ring-primary-400\/15:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:focus-visible\:ring-primary-400\/20:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:focus-visible\:ring-primary-400\/25:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:focus-visible\:ring-primary-400\/30:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:focus-visible\:ring-primary-400\/35:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:focus-visible\:ring-primary-400\/40:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:focus-visible\:ring-primary-400\/45:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:focus-visible\:ring-primary-400\/5:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:focus-visible\:ring-primary-400\/50:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:focus-visible\:ring-primary-400\/55:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:focus-visible\:ring-primary-400\/60:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:focus-visible\:ring-primary-400\/65:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:focus-visible\:ring-primary-400\/70:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:focus-visible\:ring-primary-400\/75:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:focus-visible\:ring-primary-400\/80:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:focus-visible\:ring-primary-400\/85:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:focus-visible\:ring-primary-400\/90:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:focus-visible\:ring-primary-400\/95:focus-visible:is(.dark *) {
        --tw-ring-color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:focus-visible\:ring-red-400:focus-visible:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
      }
      .dark\:focus-visible\:ring-red-400\/0:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0);
      }
      .dark\:focus-visible\:ring-red-400\/10:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.1);
      }
      .dark\:focus-visible\:ring-red-400\/100:focus-visible:is(.dark *) {
        --tw-ring-color: #f87171;
      }
      .dark\:focus-visible\:ring-red-400\/15:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.15);
      }
      .dark\:focus-visible\:ring-red-400\/20:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.2);
      }
      .dark\:focus-visible\:ring-red-400\/25:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.25);
      }
      .dark\:focus-visible\:ring-red-400\/30:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.3);
      }
      .dark\:focus-visible\:ring-red-400\/35:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.35);
      }
      .dark\:focus-visible\:ring-red-400\/40:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.4);
      }
      .dark\:focus-visible\:ring-red-400\/45:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.45);
      }
      .dark\:focus-visible\:ring-red-400\/5:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.05);
      }
      .dark\:focus-visible\:ring-red-400\/50:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.5);
      }
      .dark\:focus-visible\:ring-red-400\/55:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.55);
      }
      .dark\:focus-visible\:ring-red-400\/60:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.6);
      }
      .dark\:focus-visible\:ring-red-400\/65:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.65);
      }
      .dark\:focus-visible\:ring-red-400\/70:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.7);
      }
      .dark\:focus-visible\:ring-red-400\/75:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.75);
      }
      .dark\:focus-visible\:ring-red-400\/80:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.8);
      }
      .dark\:focus-visible\:ring-red-400\/85:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.85);
      }
      .dark\:focus-visible\:ring-red-400\/90:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.9);
      }
      .dark\:focus-visible\:ring-red-400\/95:focus-visible:is(.dark *) {
        --tw-ring-color: hsla(0, 91%, 71%, 0.95);
      }
      .dark\:focus-visible\:ring-offset-gray-900:focus-visible:is(.dark *) {
        --tw-ring-offset-color: rgb(var(--color-gray-900) / 1);
      }
      .dark\:focus-visible\:before\:ring-primary-400:focus-visible:is(
          .dark *
        ):before {
        content: var(--tw-content);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-400) / var(--tw-ring-opacity));
      }
      .dark\:disabled\:bg-gray-800:disabled:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
      }
      .dark\:disabled\:bg-gray-900:disabled:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
      }
      .dark\:disabled\:bg-primary-400:disabled:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-400) / var(--tw-bg-opacity));
      }
      .dark\:disabled\:bg-primary-400\/0:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:disabled\:bg-primary-400\/10:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:disabled\:bg-primary-400\/100:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:disabled\:bg-primary-400\/15:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:disabled\:bg-primary-400\/20:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:disabled\:bg-primary-400\/25:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:disabled\:bg-primary-400\/30:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:disabled\:bg-primary-400\/35:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:disabled\:bg-primary-400\/40:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:disabled\:bg-primary-400\/45:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:disabled\:bg-primary-400\/5:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:disabled\:bg-primary-400\/50:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:disabled\:bg-primary-400\/55:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:disabled\:bg-primary-400\/60:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:disabled\:bg-primary-400\/65:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:disabled\:bg-primary-400\/70:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:disabled\:bg-primary-400\/75:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:disabled\:bg-primary-400\/80:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:disabled\:bg-primary-400\/85:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:disabled\:bg-primary-400\/90:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:disabled\:bg-primary-400\/95:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-400) / 0.95);
      }
      .dark\:disabled\:bg-primary-950:disabled:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-primary-950) / var(--tw-bg-opacity));
      }
      .dark\:disabled\:bg-primary-950\/0:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0);
      }
      .dark\:disabled\:bg-primary-950\/10:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.1);
      }
      .dark\:disabled\:bg-primary-950\/100:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 1);
      }
      .dark\:disabled\:bg-primary-950\/15:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.15);
      }
      .dark\:disabled\:bg-primary-950\/20:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.2);
      }
      .dark\:disabled\:bg-primary-950\/25:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.25);
      }
      .dark\:disabled\:bg-primary-950\/30:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.3);
      }
      .dark\:disabled\:bg-primary-950\/35:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.35);
      }
      .dark\:disabled\:bg-primary-950\/40:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.4);
      }
      .dark\:disabled\:bg-primary-950\/45:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.45);
      }
      .dark\:disabled\:bg-primary-950\/5:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.05);
      }
      .dark\:disabled\:bg-primary-950\/50:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.5);
      }
      .dark\:disabled\:bg-primary-950\/55:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.55);
      }
      .dark\:disabled\:bg-primary-950\/60:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.6);
      }
      .dark\:disabled\:bg-primary-950\/65:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.65);
      }
      .dark\:disabled\:bg-primary-950\/70:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.7);
      }
      .dark\:disabled\:bg-primary-950\/75:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.75);
      }
      .dark\:disabled\:bg-primary-950\/80:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.8);
      }
      .dark\:disabled\:bg-primary-950\/85:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.85);
      }
      .dark\:disabled\:bg-primary-950\/90:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.9);
      }
      .dark\:disabled\:bg-primary-950\/95:disabled:is(.dark *) {
        background-color: rgb(var(--color-primary-950) / 0.95);
      }
      .dark\:disabled\:bg-transparent:disabled:is(.dark *) {
        background-color: transparent;
      }
      .dark\:disabled\:bg-white:disabled:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .dark\:disabled\:text-primary-400:disabled:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-primary-400) / var(--tw-text-opacity));
      }
      .dark\:disabled\:text-primary-400\/0:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0);
      }
      .dark\:disabled\:text-primary-400\/10:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.1);
      }
      .dark\:disabled\:text-primary-400\/100:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 1);
      }
      .dark\:disabled\:text-primary-400\/15:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.15);
      }
      .dark\:disabled\:text-primary-400\/20:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.2);
      }
      .dark\:disabled\:text-primary-400\/25:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.25);
      }
      .dark\:disabled\:text-primary-400\/30:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.3);
      }
      .dark\:disabled\:text-primary-400\/35:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.35);
      }
      .dark\:disabled\:text-primary-400\/40:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.4);
      }
      .dark\:disabled\:text-primary-400\/45:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.45);
      }
      .dark\:disabled\:text-primary-400\/5:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.05);
      }
      .dark\:disabled\:text-primary-400\/50:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.5);
      }
      .dark\:disabled\:text-primary-400\/55:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.55);
      }
      .dark\:disabled\:text-primary-400\/60:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.6);
      }
      .dark\:disabled\:text-primary-400\/65:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.65);
      }
      .dark\:disabled\:text-primary-400\/70:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.7);
      }
      .dark\:disabled\:text-primary-400\/75:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.75);
      }
      .dark\:disabled\:text-primary-400\/80:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.8);
      }
      .dark\:disabled\:text-primary-400\/85:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.85);
      }
      .dark\:disabled\:text-primary-400\/90:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.9);
      }
      .dark\:disabled\:text-primary-400\/95:disabled:is(.dark *) {
        color: rgb(var(--color-primary-400) / 0.95);
      }
      .group:hover .dark\:group-hover\:text-gray-200:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-200) / var(--tw-text-opacity));
      }
      :where([data-headlessui-focus-visible])
        .dark\:ui-focus-visible\:ring-primary-400:focus:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--color-primary-400) / var(--tw-ring-opacity));
      }
      @media (min-width: 640px) {
        .sm\:my-8 {
          margin-bottom: 2rem;
          margin-top: 2rem;
        }
        .sm\:w-96 {
          width: 24rem;
        }
        .sm\:max-w-lg {
          max-width: 32rem;
        }
        .sm\:translate-x-0 {
          --tw-translate-x: 0px;
        }
        .sm\:translate-x-0,
        .sm\:translate-x-2 {
          transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        }
        .sm\:translate-x-2 {
          --tw-translate-x: 0.5rem;
        }
        .sm\:translate-y-0 {
          --tw-translate-y: 0px;
        }
        .sm\:scale-100,
        .sm\:translate-y-0 {
          transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        }
        .sm\:scale-100 {
          --tw-scale-x: 1;
          --tw-scale-y: 1;
        }
        .sm\:scale-95 {
          --tw-scale-x: 0.95;
          --tw-scale-y: 0.95;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        }
        .sm\:items-center {
          align-items: center;
        }
        .sm\:p-0 {
          padding: 0;
        }
        .sm\:p-6 {
          padding: 1.5rem;
        }
        .sm\:px-14 {
          padding-left: 3.5rem;
          padding-right: 3.5rem;
        }
        .sm\:px-6 {
          padding-left: 1.5rem;
          padding-right: 1.5rem;
        }
        .sm\:text-sm {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }
      }
      @media (min-width: 768px) {
        .md\:flex {
          display: flex;
        }
        .md\:inline-flex {
          display: inline-flex;
        }
        .md\:w-1\/2 {
          width: 50%;
        }
        .md\:p-6 {
          padding: 1.5rem;
        }
        .md\:px-0 {
          padding-left: 0;
          padding-right: 0;
        }
        .md\:text-2xl {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        .md\:text-base {
          font-size: 1rem;
          line-height: 1.5rem;
        }
        .md\:text-lg {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
      }
      @media (min-width: 1024px) {
        .lg\:p-12 {
          padding: 3rem;
        }
        .lg\:px-12 {
          padding-left: 3rem;
          padding-right: 3rem;
        }
        .lg\:px-8 {
          padding-left: 2rem;
          padding-right: 2rem;
        }
        .lg\:pl-4 {
          padding-left: 1rem;
        }
        .lg\:text-2xl {
          font-size: 1.5rem;
          line-height: 2rem;
        }
        .lg\:text-4xl {
          font-size: 2.25rem;
          line-height: 2.5rem;
        }
        .lg\:text-base {
          font-size: 1rem;
          line-height: 1.5rem;
        }
        .lg\:text-xl {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }
      @media (min-width: 1280px) {
        .xl\:px-0 {
          padding-left: 0;
          padding-right: 0;
        }
        .xl\:text-3xl {
          font-size: 1.875rem;
          line-height: 2.25rem;
        }
        .xl\:text-5xl {
          font-size: 3rem;
          line-height: 1;
        }
        .xl\:text-lg {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
      }
      .rtl\:-translate-x-0:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-2:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -0.5rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-2\.5:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -0.625rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-3:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -0.75rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-4:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -1rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-5:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -1.25rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-6:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -1.5rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-7:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -1.75rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:translate-x-full:where([dir="rtl"], [dir="rtl"] *) {
        --tw-translate-x: 100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
        text-align: right;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-0\.5::-moz-meter-bar {
        height: 0.125rem;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-1::-moz-meter-bar {
        height: 0.25rem;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-2::-moz-meter-bar {
        height: 0.5rem;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-3::-moz-meter-bar {
        height: 0.75rem;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-4::-moz-meter-bar {
        height: 1rem;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-5::-moz-meter-bar {
        height: 1.25rem;
      }
      .\[\&\:\:-moz-meter-bar\]\:h-px::-moz-meter-bar {
        height: 1px;
      }
      .\[\&\:\:-moz-meter-bar\]\:rounded-full::-moz-meter-bar {
        border-radius: 9999px;
      }
      .\[\&\:\:-moz-meter-bar\]\:border-none::-moz-meter-bar {
        border-style: none;
      }
      .\[\&\:\:-moz-meter-bar\]\:bg-current::-moz-meter-bar {
        background-color: currentColor;
      }
      .\[\&\:\:-moz-meter-bar\]\:bg-none::-moz-meter-bar {
        background-image: none;
      }
      .\[\&\:\:-moz-meter-bar\]\:transition-all::-moz-meter-bar {
        transition-duration: 0.15s;
        -moz-transition-property: all;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .\[\&\:\:-moz-progress-bar\]\:rounded-full::-moz-progress-bar {
        border-radius: 9999px;
      }
      .\[\&\:\:-moz-progress-bar\]\:bg-current::-moz-progress-bar {
        background-color: currentColor;
      }
      .\[\&\:\:-moz-range-thumb\]\:relative::-moz-range-thumb {
        position: relative;
      }
      .\[\&\:\:-moz-range-thumb\]\:z-\[1\]::-moz-range-thumb {
        z-index: 1;
      }
      .\[\&\:\:-moz-range-thumb\]\:-mt-1::-moz-range-thumb {
        margin-top: -0.25rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:mt-\[-2\.5px\]::-moz-range-thumb {
        margin-top: -2.5px;
      }
      .\[\&\:\:-moz-range-thumb\]\:mt-\[-3px\]::-moz-range-thumb {
        margin-top: -3px;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-1\.5::-moz-range-thumb {
        height: 0.375rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-2::-moz-range-thumb {
        height: 0.5rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-3::-moz-range-thumb {
        height: 0.75rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb {
        height: 1rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-5::-moz-range-thumb {
        height: 1.25rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-6::-moz-range-thumb {
        height: 1.5rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:h-7::-moz-range-thumb {
        height: 1.75rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-1\.5::-moz-range-thumb {
        width: 0.375rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-2::-moz-range-thumb {
        width: 0.5rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-3::-moz-range-thumb {
        width: 0.75rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb {
        width: 1rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-5::-moz-range-thumb {
        width: 1.25rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-6::-moz-range-thumb {
        width: 1.5rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:w-7::-moz-range-thumb {
        width: 1.75rem;
      }
      .\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb {
        -moz-appearance: none;
        appearance: none;
      }
      .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
        border-radius: 9999px;
      }
      .\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb {
        border-width: 0;
      }
      .\[\&\:\:-moz-range-thumb\]\:bg-current::-moz-range-thumb {
        background-color: currentColor;
      }
      .\[\&\:\:-moz-range-track\]\:h-0\.5::-moz-range-track {
        height: 0.125rem;
      }
      .\[\&\:\:-moz-range-track\]\:h-1::-moz-range-track {
        height: 0.25rem;
      }
      .\[\&\:\:-moz-range-track\]\:h-2::-moz-range-track {
        height: 0.5rem;
      }
      .\[\&\:\:-moz-range-track\]\:h-3::-moz-range-track {
        height: 0.75rem;
      }
      .\[\&\:\:-moz-range-track\]\:h-4::-moz-range-track {
        height: 1rem;
      }
      .\[\&\:\:-moz-range-track\]\:h-5::-moz-range-track {
        height: 1.25rem;
      }
      .\[\&\:\:-moz-range-track\]\:h-px::-moz-range-track {
        height: 1px;
      }
      .\[\&\:\:-moz-range-track\]\:rounded-lg::-moz-range-track {
        border-radius: 0.5rem;
      }
      .\[\&\:\:-moz-range-track\]\:bg-gray-200::-moz-range-track {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
      }
      .group:disabled
        .\[\&\:\:-moz-range-track\]\:group-disabled\:bg-opacity-50::-moz-range-track {
        --tw-bg-opacity: 0.5;
      }
      .\[\&\:\:-moz-range-track\]\:dark\:bg-gray-700:is(
          .dark *
        )::-moz-range-track {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
      }
      .\[\&\:\:-webkit-meter-bar\]\:border-none::-webkit-meter-bar {
        border-style: none;
      }
      .\[\&\:\:-webkit-meter-bar\]\:bg-transparent::-webkit-meter-bar {
        background-color: transparent;
      }
      .\[\&\:\:-webkit-meter-bar\]\:bg-none::-webkit-meter-bar {
        background-image: none;
      }
      .\[\&\:\:-webkit-meter-inner-element\]\:relative::-webkit-meter-inner-element {
        position: relative;
      }
      .\[\&\:\:-webkit-meter-inner-element\]\:block::-webkit-meter-inner-element {
        display: block;
      }
      .\[\&\:\:-webkit-meter-inner-element\]\:border-none::-webkit-meter-inner-element {
        border-style: none;
      }
      .\[\&\:\:-webkit-meter-inner-element\]\:bg-transparent::-webkit-meter-inner-element {
        background-color: transparent;
      }
      .\[\&\:\:-webkit-meter-inner-element\]\:bg-none::-webkit-meter-inner-element {
        background-image: none;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-0\.5::-webkit-meter-optimum-value {
        height: 0.125rem;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-1::-webkit-meter-optimum-value {
        height: 0.25rem;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-2::-webkit-meter-optimum-value {
        height: 0.5rem;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-3::-webkit-meter-optimum-value {
        height: 0.75rem;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-4::-webkit-meter-optimum-value {
        height: 1rem;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-5::-webkit-meter-optimum-value {
        height: 1.25rem;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:h-px::-webkit-meter-optimum-value {
        height: 1px;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:rounded-full::-webkit-meter-optimum-value {
        border-radius: 9999px;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:border-none::-webkit-meter-optimum-value {
        border-style: none;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:bg-current::-webkit-meter-optimum-value {
        background-color: currentColor;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:bg-none::-webkit-meter-optimum-value {
        background-image: none;
      }
      .\[\&\:\:-webkit-meter-optimum-value\]\:transition-all::-webkit-meter-optimum-value {
        transition-duration: 0.15s;
        -webkit-transition-property: all;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .\[\&\:\:-webkit-progress-bar\]\:w-full::-webkit-progress-bar {
        width: 100%;
      }
      .\[\&\:\:-webkit-progress-bar\]\:rounded-full::-webkit-progress-bar {
        border-radius: 9999px;
      }
      .\[\&\:\:-webkit-progress-bar\]\:bg-gray-200::-webkit-progress-bar {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
      }
      .\[\&\:\:-webkit-progress-bar\]\:dark\:bg-gray-700:is(
          .dark *
        )::-webkit-progress-bar {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
      }
      .\[\&\:\:-webkit-progress-value\]\:rounded-full::-webkit-progress-value {
        border-radius: 9999px;
      }
      .\[\&\:\:-webkit-progress-value\]\:bg-current::-webkit-progress-value {
        background-color: currentColor;
      }
      .\[\&\:\:-webkit-progress-value\]\:transition-all::-webkit-progress-value {
        transition-duration: 0.15s;
        -webkit-transition-property: all;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .\[\&\:\:-webkit-progress-value\]\:ease-in-out::-webkit-progress-value {
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-0\.5::-webkit-slider-runnable-track {
        height: 0.125rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-1::-webkit-slider-runnable-track {
        height: 0.25rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-2::-webkit-slider-runnable-track {
        height: 0.5rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-3::-webkit-slider-runnable-track {
        height: 0.75rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-4::-webkit-slider-runnable-track {
        height: 1rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-5::-webkit-slider-runnable-track {
        height: 1.25rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:h-px::-webkit-slider-runnable-track {
        height: 1px;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:rounded-lg::-webkit-slider-runnable-track {
        border-radius: 0.5rem;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:bg-gray-200::-webkit-slider-runnable-track {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
      }
      .group:disabled
        .\[\&\:\:-webkit-slider-runnable-track\]\:group-disabled\:bg-opacity-50::-webkit-slider-runnable-track {
        --tw-bg-opacity: 0.5;
      }
      .\[\&\:\:-webkit-slider-runnable-track\]\:dark\:bg-gray-700:is(
          .dark *
        )::-webkit-slider-runnable-track {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
      }
      .\[\&\:\:-webkit-slider-thumb\]\:relative::-webkit-slider-thumb {
        position: relative;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:z-\[1\]::-webkit-slider-thumb {
        z-index: 1;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:-mt-1::-webkit-slider-thumb {
        margin-top: -0.25rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:mt-\[-2\.5px\]::-webkit-slider-thumb {
        margin-top: -2.5px;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:mt-\[-3px\]::-webkit-slider-thumb {
        margin-top: -3px;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-1\.5::-webkit-slider-thumb {
        height: 0.375rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-2::-webkit-slider-thumb {
        height: 0.5rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb {
        height: 0.75rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
        height: 1rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-5::-webkit-slider-thumb {
        height: 1.25rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-6::-webkit-slider-thumb {
        height: 1.5rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:h-7::-webkit-slider-thumb {
        height: 1.75rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-1\.5::-webkit-slider-thumb {
        width: 0.375rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-2::-webkit-slider-thumb {
        width: 0.5rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb {
        width: 0.75rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
        width: 1rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-5::-webkit-slider-thumb {
        width: 1.25rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-6::-webkit-slider-thumb {
        width: 1.5rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:w-7::-webkit-slider-thumb {
        width: 1.75rem;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
        border-radius: 9999px;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }
      .\[\&\:\:-webkit-slider-thumb\]\:ring-2::-webkit-slider-thumb {
        --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);
      }
      .\[\&\:\:-webkit-slider-thumb\]\:ring-current::-webkit-slider-thumb {
        --tw-ring-color: currentColor;
      }
      .\[\&\:\:-webkit-slider-thumb\]\:dark\:bg-gray-900:is(
          .dark *
        )::-webkit-slider-thumb {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
      }
      .\[\&\:indeterminate\:\:-moz-progress-bar\]\:rounded-full:indeterminate::-moz-progress-bar {
        border-radius: 9999px;
      }
      .\[\&\:indeterminate\:\:-webkit-progress-value\]\:rounded-full:indeterminate::-webkit-progress-value {
        border-radius: 9999px;
      }
      .rtl\:\[\&_span\:first-child\]\:rotate-180
        span:first-child:where([dir="rtl"], [dir="rtl"] *) {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      .rtl\:\[\&_span\:last-child\]\:rotate-180
        span:last-child:where([dir="rtl"], [dir="rtl"] *) {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
          rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
          skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
          scaleY(var(--tw-scale-y));
      }
      @media (pointer: coarse) {
        .\[\@media\(pointer\:coarse\)\]\:hidden {
          display: none;
        }
      }
      @supports (selector(&::-moz-progress-bar)) {
        .\[\@supports\(selector\(\&\:\:-moz-progress-bar\)\)\]\:bg-gray-200 {
          --tw-bg-opacity: 1;
          background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
        }
        .\[\@supports\(selector\(\&\:\:-moz-progress-bar\)\)\]\:dark\:bg-gray-700:is(
            .dark *
          ) {
          --tw-bg-opacity: 1;
          background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
        }
      }

    .dark {
        color-scheme: dark;
      }
      a:focus-visible {
        outline-color: rgb(var(--color-primary-DEFAULT) / 1);
      }
      ::-moz-selection {
        background-color: rgb(var(--color-primary-DEFAULT) / 0.4);
      }
      ::selection {
        background-color: rgb(var(--color-primary-DEFAULT) / 0.4);
      }
 .container[data-v-61653acb] {
        position: relative;
        z-index: 2;
      }

    @keyframes pulse-animation-cd1bc306 {
        0% {
          transform: scale(1);
        }
        50% {
          transform: scale(1.1);
        }
        to {
          transform: scale(1);
        }
      }
      .btn-wrapper[data-v-cd1bc306] {
        align-items: center;
        background: linear-gradient(0deg, #11a62e 0, #54e66c);
        border-radius: calc(var(--ratio) * 7.867);
        display: flex;
        height: calc(var(--ratio) * 12.8);
        justify-content: center;
        margin: 0 auto;
        width: calc(var(--ratio) * 58.4);
      }
      .btn-icon[data-v-cd1bc306] {
        height: calc(var(--ratio) * 8.267);
        margin-right: calc(var(--ratio) * 2.4);
        width: calc(var(--ratio) * 8.267);
      }
      .btn-text[data-v-cd1bc306] {
        color: #fff;
        font-size: calc(var(--ratio) * 5.333);
        font-weight: 700;
        line-height: calc(var(--ratio) * 4.8);
        margin-top: calc(var(--ratio) * -1.067);
      }
      .btn-anim[data-v-cd1bc306] {
        animation: pulse-animation-cd1bc306 2s infinite;
      }
      .colored-txt[data-v-cd1bc306] {
        color: #ffd201;
      }
      .stock-market-survival-guide[data-v-cd1bc306] {
        font-family:
          Microsoft Yahei,
          sans-serif;
      }
      .s1-cont[data-v-cd1bc306] {
        background: url(../image/s1-bg.1zyaahbp.png) top/cover no-repeat;
        height: calc(var(--ratio) * 131.6);
        padding: calc(var(--ratio) * 21.067) 0 0;
      }
      .s1-padd[data-v-cd1bc306] {
        padding-left: calc(var(--ratio) * 9.867);
      }
      .s1-title p[data-v-cd1bc306] {
        font-size: calc(var(--ratio) * 5.008);
        font-weight: 700;
        margin-bottom: calc(var(--ratio) * 3.333);
      }
      .s1-title h1[data-v-cd1bc306] {
        color: #fff;
        font-size: calc(var(--ratio) * 8);
        font-weight: 700;
        line-height: calc(var(--ratio) * 8.4);
        margin-bottom: calc(var(--ratio) * 4.933);
        position: relative;
      }
      .s1-title h1[data-v-cd1bc306]:before {
        background: linear-gradient(90deg, #734b36, #ffd201);
        content: "";
        height: calc(var(--ratio) * 23.333);
        left: 0;
        opacity: 0.302;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: calc(var(--ratio) * 3.2);
      }
      .s1-content[data-v-cd1bc306] {
        font-size: calc(var(--ratio) * 4);
        line-height: calc(var(--ratio) * 5.867);
        margin-top: calc(var(--ratio) * 2.933);
      }
      .s1-img[data-v-cd1bc306] {
        height: auto;
        width: calc(var(--ratio) * 78.533);
      }
      .s2-cont[data-v-cd1bc306] {
        background-color: #fff;
        padding: calc(var(--ratio) * 10.667) 0 calc(var(--ratio) * 10.4);
      }
      .s2-title[data-v-cd1bc306] {
        color: #333;
        font-size: calc(var(--ratio) * 7.333);
        font-weight: 700;
        line-height: calc(var(--ratio) * 8.4);
        text-align: center;
      }
      .s2-content[data-v-cd1bc306] {
        margin-top: calc(var(--ratio) * 8.667);
        padding: 0 calc(var(--ratio) * 4.4);
      }
      .s2-content-title[data-v-cd1bc306] {
        color: #333;
        font-size: calc(var(--ratio) * 4.8);
        font-weight: 700;
        line-height: calc(var(--ratio) * 4.8);
      }
      .s2-list[data-v-cd1bc306] {
        border-bottom: calc(var(--ratio) * 0.133) solid #3a3938;
        border-top: calc(var(--ratio) * 0.133) solid #3a3938;
        margin-top: calc(var(--ratio) * 4.667);
        padding: calc(var(--ratio) * 5.6) 0 calc(var(--ratio) * 6.4);
      }
      .s2-list-item[data-v-cd1bc306] {
        color: #333;
        display: flex;
        font-size: calc(var(--ratio) * 3.2);
        line-height: calc(var(--ratio) * 4.8);
      }
      .s2-list-item + .s2-list-item[data-v-cd1bc306] {
        margin-top: calc(var(--ratio) * 4.8);
      }
      .s2-list-marker[data-v-cd1bc306] {
        flex: 0 0 calc(var(--ratio) * 6.533);
        height: calc(var(--ratio) * 4.667);
        margin-right: calc(var(--ratio) * 3.067);
        margin-top: calc(var(--ratio) * 0.4);
        width: calc(var(--ratio) * 6.533);
      }
      .s2-btn[data-v-cd1bc306] {
        margin-top: calc(var(--ratio) * 8.667);
      }
      .s2-btn .btn-wrapper[data-v-cd1bc306] {
        width: calc(var(--ratio) * 73.333);
      }
      .s2-btn .btn-preface[data-v-cd1bc306] {
        color: #333;
        font-size: calc(var(--ratio) * 4);
        line-height: calc(var(--ratio) * 4.8);
        margin-bottom: calc(var(--ratio) * 5.867);
        text-align: center;
      }
      .s3-cont[data-v-cd1bc306] {
        background: url(https://www.mmoouc.com/static/image/s3-bg.duyr-wbz.png) top/cover no-repeat;
        padding: calc(var(--ratio) * 12.533) 0 calc(var(--ratio) * 14.8);
      }
      .s3-title[data-v-cd1bc306] {
        color: #333;
        font-size: calc(var(--ratio) * 7.333);
        font-weight: 700;
        line-height: calc(var(--ratio) * 8.4);
        text-align: center;
      }
      .s3-content[data-v-cd1bc306] {
        margin-top: calc(var(--ratio) * 7.2);
      }
      .s3-swiper[data-v-cd1bc306] .swiper-pagination-bullets {
        bottom: calc(var(--ratio) * -6.533);
      }
      .s3-swiper[data-v-cd1bc306] .swiper-pagination-bullet {
        background-color: #979797 !important;
        border-radius: calc(var(--ratio) * 0.467) !important;
        height: calc(var(--ratio) * 0.933) !important;
        margin: 0 calc(var(--ratio) * 0.667) !important;
        width: calc(var(--ratio) * 2.933) !important;
      }
      .s3-swiper[data-v-cd1bc306] .swiper-pagination-bullet-active {
        background-color: #ffc000 !important;
        width: calc(var(--ratio) * 6.133) !important;
      }
      .s3-swiper-item[data-v-cd1bc306] {
        display: flex;
        gap: 0 calc(var(--ratio) * 3.2);
        justify-content: center;
        text-align: center;
      }
      .s3-swiper-item > div[data-v-cd1bc306] {
        background-color: #fff;
        border: calc(var(--ratio) * 0.133) solid #d6d6d6;
        height: calc(var(--ratio) * 68.667);
        width: calc(var(--ratio) * 44);
      }
      .s3-swiper-item .s3-swiper-num[data-v-cd1bc306] {
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
      }
      .s3-swiper-item .item-1 .s3-swiper-num[data-v-cd1bc306] {
        background-image: url(https://www.mmoouc.com/static/image/s3-slide-1.bxtswrzx.png);
      }
      .s3-swiper-item .item-2 .s3-swiper-num[data-v-cd1bc306] {
        background-image: url(https://www.mmoouc.com/static/image/s3-slide-2.cqxlc-g1.png);
      }
      .s3-swiper-item .item-3 .s3-swiper-num[data-v-cd1bc306] {
        background-image: url(https://www.mmoouc.com/static/image/s3-slide-3.cuxb78ny.png);
      }
      .s3-swiper-item .item-4 .s3-swiper-num[data-v-cd1bc306] {
        background-image: url(https://www.mmoouc.com/static/image/s3-slide-4.t7zwgqsk.png);
      }
      .s3-swiper-num[data-v-cd1bc306] {
        align-items: center;
        color: #fff;
        display: flex;
        font-size: calc(var(--ratio) * 12.863);
        font-weight: 700;
        height: calc(var(--ratio) * 20.133);
        justify-content: center;
        line-height: calc(var(--ratio) * 15.436);
      }
      .s3-swiper-title[data-v-cd1bc306] {
        color: #333;
        font-size: calc(var(--ratio) * 4);
        font-weight: 700;
        line-height: calc(var(--ratio) * 4.8);
        margin-top: calc(var(--ratio) * 3.067);
        padding: 0 calc(var(--ratio) * 3.125);
      }
      .s3-swiper-text[data-v-cd1bc306] {
        color: #333;
        font-size: calc(var(--ratio) * 2.933);
        line-height: calc(var(--ratio) * 4);
        margin-top: calc(var(--ratio) * 2.8);
        padding: 0 calc(var(--ratio) * 2.267);
      }
      .s3-btn[data-v-cd1bc306] {
        margin-top: calc(var(--ratio) * 11.867);
      }
      .s4-cont[data-v-cd1bc306] {
        align-items: center;
        background-color: #fff;
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
      }
      .s4-title[data-v-cd1bc306] {
        box-sizing: border-box;
        color: #333;
        font-size: min(55px, 7.333vw);
        font-weight: 700;
        line-height: min(65px, 8.667vw);
        padding: min(83px, 11.067vw) 0 min(57px, 7.6vw);
        text-align: center;
      }
      .s4-item-cont[data-v-cd1bc306] {
        border: 1px solid #d6d6d6;
        box-sizing: border-box;
        margin: 0 auto;
        min-height: calc(var(--ratio) * 126.8);
        width: min(685px, 91.333vw);
      }
      .s4-item-cont .slide[data-v-cd1bc306] {
        width: 100%;
      }
      .s4-item-title[data-v-cd1bc306] {
        color: #333;
        font-size: min(36px, 4.8vw);
        font-weight: 700;
        line-height: min(54px, 7.2vw);
        padding: min(47px, 6.267vw) 0 min(32px, 4.267vw);
        text-align: center;
      }
      .s4-item-text[data-v-cd1bc306] {
        color: #333;
        font-size: min(22px, 2.933vw);
        line-height: min(30px, 4vw);
        min-height: calc(var(--ratio) * 36);
        padding: 0 min(50px, 6.667vw);
        text-align: center;
      }
      .s4-btn[data-v-cd1bc306] {
        padding: min(42px, 5.6vw);
      }
      .s4-btn .btn-wrapper[data-v-cd1bc306] {
        width: calc(var(--ratio) * 58.4);
      }
      .s4-swiper[data-v-cd1bc306] {
        width: 100%;
      }
      .s4-swiper[data-v-cd1bc306] .swiper-pagination-bullets {
        bottom: calc(var(--ratio) * -6.533);
      }
      .s4-swiper[data-v-cd1bc306] .swiper-pagination-bullet {
        background-color: #979797 !important;
        border-radius: calc(var(--ratio) * 0.467) !important;
        height: calc(var(--ratio) * 0.933) !important;
        margin: 0 calc(var(--ratio) * 0.667) !important;
        width: calc(var(--ratio) * 2.933) !important;
      }
      .s4-swiper[data-v-cd1bc306] .swiper-pagination-bullet-active {
        background-color: #ffc000 !important;
        width: calc(var(--ratio) * 6.133) !important;
      }
      .s5-cont[data-v-cd1bc306] {
        align-items: center;
        background-color: #fff;
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
      }
      .s5-title[data-v-cd1bc306] {
        box-sizing: border-box;
        color: #333;
        font-size: min(55px, 7.333vw);
        font-weight: 700;
        line-height: min(65px, 8.667vw);
        padding: min(121px, 16.133vw) 0 min(55px, 7.333vw);
        text-align: center;
      }
      .s5-item-cont[data-v-cd1bc306] {
        margin: 0 min(35px, 4.667vw);
      }
      .s5-sub-cont[data-v-cd1bc306] {
        gap: 0 calc(var(--ratio) * 3.2);
      }
      .s5-sub-cont[data-v-cd1bc306],
      .s5-subitem-cont[data-v-cd1bc306] {
        display: flex;
        justify-content: center;
      }
      .s5-subitem-cont[data-v-cd1bc306] {
        align-items: center;
        background-image: linear-gradient(0deg, #edf0f2, #fff);
        border: 1px solid #d6d6d6;
        flex-direction: column;
        height: calc(var(--ratio) * 53.3334);
        padding-top: calc(var(--ratio) * 1.067);
        width: calc(var(--ratio) * 44);
      }
      .s5-subitem-cont img[data-v-cd1bc306] {
        height: calc(var(--ratio) * 16);
        width: calc(var(--ratio) * 16.13334);
      }
      .s5-subitem-text[data-v-cd1bc306] {
        color: #333;
        font-size: min(30px, 4vw);
        font-weight: 700;
        line-height: min(36px, 4.8vw);
        margin-top: calc(var(--ratio) * 6.133);
        padding: 0 min(80px, 10.667vw);
        text-align: center;
      }
      .s5-btn[data-v-cd1bc306] {
        padding: min(103px, 13.733vw) 0 min(79px, 10.533vw);
      }
      .s5-btn .btn-wrapper[data-v-cd1bc306] {
        width: calc(var(--ratio) * 58.4);
      }
      .s5-swiper[data-v-cd1bc306] .swiper-pagination-bullets {
        bottom: calc(var(--ratio) * -6.533);
      }
      .s5-swiper[data-v-cd1bc306] .swiper-pagination-bullet {
        background-color: #979797 !important;
        border-radius: calc(var(--ratio) * 0.467) !important;
        height: calc(var(--ratio) * 0.933) !important;
        margin: 0 calc(var(--ratio) * 0.667) !important;
        width: calc(var(--ratio) * 2.933) !important;
      }
      .s5-swiper[data-v-cd1bc306] .swiper-pagination-bullet-active {
        background-color: #ffc000 !important;
        width: calc(var(--ratio) * 6.133) !important;
      }
      .s6-cont[data-v-cd1bc306] {
        align-items: center;
        background: url(../image/s6-bg.dqlsauvc.png) top no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
      }
      .s6-title[data-v-cd1bc306] {
        color: #ffc000;
        font-family: Microsoft YaHei;
        font-size: min(55px, 7.333vw);
        font-weight: 700;
        line-height: min(52px, 6.933vw);
        padding: min(110px, 14.667vw) 0 min(50px, 6.667vw);
        text-align: center;
      }
      .s6-text-1[data-v-cd1bc306] {
        color: #fff;
        font-weight: 700;
        padding: 0 min(35px, 4.667vw) min(28px, 3.733vw);
      }
      .s6-text-1[data-v-cd1bc306],
      .s6-text-2[data-v-cd1bc306] {
        font-size: min(24px, 3.2vw);
        line-height: min(33px, 4.4vw);
        text-align: left;
      }
      .s6-text-2[data-v-cd1bc306] {
        color: #ffc000;
        padding: 0 min(35px, 4.667vw) min(49px, 6.533vw);
      }
      .s6-swiper1-text[data-v-cd1bc306] {
        border: 1px solid #fff;
        border-radius: 10px;
        color: #fff;
        font-size: min(22px, 2.933vw);
        line-height: min(33px, 4.4vw);
        margin: auto;
        min-height: calc(var(--ratio) * 41.733);
        padding: min(35px, 4.667vw) min(60px, 8vw) min(45px, 6vw);
        text-align: left;
        width: min(685px, 91.333vw);
      }
      .s6-swiper-2 img[data-v-cd1bc306] {
        margin: auto;
        width: calc(var(--ratio) * 63.33333);
      }
      .s6-btn[data-v-cd1bc306] {
        padding: min(113px, 15.067vw) 0 min(121px, 16.133vw);
      }
      .s6-btn .btn-wrapper[data-v-cd1bc306] {
        width: calc(var(--ratio) * 58.4);
      }
      .s6-swiper-1[data-v-cd1bc306] .swiper-pagination-bullets {
        bottom: calc(var(--ratio) * -5.733);
      }
      .s6-swiper-1[data-v-cd1bc306] .swiper-pagination-bullet {
        background-color: #979797 !important;
        border-radius: calc(var(--ratio) * 0.467) !important;
        height: calc(var(--ratio) * 0.933) !important;
        margin: 0 calc(var(--ratio) * 0.667) !important;
        width: calc(var(--ratio) * 2.933) !important;
      }
      .s6-swiper-1[data-v-cd1bc306] .swiper-pagination-bullet-active {
        background-color: #ffc000 !important;
        width: calc(var(--ratio) * 6.133) !important;
      }
      .s6-swiper-2[data-v-cd1bc306] {
        margin-top: min(68px, 9.067vw);
      }
      .s6-swiper-2[data-v-cd1bc306] .swiper-pagination-bullets {
        bottom: calc(var(--ratio) * -7.6);
      }
      .s6-swiper-2[data-v-cd1bc306] .swiper-pagination-bullet {
        background-color: #979797 !important;
        height: calc(var(--ratio) * 1.333) !important;
        margin: 0 calc(var(--ratio) * 0.667) !important;
        width: calc(var(--ratio) * 1.333) !important;
      }
      .s6-swiper-2[data-v-cd1bc306] .swiper-pagination-bullet-active {
        background-color: #ffc000 !important;
      }

    :root {
        --base-width: 100vw;
        --ratio: calc(var(--base-width) / 100);
      }
      @media screen and (min-width: 751px) {
        :root {
          --base-width: 750px;
        }
      }

    .main-cont[data-v-e3f65266] {
        margin: 0 auto;
        max-width: 750px;
        overflow: hidden;
      }

    :root {
        --ss-pb: 8.5vw;
        --ss-width: 82vw;
        --sic-height: 55.533vw;
        --sic-border-radius: 2.133vw;
        --pagination-bullet-width: 1.761vw;
        --pagination-bullet-height: 1.761vw;
        --pagination-bullet-margin: 0 1.4vw;
        --ic-top: -15vw;
        --icon-width: 32.3vw;
        --icon-height: 32.3vw;
        --tc-mt: 18.633vw;
        --tc-padding: 0 7.2vw;
        --title-text-font-size: 4.8vw;
        --title-text-line-height: 5.76vw;
        --content-text-font-size: 3.733vw;
        --content-text-line-height: 5.333vw;
        --content-text-mt: 0.9vw;
      }
      @media screen and (min-width: 751px) {
        :root {
          --ss-pb: 63.75px;
          --ss-width: 615px;
          --sic-height: 416.498px;
          --sic-border-radius: 15.998px;
          --pagination-bullet-width: 13.207px;
          --pagination-bullet-height: 13.207px;
          --pagination-bullet-margin: 0 10.5px;
          --ic-top: -112.5px;
          --icon-width: 242.25px;
          --icon-height: 242.25px;
          --tc-mt: 139.748px;
          --tc-padding: 0 54px;
          --title-text-font-size: 36px;
          --title-text-line-height: 43.2px;
          --content-text-font-size: 27.998px;
          --content-text-line-height: 39.998px;
          --content-text-mt: 6.75px;
        }
      }

    .swiper[data-v-e3d99829] {
        height: 100%;
        overflow: visible;
        width: 100%;
      }
      [data-v-e3d99829] .swiper-wrapper {
        width: 100vw;
      }
      .swiper-slide[data-v-e3d99829] {
        align-items: center;
        box-sizing: border-box;
        display: flex !important;
        justify-content: center;
        padding-bottom: var(--ss-pb);
        text-align: center;
        width: var(--ss-width) !important;
      }
      .swiper-item-cont[data-v-e3d99829] {
        align-items: center;
        background-color: #323f76;
        border: 1px solid #e9dabb;
        border-radius: var(--sic-border-radius);
        display: flex;
        flex-direction: column;
        height: var(--sic-height);
        width: 92%;
      }
      [data-v-e3d99829] .swiper-pagination-bullet {
        background-color: #334075 !important;
        height: var(--pagination-bullet-height) !important;
        margin: var(--pagination-bullet-margin) !important;
        opacity: 1;
        width: var(--pagination-bullet-width) !important;
      }
      [data-v-e3d99829] .swiper-pagination-bullet-active {
        background-color: #00ff82 !important;
      }
      .icon-cont[data-v-e3d99829] {
        position: absolute;
        top: var(--ic-top);
      }
      .icon[data-v-e3d99829] {
        height: var(--icon-height);
        -o-object-fit: contain;
        object-fit: contain;
        width: var(--icon-width);
      }
      .text-cont[data-v-e3d99829] {
        box-sizing: border-box;
        margin-top: var(--tc-mt);
        padding: var(--tc-padding);
        width: 100%;
      }
      .title-text[data-v-e3d99829] {
        color: #fff;
        font-size: var(--title-text-font-size);
        font-weight: 600;
        line-height: var(--title-text-line-height);
      }
      .subtitle-text[data-v-e3d99829] {
        color: #fff;
      }
      .content-text[data-v-e3d99829] {
        color: #fff;
        font-size: var(--content-text-font-size);
        font-weight: 400;
        line-height: var(--content-text-line-height);
        margin-top: var(--content-text-mt);
      }