/*
! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

:after,
:before {
  --tw-content: '';
}

:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  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;
  -webkit-tap-highlight-color: transparent;
}

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

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

abbr:where([title]) {
  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-variation-settings: normal;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: 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: 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::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

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

:disabled {
  cursor: default;
}

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

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

[hidden] {
  display: none;
}

:root {
  --inherit: inherit;
  --current: currentColor;
  --transparent: transparent;
  --black: #000;
  --white: #fff;
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --slate-950: #020617;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --gray-950: #030712;
  --zinc-50: #fafafa;
  --zinc-100: #f4f4f5;
  --zinc-200: #e4e4e7;
  --zinc-300: #d4d4d8;
  --zinc-400: #a1a1aa;
  --zinc-500: #71717a;
  --zinc-600: #52525b;
  --zinc-700: #3f3f46;
  --zinc-800: #27272a;
  --zinc-900: #18181b;
  --zinc-950: #09090b;
  --neutral-50: #fafafa;
  --neutral-100: #f5f5f5;
  --neutral-200: #e5e5e5;
  --neutral-300: #d4d4d4;
  --neutral-400: #a3a3a3;
  --neutral-500: #737373;
  --neutral-600: #525252;
  --neutral-700: #404040;
  --neutral-800: #262626;
  --neutral-900: #171717;
  --neutral-950: #0a0a0a;
  --stone-50: #fafaf9;
  --stone-100: #f5f5f4;
  --stone-200: #e7e5e4;
  --stone-300: #d6d3d1;
  --stone-400: #a8a29e;
  --stone-500: #78716c;
  --stone-600: #57534e;
  --stone-700: #44403c;
  --stone-800: #292524;
  --stone-900: #1c1917;
  --stone-950: #0c0a09;
  --red-50: #fee7ef;
  --red-100: #fdd0df;
  --red-200: #faa0bf;
  --red-300: #f871a0;
  --red-400: #f54180;
  --red-500: #f31260;
  --red-600: #c20e4d;
  --red-700: #920b3a;
  --red-800: #610726;
  --red-900: #310413;
  --red-950: #450a0a;
  --orange-50: #fff7ed;
  --orange-100: #ffedd5;
  --orange-200: #fed7aa;
  --orange-300: #fdba74;
  --orange-400: #fb923c;
  --orange-500: #f97316;
  --orange-600: #ea580c;
  --orange-700: #c2410c;
  --orange-800: #9a3412;
  --orange-900: #7c2d12;
  --orange-950: #431407;
  --amber-50: #fffbeb;
  --amber-100: #fef3c7;
  --amber-200: #fde68a;
  --amber-300: #fcd34d;
  --amber-400: #fbbf24;
  --amber-500: #f59e0b;
  --amber-600: #d97706;
  --amber-700: #b45309;
  --amber-800: #92400e;
  --amber-900: #78350f;
  --amber-950: #451a03;
  --yellow-50: #fefce8;
  --yellow-100: #fdedd3;
  --yellow-200: #fbdba7;
  --yellow-300: #f9c97c;
  --yellow-400: #f7b750;
  --yellow-500: #f5a524;
  --yellow-600: #c4841d;
  --yellow-700: #936316;
  --yellow-800: #62420e;
  --yellow-900: #312107;
  --yellow-950: #422006;
  --lime-50: #f7fee7;
  --lime-100: #ecfccb;
  --lime-200: #d9f99d;
  --lime-300: #bef264;
  --lime-400: #a3e635;
  --lime-500: #84cc16;
  --lime-600: #65a30d;
  --lime-700: #4d7c0f;
  --lime-800: #3f6212;
  --lime-900: #365314;
  --lime-950: #1a2e05;
  --green-50: #e8faf0;
  --green-100: #d1f4e0;
  --green-200: #a2e9c1;
  --green-300: #74dfa2;
  --green-400: #45d483;
  --green-500: #17c964;
  --green-600: #12a150;
  --green-700: #0e793c;
  --green-800: #095028;
  --green-900: #052814;
  --green-950: #052e16;
  --emerald-50: #ecfdf5;
  --emerald-100: #d1fae5;
  --emerald-200: #a7f3d0;
  --emerald-300: #6ee7b7;
  --emerald-400: #34d399;
  --emerald-500: #10b981;
  --emerald-600: #059669;
  --emerald-700: #047857;
  --emerald-800: #065f46;
  --emerald-900: #064e3b;
  --emerald-950: #022c22;
  --teal-50: #f0fdfa;
  --teal-100: #ccfbf1;
  --teal-200: #99f6e4;
  --teal-300: #5eead4;
  --teal-400: #2dd4bf;
  --teal-500: #14b8a6;
  --teal-600: #0d9488;
  --teal-700: #0f766e;
  --teal-800: #115e59;
  --teal-900: #134e4a;
  --teal-950: #042f2e;
  --cyan-50: #f0fcff;
  --cyan-100: #e6fafe;
  --cyan-200: #d7f8fe;
  --cyan-300: #c3f4fd;
  --cyan-400: #a5eefd;
  --cyan-500: #7ee7fc;
  --cyan-600: #06b7db;
  --cyan-700: #09aacd;
  --cyan-800: #0e8aaa;
  --cyan-900: #053b48;
  --cyan-950: #083344;
  --sky-50: #f0f9ff;
  --sky-100: #e0f2fe;
  --sky-200: #bae6fd;
  --sky-300: #7dd3fc;
  --sky-400: #38bdf8;
  --sky-500: #0ea5e9;
  --sky-600: #0284c7;
  --sky-700: #0369a1;
  --sky-800: #075985;
  --sky-900: #0c4a6e;
  --sky-950: #082f49;
  --blue-50: #e6f1fe;
  --blue-100: #cce3fd;
  --blue-200: #99c7fb;
  --blue-300: #66aaf9;
  --blue-400: #338ef7;
  --blue-500: #006fee;
  --blue-600: #005bc4;
  --blue-700: #004493;
  --blue-800: #002e62;
  --blue-900: #001731;
  --blue-950: #172554;
  --indigo-50: #eef2ff;
  --indigo-100: #e0e7ff;
  --indigo-200: #c7d2fe;
  --indigo-300: #a5b4fc;
  --indigo-400: #818cf8;
  --indigo-500: #6366f1;
  --indigo-600: #4f46e5;
  --indigo-700: #4338ca;
  --indigo-800: #3730a3;
  --indigo-900: #312e81;
  --indigo-950: #1e1b4b;
  --violet-50: #f5f3ff;
  --violet-100: #ede9fe;
  --violet-200: #ddd6fe;
  --violet-300: #c4b5fd;
  --violet-400: #a78bfa;
  --violet-500: #8b5cf6;
  --violet-600: #7c3aed;
  --violet-700: #6d28d9;
  --violet-800: #5b21b6;
  --violet-900: #4c1d95;
  --violet-950: #2e1065;
  --purple-50: #f2eafa;
  --purple-100: #e4d4f4;
  --purple-200: #c9a9e9;
  --purple-300: #ae7ede;
  --purple-400: #9353d3;
  --purple-500: #7828c8;
  --purple-600: #6020a0;
  --purple-700: #481878;
  --purple-800: #301050;
  --purple-900: #180828;
  --purple-950: #3b0764;
  --fuchsia-50: #fdf4ff;
  --fuchsia-100: #fae8ff;
  --fuchsia-200: #f5d0fe;
  --fuchsia-300: #f0abfc;
  --fuchsia-400: #e879f9;
  --fuchsia-500: #d946ef;
  --fuchsia-600: #c026d3;
  --fuchsia-700: #a21caf;
  --fuchsia-800: #86198f;
  --fuchsia-900: #701a75;
  --fuchsia-950: #4a044e;
  --pink-50: #ffedfa;
  --pink-100: #ffdcf5;
  --pink-200: #ffb8eb;
  --pink-300: #ff95e1;
  --pink-400: #ff71d7;
  --pink-500: #ff4ecd;
  --pink-600: #cc3ea4;
  --pink-700: #992f7b;
  --pink-800: #661f52;
  --pink-900: #331029;
  --pink-950: #500724;
  --rose-50: #fff1f2;
  --rose-100: #ffe4e6;
  --rose-200: #fecdd3;
  --rose-300: #fda4af;
  --rose-400: #fb7185;
  --rose-500: #f43f5e;
  --rose-600: #e11d48;
  --rose-700: #be123c;
  --rose-800: #9f1239;
  --rose-900: #881337;
  --rose-950: #4c0519;
  --primary-color-light: rgba(4, 162, 206, 0.8);
  --background: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --foreground-50: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --foreground-100: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --foreground-200: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --foreground-300: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --foreground-400: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --foreground-500: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --foreground-600: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --foreground-700: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --foreground-800: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --foreground-900: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --foreground: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --divider: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --focus: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --overlay: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --content1: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --content1-foreground: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --content2: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --content2-foreground: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --content3: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --content3-foreground: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --content4: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --content4-foreground: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --default-50: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --default-100: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --default-200: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --default-300: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --default-400: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --default-500: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --default-600: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --default-700: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --default-800: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --default-900: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --default-foreground: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --default: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --primary: #04a2ce;
  --secondary-50: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --secondary-100: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --secondary-200: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --secondary-300: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --secondary-400: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --secondary-500: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --secondary-600: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --secondary-700: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --secondary-800: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --secondary-900: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --secondary-foreground: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --secondary: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --success-50: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --success-100: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --success-200: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --success-300: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --success-400: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --success-500: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --success-600: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --success-700: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --success-800: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --success-900: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --success-foreground: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --success: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --warning-50: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --warning-100: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --warning-200: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --warning-300: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --warning-400: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --warning-500: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --warning-600: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --warning-700: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --warning-800: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --warning-900: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --warning-foreground: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --warning: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --danger-50: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --danger-100: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --danger-200: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --danger-300: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --danger-400: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --danger-500: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --danger-600: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --danger-700: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --danger-800: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --danger-900: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --danger-foreground: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --danger: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --primary-50: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --primary-100: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --primary-200: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --primary-300: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --primary-400: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --primary-500: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --primary-600: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --primary-700: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --primary-800: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --primary-900: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --primary-foreground: ({opacityVariable, opacityValue}) => {if (!isNaN(+ opacityValue)) {return
    `hsl(var($ {nextuiColorVariable}) / $ {opacityValue}) `;} if (opacityVariable) {return
    `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          var($ {opacityVariable})
        )
    )
    `;} return `hsl(
      var($ {nextuiColorVariable}) /
        var(
          $ {nextuiOpacityVariable},

          1
        )
    ) `;};
  --xgate-dark-blue: #27282c;
  --xgate-red: #ef3e6e;
  --xgate-green: #00c150;
  --xgate-blue: #04a2ce;
  --xgate-yellow: #f3b700;
  --xgate-blue-50: #f2fbfd;
  --xgate-blue-100: #e7f8fd;
  --xgate-blue-200: #cdeffa;
  --xgate-blue-300: #9ce0f5;
  --xgate-blue-400: #83dbf1;
  --xgate-blue-500: #51c9ec;
  --xgate-blue-600: #38c1e9;
  --xgate-blue-700: #20b9e7;
  --xgate-blue-800: #07b1e4;
}

:root,
[data-theme] {
  color: hsl(var(--nextui-foreground));
  background-color: hsl(var(--nextui-background));
}

.h2-styles {
  font-family: var(--font-monserrat);
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 768px) {
  .h2-styles {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .h2-styles {
    font-size: 3rem;
    line-height: 1;
  }
}

.h3-styles {
  font-family: var(--font-monserrat);
  font-size: 1.5rem;
  line-height: 2rem;
}

@media (min-width: 768px) {
  .h3-styles {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1024px) {
  .h3-styles {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.h4-styles {
  font-family: var(--font-monserrat);
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 768px) {
  .h4-styles {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px) {
  .h4-styles {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.h5-styles {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (min-width: 768px) {
  .h5-styles {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .h5-styles {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h1 {
  font-family: var(--font-monserrat);
  font-size: 2.25rem;
  line-height: 2.5rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 3.75rem;
    line-height: 1;
  }
}

h2 {
  font-family: var(--font-monserrat);
  font-size: 1.875rem;
  line-height: 2.25rem;
}

@media (min-width: 768px) {
  h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1024px) {
  h2 {
    font-size: 3rem;
    line-height: 1;
  }
}

h3 {
  font-family: var(--font-monserrat);
  font-size: 1.5rem;
  line-height: 2rem;
}

@media (min-width: 768px) {
  h3 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1024px) {
  h3 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

h4 {
  font-family: var(--font-monserrat);
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 768px) {
  h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px) {
  h4 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

h5 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (min-width: 768px) {
  h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  h5 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

p {
  font-family: var(--font-nunito);
  font-weight: 300;
  line-height: 1.625;
}

@media (min-width: 1024px) {
  p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.content-1 {
  font-size: var(--nextui-font-size-medium);
  line-height: var(--nextui-line-height-medium);
}

@media (min-width: 768px) {
  .content-1 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .content-1 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.content-text-sm * {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

div.content-1 > p {
  font-size: var(--nextui-font-size-medium);
  line-height: var(--nextui-line-height-medium);
}

@media (min-width: 768px) {
  div.content-1 > p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  div.content-1 > p {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

strong {
  font-weight: 600;
}

li {
  font-size: var(--nextui-font-size-medium);
  line-height: var(--nextui-line-height-medium);
}

@media (min-width: 768px) {
  li {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  li {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

divli > p {
  font-size: var(--nextui-font-size-medium);
  line-height: var(--nextui-line-height-medium);
}

@media (min-width: 768px) {
  divli > p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  divli > p {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

li {
  line-height: 1.625;
}

.blog-post-content,
.default-margins {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 500;
  }

  a,
  img,
  ol,
  p,
  ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  ol,
  ul {
    margin-left: 1.5rem;
  }

  li {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  blockquote,
  pre {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  table {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
/* 
.xgate-list-styles {
  li {
    list-style-position: inside;
    list-style-type: disc;
  }

  li : :marker {
    color: #04a2ce;
  }

  li: :marker {
    color: #04a2ce;
  }
} */

code {
  display: inline-flex;
  width: 100%;
  align-items: center;
}

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

code {
  overflow: auto;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  padding: 1rem 1rem 1rem 1.5rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  code {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

*,
: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(0, 111, 238, 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(0, 111, 238, 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;
  }
}

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

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

.pointer-events-auto {
  pointer-events: auto;
}

.invisible {
  visibility: hidden;
}

.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;
}

.\!left-\[unset\] {
  left: unset !important;
}

.\!right-0 {
  right: 0 !important;
}

.-left-0\.5 {
  left: -0.125rem;
}

.-top-0\.5 {
  top: -0.125rem;
}

.-top-\[90px\] {
  top: -90px;
}

.bottom-0 {
  bottom: 0;
}

.bottom-16 {
  bottom: 4rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-\[10\%\] {
  bottom: 10%;
}

.bottom-\[5\%\] {
  bottom: 5%;
}

.left-0 {
  left: 0;
}

.left-1\.5 {
  left: 0.375rem;
}

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

.left-2 {
  left: 0.5rem;
}

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.left-\[10\%\] {
  left: 10%;
}

.left-\[5\%\] {
  left: 5%;
}

.left-\[50\%\] {
  left: 50%;
}

.right-0 {
  right: 0;
}

.right-1 {
  right: 0.25rem;
}

.right-1\.5 {
  right: 0.375rem;
}

.right-2 {
  right: 0.5rem;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.right-\[10\%\] {
  right: 10%;
}

.right-\[5\%\] {
  right: 5%;
}

.top-0 {
  top: 0;
}

.top-1 {
  top: 0.25rem;
}

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

.top-4 {
  top: 1rem;
}

.top-\[10\%\] {
  top: 10%;
}

.top-\[5\%\] {
  top: 5%;
}

.top-\[64px\] {
  top: 64px;
}

.top-\[calc\(100\%_\+_2px\)\] {
  top: calc(100% + 2px);
}

.top-\[var\(--navbar-height\)\] {
  top: var(--navbar-height);
}

.-z-30 {
  z-index: -30;
}

.z-0 {
  z-index: 0;
}

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

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

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

.z-\[1999\] {
  z-index: 1999;
}

.z-\[60\] {
  z-index: 60;
}

.z-\[9998\] {
  z-index: 9998;
}

.z-\[9999\] {
  z-index: 9999;
}

.order-2 {
  order: 2;
}

.order-last {
  order: 9999;
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

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

.col-span-5 {
  grid-column: span 5 / span 5;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.-m-2 {
  margin: -0.5rem;
}

.-m-2\.5 {
  margin: -0.625rem;
}

.m-0 {
  margin: 0;
}

.m-auto {
  margin: auto;
}

.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

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

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] {
  margin-left: calc((1.25rem - 0.25rem) / 2);
  margin-right: calc((1.25rem - 0.25rem) / 2);
}

.mx-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] {
  margin-left: calc((1.5rem - 0.75rem) / 2);
  margin-right: calc((1.5rem - 0.75rem) / 2);
}

.mx-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] {
  margin-left: calc((1.75rem - 1.25rem) / 2);
  margin-right: calc((1.75rem - 1.25rem) / 2);
}

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

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

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

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

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

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

.my-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] {
  margin-top: calc((1.25rem - 0.25rem) / 2);
  margin-bottom: calc((1.25rem - 0.25rem) / 2);
}

.my-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] {
  margin-top: calc((1.5rem - 0.75rem) / 2);
  margin-bottom: calc((1.5rem - 0.75rem) / 2);
}

.my-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] {
  margin-top: calc((1.75rem - 1.25rem) / 2);
  margin-bottom: calc((1.75rem - 1.25rem) / 2);
}

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

.-mr-2 {
  margin-right: -0.5rem;
}

.-ms-2 {
  margin-inline-start: -0.5rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.mb-\[120px\] {
  margin-bottom: 120px;
}

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

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-1\.5 {
  margin-top: 0.375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-auto {
  margin-top: auto;
}

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

.box-content {
  box-sizing: content-box;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
}

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

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

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

.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;
}

.aspect-square {
  aspect-ratio: 1/1;
}

.\!h-auto {
  height: auto !important;
}

.h-0 {
  height: 0;
}

.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-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-80 {
  height: 20rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[100dvh\] {
  height: 100dvh;
}

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

.h-\[100vh\] {
  height: 100vh;
}

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

.h-\[250px\] {
  height: 250px;
}

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

.h-\[300px\] {
  height: 300px;
}

.h-\[400px\] {
  height: 400px;
}

.h-\[550px\] {
  height: 550px;
}

.h-\[620px\] {
  height: 620px;
}

.h-\[70px\] {
  height: 70px;
}

.h-\[75px\] {
  height: 75px;
}

.h-\[calc\(100\%_\+_4px\)\] {
  height: calc(100% + 4px);
}

.h-\[calc\(100dvh_-_var\(--navbar-height\)\)\] {
  height: calc(100dvh - var(--navbar-height));
}

.h-\[calc\(100vh-463px\)\] {
  height: calc(100vh - 463px);
}

.h-\[var\(--navbar-height\)\] {
  height: var(--navbar-height);
}

.h-\[var\(--picker-height\)\] {
  height: var(--picker-height);
}

.h-auto {
  height: auto;
}

.h-divider {
  height: var(--nextui-divider-weight);
}

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

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.max-h-64 {
  max-height: 16rem;
}

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

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

.max-h-\[calc\(100\%_-_8rem\)\] {
  max-height: calc(100% - 8rem);
}

.max-h-\[calc\(100vh-64px\)\] {
  max-height: calc(100vh - 64px);
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-12 {
  min-height: 3rem;
}

.min-h-14 {
  min-height: 3.5rem;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-3 {
  min-height: 0.75rem;
}

.min-h-3\.5 {
  min-height: 0.875rem;
}

.min-h-4 {
  min-height: 1rem;
}

.min-h-5 {
  min-height: 1.25rem;
}

.min-h-6 {
  min-height: 1.5rem;
}

.min-h-7 {
  min-height: 1.75rem;
}

.min-h-8 {
  min-height: 2rem;
}

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

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

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

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

.min-h-\[calc\(100vh-463px\)\] {
  min-height: calc(100vh - 463px);
}

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

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

.\!w-1\/2 {
  width: 50% !important;
}

.w-0 {
  width: 0;
}

.w-1 {
  width: 0.25rem;
}

.w-1\.5 {
  width: 0.375rem;
}

.w-10 {
  width: 2.5rem;
}

.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-3 {
  width: 0.75rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-9 {
  width: 2.25rem;
}

.w-\[200px\] {
  width: 200px;
}

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

.w-\[350px\] {
  width: 350px;
}

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

.w-\[5\%\] {
  width: 5%;
}

.w-\[80\%\] {
  width: 80%;
}

.w-\[calc\(100\%_\+_4px\)\] {
  width: calc(100% + 4px);
}

.w-\[calc\(100\%_-_16px\)\] {
  width: calc(100% - 16px);
}

.w-\[calc\(100\%_-_theme\(spacing\.6\)\)\] {
  width: calc(100% - 1.5rem);
}

.w-\[calc\(var\(--visible-months\)_\*_var\(--calendar-width\)\)\] {
  width: calc(var(--visible-months) * var(--calendar-width));
}

.w-auto {
  width: auto;
}

.w-divider {
  width: var(--nextui-divider-weight);
}

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

.w-full {
  width: 100%;
}

.w-max {
  width: max-content;
}

.w-px {
  width: 1px;
}

.w-screen {
  width: 100vw;
}

.min-w-10 {
  min-width: 2.5rem;
}

.min-w-12 {
  min-width: 3rem;
}

.min-w-16 {
  min-width: 4rem;
}

.min-w-20 {
  min-width: 5rem;
}

.min-w-24 {
  min-width: 6rem;
}

.min-w-3 {
  min-width: 0.75rem;
}

.min-w-3\.5 {
  min-width: 0.875rem;
}

.min-w-4 {
  min-width: 1rem;
}

.min-w-5 {
  min-width: 1.25rem;
}

.min-w-6 {
  min-width: 1.5rem;
}

.min-w-7 {
  min-width: 1.75rem;
}

.min-w-8 {
  min-width: 2rem;
}

.min-w-9 {
  min-width: 2.25rem;
}

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

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

.min-w-full {
  min-width: 100%;
}

.min-w-max {
  min-width: max-content;
}

.min-w-min {
  min-width: min-content;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-7xl {
  max-width: 80rem;
}

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

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

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

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

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

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

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

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

.max-w-\[8rem\] {
  max-width: 8rem;
}

.max-w-\[calc\(100\%-4rem\)\] {
  max-width: calc(100% - 4rem);
}

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

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

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-screen-2xl {
  max-width: 1536px;
}

.max-w-screen-xl {
  max-width: 1280px;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

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

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

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

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

.basis-0 {
  flex-basis: 0px;
}

.table-auto {
  table-layout: auto;
}

.table-fixed {
  table-layout: fixed;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-center {
  transform-origin: center;
}

.origin-left {
  transform-origin: left;
}

.origin-right {
  transform-origin: right;
}

.origin-top {
  transform-origin: top;
}

.origin-top-left {
  transform-origin: top left;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}

.-translate-x-10,
.-translate-x-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-x-10 {
  --tw-translate-x: -2.5rem;
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}

.-translate-y-1\/2,
.translate-x-1 {
  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-1 {
  --tw-translate-x: 0.25rem;
}

.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-\[-100\%\] {
  --tw-translate-x: -100%;
}

.translate-x-\[-100\%\],
.translate-x-\[-50\%\] {
  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-\[-50\%\] {
  --tw-translate-x: -50%;
}

.translate-x-\[-50px\] {
  --tw-translate-x: -50px;
}

.translate-x-\[-50px\],
.translate-y-1 {
  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 {
  --tw-translate-y: 0.25rem;
}

.translate-y-1\/2 {
  --tw-translate-y: 50%;
}

.translate-y-10,
.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-10 {
  --tw-translate-y: 2.5rem;
}

.translate-y-\[250px\] {
  --tw-translate-y: 250px;
}

.-rotate-180,
.translate-y-\[250px\] {
  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-180 {
  --tw-rotate: -180deg;
}

.-rotate-45 {
  --tw-rotate: -45deg;
}

.-rotate-45,
.-rotate-\[10deg\] {
  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-\[10deg\] {
  --tw-rotate: -10deg;
}

.rotate-0 {
  --tw-rotate: 0deg;
}

.rotate-0,
.rotate-180 {
  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-180 {
  --tw-rotate: 180deg;
}

.rotate-\[10deg\] {
  --tw-rotate: 10deg;
}

.rotate-\[10deg\],
.scale-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));
}

.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}

.scale-100,
.scale-105 {
  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-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}

.scale-50 {
  --tw-scale-x: 0.5;
  --tw-scale-y: 0.5;
}

.scale-50,
.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 drip-expand {
  0% {
    opacity: 0.2;
    transform: scale(0);
  }

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

.animate-drip-expand {
  animation: drip-expand 0.42s linear;
}

@keyframes indeterminate-bar {
  0% {
    transform: translateX(-50%) scaleX(0.2);
  }

  to {
    transform: translateX(100%) scaleX(1);
  }
}

.animate-indeterminate-bar {
  animation: indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none
    running;
}

.animate-none {
  animation: none;
}

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

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

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}

.animate-scroll {
  animation: scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear
    infinite;
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-slide-in {
  animation: slide-in 0.3s ease-out forwards;
}

.animate-spinner-ease-spin {
  animation: spinner-spin 0.8s ease infinite;
}

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

  to {
    transform: rotate(1turn);
  }
}

.animate-spinner-linear-spin {
  animation: spinner-spin 0.8s linear infinite;
}

.cursor-default {
  cursor: default;
}

.cursor-grab {
  cursor: grab;
}

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.touch-none {
  touch-action: none;
}

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

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

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

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}

.snap-center {
  scroll-snap-align: center;
}

.scroll-py-6 {
  scroll-padding-top: 1.5rem;
  scroll-padding-bottom: 1.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));
}

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

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

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

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

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.place-content-center {
  place-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 !important;
}

.justify-center {
  justify-content: center;
}

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

.\!gap-0 {
  gap: 0 !important;
}

.gap-0 {
  gap: 0;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-32 {
  gap: 8rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-0\.5 {
  column-gap: 0.125rem;
}

.gap-x-2 {
  column-gap: 0.5rem;
}

.gap-x-20 {
  column-gap: 5rem;
}

.gap-x-24 {
  column-gap: 6rem;
}

.gap-x-5 {
  column-gap: 1.25rem;
}

.gap-x-6 {
  column-gap: 1.5rem;
}

.gap-x-8 {
  column-gap: 2rem;
}

.gap-x-px {
  column-gap: 1px;
}

.gap-y-1\.5 {
  row-gap: 0.375rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-y-16 {
  row-gap: 4rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.gap-y-px {
  row-gap: 1px;
}

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

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

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

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

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

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

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

.overscroll-x-auto {
  overscroll-behavior-x: auto;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

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

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

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

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

.\!rounded-none {
  border-radius: 0 !important;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

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

.rounded-\[calc\(theme\(borderRadius\.large\)\/1\.5\)\] {
  border-radius: calc(var(--nextui-radius-large) / 1.5);
}

.rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.5\)\] {
  border-radius: calc(var(--nextui-radius-medium) * 0.5);
}

.rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.6\)\] {
  border-radius: calc(var(--nextui-radius-medium) * 0.6);
}

.rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.7\)\] {
  border-radius: calc(var(--nextui-radius-medium) * 0.7);
}

.rounded-\[calc\(theme\(borderRadius\.medium\)\/2\)\] {
  border-radius: calc(var(--nextui-radius-medium) / 2);
}

.rounded-\[calc\(theme\(borderRadius\.small\)\/2\)\] {
  border-radius: calc(var(--nextui-radius-small) / 2);
}

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

.rounded-large {
  border-radius: var(--nextui-radius-large);
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-medium {
  border-radius: var(--nextui-radius-medium);
}

.rounded-none {
  border-radius: 0;
}

.rounded-small {
  border-radius: var(--nextui-radius-small);
}

.rounded-xl {
  border-radius: 0.75rem;
}

.\!rounded-l-none {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.\!rounded-r-none {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-b-large {
  border-bottom-right-radius: var(--nextui-radius-large);
  border-bottom-left-radius: var(--nextui-radius-large);
}

.rounded-b-medium {
  border-bottom-right-radius: var(--nextui-radius-medium);
  border-bottom-left-radius: var(--nextui-radius-medium);
}

.rounded-b-small {
  border-bottom-right-radius: var(--nextui-radius-small);
  border-bottom-left-radius: var(--nextui-radius-small);
}

.rounded-t-large {
  border-top-left-radius: var(--nextui-radius-large);
  border-top-right-radius: var(--nextui-radius-large);
}

.rounded-t-medium {
  border-top-left-radius: var(--nextui-radius-medium);
  border-top-right-radius: var(--nextui-radius-medium);
}

.rounded-t-small {
  border-top-left-radius: var(--nextui-radius-small);
  border-top-right-radius: var(--nextui-radius-small);
}

.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
}

.rounded-tr-xl {
  border-top-right-radius: 0.75rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0;
}

.border-1 {
  border-width: 1px;
}

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

.border-3 {
  border-width: 3px;
}

.border-medium {
  border-width: var(--nextui-border-width-medium);
}

.border-small {
  border-width: var(--nextui-border-width-small);
}

.border-x-0 {
  border-left-width: 0;
  border-right-width: 0;
}

.border-x-\[calc\(theme\(spacing\.5\)\/2\)\] {
  border-left-width: calc(1.25rem / 2);
  border-right-width: calc(1.25rem / 2);
}

.border-x-\[calc\(theme\(spacing\.6\)\/2\)\] {
  border-left-width: calc(1.5rem / 2);
  border-right-width: calc(1.5rem / 2);
}

.border-x-\[calc\(theme\(spacing\.7\)\/2\)\] {
  border-left-width: calc(1.75rem / 2);
  border-right-width: calc(1.75rem / 2);
}

.border-y-\[calc\(theme\(spacing\.5\)\/2\)\] {
  border-top-width: calc(1.25rem / 2);
  border-bottom-width: calc(1.25rem / 2);
}

.border-y-\[calc\(theme\(spacing\.6\)\/2\)\] {
  border-top-width: calc(1.5rem / 2);
  border-bottom-width: calc(1.5rem / 2);
}

.border-y-\[calc\(theme\(spacing\.7\)\/2\)\] {
  border-top-width: calc(1.75rem / 2);
  border-bottom-width: calc(1.75rem / 2);
}

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

.border-b-0 {
  border-bottom-width: 0;
}

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

.border-b-8 {
  border-bottom-width: 8px;
}

.border-b-medium {
  border-bottom-width: var(--nextui-border-width-medium);
}

.border-l-\[20px\] {
  border-left-width: 20px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-none {
  border-style: none;
}

.\!border-danger {
  --tw-border-opacity: 1 !important;
  border-color: hsl(
    var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))
  ) !important;
}

.border-background {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-background) / var(--nextui-background-opacity, var(--tw-border-opacity))
  );
}

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

.border-danger {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}

.border-default {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))
  );
}

.border-default-200 {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-border-opacity))
  );
}

.border-default-300 {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-border-opacity))
  );
}

.border-divider {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-divider) / var(--nextui-divider-opacity, var(--tw-border-opacity))
  );
}

.border-foreground {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-border-opacity))
  );
}

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

.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(4 162 206 / var(--tw-border-opacity));
}

.border-secondary {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))
  );
}

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

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

.border-success {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))
  );
}

.border-transparent {
  border-color: transparent;
}

.border-warning {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))
  );
}

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

.border-xgate-blue {
  --tw-border-opacity: 1;
  border-color: rgb(4 162 206 / var(--tw-border-opacity));
}

.border-xgate-dark-blue {
  --tw-border-opacity: 1;
  border-color: rgb(39 40 44 / var(--tw-border-opacity));
}

.border-x-transparent {
  border-left-color: transparent;
  border-right-color: transparent;
}

.border-y-transparent {
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.border-b-current {
  border-bottom-color: currentColor;
}

.border-b-danger {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(
    var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))
  );
}

.border-b-default {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))
  );
}

.border-b-foreground {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(
    var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-border-opacity))
  );
}

.border-b-primary {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(4 162 206 / var(--tw-border-opacity));
}

.border-b-secondary {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))
  );
}

.border-b-success {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))
  );
}

.border-b-warning {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))
  );
}

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

.border-l-transparent {
  border-left-color: transparent;
}

.border-r-transparent {
  border-right-color: transparent;
}

.border-s-danger {
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(
    var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))
  );
}

.border-s-foreground {
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(
    var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-border-opacity))
  );
}

.border-s-primary {
  --tw-border-opacity: 1;
  border-inline-start-color: rgb(4 162 206 / var(--tw-border-opacity));
}

.border-s-secondary {
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))
  );
}

.border-s-success {
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))
  );
}

.border-s-warning {
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))
  );
}

.border-t-transparent {
  border-top-color: transparent;
}

.\!bg-danger-50 {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))
  ) !important;
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  background-color: rgba(0, 0, 0, 0.25);
}

.bg-background {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-background) / var(--nextui-background-opacity, var(--tw-bg-opacity))
  );
}

.bg-background\/10 {
  background-color: hsl(var(--nextui-background) / 0.1);
}

.bg-background\/70 {
  background-color: hsl(var(--nextui-background) / 0.7);
}

.bg-background\/80 {
  background-color: hsl(var(--nextui-background) / 0.8);
}

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

.bg-black\/80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(230 241 254 / var(--tw-bg-opacity));
}

.bg-content1 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-content1) / var(--nextui-content1-opacity, var(--tw-bg-opacity))
  );
}

.bg-content3 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-content3) / var(--nextui-content3-opacity, var(--tw-bg-opacity))
  );
}

.bg-current {
  background-color: currentColor;
}

.bg-danger {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}

.bg-danger-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))
  );
}

.bg-danger\/20 {
  background-color: hsl(var(--nextui-danger) / 0.2);
}

.bg-default {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))
  );
}

.bg-default-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))
  );
}

.bg-default-200 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))
  );
}

.bg-default-300\/50 {
  background-color: hsl(var(--nextui-default-300) / 0.5);
}

.bg-default-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-bg-opacity))
  );
}

.bg-default-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-50) / var(--nextui-default-50-opacity, var(--tw-bg-opacity))
  );
}

.bg-default-500 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-500) / var(--nextui-default-500-opacity, var(--tw-bg-opacity))
  );
}

.bg-default\/40 {
  background-color: hsl(var(--nextui-default) / 0.4);
}

.bg-divider {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-divider) / var(--nextui-divider-opacity, var(--tw-bg-opacity))
  );
}

.bg-foreground {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))
  );
}

.bg-foreground\/10 {
  background-color: hsl(var(--nextui-foreground) / 0.1);
}

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

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

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

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

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.bg-gray-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity));
}

.bg-overlay\/30 {
  background-color: hsl(var(--nextui-overlay) / 0.3);
}

.bg-overlay\/50 {
  background-color: hsl(var(--nextui-overlay) / 0.5);
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}

.bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))
  );
}

.bg-primary\/20 {
  background-color: rgba(4, 162, 206, 0.2);
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}

.bg-secondary-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))
  );
}

.bg-secondary\/20 {
  background-color: hsl(var(--nextui-secondary) / 0.2);
}

.bg-success {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}

.bg-success-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))
  );
}

.bg-success\/20 {
  background-color: hsl(var(--nextui-success) / 0.2);
}

.bg-transparent {
  background-color: transparent;
}

.bg-warning {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}

.bg-warning-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))
  );
}

.bg-warning\/20 {
  background-color: hsl(var(--nextui-warning) / 0.2);
}

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

.bg-xgate-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}

.bg-xgate-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 224 245 / var(--tw-bg-opacity));
}

.bg-xgate-dark-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(39 40 44 / var(--tw-bg-opacity));
  color: white !important;
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

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

.bg-stripe-gradient {
  background-image: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 0,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 0,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 0,
    transparent
  );
}

.from-black\/50 {
  --tw-gradient-from: rgba(0, 0, 0, 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-xgate-dark-blue {
  --tw-gradient-from: #27282c var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(39, 40, 44, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-xgate-dark-blue {
  --tw-gradient-to: #27282c var(--tw-gradient-to-position);
}

.bg-\[length\:1\.25rem_1\.25rem\] {
  background-size: 1.25rem 1.25rem;
}

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

.stroke-current {
  stroke: currentColor;
}

.stroke-default-300\/50 {
  stroke: hsl(var(--nextui-default-300) / 0.5);
}

.object-contain {
  object-fit: contain;
}

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

.object-bottom {
  object-position: bottom;
}

.object-center {
  object-position: center;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-8 {
  padding: 2rem;
}

.\!px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

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

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

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

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

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.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-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

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

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

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

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

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

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

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

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

.\!pb-0 {
  padding-bottom: 0 !important;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-0\.5 {
  padding-bottom: 0.125rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-1\.5 {
  padding-bottom: 0.375rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

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

.pe-2 {
  padding-inline-end: 0.5rem;
}

.pl-0\.5 {
  padding-left: 0.125rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pr-0\.5 {
  padding-right: 0.125rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.align-middle {
  vertical-align: middle;
}

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

.font-monserrat {
  font-family: var(--font-monserrat);
}

.font-nunito {
  font-family: var(--font-nunito);
}

.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-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-\[0\.55rem\] {
  font-size: 0.55rem;
}

.text-\[0\.5rem\] {
  font-size: 0.5rem;
}

.text-\[0\.6rem\] {
  font-size: 0.6rem;
}

.text-\[1\.5rem\] {
  font-size: 1.5rem;
}

.text-\[2rem\] {
  font-size: 2rem;
}

.text-\[3rem\] {
  font-size: 3rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-large {
  font-size: var(--nextui-font-size-large);
  line-height: var(--nextui-line-height-large);
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-medium {
  font-size: var(--nextui-font-size-medium);
  line-height: var(--nextui-line-height-medium);
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-small {
  font-size: var(--nextui-font-size-small);
  line-height: var(--nextui-line-height-small);
}

.text-tiny {
  font-size: var(--nextui-font-size-tiny);
  line-height: var(--nextui-line-height-tiny);
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.font-\[200\] {
  font-weight: 200;
}

.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;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure)
    var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-\[1\.6\] {
  line-height: 1.6;
}

.leading-\[2\.5rem\] {
  line-height: 2.5rem;
}

.leading-\[32px\] {
  line-height: 32px;
}

.leading-\[3rem\] {
  line-height: 3rem;
}

.leading-relaxed {
  line-height: 1.625;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.\!text-danger {
  --tw-text-opacity: 1 !important;
  color: hsl(
    var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))
  ) !important;
}

.text-background {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-text-opacity)));
}

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

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(0 111 238 / var(--tw-text-opacity));
}

.text-current {
  color: currentColor;
}

.text-danger {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity)));
}

.text-danger-300 {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger-300) / var(--nextui-danger-300-opacity, var(--tw-text-opacity)));
}

.text-danger-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-danger-foreground) /
      var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}

.text-danger\/80 {
  color: hsl(var(--nextui-danger) / 0.8);
}

.text-default-400 {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-text-opacity)));
}

.text-default-500 {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-default-500) / var(--nextui-default-500-opacity, var(--tw-text-opacity)));
}

.text-default-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity)));
}

.text-default-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-text-opacity))
  );
}

.text-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity)));
}

.text-foreground-400 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-foreground-400) / var(--nextui-foreground-400-opacity, var(--tw-text-opacity))
  );
}

.text-foreground-500 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-foreground-500) / var(--nextui-foreground-500-opacity, var(--tw-text-opacity))
  );
}

.text-foreground-600 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-foreground-600) / var(--nextui-foreground-600-opacity, var(--tw-text-opacity))
  );
}

.text-foreground\/50 {
  color: hsl(var(--nextui-foreground) / 0.5);
}

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

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

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

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

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

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

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

.text-inherit {
  color: inherit;
}

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

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

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

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

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

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(4 162 206 / var(--tw-text-opacity));
}

.text-primary-300 {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-primary-300) / var(--nextui-primary-300-opacity, var(--tw-text-opacity)));
}

.text-primary-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-primary-foreground) /
      var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}

.text-primary\/80 {
  color: rgba(4, 162, 206, 0.8);
}

.text-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity)));
}

.text-secondary-300 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-300) / var(--nextui-secondary-300-opacity, var(--tw-text-opacity))
  );
}

.text-secondary-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-foreground) /
      var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}

.text-secondary\/80 {
  color: hsl(var(--nextui-secondary) / 0.8);
}

.text-success {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity)));
}

.text-success-400 {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success-400) / var(--nextui-success-400-opacity, var(--tw-text-opacity)));
}

.text-success-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity)));
}

.text-success-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-success-foreground) /
      var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
  );
}

.text-success\/80 {
  color: hsl(var(--nextui-success) / 0.8);
}

.text-warning {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity)));
}

.text-warning-400 {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning-400) / var(--nextui-warning-400-opacity, var(--tw-text-opacity)));
}

.text-warning-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning-600) / var(--nextui-warning-600-opacity, var(--tw-text-opacity)));
}

.text-warning-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-warning-foreground) /
      var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}

.text-warning\/80 {
  color: hsl(var(--nextui-warning) / 0.8);
}

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

.text-xgate-blue {
  --tw-text-opacity: 1;
  color: rgb(4 162 206 / var(--tw-text-opacity));
}

.underline {
  text-decoration-line: underline;
}

.no-underline {
  text-decoration-line: none;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

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

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

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-\[value\] {
  opacity: value;
}

.opacity-disabled {
  opacity: var(--nextui-disabled-opacity);
}

.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-2xl {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
}

.shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 0px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}

.shadow-\[0px_0px_1px_3px_rgba\(255\2c 255\2c 255\2c 1\)_inset\] {
  --tw-shadow: 0px 0px 1px 3px #fff inset;
  --tw-shadow-colored: inset 0px 0px 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}

.shadow-\[0px_10px_50px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0px 10px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}

.shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\] {
  --tw-shadow: 0px 20px 20px 0px rgb(0 0 0/0.05);
  --tw-shadow-colored: 0px 20px 20px 0px var(--tw-shadow-color);
}

.shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\],
.shadow-large {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}

.shadow-large {
  --tw-shadow: var(--nextui-box-shadow-large);
  --tw-shadow-colored: var(--nextui-box-shadow-large);
}

.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-lg,
.shadow-md {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
}

.shadow-medium {
  --tw-shadow: var(--nextui-box-shadow-medium);
  --tw-shadow-colored: var(--nextui-box-shadow-medium);
}

.shadow-medium,
.shadow-none {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}

.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-small {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}

.shadow-small {
  --tw-shadow: var(--nextui-box-shadow-small);
  --tw-shadow-colored: var(--nextui-box-shadow-small);
}

.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);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}

.shadow-black\/5 {
  --tw-shadow-color: rgba(0, 0, 0, 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-danger\/40 {
  --tw-shadow-color: hsl(var(--nextui-danger) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-default\/50 {
  --tw-shadow-color: hsl(var(--nextui-default) / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-foreground\/40 {
  --tw-shadow-color: hsl(var(--nextui-foreground) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-primary\/40 {
  --tw-shadow-color: rgba(4, 162, 206, 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-secondary\/40 {
  --tw-shadow-color: hsl(var(--nextui-secondary) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-success\/40 {
  --tw-shadow-color: hsl(var(--nextui-success) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-warning\/40 {
  --tw-shadow-color: hsl(var(--nextui-warning) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

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

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

.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-background {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(
    var(--nextui-background) / var(--nextui-background-opacity, var(--tw-ring-opacity))
  );
}

.ring-danger {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-ring-opacity)));
}

.ring-default {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-ring-opacity))
  );
}

.ring-focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--nextui-focus) / var(--nextui-focus-opacity, var(--tw-ring-opacity)));
}

.ring-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 162 206 / var(--tw-ring-opacity));
}

.ring-secondary {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-ring-opacity))
  );
}

.ring-success {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-ring-opacity))
  );
}

.ring-transparent {
  --tw-ring-color: transparent;
}

.ring-warning {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-ring-opacity))
  );
}

.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--nextui-background) / var(--nextui-background-opacity, 1));
}

.blur {
  --tw-blur: blur(8px);
}

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

.blur-0 {
  --tw-blur: blur(0);
}

.blur-lg {
  --tw-blur: blur(16px);
}

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

.blur-sm {
  --tw-blur: blur(4px);
}

.brightness-200 {
  --tw-brightness: brightness(2);
}

.brightness-200,
.contrast-0 {
  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);
}

.contrast-0 {
  --tw-contrast: contrast(0);
}

.invert {
  --tw-invert: invert(100%);
}

.invert,
.saturate-150 {
  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);
}

.saturate-150 {
  --tw-saturate: saturate(1.5);
}

.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);
}

.filter-none {
  filter: none;
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
}

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

.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
}

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

.backdrop-blur-none {
  --tw-backdrop-blur:               
;
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
}

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

.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
}

.backdrop-opacity-disabled {
  --tw-backdrop-opacity: opacity(var(--nextui-disabled-opacity));
}

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

.backdrop-saturate-150 {
  --tw-backdrop-saturate: saturate(1.5);
}

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

.\!transition-none {
  transition-property: none !important;
}

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

.transition-\[color\2c opacity\] {
  transition-property: color, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}

.transition-\[transform\2c background-color\2c color\] {
  transition-property: transform, background-color, color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}

.transition-\[transform\2c color\2c left\2c opacity\] {
  transition-property: transform, color, left, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}

.transition-none {
  transition-property: none;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}

.delay-75 {
  transition-delay: 75ms;
}

.\!duration-100 {
  transition-duration: 0.1s !important;
}

.\!duration-150 {
  transition-duration: 0.15s !important;
}

.\!duration-200 {
  transition-duration: 0.2s !important;
}

.\!duration-250 {
  transition-duration: 0.25s !important;
}

.\!duration-300 {
  transition-duration: 0.3s !important;
}

.\!duration-500 {
  transition-duration: 0.5s !important;
}

.duration-150 {
  transition-duration: 0.15s;
}

.duration-200 {
  transition-duration: 0.2s;
}

.duration-300 {
  transition-duration: 0.3s;
}

.duration-400 {
  transition-duration: 0.4s;
}

.\!ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.\!ease-soft-spring {
  transition-timing-function: cubic-bezier(0.155, 1.105, 0.295, 1.12) !important;
}

.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);
}

.will-change-auto {
  will-change: auto;
}

.will-change-transform {
  will-change: transform;
}

.light,
:root,
[data-theme='light'] {
  color-scheme: light;
  --nextui-background: 0 0% 100%;
  --nextui-foreground-50: 0 0% 98.04%;
  --nextui-foreground-100: 240 4.76% 95.88%;
  --nextui-foreground-200: 240 5.88% 90%;
  --nextui-foreground-300: 240 4.88% 83.92%;
  --nextui-foreground-400: 240 5.03% 64.9%;
  --nextui-foreground-500: 240 3.83% 46.08%;
  --nextui-foreground-600: 240 5.2% 33.92%;
  --nextui-foreground-700: 240 5.26% 26.08%;
  --nextui-foreground-800: 240 3.7% 15.88%;
  --nextui-foreground-900: 240 5.88% 10%;
  --nextui-foreground: 201.81999999999994 24.44% 8.82%;
  --nextui-divider: 0 0% 6.67%;
  --nextui-divider-opacity: 0.15;
  --nextui-focus: 212.01999999999998 100% 46.67%;
  --nextui-overlay: 0 0% 0%;
  --nextui-content1: 0 0% 100%;
  --nextui-content1-foreground: 201.81999999999994 24.44% 8.82%;
  --nextui-content2: 240 4.76% 95.88%;
  --nextui-content2-foreground: 240 3.7% 15.88%;
  --nextui-content3: 240 5.88% 90%;
  --nextui-content3-foreground: 240 5.26% 26.08%;
  --nextui-content4: 240 4.88% 83.92%;
  --nextui-content4-foreground: 240 5.2% 33.92%;
  --nextui-default-50: 0 0% 98.04%;
  --nextui-default-100: 240 4.76% 95.88%;
  --nextui-default-200: 240 5.88% 90%;
  --nextui-default-300: 240 4.88% 83.92%;
  --nextui-default-400: 240 5.03% 64.9%;
  --nextui-default-500: 240 3.83% 46.08%;
  --nextui-default-600: 240 5.2% 33.92%;
  --nextui-default-700: 240 5.26% 26.08%;
  --nextui-default-800: 240 3.7% 15.88%;
  --nextui-default-900: 240 5.88% 10%;
  --nextui-default-foreground: 0 0% 0%;
  --nextui-default: 240 4.88% 83.92%;
  --nextui-primary: 193.62 100% 44.9%;
  --nextui-secondary-50: 270 61.54% 94.9%;
  --nextui-secondary-100: 270 59.26% 89.41%;
  --nextui-secondary-200: 270 59.26% 78.82%;
  --nextui-secondary-300: 270 59.26% 68.24%;
  --nextui-secondary-400: 270 59.26% 57.65%;
  --nextui-secondary-500: 270 66.67% 47.06%;
  --nextui-secondary-600: 270 66.67% 37.65%;
  --nextui-secondary-700: 270 66.67% 28.24%;
  --nextui-secondary-800: 270 66.67% 18.82%;
  --nextui-secondary-900: 270 66.67% 9.41%;
  --nextui-secondary-foreground: 0 0% 100%;
  --nextui-secondary: 270 66.67% 47.06%;
  --nextui-success-50: 146.66999999999996 64.29% 94.51%;
  --nextui-success-100: 145.71000000000004 61.4% 88.82%;
  --nextui-success-200: 146.2 61.74% 77.45%;
  --nextui-success-300: 145.78999999999996 62.57% 66.47%;
  --nextui-success-400: 146.01 62.45% 55.1%;
  --nextui-success-500: 145.96000000000004 79.46% 43.92%;
  --nextui-success-600: 146.01 79.89% 35.1%;
  --nextui-success-700: 145.78999999999996 79.26% 26.47%;
  --nextui-success-800: 146.2 79.78% 17.45%;
  --nextui-success-900: 145.71000000000004 77.78% 8.82%;
  --nextui-success-foreground: 0 0% 0%;
  --nextui-success: 145.96000000000004 79.46% 43.92%;
  --nextui-warning-50: 54.55000000000001 91.67% 95.29%;
  --nextui-warning-100: 37.139999999999986 91.3% 90.98%;
  --nextui-warning-200: 37.139999999999986 91.3% 81.96%;
  --nextui-warning-300: 36.95999999999998 91.24% 73.14%;
  --nextui-warning-400: 37.00999999999999 91.26% 64.12%;
  --nextui-warning-500: 37.02999999999997 91.27% 55.1%;
  --nextui-warning-600: 37.00999999999999 74.22% 44.12%;
  --nextui-warning-700: 36.95999999999998 73.96% 33.14%;
  --nextui-warning-800: 37.139999999999986 75% 21.96%;
  --nextui-warning-900: 37.139999999999986 75% 10.98%;
  --nextui-warning-foreground: 0 0% 0%;
  --nextui-warning: 37.02999999999997 91.27% 55.1%;
  --nextui-danger-50: 339.13 92% 95.1%;
  --nextui-danger-100: 340 91.84% 90.39%;
  --nextui-danger-200: 339.3299999999999 90% 80.39%;
  --nextui-danger-300: 339.11 90.6% 70.78%;
  --nextui-danger-400: 339 90% 60.78%;
  --nextui-danger-500: 339.20000000000005 90.36% 51.18%;
  --nextui-danger-600: 339 86.54% 40.78%;
  --nextui-danger-700: 339.11 85.99% 30.78%;
  --nextui-danger-800: 339.3299999999999 86.54% 20.39%;
  --nextui-danger-900: 340 84.91% 10.39%;
  --nextui-danger-foreground: 0 0% 100%;
  --nextui-danger: 339.20000000000005 90.36% 51.18%;
  --nextui-divider-weight: 1px;
  --nextui-disabled-opacity: 0.5;
  --nextui-font-size-tiny: 0.75rem;
  --nextui-font-size-small: 0.875rem;
  --nextui-font-size-medium: 1rem;
  --nextui-font-size-large: 1.125rem;
  --nextui-line-height-tiny: 1rem;
  --nextui-line-height-small: 1.25rem;
  --nextui-line-height-medium: 1.5rem;
  --nextui-line-height-large: 1.75rem;
  --nextui-radius-small: 8px;
  --nextui-radius-medium: 12px;
  --nextui-radius-large: 14px;
  --nextui-border-width-small: 1px;
  --nextui-border-width-medium: 2px;
  --nextui-border-width-large: 3px;
  --nextui-box-shadow-small: 0px 0px 5px 0px rgba(0, 0, 0, 0.02),
    0px 2px 10px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
  --nextui-box-shadow-medium: 0px 0px 15px 0px rgba(0, 0, 0, 0.03),
    0px 2px 30px 0px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
  --nextui-box-shadow-large: 0px 0px 30px 0px rgba(0, 0, 0, 0.04),
    0px 30px 60px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
  --nextui-hover-opacity: 0.8;
}

.dark,
[data-theme='dark'] {
  color-scheme: dark;
  --nextui-background: 0 0% 0%;
  --nextui-foreground-50: 240 5.88% 10%;
  --nextui-foreground-100: 240 3.7% 15.88%;
  --nextui-foreground-200: 240 5.26% 26.08%;
  --nextui-foreground-300: 240 5.2% 33.92%;
  --nextui-foreground-400: 240 3.83% 46.08%;
  --nextui-foreground-500: 240 5.03% 64.9%;
  --nextui-foreground-600: 240 4.88% 83.92%;
  --nextui-foreground-700: 240 5.88% 90%;
  --nextui-foreground-800: 240 4.76% 95.88%;
  --nextui-foreground-900: 0 0% 98.04%;
  --nextui-foreground: 210 5.56% 92.94%;
  --nextui-focus: 212.01999999999998 100% 46.67%;
  --nextui-overlay: 0 0% 0%;
  --nextui-divider: 0 0% 100%;
  --nextui-divider-opacity: 0.15;
  --nextui-content1: 240 5.88% 10%;
  --nextui-content1-foreground: 0 0% 98.04%;
  --nextui-content2: 240 3.7% 15.88%;
  --nextui-content2-foreground: 240 4.76% 95.88%;
  --nextui-content3: 240 5.26% 26.08%;
  --nextui-content3-foreground: 240 5.88% 90%;
  --nextui-content4: 240 5.2% 33.92%;
  --nextui-content4-foreground: 240 4.88% 83.92%;
  --nextui-default-50: 240 5.88% 10%;
  --nextui-default-100: 240 3.7% 15.88%;
  --nextui-default-200: 240 5.26% 26.08%;
  --nextui-default-300: 240 5.2% 33.92%;
  --nextui-default-400: 240 3.83% 46.08%;
  --nextui-default-500: 240 5.03% 64.9%;
  --nextui-default-600: 240 4.88% 83.92%;
  --nextui-default-700: 240 5.88% 90%;
  --nextui-default-800: 240 4.76% 95.88%;
  --nextui-default-900: 0 0% 98.04%;
  --nextui-default-foreground: 0 0% 100%;
  --nextui-default: 240 5.26% 26.08%;
  --nextui-primary-50: 211.84000000000003 100% 9.61%;
  --nextui-primary-100: 211.84000000000003 100% 19.22%;
  --nextui-primary-200: 212.24 100% 28.82%;
  --nextui-primary-300: 212.14 100% 38.43%;
  --nextui-primary-400: 212.01999999999998 100% 46.67%;
  --nextui-primary-500: 212.14 92.45% 58.43%;
  --nextui-primary-600: 212.24 92.45% 68.82%;
  --nextui-primary-700: 211.84000000000003 92.45% 79.22%;
  --nextui-primary-800: 211.84000000000003 92.45% 89.61%;
  --nextui-primary-900: 212.5 92.31% 94.9%;
  --nextui-primary-foreground: 0 0% 100%;
  --nextui-primary: 212.01999999999998 100% 46.67%;
  --nextui-secondary-50: 270 66.67% 9.41%;
  --nextui-secondary-100: 270 66.67% 18.82%;
  --nextui-secondary-200: 270 66.67% 28.24%;
  --nextui-secondary-300: 270 66.67% 37.65%;
  --nextui-secondary-400: 270 66.67% 47.06%;
  --nextui-secondary-500: 270 59.26% 57.65%;
  --nextui-secondary-600: 270 59.26% 68.24%;
  --nextui-secondary-700: 270 59.26% 78.82%;
  --nextui-secondary-800: 270 59.26% 89.41%;
  --nextui-secondary-900: 270 61.54% 94.9%;
  --nextui-secondary-foreground: 0 0% 100%;
  --nextui-secondary: 270 59.26% 57.65%;
  --nextui-success-50: 145.71000000000004 77.78% 8.82%;
  --nextui-success-100: 146.2 79.78% 17.45%;
  --nextui-success-200: 145.78999999999996 79.26% 26.47%;
  --nextui-success-300: 146.01 79.89% 35.1%;
  --nextui-success-400: 145.96000000000004 79.46% 43.92%;
  --nextui-success-500: 146.01 62.45% 55.1%;
  --nextui-success-600: 145.78999999999996 62.57% 66.47%;
  --nextui-success-700: 146.2 61.74% 77.45%;
  --nextui-success-800: 145.71000000000004 61.4% 88.82%;
  --nextui-success-900: 146.66999999999996 64.29% 94.51%;
  --nextui-success-foreground: 0 0% 0%;
  --nextui-success: 145.96000000000004 79.46% 43.92%;
  --nextui-warning-50: 37.139999999999986 75% 10.98%;
  --nextui-warning-100: 37.139999999999986 75% 21.96%;
  --nextui-warning-200: 36.95999999999998 73.96% 33.14%;
  --nextui-warning-300: 37.00999999999999 74.22% 44.12%;
  --nextui-warning-400: 37.02999999999997 91.27% 55.1%;
  --nextui-warning-500: 37.00999999999999 91.26% 64.12%;
  --nextui-warning-600: 36.95999999999998 91.24% 73.14%;
  --nextui-warning-700: 37.139999999999986 91.3% 81.96%;
  --nextui-warning-800: 37.139999999999986 91.3% 90.98%;
  --nextui-warning-900: 54.55000000000001 91.67% 95.29%;
  --nextui-warning-foreground: 0 0% 0%;
  --nextui-warning: 37.02999999999997 91.27% 55.1%;
  --nextui-danger-50: 340 84.91% 10.39%;
  --nextui-danger-100: 339.3299999999999 86.54% 20.39%;
  --nextui-danger-200: 339.11 85.99% 30.78%;
  --nextui-danger-300: 339 86.54% 40.78%;
  --nextui-danger-400: 339.20000000000005 90.36% 51.18%;
  --nextui-danger-500: 339 90% 60.78%;
  --nextui-danger-600: 339.11 90.6% 70.78%;
  --nextui-danger-700: 339.3299999999999 90% 80.39%;
  --nextui-danger-800: 340 91.84% 90.39%;
  --nextui-danger-900: 339.13 92% 95.1%;
  --nextui-danger-foreground: 0 0% 100%;
  --nextui-danger: 339.20000000000005 90.36% 51.18%;
  --nextui-divider-weight: 1px;
  --nextui-disabled-opacity: 0.5;
  --nextui-font-size-tiny: 0.75rem;
  --nextui-font-size-small: 0.875rem;
  --nextui-font-size-medium: 1rem;
  --nextui-font-size-large: 1.125rem;
  --nextui-line-height-tiny: 1rem;
  --nextui-line-height-small: 1.25rem;
  --nextui-line-height-medium: 1.5rem;
  --nextui-line-height-large: 1.75rem;
  --nextui-radius-small: 8px;
  --nextui-radius-medium: 12px;
  --nextui-radius-large: 14px;
  --nextui-border-width-small: 1px;
  --nextui-border-width-medium: 2px;
  --nextui-border-width-large: 3px;
  --nextui-box-shadow-small: 0px 0px 5px 0px rgba(0, 0, 0, 0.05),
    0px 2px 10px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 1px 0px hsla(0, 0%, 100%, 0.15);
  --nextui-box-shadow-medium: 0px 0px 15px 0px rgba(0, 0, 0, 0.06),
    0px 2px 30px 0px rgba(0, 0, 0, 0.22), inset 0px 0px 1px 0px hsla(0, 0%, 100%, 0.15);
  --nextui-box-shadow-large: 0px 0px 30px 0px rgba(0, 0, 0, 0.07),
    0px 30px 60px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 1px 0px hsla(0, 0%, 100%, 0.15);
  --nextui-hover-opacity: 0.9;
}

.leading-inherit {
  line-height: inherit;
}

.bg-img-inherit {
  background-image: inherit;
}

.bg-clip-inherit {
  background-clip: inherit;
}

.text-fill-inherit {
  -webkit-text-fill-color: inherit;
}

.tap-highlight-transparent {
  -webkit-tap-highlight-color: transparent;
}

.transition-background {
  transition-property: background;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}

.transition-colors-opacity {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}

.transition-width {
  transition-property: width;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}

.transition-height {
  transition-property: height;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}

.transition-size {
  transition-property: width, height;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}

.transition-left {
  transition-property: left;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}

.transition-transform-opacity {
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}

.transition-transform-background {
  transition-property: transform, background;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}

.transition-transform-colors {
  transition-property: transform, color, background, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}

.transition-transform-colors-opacity {
  transition-property: transform, color, background, background-color, border-color,
    text-decoration-color, fill, stroke, opacity;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}

.scrollbar-default {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.scrollbar-default::-webkit-scrollbar {
  display: block;
}

.xgate-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #27282c var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(39, 40, 44, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #04a2ce var(--tw-gradient-to-position);
}

/* .\[--picker-height\: 224px\] {
  --picker-height: 224px;
}

.\[--scale-enter\: 100\%\] {
  --scale-enter: 100%;
}

.\[--scale-exit\: 100\%\] {
  --scale-exit: 100%;
}

.\[--scroll-shadow-size\: 100px\] {
  --scroll-shadow-size: 100px;
}

.\[--slide-enter\: 0px\] {
  --slide-enter: 0px;
}

.\[--slide-exit\: 80px\] {
  --slide-exit: 80px;
} */

.\[mask-image\:linear-gradient\(\#000\2c
  \#000\2c
  transparent_0\2c
  \#000_var\(--scroll-shadow-size\)\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\] {
  mask-image: linear-gradient(
    #000,
    #000,
    transparent 0,
    #000 var(--scroll-shadow-size),
    #000 calc(100% - var(--scroll-shadow-size)),
    transparent
  );
}

.\[mask-image\:linear-gradient\(to_right\2c
  transparent\2c
  white_20\%\2c
  white_80\%\2c
  transparent\)\] {
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.\[mask-image\:radial-gradient\(ellipse_at_center\2c white\2c transparent\)\] {
  mask-image: radial-gradient(ellipse at center, #fff, transparent);
}

.\[perspective\:800px\] {
  perspective: 800px;
}

.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}

.\[text-wrap\:balance\] {
  text-wrap: balance;
}

.\[transform-style\:preserve-3d\] {
  transform-style: preserve-3d;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

* {
  &::-webkit-scrollbar {
    width: 8px;
    @media screen and (max-width: 768px) {
      width: 0;
    }
  }

  &::-webkit-scrollbar-track {
    background: var(--xgate-dark-blue);
  }

  &::-webkit-scrollbar-thumb {
    background: var(--xgate-blue);
  }
}

body {
  object-fit: cover;
  overflow-x: hidden;
}

a {
  &:hover:not([role='button']) {
    color: var(--xgate-blue);
  }
}

.cursor-follower {
  position: fixed;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: var(--xgate-blue);
  opacity: 0;
  z-index: 10000;
  user-select: none;
  pointer-events: none;
}

.no-scroll {
  height: 100vh;
  overflow: hidden;
}

.clip-path-hero {
  clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%);
}

.rectangle-clip-path {
  clip-path: polygon(40% 0, 100% 0, 40% 100%, 0 100%);
}

.background-xgate-pattern {
  background-image: url(/lines-pattern.svg);
}

.background-xgate-digital-pattern,
.background-xgate-pattern {
  background-size: cover;
  background-position: 50%;
  background-attachment: fixed;
}

.background-xgate-digital-pattern {
  background-image: url(/digital-pattern.svg);
}

.line:after,
.line:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  top: 0;
  background: #e9e9e9;
}

.line:before {
  left: 64px;
}

.line:after {
  right: 64px;
}

@media screen and (max-width: 1024px) {
  .line:before {
    left: 24px !important;
  }

  .line:after {
    right: 24px !important;
  }
}

.pagination {
  color: #fff;
}

.leaflet-tile-panel {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.custom-next-arrow:before,
.custom-prev-arrow:before {
  content: none !important;
}

.slick-track {
  margin-left: 0 !important;
}

.file\:cursor-pointer::file-selector-button {
  cursor: pointer;
}

.file\:border-0::file-selector-button {
  border-width: 0;
}

.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}

.placeholder\:text-danger::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity)));
}

.placeholder\:text-foreground-500::placeholder {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-foreground-500) / var(--nextui-foreground-500-opacity, var(--tw-text-opacity))
  );
}

.placeholder\:text-primary::placeholder {
  --tw-text-opacity: 1;
  color: rgb(4 162 206 / var(--tw-text-opacity));
}

.placeholder\:text-secondary::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity)));
}

.placeholder\:text-success-600::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity)));
}

.placeholder\:text-warning-600::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning-600) / var(--nextui-warning-600-opacity, var(--tw-text-opacity)));
}

.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-0:before {
  content: var(--tw-content);
  inset: 0;
}

.before\:z-0:before {
  content: var(--tw-content);
  z-index: 0;
}

.before\:z-\[-1\]:before {
  content: var(--tw-content);
  z-index: -1;
}

.before\:box-border:before {
  content: var(--tw-content);
  box-sizing: border-box;
}

.before\:block:before {
  content: var(--tw-content);
  display: block;
}

.before\:hidden:before {
  content: var(--tw-content);
  display: none;
}

.before\:h-0\.5:before {
  content: var(--tw-content);
  height: 0.125rem;
}

.before\:h-11:before {
  content: var(--tw-content);
  height: 2.75rem;
}

.before\:h-2\.5:before {
  content: var(--tw-content);
  height: 0.625rem;
}

.before\:h-px:before {
  content: var(--tw-content);
  height: 1px;
}

.before\:w-0:before {
  content: var(--tw-content);
  width: 0;
}

.before\:w-11:before {
  content: var(--tw-content);
  width: 2.75rem;
}

.before\:w-2\.5:before {
  content: var(--tw-content);
  width: 0.625rem;
}

.before\:w-6:before {
  content: var(--tw-content);
  width: 1.5rem;
}

.before\:-translate-x-full:before {
  --tw-translate-x: -100%;
}

.before\:-translate-x-full:before,
.before\:-translate-y-1:before {
  content: var(--tw-content);
  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\:-translate-y-1:before {
  --tw-translate-y: -0.25rem;
}

.before\:rotate-0:before {
  --tw-rotate: 0deg;
}

.before\:rotate-0:before,
.before\:rotate-45:before {
  content: var(--tw-content);
  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\:rotate-45:before {
  --tw-rotate: 45deg;
}

@keyframes shimmer {
  to {
    content: var(--tw-content);
    transform: translateX(100%);
  }
}

.before\:animate-\[shimmer_2s_infinite\]:before {
  content: var(--tw-content);
  animation: shimmer 2s infinite;
}

.before\:animate-none:before {
  content: var(--tw-content);
  animation: none;
}

.before\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.5\)\]:before {
  content: var(--tw-content);
  border-radius: calc(var(--nextui-radius-medium) * 0.5);
}

.before\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.6\)\]:before {
  content: var(--tw-content);
  border-radius: calc(var(--nextui-radius-medium) * 0.6);
}

.before\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.7\)\]:before {
  content: var(--tw-content);
  border-radius: calc(var(--nextui-radius-medium) * 0.7);
}

.before\:rounded-full:before {
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:rounded-none:before {
  content: var(--tw-content);
  border-radius: 0;
}

.before\:rounded-sm:before {
  content: var(--tw-content);
  border-radius: 0.125rem;
}

.before\:border-2:before {
  content: var(--tw-content);
  border-width: 2px;
}

.before\:border-t:before {
  content: var(--tw-content);
  border-top-width: 1px;
}

.before\:border-solid:before {
  content: var(--tw-content);
  border-style: solid;
}

.before\:border-content4\/30:before {
  content: var(--tw-content);
  border-color: hsl(var(--nextui-content4) / 0.3);
}

.before\:border-danger:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}

.before\:border-default:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))
  );
}

.before\:bg-content1:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-content1) / var(--nextui-content1-opacity, var(--tw-bg-opacity))
  );
}

.before\:bg-current:before {
  content: var(--tw-content);
  background-color: currentColor;
}

.before\:bg-danger:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}

.before\:bg-danger\/20:before {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-danger) / 0.2);
}

.before\:bg-default\/60:before {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-default) / 0.6);
}

.before\:bg-foreground:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))
  );
}

.before\:bg-primary:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}

.before\:bg-primary\/20:before {
  content: var(--tw-content);
  background-color: rgba(4, 162, 206, 0.2);
}

.before\:bg-secondary:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}

.before\:bg-secondary\/20:before {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-secondary) / 0.2);
}

.before\:bg-success:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}

.before\:bg-success\/20:before {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-success) / 0.2);
}

.before\:bg-warning:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}

.before\:bg-warning\/20:before {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-warning) / 0.2);
}

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

.before\:from-transparent:before {
  content: var(--tw-content);
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:via-content4:before {
  content: var(--tw-content);
  --tw-gradient-to: hsl(var(--nextui-content4) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    hsl(var(--nextui-content4) / var(--nextui-content4-opacity, 1)) var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}

.before\:to-transparent:before {
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.before\:opacity-0:before {
  content: var(--tw-content);
  opacity: 0;
}

.before\:opacity-100:before {
  content: var(--tw-content);
  opacity: 1;
}

.before\:shadow-small:before {
  content: var(--tw-content);
  --tw-shadow: var(--nextui-box-shadow-small);
  --tw-shadow-colored: var(--nextui-box-shadow-small);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}

.before\:transition-colors:before {
  content: var(--tw-content);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}

.before\:transition-none:before {
  content: var(--tw-content);
  transition-property: none;
}

.before\:transition-opacity:before {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}

.before\:transition-transform:before {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}

.before\:\!duration-300:before {
  content: var(--tw-content);
  transition-duration: 0.3s !important;
}

.before\:duration-150:before {
  content: var(--tw-content);
  transition-duration: 0.15s;
}
@media (min-width: 1024px) {
  .lg.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.before\:content-\[\'\'\]:before {
  --tw-content: '';
  content: var(--tw-content);
}
.before\:transition-width:before {
  content: var(--tw-content);
  transition-property: width;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-0:after {
  content: var(--tw-content);
  inset: 0;
}
.after\:-bottom-1:after {
  content: var(--tw-content);
  bottom: -0.25rem;
}
.after\:-bottom-\[2px\]:after {
  content: var(--tw-content);
  bottom: -2px;
}
.after\:bottom-0:after {
  content: var(--tw-content);
  bottom: 0;
}
.after\:left-0:after {
  content: var(--tw-content);
  left: 0;
}
.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}
.after\:right-0:after {
  content: var(--tw-content);
  right: 0;
}
.after\:top-0:after {
  content: var(--tw-content);
  top: 0;
}
.after\:-z-10:after {
  content: var(--tw-content);
  z-index: -10;
}
.after\:z-0:after {
  content: var(--tw-content);
  z-index: 0;
}
.after\:ml-0\.5:after {
  content: var(--tw-content);
  margin-left: 0.125rem;
}
.after\:block:after {
  content: var(--tw-content);
  display: block;
}
.after\:h-0:after {
  content: var(--tw-content);
  height: 0;
}
.after\:h-4:after {
  content: var(--tw-content);
  height: 1rem;
}
.after\:h-5:after {
  content: var(--tw-content);
  height: 1.25rem;
}
.after\:h-\[2px\]:after {
  content: var(--tw-content);
  height: 2px;
}
.after\:h-divider:after {
  content: var(--tw-content);
  height: var(--nextui-divider-weight);
}
.after\:h-full:after {
  content: var(--tw-content);
  height: 100%;
}
.after\:h-px:after {
  content: var(--tw-content);
  height: 1px;
}
.after\:w-0:after {
  content: var(--tw-content);
  width: 0;
}
.after\:w-4:after {
  content: var(--tw-content);
  width: 1rem;
}
.after\:w-5:after {
  content: var(--tw-content);
  width: 1.25rem;
}
.after\:w-6:after {
  content: var(--tw-content);
  width: 1.5rem;
}
.after\:w-\[80\%\]:after {
  content: var(--tw-content);
  width: 80%;
}
.after\:w-full:after {
  content: var(--tw-content);
  width: 100%;
}
.after\:origin-center:after {
  content: var(--tw-content);
  transform-origin: center;
}
.after\:-translate-x-1\/2:after {
  --tw-translate-x: -50%;
}
.after\:-translate-x-1\/2:after,
.after\:translate-y-1:after {
  content: var(--tw-content);
  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));
}
.after\:translate-y-1:after {
  --tw-translate-y: 0.25rem;
}
.after\:rotate-0:after {
  --tw-rotate: 0deg;
}
.after\:rotate-0:after,
.after\:scale-50:after {
  content: var(--tw-content);
  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));
}
.after\:scale-50:after {
  --tw-scale-x: 0.5;
  --tw-scale-y: 0.5;
}
.after\:rounded-\[calc\(theme\(borderRadius\.large\)\/2\)\]:after {
  content: var(--tw-content);
  border-radius: calc(var(--nextui-radius-large) / 2);
}
.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.5\)\]:after {
  content: var(--tw-content);
  border-radius: calc(var(--nextui-radius-medium) * 0.5);
}
.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.6\)\]:after {
  content: var(--tw-content);
  border-radius: calc(var(--nextui-radius-medium) * 0.6);
}
.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.7\)\]:after {
  content: var(--tw-content);
  border-radius: calc(var(--nextui-radius-medium) * 0.7);
}
.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\/3\)\]:after {
  content: var(--tw-content);
  border-radius: calc(var(--nextui-radius-medium) / 3);
}
.after\:rounded-\[calc\(theme\(borderRadius\.small\)\/3\)\]:after {
  content: var(--tw-content);
  border-radius: calc(var(--nextui-radius-small) / 3);
}
.after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:rounded-none:after {
  content: var(--tw-content);
  border-radius: 0;
}
.after\:rounded-xl:after {
  content: var(--tw-content);
  border-radius: 0.75rem;
}
.after\:\!bg-danger:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))
  ) !important;
}
.after\:bg-background:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-background) / var(--nextui-background-opacity, var(--tw-bg-opacity))
  );
}
.after\:bg-content1:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-content1) / var(--nextui-content1-opacity, var(--tw-bg-opacity))
  );
}
.after\:bg-content3:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-content3) / var(--nextui-content3-opacity, var(--tw-bg-opacity))
  );
}
.after\:bg-current:after {
  content: var(--tw-content);
  background-color: currentColor;
}
.after\:bg-danger:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}
.after\:bg-default:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))
  );
}
.after\:bg-default-foreground:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-bg-opacity))
  );
}
.after\:bg-divider:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-divider) / var(--nextui-divider-opacity, var(--tw-bg-opacity))
  );
}
.after\:bg-primary:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.after\:bg-secondary:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}
.after\:bg-success:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}
.after\:bg-warning:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}
.after\:text-danger:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity)));
}
.after\:text-danger-foreground:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-danger-foreground) /
      var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}
.after\:text-default-foreground:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-text-opacity))
  );
}
.after\:text-primary-foreground:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-primary-foreground) /
      var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}
.after\:text-secondary-foreground:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-foreground) /
      var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.after\:text-success-foreground:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-success-foreground) /
      var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
  );
}
.after\:text-warning-foreground:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-warning-foreground) /
      var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}
.after\:opacity-0:after {
  content: var(--tw-content);
  opacity: 0;
}
.after\:opacity-100:after {
  content: var(--tw-content);
  opacity: 1;
}
.after\:shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]:after {
  --tw-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 0px 0 var(--tw-shadow-color);
}
.after\:shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]:after,
.after\:shadow-small:after {
  content: var(--tw-content);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.after\:shadow-small:after {
  --tw-shadow: var(--nextui-box-shadow-small);
  --tw-shadow-colored: var(--nextui-box-shadow-small);
}
.after\:transition-all:after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}
.after\:transition-none:after {
  content: var(--tw-content);
  transition-property: none;
}
.after\:transition-transform:after {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}
.after\:\!duration-200:after {
  content: var(--tw-content);
  transition-duration: 0.2s !important;
}
.after\:duration-150:after {
  content: var(--tw-content);
  transition-duration: 0.15s;
}
.after\:\!ease-linear:after {
  content: var(--tw-content);
  transition-timing-function: linear !important;
}
.after\:content-\[\'\'\]:after {
  --tw-content: '';
  content: var(--tw-content);
}
.after\:content-\[\'\*\'\]:after {
  --tw-content: '*';
  content: var(--tw-content);
}
.after\:transition-background:after {
  content: var(--tw-content);
  transition-property: background;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}
.after\:transition-width:after {
  content: var(--tw-content);
  transition-property: width;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}
.after\:transition-height:after {
  content: var(--tw-content);
  transition-property: height;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}
.after\:transition-transform-opacity:after {
  content: var(--tw-content);
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}
.first\:-ml-0\.5:first-child {
  margin-left: -0.125rem;
}
.first\:mt-2:first-child {
  margin-top: 0.5rem;
}
.first\:rounded-l-lg:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.first\:rounded-s-full:first-child {
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
}
.first\:rounded-s-large:first-child {
  border-start-start-radius: var(--nextui-radius-large);
  border-end-start-radius: var(--nextui-radius-large);
}
.first\:rounded-s-medium:first-child {
  border-start-start-radius: var(--nextui-radius-medium);
  border-end-start-radius: var(--nextui-radius-medium);
}
.first\:rounded-s-none:first-child {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.first\:rounded-s-small:first-child {
  border-start-start-radius: var(--nextui-radius-small);
  border-end-start-radius: var(--nextui-radius-small);
}
.first\:before\:rounded-l-lg:first-child:before {
  content: var(--tw-content);
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.last\:rounded-e-full:last-child {
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}
.last\:rounded-e-large:last-child {
  border-start-end-radius: var(--nextui-radius-large);
  border-end-end-radius: var(--nextui-radius-large);
}
.last\:rounded-e-medium:last-child {
  border-start-end-radius: var(--nextui-radius-medium);
  border-end-end-radius: var(--nextui-radius-medium);
}
.last\:rounded-e-none:last-child {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.last\:rounded-e-small:last-child {
  border-start-end-radius: var(--nextui-radius-small);
  border-end-end-radius: var(--nextui-radius-small);
}
.last\:rounded-r-lg:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.last\:pr-\[5\%\]:last-child {
  padding-right: 5%;
}
.last\:before\:rounded-r-lg:last-child:before {
  content: var(--tw-content);
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.first-of-type\:rounded-r-none:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.last-of-type\:rounded-l-none:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.autofill\:bg-transparent:autofill {
  background-color: transparent;
}
.focus-within\:border-danger:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}
.focus-within\:border-default-foreground:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-border-opacity))
  );
}
.focus-within\:border-primary:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(4 162 206 / var(--tw-border-opacity));
}
.focus-within\:border-secondary:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))
  );
}
.focus-within\:border-success:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))
  );
}
.focus-within\:border-warning:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))
  );
}
.focus-within\:bg-danger-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))
  );
}
.focus-within\:bg-primary-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))
  );
}
.focus-within\:bg-secondary-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))
  );
}
.focus-within\:bg-success-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))
  );
}
.focus-within\:bg-warning-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))
  );
}
.focus-within\:after\:w-full:focus-within:after {
  content: var(--tw-content);
  width: 100%;
}
.hover\:-translate-x-0:hover {
  --tw-translate-x: -0px;
}
.hover\:-translate-x-0:hover,
.hover\:scale-110:hover {
  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));
}
.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
}
.hover\:scale-125:hover {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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));
}
.hover\:border-default:hover {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))
  );
}
.hover\:border-default-300:hover {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-border-opacity))
  );
}
.hover\:border-default-400:hover {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-border-opacity))
  );
}
.hover\:\!bg-danger:hover {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))
  ) !important;
}
.hover\:\!bg-default:hover {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))
  ) !important;
}
.hover\:\!bg-foreground:hover {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))
  ) !important;
}
.hover\:\!bg-primary:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity)) !important;
}
.hover\:\!bg-secondary:hover {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  ) !important;
}
.hover\:\!bg-success:hover {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  ) !important;
}
.hover\:\!bg-warning:hover {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  ) !important;
}
.hover\:bg-danger-100:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-danger-100) / var(--nextui-danger-100-opacity, var(--tw-bg-opacity))
  );
}
.hover\:bg-default-100:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))
  );
}
.hover\:bg-default-200:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))
  );
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.hover\:bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.hover\:bg-primary-100:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-primary-100) / var(--nextui-primary-100-opacity, var(--tw-bg-opacity))
  );
}
.hover\:bg-secondary-100:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary-100) / var(--nextui-secondary-100-opacity, var(--tw-bg-opacity))
  );
}
.hover\:bg-success-100:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success-100) / var(--nextui-success-100-opacity, var(--tw-bg-opacity))
  );
}
.hover\:bg-warning-100:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning-100) / var(--nextui-warning-100-opacity, var(--tw-bg-opacity))
  );
}
.hover\:\!text-danger-foreground:hover {
  --tw-text-opacity: 1 !important;
  color: hsl(
    var(--nextui-danger-foreground) /
      var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))
  ) !important;
}
.hover\:\!text-primary-foreground:hover {
  --tw-text-opacity: 1 !important;
  color: hsl(
    var(--nextui-primary-foreground) /
      var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))
  ) !important;
}
.hover\:\!text-success-foreground:hover {
  --tw-text-opacity: 1 !important;
  color: hsl(
    var(--nextui-success-foreground) /
      var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
  ) !important;
}
.hover\:\!text-warning-foreground:hover {
  --tw-text-opacity: 1 !important;
  color: hsl(
    var(--nextui-warning-foreground) /
      var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))
  ) !important;
}
.hover\:\!text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.hover\:text-secondary-foreground:hover {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-foreground) /
      var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-xgate-blue:hover {
  --tw-text-opacity: 1;
  color: rgb(4 162 206 / var(--tw-text-opacity));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:\!opacity-100:hover {
  opacity: 1 !important;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.hover\:filter-none:hover {
  filter: none;
}
.hover\:\[animation-play-state\:paused\]:hover {
  animation-play-state: paused;
}
.hover\:after\:bg-danger\/20:hover:after {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-danger) / 0.2);
}
.hover\:after\:bg-foreground\/10:hover:after {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-foreground) / 0.1);
}
.hover\:after\:bg-primary\/20:hover:after {
  content: var(--tw-content);
  background-color: rgba(4, 162, 206, 0.2);
}
.hover\:after\:bg-secondary\/20:hover:after {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-secondary) / 0.2);
}
.hover\:after\:bg-success\/20:hover:after {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-success) / 0.2);
}
.hover\:after\:bg-warning\/20:hover:after {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-warning) / 0.2);
}
.hover\:after\:opacity-100:hover:after {
  content: var(--tw-content);
  opacity: 1;
}
.focus-within\:hover\:border-danger:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}
.focus-within\:hover\:border-default-foreground:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-border-opacity))
  );
}
.focus-within\:hover\:border-primary:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(4 162 206 / var(--tw-border-opacity));
}
.focus-within\:hover\:border-secondary:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))
  );
}
.focus-within\:hover\:border-success:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))
  );
}
.focus-within\:hover\:border-warning:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))
  );
}
.focus-within\:hover\:bg-default-100:hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))
  );
}
.focus\:bg-danger-400\/50:focus {
  background-color: hsl(var(--nextui-danger-400) / 0.5);
}
.focus\:bg-default-400\/50:focus {
  background-color: hsl(var(--nextui-default-400) / 0.5);
}
.focus\:bg-primary-400\/50:focus {
  background-color: hsl(var(--nextui-primary-400) / 0.5);
}
.focus\:bg-secondary-400\/50:focus {
  background-color: hsl(var(--nextui-secondary-400) / 0.5);
}
.focus\:bg-success-400\/50:focus {
  background-color: hsl(var(--nextui-success-400) / 0.5);
}
.focus\:bg-warning-400\/50:focus {
  background-color: hsl(var(--nextui-warning-400) / 0.5);
}
.focus\:underline:focus {
  text-decoration-line: underline;
}
.focus\:shadow-sm:focus {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.focus-visible\:z-10:focus-visible {
  z-index: 10;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-focus:focus-visible {
  outline-color: hsl(var(--nextui-focus) / var(--nextui-focus-opacity, 1));
}
.active\:bg-default-200:active {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))
  );
}
.active\:bg-default-300:active {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-bg-opacity))
  );
}
.active\:underline:active {
  text-decoration-line: underline;
}
.active\:\!opacity-70:active {
  opacity: 0.7 !important;
}
.active\:opacity-disabled:active {
  opacity: var(--nextui-disabled-opacity);
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.group:hover .group-hover\:block {
  display: block;
}
.group:hover .group-hover\:inline {
  display: inline;
}
.group:hover .group-hover\:hidden {
  display: none;
}
.group:hover .group-hover\:w-full {
  width: 100%;
}
.group\/modal-btn:hover .group-hover\/modal-btn\:-translate-y-10 {
  --tw-translate-y: -2.5rem;
}
.group\/modal-btn:hover .group-hover\/modal-btn\:-translate-y-10,
.group\/modal-btn:hover .group-hover\/modal-btn\: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));
}
.group\/modal-btn:hover .group-hover\/modal-btn\:translate-x-0 {
  --tw-translate-x: 0px;
}
.group\/modal-btn:hover .group-hover\/modal-btn\:translate-x-10 {
  --tw-translate-x: 2.5rem;
}
.group\/modal-btn:hover .group-hover\/modal-btn\:translate-x-10,
.group\/modal-btn:hover .group-hover\/modal-btn\: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));
}
.group\/modal-btn:hover .group-hover\/modal-btn\:translate-y-0 {
  --tw-translate-y: 0px;
}
.group:hover .group-hover\:translate-x-2 {
  --tw-translate-x: 0.5rem;
}
.group:hover .group-hover\:rotate-3,
.group:hover .group-hover\: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));
}
.group:hover .group-hover\:rotate-3 {
  --tw-rotate: 3deg;
}
.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
}
.group:hover .group-hover\:scale-110,
.group:hover .group-hover\:scale-125 {
  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));
}
.group:hover .group-hover\:scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
}
.group:hover .group-hover\:border-current {
  border-color: currentColor;
}
.group:hover .group-hover\:bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:text-current {
  color: currentColor;
}
.group:hover .group-hover\:text-xgate-blue {
  --tw-text-opacity: 1;
  color: rgb(4 162 206 / var(--tw-text-opacity));
}
.group\/file:hover .group-hover\/file\:shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.aria-expanded\:scale-\[0\.97\][aria-expanded='true'] {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  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));
}
.aria-expanded\:opacity-70[aria-expanded='true'] {
  opacity: 0.7;
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled='true'] {
  pointer-events: none;
}
.data-\[loaded\=true\]\:pointer-events-auto[data-loaded='true'] {
  pointer-events: auto;
}
.data-\[focus-visible\=true\]\:z-10[data-focus-visible='true'],
.data-\[focused\=true\]\:z-10[data-focused='true'] {
  z-index: 10;
}
.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_10px\)\][data-has-label='true'] {
  margin-top: calc(var(--nextui-font-size-small) + 10px);
}
.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_12px\)\][data-has-label='true'] {
  margin-top: calc(var(--nextui-font-size-small) + 12px);
}
.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_8px\)\][data-has-label='true'] {
  margin-top: calc(var(--nextui-font-size-small) + 8px);
}
.data-\[open\=true\]\:block[data-open='true'] {
  display: block;
}
.data-\[open\=true\]\:flex[data-open='true'] {
  display: flex;
}
.data-\[hidden\=true\]\:hidden[data-hidden='true'],
.data-\[inert\=true\]\:hidden[data-inert='true'] {
  display: none;
}
.data-\[justify\=end\]\:flex-grow[data-justify='end'],
.data-\[justify\=start\]\:flex-grow[data-justify='start'] {
  flex-grow: 1;
}
.data-\[justify\=end\]\:basis-0[data-justify='end'],
.data-\[justify\=start\]\:basis-0[data-justify='start'] {
  flex-basis: 0px;
}
.data-\[focus-visible\=true\]\:-translate-x-3[data-focus-visible='true'],
.data-\[hover\=true\]\:-translate-x-3[data-hover='true'] {
  --tw-translate-x: -0.75rem;
}
.data-\[focus-visible\=true\]\:-translate-x-3[data-focus-visible='true'],
.data-\[hover\=true\]\:-translate-x-3[data-hover='true'],
.data-\[hover\=true\]\:translate-x-0[data-hover='true'] {
  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));
}
.data-\[hover\=true\]\:translate-x-0[data-hover='true'] {
  --tw-translate-x: 0px;
}
.data-\[before\=true\]\:rotate-180[data-before='true'],
.data-\[direction\=ascending\]\:rotate-180[data-direction='ascending'] {
  --tw-rotate: 180deg;
}
.data-\[before\=true\]\:rotate-180[data-before='true'],
.data-\[direction\=ascending\]\:rotate-180[data-direction='ascending'],
.data-\[open\=true\]\:-rotate-90[data-open='true'] {
  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));
}
.data-\[open\=true\]\:-rotate-90[data-open='true'] {
  --tw-rotate: -90deg;
}
.data-\[open\=true\]\:rotate-180[data-open='true'] {
  --tw-rotate: 180deg;
}
.data-\[invisible\=true\]\:scale-0[data-invisible='true'],
.data-\[open\=true\]\:rotate-180[data-open='true'] {
  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));
}
.data-\[invisible\=true\]\:scale-0[data-invisible='true'] {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
}
.data-\[pressed\=true\]\:scale-100[data-pressed='true'] {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
.data-\[pressed\=true\]\:scale-100[data-pressed='true'],
.data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed='true'] {
  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));
}
.data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed='true'] {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
}
.data-\[disabled\=true\]\:cursor-default[data-disabled='true'] {
  cursor: default;
}
.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled='true'] {
  cursor: not-allowed;
}
.data-\[dragging\=true\]\:cursor-grabbing[data-dragging='true'] {
  cursor: grabbing;
}
.data-\[readonly\=true\]\:cursor-default[data-readonly='true'] {
  cursor: default;
}
.data-\[sortable\=true\]\:cursor-pointer[data-sortable='true'] {
  cursor: pointer;
}
.data-\[unavailable\=true\]\:cursor-default[data-unavailable='true'] {
  cursor: default;
}
.data-\[visible\=true\]\:cursor-pointer[data-visible='true'] {
  cursor: pointer;
}
.data-\[orientation\=horizontal\]\:flex-row[data-orientation='horizontal'] {
  flex-direction: row;
}
.data-\[has-helper\=true\]\:items-start[data-has-helper='true'] {
  align-items: flex-start;
}
.data-\[justify\=start\]\:justify-start[data-justify='start'] {
  justify-content: flex-start;
}
.data-\[justify\=end\]\:justify-end[data-justify='end'] {
  justify-content: flex-end;
}
.data-\[justify\=center\]\:justify-center[data-justify='center'] {
  justify-content: center;
}
.data-\[loaded\=true\]\:overflow-visible[data-loaded='true'] {
  overflow: visible;
}
.data-\[has-multiple-rows\=true\]\:rounded-large[data-has-multiple-rows='true'] {
  border-radius: var(--nextui-radius-large);
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-range-selection='true'][data-selection-end='true'][data-selected='true'],
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  border-radius: 9999px;
}
.data-\[menu-open\=true\]\:border-none[data-menu-open='true'] {
  border-style: none;
}
.data-\[active\=true\]\:border-danger[data-active='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}
.data-\[active\=true\]\:border-default-400[data-active='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-border-opacity))
  );
}
.data-\[active\=true\]\:border-primary[data-active='true'] {
  --tw-border-opacity: 1;
  border-color: rgb(4 162 206 / var(--tw-border-opacity));
}
.data-\[active\=true\]\:border-secondary[data-active='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))
  );
}
.data-\[active\=true\]\:border-success[data-active='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))
  );
}
.data-\[active\=true\]\:border-warning[data-active='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))
  );
}
.data-\[focus\=true\]\:border-danger[data-focus='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}
.data-\[focus\=true\]\:border-default-foreground[data-focus='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-border-opacity))
  );
}
.data-\[focus\=true\]\:border-primary[data-focus='true'] {
  --tw-border-opacity: 1;
  border-color: rgb(4 162 206 / var(--tw-border-opacity));
}
.data-\[focus\=true\]\:border-secondary[data-focus='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))
  );
}
.data-\[focus\=true\]\:border-success[data-focus='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))
  );
}
.data-\[focus\=true\]\:border-warning[data-focus='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))
  );
}
.data-\[hover\=true\]\:border-danger[data-hover='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}
.data-\[hover\=true\]\:border-default[data-hover='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))
  );
}
.data-\[hover\=true\]\:border-default-400[data-hover='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-border-opacity))
  );
}
.data-\[hover\=true\]\:border-primary[data-hover='true'] {
  --tw-border-opacity: 1;
  border-color: rgb(4 162 206 / var(--tw-border-opacity));
}
.data-\[hover\=true\]\:border-secondary[data-hover='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))
  );
}
.data-\[hover\=true\]\:border-success[data-hover='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))
  );
}
.data-\[hover\=true\]\:border-warning[data-hover='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))
  );
}
.data-\[open\=true\]\:border-danger[data-open='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}
.data-\[open\=true\]\:border-default-foreground[data-open='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-border-opacity))
  );
}
.data-\[open\=true\]\:border-primary[data-open='true'] {
  --tw-border-opacity: 1;
  border-color: rgb(4 162 206 / var(--tw-border-opacity));
}
.data-\[open\=true\]\:border-secondary[data-open='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))
  );
}
.data-\[open\=true\]\:border-success[data-open='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))
  );
}
.data-\[open\=true\]\:border-warning[data-open='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))
  );
}
.data-\[active\=true\]\:bg-danger[data-active='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}
.data-\[active\=true\]\:bg-default-400[data-active='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-bg-opacity))
  );
}
.data-\[active\=true\]\:bg-primary[data-active='true'] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.data-\[active\=true\]\:bg-secondary[data-active='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}
.data-\[active\=true\]\:bg-success[data-active='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}
.data-\[active\=true\]\:bg-warning[data-active='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:\!bg-danger-100[data-hover='true'] {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--nextui-danger-100) / var(--nextui-danger-100-opacity, var(--tw-bg-opacity))
  ) !important;
}
.data-\[hover\=true\]\:bg-content2[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-content2) / var(--nextui-content2-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-danger[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}
.data-\[hover\=true\]\:bg-danger-100[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-danger-100) / var(--nextui-danger-100-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-danger\/20[data-hover='true'] {
  background-color: hsl(var(--nextui-danger) / 0.2);
}
.data-\[hover\=true\]\:bg-default[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-default-100[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-default-200[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-default\/40[data-hover='true'] {
  background-color: hsl(var(--nextui-default) / 0.4);
}
.data-\[hover\=true\]\:bg-foreground-200[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-foreground-200) / var(--nextui-foreground-200-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-primary[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.data-\[hover\=true\]\:bg-primary-100[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-primary-100) / var(--nextui-primary-100-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-primary-50[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-primary\/20[data-hover='true'] {
  background-color: rgba(4, 162, 206, 0.2);
}
.data-\[hover\=true\]\:bg-secondary[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-secondary-100[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary-100) / var(--nextui-secondary-100-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-secondary-50[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-secondary\/20[data-hover='true'] {
  background-color: hsl(var(--nextui-secondary) / 0.2);
}
.data-\[hover\=true\]\:bg-success[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-success-100[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success-100) / var(--nextui-success-100-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-success\/20[data-hover='true'] {
  background-color: hsl(var(--nextui-success) / 0.2);
}
.data-\[hover\=true\]\:bg-transparent[data-hover='true'] {
  background-color: transparent;
}
.data-\[hover\=true\]\:bg-warning[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-warning-100[data-hover='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning-100) / var(--nextui-warning-100-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-warning\/20[data-hover='true'] {
  background-color: hsl(var(--nextui-warning) / 0.2);
}
.data-\[in-range\=false\]\:bg-default-200[data-in-range='false'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))
  );
}
.data-\[in-range\=true\]\:bg-background\/50[data-in-range='true'] {
  background-color: hsl(var(--nextui-background) / 0.5);
}
.data-\[in-range\=true\]\:bg-danger[data-in-range='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}
.data-\[in-range\=true\]\:bg-foreground[data-in-range='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))
  );
}
.data-\[in-range\=true\]\:bg-primary[data-in-range='true'] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.data-\[in-range\=true\]\:bg-secondary[data-in-range='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}
.data-\[in-range\=true\]\:bg-success[data-in-range='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}
.data-\[in-range\=true\]\:bg-warning[data-in-range='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}
.data-\[loaded\=true\]\:\!bg-transparent[data-loaded='true'] {
  background-color: transparent !important;
}
.data-\[selected\=true\]\:bg-danger[data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}
.data-\[selected\=true\]\:bg-default[data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:bg-foreground[data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:bg-primary[data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.data-\[selected\=true\]\:bg-secondary[data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:bg-success[data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:bg-warning[data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-hover='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-foreground[data-hover='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-primary[data-hover='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-secondary[data-hover='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-hover='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-hover='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:bg-transparent[data-outside-month='true'][data-range-selection='true'][data-selected='true'] {
  background-color: transparent;
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-range-selection='true'][data-selection-end='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-range-selection='true'][data-selection-end='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-range-selection='true'][data-selection-end='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-range-selection='true'][data-selection-end='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-success[data-range-selection='true'][data-selection-end='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-range-selection='true'][data-selection-end='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-success[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}
.data-\[has-end-content\=true\]\:pe-1\.5[data-has-end-content='true'] {
  padding-inline-end: 0.375rem;
}
.data-\[has-helper\=true\]\:pb-\[calc\(theme\(fontSize\.tiny\)_\+8px\)\][data-has-helper='true'],
.data-\[has-helper\=true\]\:pb-\[calc\(theme\(fontSize\.tiny\)_\+_8px\)\][data-has-helper='true'] {
  padding-bottom: calc(var(--nextui-font-size-tiny) + 8px);
}
.data-\[has-start-content\=true\]\:ps-1\.5[data-has-start-content='true'] {
  padding-inline-start: 0.375rem;
}
.data-\[has-title\=true\]\:pt-1[data-has-title='true'] {
  padding-top: 0.25rem;
}
.data-\[active\=true\]\:font-semibold[data-active='true'] {
  font-weight: 600;
}
.data-\[active\=true\]\:text-danger-foreground[data-active='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-danger-foreground) /
      var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[active\=true\]\:text-default-foreground[data-active='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[active\=true\]\:text-primary-foreground[data-active='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-primary-foreground) /
      var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[active\=true\]\:text-secondary-foreground[data-active='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-foreground) /
      var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[active\=true\]\:text-success-foreground[data-active='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-success-foreground) /
      var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[active\=true\]\:text-warning-foreground[data-active='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-warning-foreground) /
      var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[disabled\=true\]\:text-default-300[data-disabled='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-danger-300[data-placeholder='true'][data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger-300) / var(--nextui-danger-300-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-foreground-500[data-placeholder='true'][data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-foreground-500) / var(--nextui-foreground-500-opacity, var(--tw-text-opacity))
  );
}
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-primary-300[data-placeholder='true'][data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-primary-300) / var(--nextui-primary-300-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-secondary-300[data-placeholder='true'][data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-300) / var(--nextui-secondary-300-opacity, var(--tw-text-opacity))
  );
}
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-success-400[data-placeholder='true'][data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success-400) / var(--nextui-success-400-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-warning-400[data-placeholder='true'][data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning-400) / var(--nextui-warning-400-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:text-danger[data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:text-foreground[data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:text-primary[data-editable='true'] {
  --tw-text-opacity: 1;
  color: rgb(4 162 206 / var(--tw-text-opacity));
}
.data-\[editable\=true\]\:text-secondary[data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:text-success-600[data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:text-warning-600[data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning-600) / var(--nextui-warning-600-opacity, var(--tw-text-opacity)));
}
.data-\[hover\=true\]\:text-danger[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity)));
}
.data-\[hover\=true\]\:text-danger-500[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity)));
}
.data-\[hover\=true\]\:text-danger-foreground[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-danger-foreground) /
      var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-default-500[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-default-500) / var(--nextui-default-500-opacity, var(--tw-text-opacity)));
}
.data-\[hover\=true\]\:text-default-foreground[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-foreground-400[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-foreground-400) / var(--nextui-foreground-400-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-foreground-600[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-foreground-600) / var(--nextui-foreground-600-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-primary[data-hover='true'] {
  --tw-text-opacity: 1;
  color: rgb(4 162 206 / var(--tw-text-opacity));
}
.data-\[hover\=true\]\:text-primary-400[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-primary-400) / var(--nextui-primary-400-opacity, var(--tw-text-opacity)));
}
.data-\[hover\=true\]\:text-primary-foreground[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-primary-foreground) /
      var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-secondary[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity)));
}
.data-\[hover\=true\]\:text-secondary-400[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-400) / var(--nextui-secondary-400-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-secondary-foreground[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-foreground) /
      var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-success[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity)));
}
.data-\[hover\=true\]\:text-success-600[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity)));
}
.data-\[hover\=true\]\:text-success-foreground[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-success-foreground) /
      var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-warning[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity)));
}
.data-\[hover\=true\]\:text-warning-600[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning-600) / var(--nextui-warning-600-opacity, var(--tw-text-opacity)));
}
.data-\[hover\=true\]\:text-warning-foreground[data-hover='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-warning-foreground) /
      var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[invalid\=true\]\:data-\[editable\=true\]\:text-danger[data-editable='true'][data-invalid='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity)));
}
.data-\[invalid\=true\]\:text-danger-300[data-invalid='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger-300) / var(--nextui-danger-300-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-background[data-hover='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-hover='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-danger-foreground) /
      var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-primary-foreground[data-hover='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-primary-foreground) /
      var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-secondary-foreground[data-hover='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-foreground) /
      var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-hover='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-success-foreground) /
      var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-hover='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-warning-foreground) /
      var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:text-default-300[data-outside-month='true'][data-range-selection='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-danger-500[data-range-selection='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-foreground[data-range-selection='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-primary[data-range-selection='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: rgb(4 162 206 / var(--tw-text-opacity));
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-secondary[data-range-selection='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-600[data-range-selection='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-warning-500[data-range-selection='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning-500) / var(--nextui-warning-500-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-background[data-range-selection='true'][data-selection-end='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-range-selection='true'][data-selection-end='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-danger-foreground) /
      var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-range-selection='true'][data-selection-end='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-primary-foreground) /
      var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-range-selection='true'][data-selection-end='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-foreground) /
      var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection='true'][data-selection-end='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-success-foreground) /
      var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-range-selection='true'][data-selection-end='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-warning-foreground) /
      var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-background[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-danger-foreground) /
      var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-primary-foreground) /
      var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-foreground) /
      var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-success-foreground) /
      var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-warning-foreground) /
      var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:text-background[data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:text-danger[data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:text-danger-foreground[data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-danger-foreground) /
      var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:text-default-foreground[data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:text-primary[data-selected='true'] {
  --tw-text-opacity: 1;
  color: rgb(4 162 206 / var(--tw-text-opacity));
}
.data-\[selected\=true\]\:text-primary-foreground[data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-primary-foreground) /
      var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:text-secondary[data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:text-secondary-foreground[data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-foreground) /
      var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:text-success-600[data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:text-success-foreground[data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-success-foreground) /
      var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selected\=true\]\:text-warning-600[data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning-600) / var(--nextui-warning-600-opacity, var(--tw-text-opacity)));
}
.data-\[selected\=true\]\:text-warning-foreground[data-selected='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-warning-foreground) /
      var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[unavailable\=true\]\:text-default-300[data-unavailable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-text-opacity)));
}
.data-\[unavailable\=true\]\:line-through[data-unavailable='true'] {
  text-decoration-line: line-through;
}
.data-\[disabled\=true\]\:data-\[outside-month\=true\]\:opacity-0[data-outside-month='true'][data-disabled='true'] {
  opacity: 0;
}
.data-\[disabled\=true\]\:opacity-30[data-disabled='true'] {
  opacity: 0.3;
}
.data-\[hover-unselected\=true\]\:opacity-disabled[data-hover-unselected='true'] {
  opacity: var(--nextui-disabled-opacity);
}
.data-\[hover\=true\]\:opacity-hover[data-hover='true'] {
  opacity: var(--nextui-hover-opacity);
}
.data-\[in-range\=true\]\:opacity-100[data-in-range='true'] {
  opacity: 1;
}
.data-\[invisible\=true\]\:opacity-0[data-invisible='true'] {
  opacity: 0;
}
.data-\[loaded\=true\]\:opacity-100[data-loaded='true'],
.data-\[moving\]\:opacity-100[data-moving] {
  opacity: 1;
}
.data-\[pressed\=true\]\:opacity-50[data-pressed='true'] {
  opacity: 0.5;
}
.data-\[pressed\=true\]\:opacity-70[data-pressed='true'] {
  opacity: 0.7;
}
.data-\[visible\=true\]\:opacity-100[data-visible='true'] {
  opacity: 1;
}
.data-\[active\=true\]\:shadow-md[data-active='true'] {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.data-\[hover\=true\]\:shadow-lg[data-hover='true'] {
  --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);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:shadow-md[data-selection-end='true'][data-selected='true'],
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:shadow-md[data-selection-start='true'][data-selected='true'],
.data-\[selected\=true\]\:shadow-md[data-selected='true'] {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.data-\[selected\=true\]\:shadow-none[data-selected='true'] {
  --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);
}
.data-\[active\=true\]\:shadow-danger\/40[data-active='true'] {
  --tw-shadow-color: hsl(var(--nextui-danger) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[active\=true\]\:shadow-default\/50[data-active='true'] {
  --tw-shadow-color: hsl(var(--nextui-default) / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[active\=true\]\:shadow-primary\/40[data-active='true'] {
  --tw-shadow-color: rgba(4, 162, 206, 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[active\=true\]\:shadow-secondary\/40[data-active='true'] {
  --tw-shadow-color: hsl(var(--nextui-secondary) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[active\=true\]\:shadow-success\/40[data-active='true'] {
  --tw-shadow-color: hsl(var(--nextui-success) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[active\=true\]\:shadow-warning\/40[data-active='true'] {
  --tw-shadow-color: hsl(var(--nextui-warning) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[hover\=true\]\:shadow-danger\/30[data-hover='true'] {
  --tw-shadow-color: hsl(var(--nextui-danger) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[hover\=true\]\:shadow-default\/50[data-hover='true'] {
  --tw-shadow-color: hsl(var(--nextui-default) / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[hover\=true\]\:shadow-primary\/30[data-hover='true'] {
  --tw-shadow-color: rgba(4, 162, 206, 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[hover\=true\]\:shadow-secondary\/30[data-hover='true'] {
  --tw-shadow-color: hsl(var(--nextui-secondary) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[hover\=true\]\:shadow-success\/30[data-hover='true'] {
  --tw-shadow-color: hsl(var(--nextui-success) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[hover\=true\]\:shadow-warning\/30[data-hover='true'] {
  --tw-shadow-color: hsl(var(--nextui-warning) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selected\=true\]\:shadow-danger\/40[data-selected='true'] {
  --tw-shadow-color: hsl(var(--nextui-danger) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selected\=true\]\:shadow-foreground\/40[data-selected='true'] {
  --tw-shadow-color: hsl(var(--nextui-foreground) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selected\=true\]\:shadow-primary\/40[data-selected='true'] {
  --tw-shadow-color: rgba(4, 162, 206, 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selected\=true\]\:shadow-secondary\/40[data-selected='true'] {
  --tw-shadow-color: hsl(var(--nextui-secondary) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selected\=true\]\:shadow-success\/40[data-selected='true'] {
  --tw-shadow-color: hsl(var(--nextui-success) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selected\=true\]\:shadow-warning\/40[data-selected='true'] {
  --tw-shadow-color: hsl(var(--nextui-warning) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[focus-visible\=true\]\:outline-2[data-focus-visible='true'] {
  outline-width: 2px;
}
.data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible='true'] {
  outline-offset: 2px;
}
.data-\[focus-visible\=true\]\:outline-focus[data-focus-visible='true'] {
  outline-color: hsl(var(--nextui-focus) / var(--nextui-focus-opacity, 1));
}
.data-\[focus-visible\]\:outline-danger-foreground[data-focus-visible] {
  outline-color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, 1));
}
.data-\[focus-visible\]\:outline-default-foreground[data-focus-visible] {
  outline-color: hsl(
    var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, 1)
  );
}
.data-\[focus-visible\]\:outline-primary-foreground[data-focus-visible] {
  outline-color: hsl(
    var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, 1)
  );
}
.data-\[focus-visible\]\:outline-secondary-foreground[data-focus-visible] {
  outline-color: hsl(
    var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, 1)
  );
}
.data-\[focus-visible\]\:outline-success-foreground[data-focus-visible] {
  outline-color: hsl(
    var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, 1)
  );
}
.data-\[focus-visible\]\:outline-warning-foreground[data-focus-visible] {
  outline-color: hsl(
    var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, 1)
  );
}
.data-\[menu-open\=true\]\:backdrop-blur-xl[data-menu-open='true'] {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
    var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.data-\[disabled\=true\]\:transition-none[data-disabled='true'] {
  transition-property: none;
}
.data-\[hover\=true\]\:transition-colors[data-hover='true'] {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}
.data-\[moving\=true\]\:transition-transform[data-moving='true'] {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}
.data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll='true'] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll='true']::-webkit-scrollbar {
  display: none;
}
.data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\2c
  \#000\2c
  transparent_0\2c
  \#000_var\(--scroll-shadow-size\)\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\][data-top-bottom-scroll='true'] {
  mask-image: linear-gradient(
    #000,
    #000,
    transparent 0,
    #000 var(--scroll-shadow-size),
    #000 calc(100% - var(--scroll-shadow-size)),
    transparent
  );
}
.data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\][data-top-scroll='true'] {
  mask-image: linear-gradient(0deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
}
.data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\][data-bottom-scroll='true'] {
  mask-image: linear-gradient(180deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
}
.data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\][data-left-scroll='true'] {
  mask-image: linear-gradient(270deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
}
.data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\][data-right-scroll='true'] {
  mask-image: linear-gradient(90deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
}
.data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\2c
  \#000\2c
  \#000\2c
  transparent_0\2c
  \#000_var\(--scroll-shadow-size\)\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\][data-left-right-scroll='true'] {
  mask-image: linear-gradient(
    to right,
    #000,
    #000,
    transparent 0,
    #000 var(--scroll-shadow-size),
    #000 calc(100% - var(--scroll-shadow-size)),
    transparent
  );
}
.data-\[placement\=bottom-end\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement='bottom-end']:before {
  content: var(--tw-content);
  top: calc(calc(1.25rem / 4 - 1.5px) * -1);
}
.data-\[placement\=bottom-end\]\:before\:right-3[data-placement='bottom-end']:before {
  content: var(--tw-content);
  right: 0.75rem;
}
.data-\[placement\=bottom-start\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement='bottom-start']:before {
  content: var(--tw-content);
  top: calc(calc(1.25rem / 4 - 1.5px) * -1);
}
.data-\[placement\=bottom-start\]\:before\:left-3[data-placement='bottom-start']:before {
  content: var(--tw-content);
  left: 0.75rem;
}
.data-\[placement\=bottom\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement='bottom']:before {
  content: var(--tw-content);
  top: calc(calc(1.25rem / 4 - 1.5px) * -1);
}
.data-\[placement\=bottom\]\:before\:left-1\/2[data-placement='bottom']:before {
  content: var(--tw-content);
  left: 50%;
}
.data-\[placement\=left-end\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement='left-end']:before {
  content: var(--tw-content);
  right: calc(calc(1.25rem / 4 - 3px) * -1);
}
.data-\[placement\=left-end\]\:before\:bottom-1\/4[data-placement='left-end']:before {
  content: var(--tw-content);
  bottom: 25%;
}
.data-\[placement\=left-start\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement='left-start']:before {
  content: var(--tw-content);
  right: calc(calc(1.25rem / 4 - 3px) * -1);
}
.data-\[placement\=left-start\]\:before\:top-1\/4[data-placement='left-start']:before {
  content: var(--tw-content);
  top: 25%;
}
.data-\[placement\=left\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement='left']:before {
  content: var(--tw-content);
  right: calc(calc(1.25rem / 4 - 2px) * -1);
}
.data-\[placement\=left\]\:before\:top-1\/2[data-placement='left']:before {
  content: var(--tw-content);
  top: 50%;
}
.data-\[placement\=right-end\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement='right-end']:before {
  content: var(--tw-content);
  left: calc(calc(1.25rem / 4 - 3px) * -1);
}
.data-\[placement\=right-end\]\:before\:bottom-1\/4[data-placement='right-end']:before {
  content: var(--tw-content);
  bottom: 25%;
}
.data-\[placement\=right-start\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement='right-start']:before {
  content: var(--tw-content);
  left: calc(calc(1.25rem / 4 - 3px) * -1);
}
.data-\[placement\=right-start\]\:before\:top-1\/4[data-placement='right-start']:before {
  content: var(--tw-content);
  top: 25%;
}
.data-\[placement\=right\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement='right']:before {
  content: var(--tw-content);
  left: calc(calc(1.25rem / 4 - 2px) * -1);
}
.data-\[placement\=right\]\:before\:top-1\/2[data-placement='right']:before {
  content: var(--tw-content);
  top: 50%;
}
.data-\[placement\=top-end\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement='top-end']:before {
  content: var(--tw-content);
  bottom: calc(calc(1.25rem / 4 - 1.5px) * -1);
}
.data-\[placement\=top-end\]\:before\:right-3[data-placement='top-end']:before {
  content: var(--tw-content);
  right: 0.75rem;
}
.data-\[placement\=top-start\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement='top-start']:before {
  content: var(--tw-content);
  bottom: calc(calc(1.25rem / 4 - 1.5px) * -1);
}
.data-\[placement\=top-start\]\:before\:left-3[data-placement='top-start']:before {
  content: var(--tw-content);
  left: 0.75rem;
}
.data-\[placement\=top\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement='top']:before {
  content: var(--tw-content);
  bottom: calc(calc(1.25rem / 4 - 1.5px) * -1);
}
.data-\[placement\=top\]\:before\:left-1\/2[data-placement='top']:before {
  content: var(--tw-content);
  left: 50%;
}
.data-\[arrow\=true\]\:before\:block[data-arrow='true']:before {
  content: var(--tw-content);
  display: block;
}
.data-\[outside-month\=true\]\:before\:hidden[data-outside-month='true']:before {
  content: var(--tw-content);
  display: none;
}
.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement='bottom']:before {
  --tw-translate-x: -50%;
}
.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement='bottom']:before,
.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement='left']:before {
  content: var(--tw-content);
  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));
}
.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement='left']:before {
  --tw-translate-y: -50%;
}
.data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement='right']:before {
  --tw-translate-y: -50%;
}
.data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement='right']:before,
.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement='top']:before {
  content: var(--tw-content);
  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));
}
.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement='top']:before {
  --tw-translate-x: -50%;
}
.data-\[loaded\=true\]\:before\:animate-none[data-loaded='true']:before {
  content: var(--tw-content);
  animation: none;
}
.data-\[range-end\=true\]\:before\:rounded-r-full[data-range-end='true']:before {
  content: var(--tw-content);
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.data-\[range-start\=true\]\:before\:rounded-l-full[data-range-start='true']:before {
  content: var(--tw-content);
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.data-\[selection-end\=true\]\:before\:rounded-r-full[data-selection-end='true']:before {
  content: var(--tw-content);
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.data-\[selection-start\=true\]\:before\:rounded-l-full[data-selection-start='true']:before {
  content: var(--tw-content);
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-danger-50[data-range-selection='true'][data-selected='true']:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-foreground\/10[data-range-selection='true'][data-selected='true']:before {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-foreground) / 0.1);
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-primary-50[data-range-selection='true'][data-selected='true']:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-secondary-50[data-range-selection='true'][data-selected='true']:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-100[data-range-selection='true'][data-selected='true']:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success-100) / var(--nextui-success-100-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-100[data-range-selection='true'][data-selected='true']:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning-100) / var(--nextui-warning-100-opacity, var(--tw-bg-opacity))
  );
}
.data-\[loaded\=true\]\:before\:opacity-0[data-loaded='true']:before {
  content: var(--tw-content);
  opacity: 0;
}
.data-\[selected\=true\]\:before\:opacity-100[data-selected='true']:before {
  content: var(--tw-content);
  opacity: 1;
}
.data-\[active\=true\]\:after\:absolute[data-active='true']:after {
  content: var(--tw-content);
  position: absolute;
}
.data-\[active\=true\]\:after\:bottom-0[data-active='true']:after {
  content: var(--tw-content);
  bottom: 0;
}
.data-\[active\=true\]\:after\:left-0[data-active='true']:after {
  content: var(--tw-content);
  left: 0;
}
.data-\[active\=true\]\:after\:right-0[data-active='true']:after {
  content: var(--tw-content);
  right: 0;
}
.data-\[active\=true\]\:after\:z-\[999\][data-active='true']:after {
  content: var(--tw-content);
  z-index: 999;
}
.data-\[active\=true\]\:after\:h-\[2px\][data-active='true']:after {
  content: var(--tw-content);
  height: 2px;
}
.data-\[focus\=true\]\:after\:w-full[data-focus='true']:after,
.data-\[open\=true\]\:after\:w-full[data-open='true']:after {
  content: var(--tw-content);
  width: 100%;
}
.data-\[dragging\=true\]\:after\:scale-100[data-dragging='true']:after {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
.data-\[dragging\=true\]\:after\:scale-100[data-dragging='true']:after,
.data-\[dragging\=true\]\:after\:scale-80[data-dragging='true']:after {
  content: var(--tw-content);
  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));
}
.data-\[dragging\=true\]\:after\:scale-80[data-dragging='true']:after {
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
}
.data-\[active\=true\]\:after\:rounded-\[2px\][data-active='true']:after {
  content: var(--tw-content);
  border-radius: 2px;
}
.data-\[active\=true\]\:after\:bg-primary[data-active='true']:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.data-\[selected\=true\]\:after\:bg-danger[data-selected='true']:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}
.data-\[selected\=true\]\:after\:bg-foreground[data-selected='true']:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:after\:bg-primary[data-selected='true']:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.data-\[selected\=true\]\:after\:bg-secondary[data-selected='true']:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:after\:bg-success[data-selected='true']:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selected\=true\]\:after\:bg-warning[data-selected='true']:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}
.data-\[loaded\=true\]\:after\:opacity-0[data-loaded='true']:after {
  content: var(--tw-content);
  opacity: 0;
}
.data-\[selected\=true\]\:after\:opacity-100[data-selected='true']:after {
  content: var(--tw-content);
  opacity: 1;
}
.data-\[active\=true\]\:after\:content-\[\'\'\][data-active='true']:after {
  --tw-content: '';
  content: var(--tw-content);
}
.data-\[selectable\=true\]\:focus\:border-danger:focus[data-selectable='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}
.data-\[selectable\=true\]\:focus\:border-default:focus[data-selectable='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:border-primary:focus[data-selectable='true'] {
  --tw-border-opacity: 1;
  border-color: rgb(4 162 206 / var(--tw-border-opacity));
}
.data-\[selectable\=true\]\:focus\:border-secondary:focus[data-selectable='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:border-success:focus[data-selectable='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:border-warning:focus[data-selectable='true'] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))
  );
}
.data-\[invalid\=true\]\:focus\:bg-danger-400\/50:focus[data-invalid='true'] {
  background-color: hsl(var(--nextui-danger-400) / 0.5);
}
.data-\[selectable\=true\]\:focus\:bg-danger:focus[data-selectable='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}
.data-\[selectable\=true\]\:focus\:bg-danger\/20:focus[data-selectable='true'] {
  background-color: hsl(var(--nextui-danger) / 0.2);
}
.data-\[selectable\=true\]\:focus\:bg-default:focus[data-selectable='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:bg-default-100:focus[data-selectable='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:bg-default\/40:focus[data-selectable='true'] {
  background-color: hsl(var(--nextui-default) / 0.4);
}
.data-\[selectable\=true\]\:focus\:bg-primary:focus[data-selectable='true'] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.data-\[selectable\=true\]\:focus\:bg-primary\/20:focus[data-selectable='true'] {
  background-color: rgba(4, 162, 206, 0.2);
}
.data-\[selectable\=true\]\:focus\:bg-secondary:focus[data-selectable='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:bg-secondary\/20:focus[data-selectable='true'] {
  background-color: hsl(var(--nextui-secondary) / 0.2);
}
.data-\[selectable\=true\]\:focus\:bg-success:focus[data-selectable='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:bg-success\/20:focus[data-selectable='true'] {
  background-color: hsl(var(--nextui-success) / 0.2);
}
.data-\[selectable\=true\]\:focus\:bg-warning:focus[data-selectable='true'] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:bg-warning\/20:focus[data-selectable='true'] {
  background-color: hsl(var(--nextui-warning) / 0.2);
}
.data-\[editable\=true\]\:focus\:text-danger:focus[data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:focus\:text-default-foreground:focus[data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[editable\=true\]\:focus\:text-primary:focus[data-editable='true'] {
  --tw-text-opacity: 1;
  color: rgb(4 162 206 / var(--tw-text-opacity));
}
.data-\[editable\=true\]\:focus\:text-secondary:focus[data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:focus\:text-success:focus[data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:focus\:text-success-600:focus[data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:focus\:text-warning:focus[data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity)));
}
.data-\[editable\=true\]\:focus\:text-warning-600:focus[data-editable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning-600) / var(--nextui-warning-600-opacity, var(--tw-text-opacity)));
}
.data-\[invalid\=true\]\:data-\[editable\=true\]\:focus\:text-danger:focus[data-editable='true'][data-invalid='true'],
.data-\[selectable\=true\]\:focus\:text-danger:focus[data-selectable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity)));
}
.data-\[selectable\=true\]\:focus\:text-danger-foreground:focus[data-selectable='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-danger-foreground) /
      var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-default-500:focus[data-selectable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-default-500) / var(--nextui-default-500-opacity, var(--tw-text-opacity)));
}
.data-\[selectable\=true\]\:focus\:text-default-foreground:focus[data-selectable='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-primary:focus[data-selectable='true'] {
  --tw-text-opacity: 1;
  color: rgb(4 162 206 / var(--tw-text-opacity));
}
.data-\[selectable\=true\]\:focus\:text-primary-foreground:focus[data-selectable='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-primary-foreground) /
      var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-secondary:focus[data-selectable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity)));
}
.data-\[selectable\=true\]\:focus\:text-secondary-foreground:focus[data-selectable='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-foreground) /
      var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-success:focus[data-selectable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity)));
}
.data-\[selectable\=true\]\:focus\:text-success-foreground:focus[data-selectable='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-success-foreground) /
      var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-warning:focus[data-selectable='true'] {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity)));
}
.data-\[selectable\=true\]\:focus\:text-warning-foreground:focus[data-selectable='true'] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-warning-foreground) /
      var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:shadow-danger\/30:focus[data-selectable='true'] {
  --tw-shadow-color: hsl(var(--nextui-danger) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selectable\=true\]\:focus\:shadow-default\/50:focus[data-selectable='true'] {
  --tw-shadow-color: hsl(var(--nextui-default) / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selectable\=true\]\:focus\:shadow-primary\/30:focus[data-selectable='true'] {
  --tw-shadow-color: rgba(4, 162, 206, 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selectable\=true\]\:focus\:shadow-secondary\/30:focus[data-selectable='true'] {
  --tw-shadow-color: hsl(var(--nextui-secondary) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selectable\=true\]\:focus\:shadow-success\/30:focus[data-selectable='true'] {
  --tw-shadow-color: hsl(var(--nextui-success) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selectable\=true\]\:focus\:shadow-warning\/30:focus[data-selectable='true'] {
  --tw-shadow-color: hsl(var(--nextui-warning) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.group[data-filled-within='true'] .group-data-\[filled-within\=true\]\:pointer-events-auto,
.group[data-filled='true'] .group-data-\[filled\=true\]\:pointer-events-auto {
  pointer-events: auto;
}
.group[data-filled-within='true'] .group-data-\[filled-within\=true\]\:left-0,
.group[data-filled='true'] .group-data-\[filled\=true\]\:left-0 {
  left: 0;
}
.group[data-focus-visible='true'] .group-data-\[focus-visible\=true\]\:z-10 {
  z-index: 10;
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:ml-4 {
  margin-left: 1rem;
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:ml-5 {
  margin-left: 1.25rem;
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:ml-6 {
  margin-left: 1.5rem;
}
.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-3 {
  margin-left: 0.75rem;
}
.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-4 {
  margin-left: 1rem;
}
.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-5 {
  margin-left: 1.25rem;
}
.group[data-focus-visible='true'] .group-data-\[focus-visible\=true\]\:block {
  display: block;
}
.group[data-has-helper='true'] .group-data-\[has-helper\=true\]\:flex {
  display: flex;
}
.group[data-focus-visible='true'] .group-data-\[focus-visible\=true\]\:hidden {
  display: none;
}
.group[data-pressed='true'] .group-data-\[pressed\=true\]\:w-5 {
  width: 1.25rem;
}
.group[data-pressed='true'] .group-data-\[pressed\=true\]\:w-6 {
  width: 1.5rem;
}
.group[data-pressed='true'] .group-data-\[pressed\=true\]\:w-7 {
  width: 1.75rem;
}
.group[data-filled-within='true']
  .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_20px\)\] {
  --tw-translate-y: calc(calc(100% + var(--nextui-font-size-small) / 2 + 20px) * -1);
  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));
}
.group[data-filled-within='true']
  .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_24px\)\] {
  --tw-translate-y: calc(calc(100% + var(--nextui-font-size-small) / 2 + 24px) * -1);
  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));
}
.group[data-filled-within='true']
  .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.tiny\)\/2_\+_16px\)\] {
  --tw-translate-y: calc(calc(100% + var(--nextui-font-size-tiny) / 2 + 16px) * -1);
  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));
}
.group[data-filled-within='true']
  .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_3\.5px\)\] {
  --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 3.5px) * -1);
  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));
}
.group[data-filled-within='true']
  .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_4px\)\] {
  --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 4px) * -1);
  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));
}
.group[data-filled-within='true']
  .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px\)\] {
  --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 6px) * -1);
  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));
}
.group[data-filled-within='true']
  .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(
    calc(50% + var(--nextui-font-size-small) / 2 - 6px - var(--nextui-border-width-medium)) * -1
  );
  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));
}
.group[data-filled-within='true']
  .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px\)\] {
  --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 8px) * -1);
  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));
}
.group[data-filled-within='true']
  .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(
    calc(50% + var(--nextui-font-size-small) / 2 - 8px - var(--nextui-border-width-medium)) * -1
  );
  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));
}
.group[data-filled-within='true']
  .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_5px\)\] {
  --tw-translate-y: calc(calc(50% + var(--nextui-font-size-tiny) / 2 - 5px) * -1);
  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));
}
.group[data-filled-within='true']
  .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px\)\] {
  --tw-translate-y: calc(calc(50% + var(--nextui-font-size-tiny) / 2 - 8px) * -1);
  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));
}
.group[data-filled-within='true']
  .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(
    calc(50% + var(--nextui-font-size-tiny) / 2 - 8px - var(--nextui-border-width-medium)) * -1
  );
  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));
}
.group[data-filled='true']
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_20px\)\] {
  --tw-translate-y: calc(calc(100% + var(--nextui-font-size-small) / 2 + 20px) * -1);
  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));
}
.group[data-filled='true']
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_24px\)\] {
  --tw-translate-y: calc(calc(100% + var(--nextui-font-size-small) / 2 + 24px) * -1);
  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));
}
.group[data-filled='true']
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.tiny\)\/2_\+_16px\)\] {
  --tw-translate-y: calc(calc(100% + var(--nextui-font-size-tiny) / 2 + 16px) * -1);
  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));
}
.group[data-filled='true']
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_3\.5px\)\] {
  --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 3.5px) * -1);
  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));
}
.group[data-filled='true']
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_4px\)\] {
  --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 4px) * -1);
  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));
}
.group[data-filled='true']
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px\)\] {
  --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 6px) * -1);
  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));
}
.group[data-filled='true']
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(
    calc(50% + var(--nextui-font-size-small) / 2 - 6px - var(--nextui-border-width-medium)) * -1
  );
  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));
}
.group[data-filled='true']
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px\)\] {
  --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 8px) * -1);
  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));
}
.group[data-filled='true']
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(
    calc(50% + var(--nextui-font-size-small) / 2 - 8px - var(--nextui-border-width-medium)) * -1
  );
  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));
}
.group[data-filled='true']
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_5px\)\] {
  --tw-translate-y: calc(calc(50% + var(--nextui-font-size-tiny) / 2 - 5px) * -1);
  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));
}
.group[data-filled='true']
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px\)\] {
  --tw-translate-y: calc(calc(50% + var(--nextui-font-size-tiny) / 2 - 8px) * -1);
  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));
}
.group[data-filled='true']
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(
    calc(50% + var(--nextui-font-size-tiny) / 2 - 8px - var(--nextui-border-width-medium)) * -1
  );
  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));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:translate-x-3 {
  --tw-translate-x: 0.75rem;
}
.group[data-copied='true'] .group-data-\[copied\=true\]\:scale-100,
.group[data-selected='true'] .group-data-\[selected\=true\]\: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));
}
.group[data-copied='true'] .group-data-\[copied\=true\]\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
.group[data-copied='true'] .group-data-\[copied\=true\]\:scale-50 {
  --tw-scale-x: 0.5;
  --tw-scale-y: 0.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));
}
.group[data-filled-within='true'] .group-data-\[filled-within\=true\]\:scale-85,
.group[data-filled='true'] .group-data-\[filled\=true\]\:scale-85 {
  --tw-scale-x: 0.85;
  --tw-scale-y: 0.85;
  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));
}
.group[data-pressed='true'] .group-data-\[pressed\=true\]\:scale-95 {
  --tw-scale-x: 0.95;
  --tw-scale-y: 0.95;
}
.group[data-pressed='true'] .group-data-\[pressed\=true\]\:scale-95,
.group[data-selected='true'] .group-data-\[selected\=true\]\:scale-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));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
.group[data-disabled='true'] .group-data-\[disabled\=true\]\:cursor-not-allowed {
  cursor: not-allowed;
}
.group[data-has-multiple-months='true'] .group-data-\[has-multiple-months\=true\]\:flex-row {
  flex-direction: row;
}
.group[data-has-label='true'] .group-data-\[has-label\=true\]\:items-start {
  align-items: flex-start;
}
.group[data-has-label='true'] .group-data-\[has-label\=true\]\:items-end {
  align-items: flex-end;
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:\!border-danger {
  --tw-border-opacity: 1 !important;
  border-color: hsl(
    var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))
  ) !important;
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:border-danger {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:border-default-foreground {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-border-opacity))
  );
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(4 162 206 / var(--tw-border-opacity));
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:border-secondary {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))
  );
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:border-success {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))
  );
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:border-warning {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))
  );
}
.group[data-invalid='true'] .group-data-\[invalid\=true\]\:border-danger,
.group[data-selected='true'] .group-data-\[selected\=true\]\:border-danger {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:border-default-500 {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-default-500) / var(--nextui-default-500-opacity, var(--tw-border-opacity))
  );
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(4 162 206 / var(--tw-border-opacity));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:border-secondary {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))
  );
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:border-success {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))
  );
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:border-warning {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))
  );
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:\!bg-danger-50 {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))
  ) !important;
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:bg-danger-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))
  );
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:bg-default-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))
  );
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))
  );
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:bg-secondary-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))
  );
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:bg-success-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))
  );
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:bg-warning-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))
  );
}
.group[data-hover-unselected='true'] .group-data-\[hover-unselected\=true\]\:bg-default-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))
  );
}
.group[data-invalid='true'] .group-data-\[invalid\=true\]\:bg-danger-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))
  );
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:bg-danger {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:bg-default-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-bg-opacity))
  );
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(4 162 206 / var(--tw-bg-opacity));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:bg-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))
  );
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:bg-success {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
  );
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:bg-warning {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
  );
}
.group[data-has-helper='true'] .group-data-\[has-helper\=true\]\:pt-2 {
  padding-top: 0.5rem;
}
.group[data-has-helper='true'] .group-data-\[has-helper\=true\]\:pt-3 {
  padding-top: 0.75rem;
}
.group[data-has-helper='true'] .group-data-\[has-helper\=true\]\:pt-4,
.group[data-has-label='true'] .group-data-\[has-label\=true\]\:pt-4 {
  padding-top: 1rem;
}
.group[data-has-label='true'] .group-data-\[has-label\=true\]\:pt-5 {
  padding-top: 1.25rem;
}
.group[data-disabled='true'] .group-data-\[disabled\=true\]\:text-foreground-300 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-foreground-300) / var(--nextui-foreground-300-opacity, var(--tw-text-opacity))
  );
}
.group[data-filled-within='true'] .group-data-\[filled-within\=true\]\:text-default-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity)));
}
.group[data-filled-within='true'] .group-data-\[filled-within\=true\]\:text-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity)));
}
.group[data-filled='true'] .group-data-\[filled\=true\]\:text-default-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity)));
}
.group[data-filled='true'] .group-data-\[filled\=true\]\:text-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity)));
}
.group[data-has-value='true'] .group-data-\[has-value\=true\]\:text-default-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-text-opacity))
  );
}
.group[data-has-value='true'] .group-data-\[has-value\=true\]\:text-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity)));
}
.group[data-invalid='true'] .group-data-\[invalid\=true\]\:text-danger,
.group[data-selected='true'] .group-data-\[selected\=true\]\:text-danger {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity)));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:text-danger-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-danger-foreground) /
      var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:text-default-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-default-foreground) /
      var(--nextui-default-foreground-opacity, var(--tw-text-opacity))
  );
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:text-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity)));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:text-primary {
  --tw-text-opacity: 1;
  color: rgb(4 162 206 / var(--tw-text-opacity));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:text-primary-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-primary-foreground) /
      var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:text-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity)));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:text-secondary-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-secondary-foreground) /
      var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:text-success {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity)));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:text-success-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-success-foreground) /
      var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
  );
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:text-warning {
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity)));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:text-warning-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--nextui-warning-foreground) /
      var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}
.group[data-copied='true'] .group-data-\[copied\=true\]\:opacity-0 {
  opacity: 0;
}
.group[data-copied='true'] .group-data-\[copied\=true\]\:opacity-100,
.group[data-hover='true'] .group-data-\[hover\=true\]\:opacity-100,
.group[data-loaded='true'] .group-data-\[loaded\=true\]\:opacity-100 {
  opacity: 1;
}
.group[data-pressed='true'] .group-data-\[pressed\=true\]\:opacity-70 {
  opacity: 0.7;
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:opacity-0 {
  opacity: 0;
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:opacity-100 {
  opacity: 1;
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:opacity-60 {
  opacity: 0.6;
}
.group[data-focus-visible='true'] .group-data-\[focus-visible\=true\]\: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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.group[data-focus-visible='true'] .group-data-\[focus-visible\=true\]\:ring-focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--nextui-focus) / var(--nextui-focus-opacity, var(--tw-ring-opacity)));
}
.group[data-focus-visible='true'] .group-data-\[focus-visible\=true\]\:ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.group[data-focus-visible='true'] .group-data-\[focus-visible\=true\]\:ring-offset-background {
  --tw-ring-offset-color: hsl(var(--nextui-background) / var(--nextui-background-opacity, 1));
}
.group[data-odd='true'] .group-data-\[odd\=true\]\:before\:-z-10:before {
  content: var(--tw-content);
  z-index: -10;
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:before\:w-full:before {
  content: var(--tw-content);
  width: 100%;
}
.group[data-open='true'] .group-data-\[open\=true\]\:before\:translate-y-px:before {
  --tw-translate-y: 1px;
}
.group[data-open='true'] .group-data-\[open\=true\]\:before\:rotate-45:before,
.group[data-open='true'] .group-data-\[open\=true\]\:before\:translate-y-px:before {
  content: var(--tw-content);
  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));
}
.group[data-open='true'] .group-data-\[open\=true\]\:before\:rotate-45:before {
  --tw-rotate: 45deg;
}
.group[data-middle='true'] .group-data-\[middle\=true\]\:before\:rounded-none:before {
  content: var(--tw-content);
  border-radius: 0;
}
.group[data-hover='true'] .group-data-\[hover\=true\]\:before\:bg-default-100:before,
.group[data-odd='true'] .group-data-\[odd\=true\]\:before\:bg-default-100:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))
  );
}
.group[data-odd='true'] .group-data-\[odd\=true\]\:before\:opacity-100:before {
  content: var(--tw-content);
  opacity: 1;
}
.group[data-required='true'] .group-data-\[required\=true\]\:after\:ml-0\.5:after {
  content: var(--tw-content);
  margin-left: 0.125rem;
}
.group[data-focus='true'] .group-data-\[focus\=true\]\:after\:w-full:after {
  content: var(--tw-content);
  width: 100%;
}
.group[data-open='true'] .group-data-\[open\=true\]\:after\:translate-y-0:after {
  --tw-translate-y: 0px;
}
.group[data-open='true'] .group-data-\[open\=true\]\:after\:-rotate-45:after,
.group[data-open='true'] .group-data-\[open\=true\]\:after\:translate-y-0:after {
  content: var(--tw-content);
  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));
}
.group[data-open='true'] .group-data-\[open\=true\]\:after\:-rotate-45:after {
  --tw-rotate: -45deg;
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:after\:scale-100:after {
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  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));
}
.group[data-invalid='true'] .group-data-\[invalid\=true\]\:after\:bg-danger:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity)));
}
.group[data-required='true'] .group-data-\[required\=true\]\:after\:text-danger:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity)));
}
.group[data-selected='true'] .group-data-\[selected\=true\]\:after\:opacity-100:after {
  content: var(--tw-content);
  opacity: 1;
}
.group[data-required='true'] .group-data-\[required\=true\]\:after\:content-\[\'\*\'\]:after {
  --tw-content: '*';
  content: var(--tw-content);
}
.group[data-first='true']
  .group-data-\[first\=true\]\:first\:before\:rounded-tl-lg:first-child:before {
  content: var(--tw-content);
  border-top-left-radius: 0.5rem;
}
.group[data-last='true']
  .group-data-\[last\=true\]\:first\:before\:rounded-bl-lg:first-child:before {
  content: var(--tw-content);
  border-bottom-left-radius: 0.5rem;
}
.group[data-first='true']
  .group-data-\[first\=true\]\:last\:before\:rounded-tr-lg:last-child:before {
  content: var(--tw-content);
  border-top-right-radius: 0.5rem;
}
.group[data-last='true'] .group-data-\[last\=true\]\:last\:before\:rounded-br-lg:last-child:before {
  content: var(--tw-content);
  border-bottom-right-radius: 0.5rem;
}
.group[data-invalid='true'] .group-data-\[invalid\=true\]\:hover\:border-danger:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}
.group[data-invalid='true'] .group-data-\[invalid\=true\]\:hover\:bg-danger-100:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-danger-100) / var(--nextui-danger-100-opacity, var(--tw-bg-opacity))
  );
}
.group[data-invalid='true']
  .group-data-\[invalid\=true\]\:focus-within\:hover\:border-danger:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity)));
}
.group[data-invalid='true']
  .group-data-\[invalid\=true\]\:focus-within\:hover\:bg-danger-50:hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))
  );
}
.group[aria-selected='false'][data-hover='true']
  .group-aria-\[selected\=false\]\:group-data-\[hover\=true\]\:before\:bg-default-100:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))
  );
}
.group[aria-selected='false'][data-hover='true']
  .group-aria-\[selected\=false\]\:group-data-\[hover\=true\]\:before\:opacity-70:before {
  content: var(--tw-content);
  opacity: 0.7;
}
.group[data-odd='true']
  .group-data-\[odd\=true\]\:data-\[selected\=true\]\:before\:bg-danger\/20[data-selected='true']:before {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-danger) / 0.2);
}
.group[data-odd='true']
  .group-data-\[odd\=true\]\:data-\[selected\=true\]\:before\:bg-default\/60[data-selected='true']:before {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-default) / 0.6);
}
.group[data-odd='true']
  .group-data-\[odd\=true\]\:data-\[selected\=true\]\:before\:bg-primary\/20[data-selected='true']:before {
  content: var(--tw-content);
  background-color: rgba(4, 162, 206, 0.2);
}
.group[data-odd='true']
  .group-data-\[odd\=true\]\:data-\[selected\=true\]\:before\:bg-secondary\/20[data-selected='true']:before {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-secondary) / 0.2);
}
.group[data-odd='true']
  .group-data-\[odd\=true\]\:data-\[selected\=true\]\:before\:bg-success\/20[data-selected='true']:before {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-success) / 0.2);
}
.group[data-odd='true']
  .group-data-\[odd\=true\]\:data-\[selected\=true\]\:before\:bg-warning\/20[data-selected='true']:before {
  content: var(--tw-content);
  background-color: hsl(var(--nextui-warning) / 0.2);
}
.peer[data-filled='true'] ~ .peer-data-\[filled\=true\]\:block {
  display: block;
}
.peer[data-filled='true'] ~ .peer-data-\[filled\=true\]\:opacity-70 {
  opacity: 0.7;
}
@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transition-none {
    transition-property: none;
  }
  .motion-reduce\:after\:transition-none:after {
    content: var(--tw-content);
    transition-property: none;
  }
}
@media (min-width: 640px) {
  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .sm\:my-16 {
    margin-bottom: 4rem;
  }
  .sm\:mt-16,
  .sm\:my-16 {
    margin-top: 4rem;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:items-end {
    align-items: flex-end;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .sm\:\[--scale-enter\:100\%\] {
    --scale-enter: 100%;
  }
  .sm\:\[--scale-exit\:103\%\] {
    --scale-exit: 103%;
  }
  .sm\:\[--slide-enter\:0px\] {
    --slide-enter: 0px;
  }
  .sm\:\[--slide-exit\:0px\] {
    --slide-exit: 0px;
  }
  .sm\:data-\[visible\=true\]\:opacity-0[data-visible='true'] {
    opacity: 0;
  }
  .group[data-hover='true']
    .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:opacity-100[data-visible='true'] {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .md\:absolute {
    position: absolute;
  }
  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .md\:row-span-1 {
    grid-row: span 1 / span 1;
  }
  .md\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .md\:ml-\[-20px\] {
    margin-left: -20px;
  }
  .md\:line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:h-24 {
    height: 6rem;
  }
  .md\:h-\[30rem\] {
    height: 30rem;
  }
  .md\:w-96 {
    width: 24rem;
  }
  .md\:w-\[450px\] {
    width: 450px;
  }
  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:gap-16 {
    gap: 4rem;
  }
  .md\:gap-36 {
    gap: 9rem;
  }
  .md\:gap-7 {
    gap: 1.75rem;
  }
  .md\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }
  .md\:border-l-\[40px\] {
    border-left-width: 40px;
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:pl-8 {
    padding-left: 2rem;
  }
  .md\:pt-24 {
    padding-top: 6rem;
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-right {
    text-align: right;
  }
  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:leading-\[4rem\] {
    line-height: 4rem;
  }
  .md\:last\:pr-\[33\%\]:last-child {
    padding-right: 33%;
  }
}
@media (min-width: 1024px) {
  .lg\:sticky {
    position: sticky;
  }
  .lg\:top-20 {
    top: 5rem;
  }
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mt-8 {
    margin-top: 2rem;
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:aspect-square {
    aspect-ratio: 1/1;
  }
  .lg\:h-24 {
    height: 6rem;
  }
  .lg\:h-\[400px\] {
    height: 400px;
  }
  .lg\:h-\[550px\] {
    height: 550px;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:max-h-\[70vh\] {
    max-height: 70vh;
  }
  .lg\:w-\[33\%\] {
    width: 33%;
  }
  .lg\:w-\[400px\] {
    width: 400px;
  }
  .lg\:w-\[50\%\] {
    width: 50%;
  }
  .lg\:w-\[66\%\] {
    width: 66%;
  }
  .lg\:max-w-2xl {
    max-width: 42rem;
  }
  .lg\:max-w-3xl {
    max-width: 48rem;
  }
  .lg\:max-w-md {
    max-width: 28rem;
  }
  .lg\:max-w-sm {
    max-width: 24rem;
  }
  .lg\:-rotate-\[20deg\] {
    --tw-rotate: -20deg;
  }
  .lg\:-rotate-\[20deg\],
  .lg\:rotate-\[20deg\] {
    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));
  }
  .lg\:rotate-\[20deg\] {
    --tw-rotate: 20deg;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-wrap {
    flex-wrap: wrap;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:gap-20 {
    gap: 5rem;
  }
  .lg\:gap-32 {
    gap: 8rem;
  }
  .lg\:gap-5 {
    gap: 1.25rem;
  }
  .lg\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }
  .lg\:object-right {
    object-position: right;
  }
  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .lg\:pl-16 {
    padding-left: 4rem;
  }
  .lg\:pl-8 {
    padding-left: 2rem;
  }
  .lg\:pr-16 {
    padding-right: 4rem;
  }
  .lg\:pr-\[100px\] {
    padding-right: 100px;
  }
  .lg\:pt-0 {
    padding-top: 0;
  }
  .lg\:text-left {
    text-align: left;
  }
  .lg\:text-right {
    text-align: right;
  }
  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .lg\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .group[data-filled-within='true'] .lg\:group-data-\[filled-within\=true\]\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {
  .xl\:block {
    display: block;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:w-\[25\%\] {
    width: 25%;
  }
  .xl\:w-\[75\%\] {
    width: 75%;
  }
  .xl\:\!min-w-\[900px\] {
    min-width: 900px !important;
  }
  .xl\:gap-10 {
    gap: 2.5rem;
  }
  .xl\:p-10 {
    padding: 2.5rem;
  }
  .xl\:pr-\[200px\] {
    padding-right: 200px;
  }
}
@media (min-width: 1536px) {
  .\32xl\:h-\[60vh\] {
    height: 60vh;
  }
  .\32xl\:min-h-\[750px\] {
    min-height: 750px;
  }
  .\32xl\:max-w-\[90vw\] {
    max-width: 90vw;
  }
  .\32xl\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.rtl\:left-1:where([dir='rtl'], [dir='rtl'] *) {
  left: 0.25rem;
}
.rtl\:left-1\.5:where([dir='rtl'], [dir='rtl'] *) {
  left: 0.375rem;
}
.rtl\:left-3:where([dir='rtl'], [dir='rtl'] *) {
  left: 0.75rem;
}
.rtl\:left-\[unset\]:where([dir='rtl'], [dir='rtl'] *) {
  left: unset;
}
.rtl\:left-auto:where([dir='rtl'], [dir='rtl'] *) {
  left: auto;
}
.rtl\:right-0:where([dir='rtl'], [dir='rtl'] *) {
  right: 0;
}
.rtl\:right-1\.5:where([dir='rtl'], [dir='rtl'] *) {
  right: 0.375rem;
}
.rtl\:right-2:where([dir='rtl'], [dir='rtl'] *) {
  right: 0.5rem;
}
.rtl\:right-3:where([dir='rtl'], [dir='rtl'] *) {
  right: 0.75rem;
}
.rtl\:right-\[unset\]:where([dir='rtl'], [dir='rtl'] *) {
  right: unset;
}
.rtl\:right-auto:where([dir='rtl'], [dir='rtl'] *) {
  right: auto;
}
.rtl\:ml-2:where([dir='rtl'], [dir='rtl'] *) {
  margin-left: 0.5rem;
}
.rtl\:ml-\[unset\]:where([dir='rtl'], [dir='rtl'] *) {
  margin-left: unset;
}
.rtl\:mr-2:where([dir='rtl'], [dir='rtl'] *) {
  margin-right: 0.5rem;
}
.rtl\:mr-\[unset\]:where([dir='rtl'], [dir='rtl'] *) {
  margin-right: unset;
}
.rtl\:origin-top-right:where([dir='rtl'], [dir='rtl'] *) {
  transform-origin: top right;
}
.rtl\:-rotate-180: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\:space-x-reverse:where([dir='rtl'], [dir='rtl'] *) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
.rtl\:pl-2:where([dir='rtl'], [dir='rtl'] *) {
  padding-left: 0.5rem;
}
.rtl\:pl-6:where([dir='rtl'], [dir='rtl'] *) {
  padding-left: 1.5rem;
}
.rtl\:pr-0:where([dir='rtl'], [dir='rtl'] *) {
  padding-right: 0;
}
.rtl\:pr-\[unset\]:where([dir='rtl'], [dir='rtl'] *) {
  padding-right: unset;
}
.rtl\:text-right:where([dir='rtl'], [dir='rtl'] *) {
  text-align: right;
}
.rtl\:after\:ml-\[unset\]:where([dir='rtl'], [dir='rtl'] *):after {
  content: var(--tw-content);
  margin-left: unset;
}
.rtl\:after\:mr-0\.5:where([dir='rtl'], [dir='rtl'] *):after {
  content: var(--tw-content);
  margin-right: 0.125rem;
}
.rtl\:first\:rounded-l-\[unset\]:first-child:where([dir='rtl'], [dir='rtl'] *) {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.rtl\:first\:rounded-r-lg:first-child:where([dir='rtl'], [dir='rtl'] *) {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rtl\:first\:before\:rounded-l-\[unset\]:first-child:where([dir='rtl'], [dir='rtl'] *):before {
  content: var(--tw-content);
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.rtl\:first\:before\:rounded-r-lg:first-child:where([dir='rtl'], [dir='rtl'] *):before {
  content: var(--tw-content);
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rtl\:last\:rounded-l-lg:last-child:where([dir='rtl'], [dir='rtl'] *) {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rtl\:last\:rounded-r-\[unset\]:last-child:where([dir='rtl'], [dir='rtl'] *) {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.rtl\:last\:before\:rounded-l-lg:last-child:where([dir='rtl'], [dir='rtl'] *):before {
  content: var(--tw-content);
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rtl\:last\:before\:rounded-r-\[unset\]:last-child:where([dir='rtl'], [dir='rtl'] *):before {
  content: var(--tw-content);
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.rtl\:data-\[focus-visible\=true\]\:translate-x-3[data-focus-visible='true']: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\:data-\[hover\=true\]\:translate-x-3[data-hover='true']: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\:data-\[open\=true\]\:-rotate-90[data-open='true']:where([dir='rtl'], [dir='rtl'] *) {
  --tw-rotate: -90deg;
  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));
}
.group[data-filled='true']
  .rtl\:group-data-\[filled\=true\]\:left-\[unset\]:where([dir='rtl'], [dir='rtl'] *) {
  left: unset;
}
.group[data-filled='true']
  .rtl\:group-data-\[filled\=true\]\:right-0:where([dir='rtl'], [dir='rtl'] *) {
  right: 0;
}
.group[data-selected='true']
  .rtl\:group-data-\[selected\=true\]\:ml-0:where([dir='rtl'], [dir='rtl'] *) {
  margin-left: 0;
}
.group[data-selected='true']
  .rtl\:group-data-\[selected\=true\]\:mr-4:where([dir='rtl'], [dir='rtl'] *) {
  margin-right: 1rem;
}
.group[data-selected='true']
  .rtl\:group-data-\[selected\=true\]\:mr-5:where([dir='rtl'], [dir='rtl'] *) {
  margin-right: 1.25rem;
}
.group[data-selected='true']
  .rtl\:group-data-\[selected\=true\]\:mr-6:where([dir='rtl'], [dir='rtl'] *) {
  margin-right: 1.5rem;
}
.group[data-first='true']
  .group-data-\[first\=true\]\:rtl\:first\:before\:rounded-tl-\[unset\]:first-child:where(
    [dir='rtl'],
    [dir='rtl'] *
  ):before {
  content: var(--tw-content);
  border-top-left-radius: unset;
}
.group[data-first='true']
  .group-data-\[first\=true\]\:rtl\:first\:before\:rounded-tr-lg:first-child:where(
    [dir='rtl'],
    [dir='rtl'] *
  ):before {
  content: var(--tw-content);
  border-top-right-radius: 0.5rem;
}
.group[data-last='true']
  .group-data-\[last\=true\]\:rtl\:first\:before\:rounded-bl-\[unset\]:first-child:where(
    [dir='rtl'],
    [dir='rtl'] *
  ):before {
  content: var(--tw-content);
  border-bottom-left-radius: unset;
}
.group[data-last='true']
  .group-data-\[last\=true\]\:rtl\:first\:before\:rounded-br-lg:first-child:where(
    [dir='rtl'],
    [dir='rtl'] *
  ):before {
  content: var(--tw-content);
  border-bottom-right-radius: 0.5rem;
}
.group[data-first='true']
  .group-data-\[first\=true\]\:rtl\:last\:before\:rounded-tl-lg:last-child:where(
    [dir='rtl'],
    [dir='rtl'] *
  ):before {
  content: var(--tw-content);
  border-top-left-radius: 0.5rem;
}
.group[data-first='true']
  .group-data-\[first\=true\]\:rtl\:last\:before\:rounded-tr-\[unset\]:last-child:where(
    [dir='rtl'],
    [dir='rtl'] *
  ):before {
  content: var(--tw-content);
  border-top-right-radius: unset;
}
.group[data-last='true']
  .group-data-\[last\=true\]\:rtl\:last\:before\:rounded-bl-lg:last-child:where(
    [dir='rtl'],
    [dir='rtl'] *
  ):before {
  content: var(--tw-content);
  border-bottom-left-radius: 0.5rem;
}
.group[data-last='true']
  .group-data-\[last\=true\]\:rtl\:last\:before\:rounded-br-\[unset\]:last-child:where(
    [dir='rtl'],
    [dir='rtl'] *
  ):before {
  content: var(--tw-content);
  border-bottom-right-radius: unset;
}
@media (prefers-color-scheme: dark) {
  .dark\:border-neutral-800 {
    --tw-border-opacity: 1;
    border-color: rgb(38 38 38 / var(--tw-border-opacity));
  }
  .dark\:bg-background {
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-background) / var(--nextui-background-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:bg-background\/20 {
    background-color: hsl(var(--nextui-background) / 0.2);
  }
  .dark\:bg-content2 {
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-content2) / var(--nextui-content2-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:bg-default {
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:bg-neutral-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  }
  .dark\:bg-neutral-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23 / var(--tw-bg-opacity));
  }
  .dark\:bg-neutral-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity));
  }
  .dark\:bg-transparent {
    background-color: transparent;
  }
  .dark\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  .dark\:text-danger-500 {
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity)));
  }
  .dark\:text-neutral-100 {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity));
  }
  .dark\:text-neutral-300 {
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity));
  }
  .dark\:text-neutral-400 {
    --tw-text-opacity: 1;
    color: rgb(163 163 163 / var(--tw-text-opacity));
  }
  .dark\:text-neutral-900 {
    --tw-text-opacity: 1;
    color: rgb(23 23 23 / var(--tw-text-opacity));
  }
  .dark\:text-success {
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity)));
  }
  .dark\:text-warning {
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity)));
  }
  .dark\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  .dark\:shadow-\[0px_0px_1px_3px_rgba\(0\2c 0\2c 0\2c 1\)_inset\] {
    --tw-shadow: 0px 0px 1px 3px #000 inset;
    --tw-shadow-colored: inset 0px 0px 1px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .dark\:placeholder\:text-danger-500::placeholder {
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity)));
  }
  .dark\:placeholder\:text-success::placeholder {
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity)));
  }
  .dark\:placeholder\:text-warning::placeholder {
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity)));
  }
  .dark\:before\:via-default-700\/10:before {
    content: var(--tw-content);
    --tw-gradient-to: hsl(var(--nextui-default-700) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
      hsl(var(--nextui-default-700) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .dark\:after\:bg-content2:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-content2) / var(--nextui-content2-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:focus\:bg-danger-400\/20:focus {
    background-color: hsl(var(--nextui-danger-400) / 0.2);
  }
  .dark\:focus\:bg-success-400\/20:focus {
    background-color: hsl(var(--nextui-success-400) / 0.2);
  }
  .dark\:focus\:bg-warning-400\/20:focus {
    background-color: hsl(var(--nextui-warning-400) / 0.2);
  }
  .dark\:data-\[hover\=true\]\:bg-content2[data-hover='true'] {
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-content2) / var(--nextui-content2-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:data-\[hover\=true\]\:bg-danger-50[data-hover='true'] {
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:data-\[hover\=true\]\:bg-success-50[data-hover='true'] {
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:data-\[hover\=true\]\:bg-warning-50[data-hover='true'] {
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-hover='true'][data-selected='true'] {
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-hover='true'][data-selected='true'] {
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-hover='true'][data-selected='true'] {
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:data-\[hover\=true\]\:text-danger-500[data-hover='true'] {
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity)));
  }
  .dark\:data-\[hover\=true\]\:text-success-500[data-hover='true'] {
    --tw-text-opacity: 1;
    color: hsl(
      var(--nextui-success-500) / var(--nextui-success-500-opacity, var(--tw-text-opacity))
    );
  }
  .dark\:data-\[hover\=true\]\:text-warning-500[data-hover='true'] {
    --tw-text-opacity: 1;
    color: hsl(
      var(--nextui-warning-500) / var(--nextui-warning-500-opacity, var(--tw-text-opacity))
    );
  }
  .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-hover='true'][data-selected='true'] {
    --tw-text-opacity: 1;
    color: hsl(
      var(--nextui-danger-foreground) /
        var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))
    );
  }
  .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-hover='true'][data-selected='true'] {
    --tw-text-opacity: 1;
    color: hsl(
      var(--nextui-success-foreground) /
        var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
    );
  }
  .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-hover='true'][data-selected='true'] {
    --tw-text-opacity: 1;
    color: hsl(
      var(--nextui-warning-foreground) /
        var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))
    );
  }
  .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-500[data-range-selection='true'][data-selected='true'] {
    --tw-text-opacity: 1;
    color: hsl(
      var(--nextui-success-500) / var(--nextui-success-500-opacity, var(--tw-text-opacity))
    );
  }
  .dark\:data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection='true'][data-selection-end='true'][data-selected='true'],
  .dark\:data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection='true'][data-selection-start='true'][data-selected='true'] {
    --tw-text-opacity: 1;
    color: hsl(
      var(--nextui-success-foreground) /
        var(--nextui-success-foreground-opacity, var(--tw-text-opacity))
    );
  }
  .dark\:data-\[selected\=true\]\:text-danger-500[data-selected='true'] {
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity)));
  }
  .dark\:data-\[selected\=true\]\:text-success[data-selected='true'] {
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity)));
  }
  .dark\:data-\[selected\=true\]\:text-warning[data-selected='true'] {
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity)));
  }
  .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-50[data-range-selection='true'][data-selected='true']:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-50[data-range-selection='true'][data-selected='true']:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: hsl(
      var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))
    );
  }
  .dark\:data-\[invalid\=true\]\:focus\:bg-danger-400\/20:focus[data-invalid='true'] {
    background-color: hsl(var(--nextui-danger-400) / 0.2);
  }
}
.\[\&\+\.border-medium\.border-danger\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]
  + .border-medium.border-danger,
.\[\&\+\.border-medium\.border-default\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]
  + .border-medium.border-default,
.\[\&\+\.border-medium\.border-primary\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]
  + .border-medium.border-primary,
.\[\&\+\.border-medium\.border-secondary\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]
  + .border-medium.border-secondary,
.\[\&\+\.border-medium\.border-success\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]
  + .border-medium.border-success,
.\[\&\+\.border-medium\.border-warning\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]
  + .border-medium.border-warning {
  margin-inline-start: calc(var(--nextui-border-width-medium) * -1);
}
.\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none:not(:first-child):not(
    :last-child
  ) {
  border-radius: 0;
}
.\[\&\:not\(\:first-child\)\]\:-ml-1:not(:first-child) {
  margin-left: -0.25rem;
}
.\[\&\:not\(\:first-of-type\)\:not\(\:last-of-type\)\]\:rounded-none:not(:first-of-type):not(
    :last-of-type
  ) {
  border-radius: 0;
}
.\[\&\:not\(\:first-of-type\)\]\:ml-\[calc\(theme\(borderWidth\.2\)\*-1\)\]:not(:first-of-type) {
  margin-left: calc(2px * -1);
}
.\[\&\>\*\]\:relative > * {
  position: relative;
}
.\[\&\>svg\]\:max-w-\[theme\(spacing\.8\)\] > svg {
  max-width: 2rem;
}
.\[\&\>tr\]\:first\:rounded-lg:first-child > tr {
  border-radius: 0.5rem;
}
.\[\&\>tr\]\:first\:shadow-small:first-child > tr {
  --tw-shadow: var(--nextui-box-shadow-small);
  --tw-shadow-colored: var(--nextui-box-shadow-small);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-100[data-hover='true']:not(
    [data-active='true']
  ) {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))
  );
}
.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-200[data-hover='true']:not(
    [data-active='true']
  ) {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))
  );
}
.\[\&_\.chevron-icon\]\:flex-none .chevron-icon {
  flex: none;
}
.\[\&_\.chevron-icon\]\:rotate-180 .chevron-icon {
  --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));
}
.\[\&_\.chevron-icon\]\:transition-transform .chevron-icon {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}

.text-image {
  @media (min-width: 768px) {
    div.image-block {
      order: 2;
    }
  }
}

.image-text {
  @media (min-width: 768px) {
    div.image-block {
      order: -1;
    }
  }
}

.bg-xgate-dark-blue {
  color: white;
}
.transparent,
.white-blue {
  color: var(--secondary);
}
.content-half {
  > div {
    width: 50% !important;
  }
  @media (max-width: 1023px) {
    > div {
      width: 100% !important;
    }
  }
}
.content-70 {
  > div:first-child {
    width: 70% !important;
  }
  > div:last-child {
    width: 30% !important;
  }
}

.service-list-item {
  position: relative !important;
}
.service-list-item::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  opacity: 0;
  transition: all 0.4s ease-in-out;
  border-radius: 0.75rem;
  inset: 0;
}
.service-list-item:hover::after {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.button {
  display: block;
  color: white;
  padding-inline: 2.5rem;
  padding-block: 1rem;
  background: var(--primary);
  border-radius: 9999px;
  text-transform: uppercase;
  transition: all 0.4ms ease-in-out;
}

.blog-posts-button {
  display: none;
  @media (min-width: 768px) {
    display: block;
  }
}
.button:hover {
  color: white;
  background-color: var(--primary-color-light);
  transition: all 0.4ms ease-in-out;
}
.blog-posts-button-mobile {
  display: none;
  @media (max-width: 767px) {
    display: block;
  }
}
.technologies-list {
  list-style: none;
}

.technologies-list li img {
  height: 70px;
  object-fit: contain;
}

.gallery img {
  object-fit: cover !important;
}

.gallery > div {
  height: 200px;
}
.gallery > div.featured-gallery-image {
  height: 400px;
}
.gallery > div > div {
  height: 200px !important;
}
.gallery > div.featured-gallery-image > div {
  height: 400px !important;
}

.content-cta {
  @media (max-width: 640px) {
    > * {
      align-items: center;
      justify-content: center;
    }
  }
}

.content-cta__subtitle {
  color: var(--primary);
  border-color: var(--primary);
}

.bg-xgate-transparent,
.transparent {
  color: black !important;
}
.dark {
  color: white !important;
}

.xgate-image-block {
  position: relative;
  z-index: 0;
  height: 250px;
  @media (min-width: 1024px) {
    height: 300px;
  }
}
.xgate-image-block.auto-height {
  @media (min-width: 1024px) {
    height: auto;
  }
}
.xgate-image-block.height-400 {
  @media (min-width: 1024px) {
    height: 400px;
  }
}
.xgate-image-block.height-300 {
  @media (min-width: 1024px) {
    height: 300;
  }
}
.xgate-image-block.height-200 {
  @media (min-width: 1024px) {
    height: 200;
  }
}
.xgate-image-block.with-effect::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  height: 250px;
  width: 250px;
  z-index: -1;
  transform-origin: left;
  @media (min-width: 1024px) {
    height: 400px;
    width: 400px;
  }
}
.text-image .xgate-image-block.with-effect::after {
  background-color: var(--primary);
  transform: rotate(25deg) translateX(-50%);
}
.image-text .xgate-image-block.with-effect::after {
  background-color: var(--xgate-dark-blue);
  transform: rotate(-25deg) translateX(-50%);
}
.bg-xgate-dark-blue .xgate-image-block.with-effect::after {
  background-color: var(--primary);
}
.bg-xgate-transparent,
.transparent .xgate-image-block.with-effect::after {
  background-color: var(--xgate-dark-blue);
}

.text-image,
.image-text {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  @media (min-width: 640px) {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  @media (min-width: 1024px) {
    padding-inline: 4rem;
  }
}

.faq-chevron {
  display: inline-block;
  transition: transform 0.3s ease;
}

.faq-icon {
  transition: transform 0.3s ease;
}

[aria-expanded='true'] .faq-icon {
  transform: rotate(-90deg); /* Rotates the SVG 180 degrees */
}

.wp-block-columns {
  padding-inline: 1.5rem;
  padding-block: 2.5rem;
  max-width: 1536px;
  margin-inline: auto;
  @media (min-width: 640px) {
    padding-block: 5rem;
  }
  .xgate-faq {
    padding-inline: 0 !important;
    padding-block: 0 !important;
  }
  h2.wp-block-heading {
    margin-bottom: 2rem;
  }
}

.post-header {
  .post-header__share {
    background-color: var(--primary);
  }
  .post-header__categories {
    gap: 1.5rem;
    flex-wrap: wrap;
  }
  .post-header__bubble {
    border-radius: 9999px;
    background-color: var(--primary);
  }
  .post-header__bubble-link {
    color: white !important;
    padding-block: 10px;
    padding-inline: 15px;
  }
  @media (max-width: 767px) {
    padding-inline: 1rem;
  }
}

.navigation.post-navigation {
  display: flex;
  justify-content: center;
  margin-block: 2rem;
  .nav-links {
    display: flex;
    gap: 5rem;
    .nav-previous,
    .nav-next {
      position: relative;
    }
    .nav-previous::before {
      content: '\2190';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      color: var(--primary);
      transition: transform 0.3s ease-out;
    }
    .nav-previous:hover::before {
      transform: translateX(-10px);
    }
    .nav-next::after {
      content: '\2192';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      color: var(--primary);
      transition: transform 0.3s ease-out;
    }
    .nav-next:hover::after {
      transform: translateX(10px);
    }

    a {
      padding: 1.275rem;
      color: var(--primary);
    }
  }
}

.blog-post-content {
  @media (max-width: 767px) {
    padding-inline: 1rem;
  }
}

/* Basic form styling */
.form-group {
  position: relative;
  max-width: 700px;
  margin-bottom: 24px;
}

.wpcf7-form-control-wrap input[type='text'],
.wpcf7-form-control-wrap input[type='email'],
.wpcf7-form-control-wrap textarea {
  width: 100%;
  padding: 10px 0;
  border: none;
  border-bottom: 2px solid hsl(240 5.88% 90%);
  background-color: transparent;
  transition: all 0.2s ease;
  font-size: 16px;
  outline: none;
  resize: none; /* Optional: Disable resizing if not needed */
}

.wpcf7-form-control-wrap input[type='text']:focus,
.wpcf7-form-control-wrap input[type='text']:active,
.wpcf7-form-control-wrap input[type='email']:focus,
.wpcf7-form-control-wrap input[type='email']:active,
.wpcf7-form-control-wrap textarea:focus,
.wpcf7-form-control-wrap textarea:active {
  border-color: black;
}

input[type='submit']:hover {
  cursor: pointer;
}

/* Floating label styling */
.floating-label {
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 1.875rem;
  line-height: 36px;
  color: hsl(240 3.83% 46.08%);
  transition: 0.2s ease all;
  pointer-events: none;

  @media (max-width: 768px) {
    font-size: 1.125rem;
  }
}

.floating-label.active {
  transform: translate(-10px, -30px);
  font-size: 0.725rem;
  transition: 0.2s ease all;
}

.contact-us-section,
.map-section {
  padding-inline: 1.5rem !important;
  @media (min-width: 768px) {
    padding-inline: 4rem !important;
  }
}

a[href^='mailto:']::before {
  content: '\f0e0'; /* Font Awesome Envelope Icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 500;
  margin-right: 8px;
}

a[href^='tel:']::before {
  content: '\f879'; /* Font Awesome Phone Handset Icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 8px;
}

body.menu-open {
  overflow: hidden;
  height: 100%; /* Prevent scrolling on the body */
}

/* Initial hidden state */
.share-buttons__socials {
  display: none;
  opacity: 0;
  transform: translateY(-10px);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  position: absolute;
  background: white;
  border: 1px solid #ddd;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.share-buttons__socials.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
  @media (max-width: 1024px) {
    left: 50%;
    transform: translateX(-50%);
  }
}
.share-buttons__list-item:hover {
  background-color: var(--primary);
  a {
    color: white;
  }
}
.share-buttons__link {
  color: black;
}

.share-buttons__link:hover {
  color: white;
}
.leaflet-control-geosearch leaflet-geosearch-bar {
  display: none !important;
}
.leaflet-geosearch-bar {
  display: none !important;
}
.leaflet-control-geosearch {
  display: none !important;
}