*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 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: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

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

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

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

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

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

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

:root,
[data-theme] {
  background-color: var(--fallback-b1,oklch(var(--b1)/1));
  color: var(--fallback-bc,oklch(var(--bc)/1));
}

@supports not (color: oklch(0 0 0)) {

  :root {
    color-scheme: light;
    --fallback-p: #491eff;
    --fallback-pc: #d4dbff;
    --fallback-s: #ff41c7;
    --fallback-sc: #fff9fc;
    --fallback-a: #00cfbd;
    --fallback-ac: #00100d;
    --fallback-n: #2b3440;
    --fallback-nc: #d7dde4;
    --fallback-b1: #ffffff;
    --fallback-b2: #e5e6e6;
    --fallback-b3: #e5e6e6;
    --fallback-bc: #1f2937;
    --fallback-bs: #1f2937;
    --fallback-in: #00b3f0;
    --fallback-inc: #000000;
    --fallback-su: #00ca92;
    --fallback-suc: #000000;
    --fallback-wa: #ffc22d;
    --fallback-wac: #000000;
    --fallback-er: #ff6f70;
    --fallback-erc: #000000;
  }

  @media (prefers-color-scheme: dark) {

    :root {
      color-scheme: dark;
      --fallback-p: #7582ff;
      --fallback-pc: #050617;
      --fallback-s: #ff71cf;
      --fallback-sc: #190211;
      --fallback-a: #00c7b5;
      --fallback-ac: #000e0c;
      --fallback-n: #2a323c;
      --fallback-nc: #a6adbb;
      --fallback-b1: #1d232a;
      --fallback-b2: #191e24;
      --fallback-b3: #15191e;
      --fallback-bc: #a6adbb;
      --fallback-bs: #989eab;
      --fallback-in: #00b3f0;
      --fallback-inc: #000000;
      --fallback-su: #00ca92;
      --fallback-suc: #000000;
      --fallback-wa: #ffc22d;
      --fallback-wac: #000000;
      --fallback-er: #ff6f70;
      --fallback-erc: #000000;
    }
  }
}

html {
  -webkit-tap-highlight-color: transparent;
}

[class*="icon-[tabler--"] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-\[tabler--ad\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%27/%3E%3Cpath d=%27M7 15v-4a2 2 0 0 1 4 0v4m-4-2h4m6-4v6h-1.5a1.5 1.5 0 1 1 1.5-1.5%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--adjustments\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 10a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-6v4m0 4v8m4-4a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-12v10m0 4v2m4-13a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-3v1m0 4v11%27/%3E%3C/svg%3E");
}

.icon-\[tabler--alert-circle\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-4v4m0 4h.01%27/%3E%3C/svg%3E");
}

.icon-\[tabler--alert-triangle\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0zM12 16h.01%27/%3E%3C/svg%3E");
}

.icon-\[tabler--arrow-back-up\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27m9 14l-4-4l4-4%27/%3E%3Cpath d=%27M5 10h11a4 4 0 1 1 0 8h-1%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--arrow-down\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M12 5v14m6-6l-6 6m-6-6l6 6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--arrow-down-left\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M17 7L7 17m9 0H7V8%27/%3E%3C/svg%3E");
}

.icon-\[tabler--arrow-down-right\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m7 7l10 10m0-9v9H8%27/%3E%3C/svg%3E");
}

.icon-\[tabler--arrow-left\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5 12h14M5 12l6 6m-6-6l6-6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--arrow-narrow-down\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M12 5v14m4-4l-4 4m-4-4l4 4%27/%3E%3C/svg%3E");
}

.icon-\[tabler--arrow-narrow-up\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M12 5v14m4-10l-4-4M8 9l4-4%27/%3E%3C/svg%3E");
}

.icon-\[tabler--arrow-right\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5 12h14m-6 6l6-6m-6-6l6 6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--arrow-up\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M12 5v14m6-8l-6-6m-6 6l6-6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--arrow-up-right\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M17 7L7 17M8 7h9v9%27/%3E%3C/svg%3E");
}

.icon-\[tabler--arrows-right-left\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M21 7H3m15 3l3-3l-3-3M6 20l-3-3l3-3m-3 3h18%27/%3E%3C/svg%3E");
}

.icon-\[tabler--arrows-split\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M21 17h-8l-3.5-5H3m18-5h-8l-3.495 5%27/%3E%3Cpath d=%27m18 10l3-3l-3-3m0 16l3-3l-3-3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--ban\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m2.7-6.3l12.6 12.6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--book\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13%27/%3E%3C/svg%3E");
}

.icon-\[tabler--book-2\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M19 4v16H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z%27/%3E%3Cpath d=%27M19 16H7a2 2 0 0 0-2 2M9 8h6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--box\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m12 3l8 4.5v9L12 21l-8-4.5v-9zm0 9l8-4.5M12 12v9m0-9L4 7.5%27/%3E%3C/svg%3E");
}

.icon-\[tabler--brain\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M15.5 13a3.5 3.5 0 0 0-3.5 3.5v1a3.5 3.5 0 0 0 7 0v-1.8M8.5 13a3.5 3.5 0 0 1 3.5 3.5v1a3.5 3.5 0 0 1-7 0v-1.8%27/%3E%3Cpath d=%27M17.5 16a3.5 3.5 0 0 0 0-7H17%27/%3E%3Cpath d=%27M19 9.3V6.5a3.5 3.5 0 0 0-7 0M6.5 16a3.5 3.5 0 0 1 0-7H7%27/%3E%3Cpath d=%27M5 9.3V6.5a3.5 3.5 0 0 1 7 0v10%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--brand-adobe\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m12.893 4.514l7.977 14a.993.993 0 0 1-.394 1.365a1.04 1.04 0 0 1-.5.127H16.5l-4.5-8l-2.5 4H11l2 4H4.023c-.565 0-1.023-.45-1.023-1c0-.171.045-.34.13-.49l7.977-13.993a1.034 1.034 0 0 1 1.786 0z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--brand-aws\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M17 18.5a15.198 15.198 0 0 1-7.37 1.44A14.62 14.62 0 0 1 3 17m16.5 4c.907-1.411 1.451-3.323 1.5-5c-1.197-.773-2.577-.935-4-1M3 11V6.5a1.5 1.5 0 0 1 3 0V11M3 9h3m3-4l1.2 6L12 7l1.8 4L15 5m3 5.25c0 .414.336.75.75.75H20a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75%27/%3E%3C/svg%3E");
}

.icon-\[tabler--brand-cashapp\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M17.1 8.648a.568.568 0 0 1-.761.011a5.682 5.682 0 0 0-3.659-1.34c-1.102 0-2.205.363-2.205 1.374c0 1.023 1.182 1.364 2.546 1.875c2.386.796 4.363 1.796 4.363 4.137c0 2.545-1.977 4.295-5.204 4.488l-.295 1.364a.557.557 0 0 1-.546.443H9.305l-.102-.011a.568.568 0 0 1-.432-.67l.318-1.444a7.432 7.432 0 0 1-3.273-1.784v-.011a.545.545 0 0 1 0-.773l1.137-1.102c.214-.2.547-.2.761 0a5.495 5.495 0 0 0 3.852 1.5c1.478 0 2.466-.625 2.466-1.614c0-.989-1-1.25-2.886-1.954c-2-.716-3.898-1.728-3.898-4.091c0-2.75 2.284-4.091 4.989-4.216l.284-1.398A.545.545 0 0 1 13.066 3h2.023l.114.012a.544.544 0 0 1 .42.647l-.307 1.557a8.528 8.528 0 0 1 2.818 1.58l.023.022c.216.228.216.569 0 .773z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--brand-google\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M20.945 11a9 9 0 1 1-3.284-5.997l-2.655 2.392A5.5 5.5 0 1 0 17.125 14H13v-3z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--brand-google-drive\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M12 10L6 20l-3-5L9 5z%27/%3E%3Cpath d=%27M9 15h12l-3 5H6m9-5L9 5h6l6 10z%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--brand-mastercard\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M11 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0%27/%3E%3Cpath d=%27M12 9.765a3 3 0 1 0 0 4.47%27/%3E%3Cpath d=%27M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--briefcase\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm5-2V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m-4 5v.01%27/%3E%3Cpath d=%27M3 13a20 20 0 0 0 18 0%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--building\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 21h18M9 8h1m-1 4h1m-1 4h1m4-8h1m-1 4h1m-1 4h1M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16%27/%3E%3C/svg%3E");
}

.icon-\[tabler--building-bank\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 21h18M3 10h18M5 6l7-3l7 3M4 10v11m16-11v11M8 14v3m4-3v3m4-3v3%27/%3E%3C/svg%3E");
}

.icon-\[tabler--bulb\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7l-.7.7M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0-1 3a2 2 0 0 1-4 0a3.5 3.5 0 0 0-1-3m.7 1h4.6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--calculator\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M4 5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z%27/%3E%3Cpath d=%27M8 8a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1zm0 6v.01m4-.01v.01m4-.01v.01M8 17v.01m4-.01v.01m4-.01v.01%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--calendar\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16m-9 4h1m0 0v3%27/%3E%3C/svg%3E");
}

.icon-\[tabler--calendar-event\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16%27/%3E%3Cpath d=%27M8 15h2v2H8z%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--calendar-month\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16M7 14h.013m2.997 0h.005m2.995 0h.005m3 0h.005m-3.005 3h.005m-6.01 0h.005m2.995 0h.005%27/%3E%3C/svg%3E");
}

.icon-\[tabler--car\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M5 17a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0%27/%3E%3Cpath d=%27M5 17H3v-6l2-5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0H9m-6-6h15m-6 0V6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--caret-down-filled\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M0 0h24v24H0z%27/%3E%3Cpath fill=%27black%27 d=%27M18 9c.852 0 1.297.986.783 1.623l-.076.084l-6 6a1 1 0 0 1-1.32.083l-.094-.083l-6-6l-.083-.094l-.054-.077l-.054-.096l-.017-.036l-.027-.067l-.032-.108l-.01-.053l-.01-.06l-.004-.057v-.118l.005-.058l.009-.06l.01-.052l.032-.108l.027-.067l.07-.132l.065-.09l.073-.081l.094-.083l.077-.054l.096-.054l.036-.017l.067-.027l.108-.032l.053-.01l.06-.01l.057-.004z%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--caret-up-down\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m18 10l-6-6l-6 6zm0 4l-6 6l-6-6z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--cash\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M7 11a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2z%27/%3E%3Cpath d=%27M12 14a2 2 0 1 0 4 0a2 2 0 1 0-4 0m5-5V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--category\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 4h6v6H4zm10 0h6v6h-6zM4 14h6v6H4zm10 3a3 3 0 1 0 6 0a3 3 0 1 0-6 0%27/%3E%3C/svg%3E");
}

.icon-\[tabler--chart-arrows\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 18h14M9 9l3 3l-3 3m5 0l3 3l-3 3M3 3v18m0-9h9m6-9l3 3l-3 3M3 6h18%27/%3E%3C/svg%3E");
}

.icon-\[tabler--chart-bar\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 13a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm6-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm6-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 20h14%27/%3E%3C/svg%3E");
}

.icon-\[tabler--chart-dots\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 3v18h18%27/%3E%3Cpath d=%27M7 9a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10-2a2 2 0 1 0 4 0a2 2 0 1 0-4 0m-5 8a2 2 0 1 0 4 0a2 2 0 1 0-4 0m-1.84-4.38l2.34 2.88m2.588-.172l2.837-4.586%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--chart-line\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 19h16M4 15l4-6l4 2l4-5l4 4%27/%3E%3C/svg%3E");
}

.icon-\[tabler--chart-pie\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M10 3.2A9 9 0 1 0 20.8 14a1 1 0 0 0-1-1H13a2 2 0 0 1-2-2V4a.9.9 0 0 0-1-.8%27/%3E%3Cpath d=%27M15 3.5A9 9 0 0 1 20.5 9H16a1 1 0 0 1-1-1z%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--check\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m5 12l5 5L20 7%27/%3E%3C/svg%3E");
}

.icon-\[tabler--chevron-down\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m6 9l6 6l6-6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--chevron-left\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m15 6l-6 6l6 6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--chevron-right\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m9 6l6 6l-6 6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--chevron-up\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m6 15l6-6l6 6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--circle-check\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0%27/%3E%3Cpath d=%27m9 12l2 2l4-4%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--circle-check-filled\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M0 0h24v24H0z%27/%3E%3Cpath fill=%27black%27 d=%27M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34m-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--circle-filled\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M0 0h24v24H0z%27/%3E%3Cpath fill=%27black%27 d=%27M7 3.34a10 10 0 1 1-4.995 8.984L2 12l.005-.324A10 10 0 0 1 7 3.34%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--circle-plus\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m6 0h6m-3-3v6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--circle-x\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m7-2l4 4m0-4l-4 4%27/%3E%3C/svg%3E");
}

.icon-\[tabler--clipboard-check\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2%27/%3E%3Cpath d=%27M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 9l2 2l4-4%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--clock\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0%27/%3E%3Cpath d=%27M12 7v5l3 3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--cloud-upload\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M7 18a4.6 4.4 0 0 1 0-9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1%27/%3E%3Cpath d=%27m9 15l3-3l3 3m-3-3v9%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--coffee\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 14c.83.642 2.077 1.017 3.5 1c1.423.017 2.67-.358 3.5-1c.83-.642 2.077-1.017 3.5-1c1.423-.017 2.67.358 3.5 1M8 3a2.4 2.4 0 0 0-1 2a2.4 2.4 0 0 0 1 2m4-4a2.4 2.4 0 0 0-1 2a2.4 2.4 0 0 0 1 2%27/%3E%3Cpath d=%27M3 10h14v5a6 6 0 0 1-6 6H9a6 6 0 0 1-6-6z%27/%3E%3Cpath d=%27M16.746 16.726a3 3 0 1 0 .252-5.555%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--coin\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0%27/%3E%3Cpath d=%27M14.8 9A2 2 0 0 0 13 8h-2a2 2 0 1 0 0 4h2a2 2 0 1 1 0 4h-2a2 2 0 0 1-1.8-1M12 7v10%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--coins\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M9 14c0 1.657 2.686 3 6 3s6-1.343 6-3s-2.686-3-6-3s-6 1.343-6 3%27/%3E%3Cpath d=%27M9 14v4c0 1.656 2.686 3 6 3s6-1.344 6-3v-4M3 6c0 1.072 1.144 2.062 3 2.598s4.144.536 6 0c1.856-.536 3-1.526 3-2.598c0-1.072-1.144-2.062-3-2.598s-4.144-.536-6 0C4.144 3.938 3 4.928 3 6%27/%3E%3Cpath d=%27M3 6v10c0 .888.772 1.45 2 2%27/%3E%3Cpath d=%27M3 11c0 .888.772 1.45 2 2%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--columns\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 6h5.5M4 10h5.5M4 14h5.5M4 18h5.5m5-12H20m-5.5 4H20m-5.5 4H20m-5.5 4H20%27/%3E%3C/svg%3E");
}

.icon-\[tabler--copy\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z%27/%3E%3Cpath d=%27M4.012 16.737A2.005 2.005 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--credit-card\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm0 2h18M7 15h.01M11 15h2%27/%3E%3C/svg%3E");
}

.icon-\[tabler--currency-dollar\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M16.7 8A3 3 0 0 0 14 6h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1-2.7-2M12 3v3m0 12v3%27/%3E%3C/svg%3E");
}

.icon-\[tabler--dashboard\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M10 13a2 2 0 1 0 4 0a2 2 0 1 0-4 0m3.45-1.45L15.5 9.5%27/%3E%3Cpath d=%27M6.4 20a9 9 0 1 1 11.2 0z%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--database\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M4 6a8 3 0 1 0 16 0A8 3 0 1 0 4 6%27/%3E%3Cpath d=%27M4 6v6a8 3 0 0 0 16 0V6%27/%3E%3Cpath d=%27M4 12v6a8 3 0 0 0 16 0v-6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--device-floppy\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M6 4h10l4 4v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2%27/%3E%3Cpath d=%27M10 14a2 2 0 1 0 4 0a2 2 0 1 0-4 0m4-10v4H8V4%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--device-laptop\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 19h18M5 7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--dots\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0%27/%3E%3C/svg%3E");
}

.icon-\[tabler--dots-vertical\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0%27/%3E%3C/svg%3E");
}

.icon-\[tabler--download\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12%27/%3E%3C/svg%3E");
}

.icon-\[tabler--edit\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M7 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-1%27/%3E%3Cpath d=%27M20.385 6.585a2.1 2.1 0 0 0-2.97-2.97L9 12v3h3zM16 5l3 3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--exclamation-circle\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9-3v4m0 3v.01%27/%3E%3C/svg%3E");
}

.icon-\[tabler--external-link\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5%27/%3E%3C/svg%3E");
}

.icon-\[tabler--eye\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0%27/%3E%3Cpath d=%27M21 12c-2.4 4-5.4 6-9 6c-3.6 0-6.6-2-9-6c2.4-4 5.4-6 9-6c3.6 0 6.6 2 9 6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-alert\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-4h.01M12 11v3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-analytics\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-8-4v-5m3 5v-1m3 1v-3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-check\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2%27/%3E%3Cpath d=%27m9 15l2 2l4-4%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-description\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-8-4h6m-6-4h6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-dollar\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2%27/%3E%3Cpath d=%27M14 11h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H10m2 0v1m0-8v1%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-import\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M5 13V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2h-5.5M2 19h7m-3-3l3 3l-3 3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-invoice\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M9 7h1m-1 6h6m-2 4h2%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-minus\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-8-7h6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-off\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m3 3l18 18M7 3h7l5 5v7m0 4a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5%27/%3E%3C/svg%3E");
}

.icon-\[tabler--file-plus\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-10v6m-3-3h6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-spreadsheet\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2%27/%3E%3Cpath d=%27M8 11h8v7H8zm0 4h8m-5-4v7%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-text\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M9 9h1m-1 4h6m-6 4h6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-type-csv\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M5 12V5a2 2 0 0 1 2-2h7l5 5v4M7 16.5a1.5 1.5 0 0 0-3 0v3a1.5 1.5 0 0 0 3 0m3 .75c0 .414.336.75.75.75H12a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75m3-.75l2 6l2-6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-type-doc\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M5 12V5a2 2 0 0 1 2-2h7l5 5v4M5 15v6h1a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm15 1.5a1.5 1.5 0 0 0-3 0v3a1.5 1.5 0 0 0 3 0M12.5 15a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-3 0v-3a1.5 1.5 0 0 1 1.5-1.5%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-type-pdf\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M5 12V5a2 2 0 0 1 2-2h7l5 5v4M5 18h1.5a1.5 1.5 0 0 0 0-3H5v6m12-3h2m1-3h-3v6m-6-6v6h1a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2z%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-type-xls\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M5 12V5a2 2 0 0 1 2-2h7l5 5v4M4 15l4 6m-4 0l4-6m9 5.25c0 .414.336.75.75.75H19a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75M11 15v6h3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--file-x\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-7-9l4 4m0-4l-4 4%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--files\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M15 3v4a1 1 0 0 0 1 1h4%27/%3E%3Cpath d=%27M18 17h-7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4l5 5v7a2 2 0 0 1-2 2%27/%3E%3Cpath d=%27M16 17v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h2%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--filter\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.572A2 2 0 0 1 4 6.227z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--flag\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5 5a5 5 0 0 1 7 0a5 5 0 0 0 7 0v9a5 5 0 0 1-7 0a5 5 0 0 0-7 0zm0 16v-7%27/%3E%3C/svg%3E");
}

.icon-\[tabler--flame\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M12 12c2-2.96 0-7-1-8c0 3.038-1.773 4.741-3 6c-1.226 1.26-2 3.24-2 5a6 6 0 1 0 12 0c0-1.532-1.056-3.94-2-5c-1.786 3-2.791 3-4 2%27/%3E%3C/svg%3E");
}

.icon-\[tabler--fold\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M12 3v6l3-3M9 6l3 3m0 12v-6l3 3m-6 0l3-3m-8-3h1m4 0h1m4 0h1m4 0h1%27/%3E%3C/svg%3E");
}

.icon-\[tabler--folder\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2%27/%3E%3C/svg%3E");
}

.icon-\[tabler--folder-open\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m5 19l2.757-7.351A1 1 0 0 1 8.693 11H21a1 1 0 0 1 .986 1.164l-.996 5.211A2 2 0 0 1 19.026 19za2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4l3 3h7a2 2 0 0 1 2 2v2%27/%3E%3C/svg%3E");
}

.icon-\[tabler--folder-share\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M13 19H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4l3 3h7a2 2 0 0 1 2 2v4m-5 9l5-5m0 4.5V17h-4.5%27/%3E%3C/svg%3E");
}

.icon-\[tabler--folders\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M9 4h3l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2%27/%3E%3Cpath d=%27M17 17v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h2%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--gauge\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0%27/%3E%3Cpath d=%27M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m2.41-1.41L16 8m-9 4a5 5 0 0 1 5-5%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--git-merge\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M5 18a2 2 0 1 0 4 0a2 2 0 1 0-4 0M5 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0M7 8v8%27/%3E%3Cpath d=%27M7 8a4 4 0 0 0 4 4h4%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--graph\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M4 18V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2%27/%3E%3Cpath d=%27m7 14l3-3l2 2l3-3l2 2%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--heartbeat\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M19.5 13.572L12 21l-2.896-2.868m-6.117-8.104A5 5 0 0 1 12 7.006a5 5 0 1 1 7.5 6.572%27/%3E%3Cpath d=%27M3 13h2l2 3l2-6l1 3h3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--help\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9 5v.01%27/%3E%3Cpath d=%27M12 13.5a1.5 1.5 0 0 1 1-1.5a2.6 2.6 0 1 0-3-4%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--help-circle\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9 4v.01%27/%3E%3Cpath d=%27M12 13a2 2 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--history\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M12 8v4l2 2%27/%3E%3Cpath d=%27M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--home\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7%27/%3E%3Cpath d=%27M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--inbox\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z%27/%3E%3Cpath d=%27M4 13h3l3 3h4l3-3h3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--info-circle\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01%27/%3E%3Cpath d=%27M11 12h1v4h1%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--info-circle-filled\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M0 0h24v24H0z%27/%3E%3Cpath fill=%27black%27 d=%27M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1-19.995.324L2 12l.004-.28C2.152 6.327 6.57 2 12 2m0 9h-1l-.117.007a1 1 0 0 0 0 1.986L11 13v3l.007.117a1 1 0 0 0 .876.876L12 17h1l.117-.007a1 1 0 0 0 .876-.876L14 16l-.007-.117a1 1 0 0 0-.764-.857l-.112-.02L13 15v-3l-.007-.117a1 1 0 0 0-.876-.876zm.01-3l-.127.007a1 1 0 0 0 0 1.986L12 10l.127-.007a1 1 0 0 0 0-1.986z%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--layout\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10-9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--layout-dashboard\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 4h6v8H4zm0 12h6v4H4zm10-4h6v8h-6zm0-8h6v4h-6z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--layout-grid\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 15a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--link\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m9 15l6-6m-4-3l.463-.536a5 5 0 0 1 7.071 7.072L18 13m-5 5l-.397.534a5.068 5.068 0 0 1-7.127 0a4.972 4.972 0 0 1 0-7.071L6 11%27/%3E%3C/svg%3E");
}

.icon-\[tabler--list-check\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3.5 5.5L5 7l2.5-2.5m-4 7L5 13l2.5-2.5m-4 7L5 19l2.5-2.5M11 6h9m-9 6h9m-9 6h9%27/%3E%3C/svg%3E");
}

.icon-\[tabler--list-details\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M13 5h8m-8 4h5m-5 6h8m-8 4h5M3 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm0 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--loader\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M12 6V3m4.25 4.75L18.4 5.6M18 12h3m-4.75 4.25l2.15 2.15M12 18v3m-4.25-4.75L5.6 18.4M6 12H3m4.75-4.25L5.6 5.6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--loader-2\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M12 3a9 9 0 1 0 9 9%27/%3E%3C/svg%3E");
}

.icon-\[tabler--lock\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z%27/%3E%3Cpath d=%27M11 16a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-3-5V7a4 4 0 1 1 8 0v4%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--logout\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2%27/%3E%3Cpath d=%27M9 12h12l-3-3m0 6l3-3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--mail\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%27/%3E%3Cpath d=%27m3 7l9 6l9-6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--map-pin\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M9 11a3 3 0 1 0 6 0a3 3 0 0 0-6 0%27/%3E%3Cpath d=%27M17.657 16.657L13.414 20.9a2 2 0 0 1-2.827 0l-4.244-4.243a8 8 0 1 1 11.314 0%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--map-pin-off\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M9.442 9.432a3 3 0 0 0 4.113 4.134M15 11a3 3 0 0 0-3-3%27/%3E%3Cpath d=%27M17.152 17.162L13.414 20.9a2 2 0 0 1-2.827 0l-4.244-4.243a8 8 0 0 1-.476-10.794m2.18-1.82a8.003 8.003 0 0 1 10.91 10.912M3 3l18 18%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--message-circle\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c3.255 2.777 3.695 7.266 1.029 10.501C16.608 19.942 11.659 20.922 7.7 19z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--message-plus\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M8 9h8m-8 4h6m-1.99 5.594L8 21v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.5M16 19h6m-3-3v6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--minus\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5 12h14%27/%3E%3C/svg%3E");
}

.icon-\[tabler--package\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m12 3l8 4.5v9L12 21l-8-4.5v-9zm0 9l8-4.5M12 12v9m0-9L4 7.5m12-2.25l-8 4.5%27/%3E%3C/svg%3E");
}

.icon-\[tabler--paperclip\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3L18 10a3 3 0 0 0-6-6l-6.5 6.5a4.5 4.5 0 0 0 9 9L21 13%27/%3E%3C/svg%3E");
}

.icon-\[tabler--pencil\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4%27/%3E%3C/svg%3E");
}

.icon-\[tabler--photo\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M15 8h.01M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z%27/%3E%3Cpath d=%27m3 16l5-5c.928-.893 2.072-.893 3 0l5 5%27/%3E%3Cpath d=%27m14 14l1-1c.928-.893 2.072-.893 3 0l3 3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--play\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath d=%27M5 5v14a2 2 0 0 0 2.75 1.84L20 13.74a2 2 0 0 0 0-3.5L7.75 3.14A2 2 0 0 0 5 4.89%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}

.icon-\[tabler--player-play\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M7 4v16l13-8z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--plug\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M9.785 6L18 14.215l-2.054 2.054a5.81 5.81 0 1 1-8.215-8.215zM4 20l3.5-3.5M15 4l-3.5 3.5M20 9l-3.5 3.5%27/%3E%3C/svg%3E");
}

.icon-\[tabler--plug-connected\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m7 12l5 5l-1.5 1.5a3.536 3.536 0 1 1-5-5zm10 0l-5-5l1.5-1.5a3.536 3.536 0 1 1 5 5zM3 21l2.5-2.5m13-13L21 3m-11 8l-2 2m5 1l-2 2%27/%3E%3C/svg%3E");
}

.icon-\[tabler--plug-connected-x\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m20 16l-4 4m-9-8l5 5l-1.5 1.5a3.536 3.536 0 1 1-5-5zm10 0l-5-5l1.5-1.5a3.536 3.536 0 1 1 5 5zM3 21l2.5-2.5m13-13L21 3m-11 8l-2 2m5 1l-2 2m5 0l4 4%27/%3E%3C/svg%3E");
}

.icon-\[tabler--plus\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M12 5v14m-7-7h14%27/%3E%3C/svg%3E");
}

.icon-\[tabler--point\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0%27/%3E%3C/svg%3E");
}

.icon-\[tabler--printer\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M17 17h2a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2m10-8V5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v4%27/%3E%3Cpath d=%27M7 15a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2z%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--question-mark\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M8 8a3.5 3 0 0 1 3.5-3h1A3.5 3 0 0 1 16 8a3 3 0 0 1-2 3a3 4 0 0 0-2 4m0 4v.01%27/%3E%3C/svg%3E");
}

.icon-\[tabler--receipt\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16l-3-2l-2 2l-2-2l-2 2l-2-2zM9 7h6m-6 4h6m-2 4h2%27/%3E%3C/svg%3E");
}

.icon-\[tabler--receipt-off\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5 21V5m2-2h10a2 2 0 0 1 2 2v10m0 4.01V21l-3-2l-2 2l-2-2l-2 2l-2-2l-3 2m6-14h4m-6 4h2m2 4h2m0-4v.01M3 3l18 18%27/%3E%3C/svg%3E");
}

.icon-\[tabler--receipt-refund\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16l-3-2l-2 2l-2-2l-2 2l-2-2z%27/%3E%3Cpath d=%27M15 14v-2a2 2 0 0 0-2-2H9l2-2m0 4l-2-2%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--receipt-tax\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27m9 14l6-6%27/%3E%3Ccircle cx=%279.5%27 cy=%278.5%27 r=%27.5%27 fill=%27black%27/%3E%3Ccircle cx=%2714.5%27 cy=%2713.5%27 r=%27.5%27 fill=%27black%27/%3E%3Cpath d=%27M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16l-3-2l-2 2l-2-2l-2 2l-2-2z%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--refresh\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4%27/%3E%3C/svg%3E");
}

.icon-\[tabler--reload\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M19.933 13.041a8 8 0 1 1-9.925-8.788c3.899-1 7.935 1.007 9.425 4.747%27/%3E%3Cpath d=%27M20 4v5h-5%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--report-analytics\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2%27/%3E%3Cpath d=%27M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 12v-5m3 5v-1m3 1v-3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--report-money\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2%27/%3E%3Cpath d=%27M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m5 6h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H10m2 0v1m0-8v1%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--robot\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M6 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm6-4v2m-3 8v9m6-9v9M5 16l4-2m6 0l4 2M9 18h6M10 8v.01M14 8v.01%27/%3E%3C/svg%3E");
}

.icon-\[tabler--rocket\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3-5a9 9 0 0 0 6-8a3 3 0 0 0-3-3a9 9 0 0 0-8 6a6 6 0 0 0-5 3%27/%3E%3Cpath d=%27M7 14a6 6 0 0 0-3 6a6 6 0 0 0 6-3m4-8a1 1 0 1 0 2 0a1 1 0 1 0-2 0%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--ruler\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5 4h14a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-7a1 1 0 0 0-1 1v7a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1M4 8h2m-2 4h3m-3 4h2M8 4v2m4-2v3m4-3v2%27/%3E%3C/svg%3E");
}

.icon-\[tabler--scale\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M7 20h10M6 6l6-1l6 1m-6-3v17m-3-8L6 6l-3 6a3 3 0 0 0 6 0m12 0l-3-6l-3 6a3 3 0 0 0 6 0%27/%3E%3C/svg%3E");
}

.icon-\[tabler--search\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--search-off\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5.039 5.062a7 7 0 0 0 9.91 9.89m1.584-2.434a7 7 0 0 0-9.038-9.057M3 3l18 18%27/%3E%3C/svg%3E");
}

.icon-\[tabler--send\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--settings\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065%27/%3E%3Cpath d=%27M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--settings-2\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M19.875 6.27A2.225 2.225 0 0 1 21 8.218v7.284c0 .809-.443 1.555-1.158 1.948l-6.75 4.27a2.269 2.269 0 0 1-2.184 0l-6.75-4.27A2.225 2.225 0 0 1 3 15.502V8.217c0-.809.443-1.554 1.158-1.947l6.75-3.98a2.33 2.33 0 0 1 2.25 0l6.75 3.98z%27/%3E%3Cpath d=%27M9 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--settings-automation\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065%27/%3E%3Cpath d=%27M10 9v6l5-3z%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--shield-check\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M11.46 20.846A12 12 0 0 1 3.5 6A12 12 0 0 0 12 3a12 12 0 0 0 8.5 3a12 12 0 0 1-.09 7.06M15 19l2 2l4-4%27/%3E%3C/svg%3E");
}

.icon-\[tabler--shopping-cart\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M4 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m11 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0%27/%3E%3Cpath d=%27M17 17H6V3H4%27/%3E%3Cpath d=%27m6 5l14 1l-1 7H6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--sparkles\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2-2a2 2 0 0 1-2-2a2 2 0 0 1-2 2m0-12a2 2 0 0 1 2 2a2 2 0 0 1 2-2a2 2 0 0 1-2-2a2 2 0 0 1-2 2M9 18a6 6 0 0 1 6-6a6 6 0 0 1-6-6a6 6 0 0 1-6 6a6 6 0 0 1 6 6%27/%3E%3C/svg%3E");
}

.icon-\[tabler--square-check\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%27/%3E%3Cpath d=%27m9 12l2 2l4-4%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--stack\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m12 6l-8 4l8 4l8-4zm-8 8l8 4l8-4%27/%3E%3C/svg%3E");
}

.icon-\[tabler--star\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m12 17.75l-6.172 3.245l1.179-6.873l-5-4.867l6.9-1l3.086-6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--switch-2\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 17h5l1.67-2.386m3.66-5.227L15 7h6%27/%3E%3Cpath d=%27m18 4l3 3l-3 3M3 7h5l7 10h6%27/%3E%3Cpath d=%27m18 20l3-3l-3-3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--tag\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M6.5 7.5a1 1 0 1 0 2 0a1 1 0 1 0-2 0%27/%3E%3Cpath d=%27M3 6v5.172a2 2 0 0 0 .586 1.414l7.71 7.71a2.41 2.41 0 0 0 3.408 0l5.592-5.592a2.41 2.41 0 0 0 0-3.408l-7.71-7.71A2 2 0 0 0 11.172 3H6a3 3 0 0 0-3 3%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--tags\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 8v4.172a2 2 0 0 0 .586 1.414l5.71 5.71a2.41 2.41 0 0 0 3.408 0l3.592-3.592a2.41 2.41 0 0 0 0-3.408l-5.71-5.71A2 2 0 0 0 9.172 6H5a2 2 0 0 0-2 2%27/%3E%3Cpath d=%27m18 19l1.592-1.592a4.82 4.82 0 0 0 0-6.816L15 6m-8 4h-.01%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--thumb-down\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M7 13V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1za4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2-2l-1-5a2 3 0 0 0-2-2h-7a3 3 0 0 0-3 3%27/%3E%3C/svg%3E");
}

.icon-\[tabler--thumb-up\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1za4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3%27/%3E%3C/svg%3E");
}

.icon-\[tabler--toggle-left\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M6 12a2 2 0 1 0 4 0a2 2 0 1 0-4 0%27/%3E%3Cpath d=%27M2 12a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v0a6 6 0 0 1-6 6H8a6 6 0 0 1-6-6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--toggle-right\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M14 12a2 2 0 1 0 4 0a2 2 0 1 0-4 0%27/%3E%3Cpath d=%27M2 12a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v0a6 6 0 0 1-6 6H8a6 6 0 0 1-6-6%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--tool\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M7 10h3V7L6.5 3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1-3 3l-6-6a6 6 0 0 1-8-8z%27/%3E%3C/svg%3E");
}

.icon-\[tabler--trash\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3%27/%3E%3C/svg%3E");
}

.icon-\[tabler--trending-down\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27m3 7l6 6l4-4l8 8%27/%3E%3Cpath d=%27M21 10v7h-7%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--trending-up\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27m3 17l6-6l4 4l8-8%27/%3E%3Cpath d=%27M14 7h7v7%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--unlink\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M17 22v-2m-8-5l6-6m-4-3l.463-.536a5 5 0 0 1 7.071 7.072L18 13m-5 5l-.397.534a5.068 5.068 0 0 1-7.127 0a4.972 4.972 0 0 1 0-7.071L6 11m14 6h2M2 7h2m3-5v2%27/%3E%3C/svg%3E");
}

.icon-\[tabler--upload\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5l5 5m-5-5v12%27/%3E%3C/svg%3E");
}

.icon-\[tabler--user\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2%27/%3E%3C/svg%3E");
}

.icon-\[tabler--user-circle\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0%27/%3E%3Cpath d=%27M9 10a3 3 0 1 0 6 0a3 3 0 1 0-6 0m-2.832 8.849A4 4 0 0 1 10 16h4a4 4 0 0 1 3.834 2.855%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--users\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5 7a4 4 0 1 0 8 0a4 4 0 1 0-8 0M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2m1-17.87a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.85%27/%3E%3C/svg%3E");
}

.icon-\[tabler--wallet\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cg fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27%3E%3Cpath d=%27M17 8V5a1 1 0 0 0-1-1H6a2 2 0 0 0 0 4h12a1 1 0 0 1 1 1v3m0 4v3a1 1 0 0 1-1 1H6a2 2 0 0 1-2-2V6%27/%3E%3Cpath d=%27M20 12v4h-4a2 2 0 0 1 0-4z%27/%3E%3C/g%3E%3C/svg%3E");
}

.icon-\[tabler--wand\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M6 21L21 6l-3-3L3 18zm9-15l3 3M9 3a2 2 0 0 0 2 2a2 2 0 0 0-2 2a2 2 0 0 0-2-2a2 2 0 0 0 2-2m10 10a2 2 0 0 0 2 2a2 2 0 0 0-2 2a2 2 0 0 0-2-2a2 2 0 0 0 2-2%27/%3E%3C/svg%3E");
}

.icon-\[tabler--x\] {
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M18 6L6 18M6 6l12 12%27/%3E%3C/svg%3E");
}

:root {
  color-scheme: light;
  --rounded-box: 0.5rem ;
  --rounded-btn: 0.375rem;
  --rounded-tooltip: 0.25rem;
  --animation-btn: 0.25s;
  --animation-input: .2s;
  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;
  --p: 57.5934% 0.247012 287.240256;
  --pc: 93.7482% 0.032368 291.504141;
  --s: 55.7871% 0.022138 301.905381;
  --sc: 95.0453% 0.002858 308.426982;
  --a: 62.3083% 0.188015 259.814529;
  --ac: 93.1918% 0.031591 255.585494;
  --n: 40.6559% 0.025056 282.210779;
  --nc: 97.6419% 0.001323 286.375089;
  --b1: 100% 0 0;
  --b2: 94.7244% 0.005338 286.297296;
  --b3: 88.6277% 0.00824 278.622751;
  --bc: 37.567% 0.022158 281.800141;
  --bs: 37.567% 0.022158 281.800141;
  --in: 71.4837% 0.125737 215.220912;
  --inc: 95.6262% 0.044329 203.387819;
  --su: 73.1062% 0.216656 147.04398;
  --suc: 96.444% 0.02867 172.082984;
  --wa: 79.8713% 0.164239 73.093986;
  --wac: 98.4165% 0.02418 94.061783;
  --er: 65.3932% 0.222085 25.863852;
  --erc: 97.5752% 0.015143 61.349176;
}

@media (prefers-color-scheme: dark) {

  :root {
    color-scheme: dark;
    --rounded-box: 0.5rem ;
    --rounded-btn: 0.375rem;
    --rounded-tooltip: 0.25rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 57.5934% 0.247012 287.240256;
    --pc: 93.7482% 0.032368 291.504141;
    --s: 55.7871% 0.022138 301.905381;
    --sc: 100% 0 0;
    --a: 62.3083% 0.188015 259.814529;
    --ac: 93.1918% 0.031591 255.585494;
    --n: 65.7482% 0.022235 294.952761;
    --nc: 18.5128% 0.016696 301.919154;
    --b1: 26.8442% 0.028285 299.769964;
    --b2: 22.6865% 0.023344 295.952767;
    --b3: 39.9632% 0.030791 300.243839;
    --bc: 78.094% 0.014175 295.243891;
    --bs: 18.5128% 0.016696 301.919154;
    --in: 71.4837% 0.125737 215.220912;
    --inc: 95.6262% 0.044329 203.387819;
    --su: 73.1062% 0.216656 147.04398;
    --suc: 96.444% 0.02867 172.082984;
    --wa: 79.8713% 0.164239 73.093986;
    --wac: 98.4165% 0.02418 94.061783;
    --er: 65.3932% 0.222085 25.863852;
    --erc: 97.5752% 0.015143 61.349176;
  }
}

[data-theme=light] {
  color-scheme: light;
  --rounded-box: 0.5rem ;
  --rounded-btn: 0.375rem;
  --rounded-tooltip: 0.25rem;
  --animation-btn: 0.25s;
  --animation-input: .2s;
  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;
  --p: 57.5934% 0.247012 287.240256;
  --pc: 93.7482% 0.032368 291.504141;
  --s: 55.7871% 0.022138 301.905381;
  --sc: 95.0453% 0.002858 308.426982;
  --a: 62.3083% 0.188015 259.814529;
  --ac: 93.1918% 0.031591 255.585494;
  --n: 40.6559% 0.025056 282.210779;
  --nc: 97.6419% 0.001323 286.375089;
  --b1: 100% 0 0;
  --b2: 94.7244% 0.005338 286.297296;
  --b3: 88.6277% 0.00824 278.622751;
  --bc: 37.567% 0.022158 281.800141;
  --bs: 37.567% 0.022158 281.800141;
  --in: 71.4837% 0.125737 215.220912;
  --inc: 95.6262% 0.044329 203.387819;
  --su: 73.1062% 0.216656 147.04398;
  --suc: 96.444% 0.02867 172.082984;
  --wa: 79.8713% 0.164239 73.093986;
  --wac: 98.4165% 0.02418 94.061783;
  --er: 65.3932% 0.222085 25.863852;
  --erc: 97.5752% 0.015143 61.349176;
}

[data-theme=dark] {
  color-scheme: dark;
  --rounded-box: 0.5rem ;
  --rounded-btn: 0.375rem;
  --rounded-tooltip: 0.25rem;
  --animation-btn: 0.25s;
  --animation-input: .2s;
  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;
  --p: 57.5934% 0.247012 287.240256;
  --pc: 93.7482% 0.032368 291.504141;
  --s: 55.7871% 0.022138 301.905381;
  --sc: 100% 0 0;
  --a: 62.3083% 0.188015 259.814529;
  --ac: 93.1918% 0.031591 255.585494;
  --n: 65.7482% 0.022235 294.952761;
  --nc: 18.5128% 0.016696 301.919154;
  --b1: 26.8442% 0.028285 299.769964;
  --b2: 22.6865% 0.023344 295.952767;
  --b3: 39.9632% 0.030791 300.243839;
  --bc: 78.094% 0.014175 295.243891;
  --bs: 18.5128% 0.016696 301.919154;
  --in: 71.4837% 0.125737 215.220912;
  --inc: 95.6262% 0.044329 203.387819;
  --su: 73.1062% 0.216656 147.04398;
  --suc: 96.444% 0.02867 172.082984;
  --wa: 79.8713% 0.164239 73.093986;
  --wac: 98.4165% 0.02418 94.061783;
  --er: 65.3932% 0.222085 25.863852;
  --erc: 97.5752% 0.015143 61.349176;
}

@property --motion-bounce {
  syntax: "*";
  inherits: false;
  initial-value: linear(0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 13.6%, 0.25, 0.391, 0.563, 0.765,1, 0.891 40.9%, 0.848, 0.813, 0.785, 0.766, 0.754, 0.75, 0.754, 0.766, 0.785,0.813, 0.848, 0.891 68.2%, 1 72.7%, 0.973, 0.953, 0.941, 0.938, 0.941, 0.953,0.973, 1, 0.988, 0.984, 0.988, 1);
}

@property --motion-spring-smooth {
  syntax: "*";
  inherits: false;
  initial-value: linear(0, 0.001 0.44%, 0.0045 0.94%, 0.0195 2.03%, 0.0446 3.19%, 0.0811 4.5%, 0.1598 6.82%, 0.3685 12.34%, 0.4693 15.17%, 0.5663, 0.6498 21.27%, 0.7215 24.39%, 0.7532 25.98%, 0.7829 27.65%, 0.8105, 0.8349 31.14%, 0.8573 32.95%, 0.8776 34.84%, 0.8964 36.87%, 0.9136 39.05%, 0.929 41.37%, 0.9421 43.77%, 0.9537 46.38%, 0.9636 49.14%, 0.9789 55.31%, 0.9888 62.35%, 0.9949 71.06%, 0.9982 82.52%, 0.9997 99.94%);
}

@property --motion-spring-snappy {
  syntax: "*";
  inherits: false;
  initial-value: linear(0, 0.0014, 0.0053 1.02%, 0.0126, 0.0227 2.18%, 0.0517 3.41%, 0.094 4.79%, 0.1865 7.26%, 0.4182 12.77%, 0.5246 15.46%, 0.6249, 0.7112, 0.7831 23.95%, 0.8146 25.4%, 0.844, 0.8699 28.45%, 0.8935, 0.9139 31.64%, 0.932, 0.9473, 0.9601 36.65%, 0.9714 38.47%, 0.9808 40.35%, 0.9948 44.49%, 1.0031 49.43%, 1.0057 53.35%, 1.0063 58.14%, 1.0014 80.78%, 1.0001 99.94%);
}

@property --motion-spring-bouncy {
  syntax: "*";
  inherits: false;
  initial-value: linear(0, 0.0018, 0.0069, 0.0151 1.74%, 0.0277 2.4%, 0.062 3.7%, 0.1115 5.15%, 0.2211 7.77%, 0.4778 13.21%, 0.5912 15.75%, 0.6987 18.44%, 0.7862 20.98%, 0.861 23.59%, 0.8926, 0.9205, 0.945 27.51%, 0.9671 28.89%, 0.9868, 1.003 31.79%, 1.0224 34.11%, 1.0358 36.58%, 1.0436 39.27%, 1.046 42.31%, 1.0446 44.71%, 1.0406 47.47%, 1.0118 61.84%, 1.0027 69.53%, 0.9981 80.49%, 0.9991 99.94%);
}

@property --motion-spring-bouncier {
  syntax: "*";
  inherits: false;
  initial-value: linear(0, 0.0023, 0.0088, 0.0194 1.59%, 0.035 2.17%, 0.078 3.33%, 0.1415 4.64%, 0.2054 5.75%, 0.2821 6.95%, 0.5912 11.45%, 0.7205 13.43%, 0.8393 15.45%, 0.936 17.39%, 0.9778, 1.015, 1.0477, 1.0759, 1.0998 22.22%, 1.1203, 1.1364, 1.1484 25.26%, 1.1586 26.61%, 1.1629 28.06%, 1.1613 29.56%, 1.1537 31.2%, 1.1434 32.6%, 1.1288 34.19%, 1.0508 41.29%, 1.0174 44.87%, 1.0025 46.89%, 0.9911 48.87%, 0.9826 50.9%, 0.9769 53.03%, 0.9735 56.02%, 0.9748 59.45%, 0.9964 72.64%, 1.0031 79.69%, 1.0042 86.83%, 1.0008 99.97%);
}

@property --motion-spring-bounciest {
  syntax: "*";
  inherits: false;
  initial-value: linear(0, 0.0032, 0.0131, 0.0294, 0.0524, 0.0824, 0.1192 1.54%, 0.2134 2.11%, 0.3102 2.59%, 0.4297 3.13%, 0.8732 4.95%, 1.0373, 1.1827 6.36%, 1.2972 7.01%, 1.3444, 1.3859, 1.4215, 1.4504, 1.4735, 1.4908, 1.5024, 1.5084 9.5%, 1.5091, 1.5061, 1.4993, 1.4886, 1.4745, 1.4565 11.11%, 1.4082 11.7%, 1.3585 12.2%, 1.295 12.77%, 1.0623 14.64%, 0.9773, 0.9031 16.08%, 0.8449 16.73%, 0.8014, 0.7701 17.95%, 0.7587, 0.7501, 0.7443, 0.7412 19.16%, 0.7421 19.68%, 0.7508 20.21%, 0.7672 20.77%, 0.7917 21.37%, 0.8169 21.87%, 0.8492 22.43%, 0.9681 24.32%, 1.0114, 1.0492 25.75%, 1.0789 26.41%, 1.1008, 1.1167, 1.1271, 1.1317 28.81%, 1.1314, 1.1271 29.87%, 1.1189 30.43%, 1.1063 31.03%, 1.0769 32.11%, 0.9941 34.72%, 0.9748 35.43%, 0.9597 36.09%, 0.9487, 0.9407, 0.9355, 0.933 38.46%, 0.9344 39.38%, 0.9421 40.38%, 0.9566 41.5%, 0.9989 44.12%, 1.0161 45.37%, 1.029 46.75%, 1.0341 48.1%, 1.0335 49.04%, 1.0295 50.05%, 1.0221 51.18%, 0.992 55.02%, 0.9854 56.38%, 0.9827 57.72%, 0.985 59.73%, 1.004 64.67%, 1.0088 67.34%, 1.0076 69.42%, 0.9981 74.28%, 0.9956 76.85%, 0.9961 79.06%, 1.0023 86.46%, 0.999 95.22%, 0.9994 100%);
}

@property --motion-origin-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --motion-origin-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --motion-origin-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --motion-origin-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --motion-origin-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0deg;
}

@property --motion-origin-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0px;
}

@property --motion-origin-grayscale {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --motion-origin-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --motion-origin-background-color {
  syntax: "*";
  inherits: false;
}

@property --motion-origin-text-color {
  syntax: "*";
  inherits: false;
}

@property --motion-end-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --motion-end-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --motion-end-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --motion-end-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --motion-end-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0deg;
}

@property --motion-end-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0px;
}

@property --motion-end-grayscale {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --motion-end-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --motion-end-background-color {
  syntax: "*";
  inherits: false;
}

@property --motion-end-text-color {
  syntax: "*";
  inherits: false;
}

@property --motion-loop-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --motion-loop-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --motion-loop-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --motion-loop-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --motion-loop-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0deg;
}

@property --motion-loop-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0px;
}

@property --motion-loop-grayscale {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --motion-loop-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --motion-loop-background-color {
  syntax: "*";
  inherits: false;
}

@property --motion-loop-text-color {
  syntax: "*";
  inherits: false;
}

@property --motion-duration {
  syntax: "*";
  inherits: false;
  initial-value: 700ms;
}

@property --motion-timing {
  syntax: "*";
  inherits: false;
  initial-value: cubic-bezier(.165, .84, .44, 1);
}

@property --motion-perceptual-duration-multiplier {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --motion-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0ms;
}

@property --motion-loop-count {
  syntax: "*";
  inherits: false;
  initial-value: infinite;
}

@property --motion-scale-in-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-translate-in-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-rotate-in-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-filter-in-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-opacity-in-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-background-color-in-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-text-color-in-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-scale-out-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-translate-out-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-rotate-out-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-filter-out-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-opacity-out-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-background-color-out-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-text-color-out-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-scale-loop-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-translate-loop-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-rotate-loop-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-filter-loop-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-opacity-loop-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-background-color-loop-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --motion-text-color-loop-animation {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@media screen and (prefers-reduced-motion: no-preference) {

  @keyframes motion-scale-in {

    0% {
      scale: var(--motion-origin-scale-x) var(--motion-origin-scale-y);
    }

    100% {
      scale: 1 1;
    }
  }

  @keyframes motion-scale-out {

    0% {
      scale: 1 1;
    }

    100% {
      scale: var(--motion-end-scale-x) var(--motion-end-scale-y);
    }
  }

  @keyframes motion-scale-loop-mirror {

    0%, 100% {
      scale: 1 1;
    }

    50% {
      scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
    }
  }

  @keyframes motion-scale-loop-reset {

    0% {
      scale: 1 1;
    }

    100% {
      scale: var(--motion-loop-scale-x) var(--motion-loop-scale-y);
    }
  }

  @keyframes motion-translate-in {

    0% {
      translate: var(--motion-origin-translate-x) var(--motion-origin-translate-y);
    }

    100% {
      translate: 0 0;
    }
  }

  @keyframes motion-translate-out {

    0% {
      translate: 0 0;
    }

    100% {
      translate: var(--motion-end-translate-x) var(--motion-end-translate-y);
    }
  }

  @keyframes motion-translate-loop-mirror {

    0%, 100% {
      translate: 0 0;
    }

    50% {
      translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
    }
  }

  @keyframes motion-translate-loop-reset {

    0% {
      translate: 0 0;
    }

    100% {
      translate: var(--motion-loop-translate-x) var(--motion-loop-translate-y);
    }
  }

  @keyframes motion-rotate-in {

    0% {
      rotate: var(--motion-origin-rotate);
    }

    100% {
      rotate: 0;
    }
  }

  @keyframes motion-rotate-out {

    0% {
      rotate: 0;
    }

    100% {
      rotate: var(--motion-end-rotate);
    }
  }

  @keyframes motion-rotate-loop-mirror {

    0%, 100% {
      rotate: 0deg;
    }

    50% {
      rotate: var(--motion-loop-rotate);
    }
  }

  @keyframes motion-rotate-loop-reset {

    0% {
}

    100% {
      rotate: var(--motion-loop-rotate);
    }
  }
}

@keyframes motion-filter-in {

  0% {
    filter: blur(var(--motion-origin-blur)) grayscale(var(--motion-origin-grayscale));
  }

  100% {
    filter: blur(0) grayscale(0);
  }
}

@keyframes motion-filter-out {

  0% {
    filter: blur(0) grayscale(0);
  }

  100% {
    filter: blur(var(--motion-end-blur)) grayscale(var(--motion-end-grayscale));
  }
}

@keyframes motion-filter-loop-mirror {

  0%, 100% {
    filter: blur(0) grayscale(0);
  }

  50% {
    filter: blur(var(--motion-loop-blur)) grayscale(var(--motion-loop-grayscale));
  }
}

@keyframes motion-filter-loop-reset {

  0% {
    filter: blur(0) grayscale(0);
  }

  100% {
    filter: blur(var(--motion-loop-blur)) grayscale(var(--motion-loop-grayscale));
  }
}

@keyframes motion-opacity-in {

  0% {
    opacity: var(--motion-origin-opacity);
  }
}

@keyframes motion-opacity-out {

  100% {
    opacity: var(--motion-end-opacity);
  }
}

@keyframes motion-opacity-loop-mirror {

  0%, 100% {
}

  50% {
    opacity: var(--motion-loop-opacity);
  }
}

@keyframes motion-opacity-loop-reset {

  0% {
}

  100% {
    opacity: var(--motion-loop-opacity);
  }
}

@keyframes motion-background-color-in {

  0% {
    background-color: var(--motion-origin-background-color);
  }
}

@keyframes motion-background-color-out {

  100% {
    background-color: var(--motion-end-background-color);
  }
}

@keyframes motion-background-color-loop-mirror {

  0%, 100% {
}

  50% {
    background-color: var(--motion-loop-background-color);
  }
}

@keyframes motion-background-color-loop-reset {

  0% {
}

  100% {
    background-color: var(--motion-loop-background-color);
  }
}

@keyframes motion-text-color-in {

  0% {
    color: var(--motion-origin-text-color);
  }
}

@keyframes motion-text-color-out {

  100% {
    color: var(--motion-end-text-color);
  }
}

@keyframes motion-text-color-loop-mirror {

  0%, 100% {
}

  50% {
    color: var(--motion-loop-text-color);
  }
}

@keyframes motion-text-color-loop-reset {

  0% {
}

  100% {
    color: var(--motion-loop-text-color);
  }
}
    html{
        min-height: 100%;
    }
    html, body{
      font-family: "Roobert", system-ui, -apple-system, sans-serif;
    }
    html{
        display: flex;
        flex-direction: column;
    }
    body, #root {
        display: flex;
        flex-direction: column;
        height: unset;
        margin: 0;
        padding: 0;
        flex: 1;
        background-color: #f5f5f5;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))}
    *, *::before, *::after {
        box-sizing: border-box;
    }

/*
   add custom components using imports, as described here:
   https://tailwindcss.com/docs/using-with-preprocessors#build-time-imports
*/

.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 640px) {

  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {

  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {

  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.advance-select-toggle {
  position: relative;
  display: flex;
  width: 100%;
  cursor: pointer;
  text-wrap: nowrap;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-inline-end: 2.25rem;
  text-align: start;
  border-radius: var(--rounded-btn, 0.375rem);
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.advance-select-menu {
  z-index: 10;
  width: 100%;
  padding: 0.5rem;
  border-radius: var(--rounded-box, 0.5rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  background-image: none;
  --tw-shadow: 0 10px 15px -2px var(--fallback-bs,oklch(var(--bs)/0.34));
  --tw-shadow-colored: 0 10px 15px -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);
}

.advance-select-menu > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}

.advance-select-option {
  width: 100%;
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-radius: var(--rounded-btn, 0.375rem);
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.advance-select-tag {
  position: relative;
  display: flex;
  width: 100%;
  cursor: pointer;
  text-wrap: nowrap;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-inline-end: 2.25rem;
  text-align: start;
  border-radius: var(--rounded-box, 0.5rem);
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.alert {
  position: relative;
  width: 100%;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.375rem;
  border-radius: var(--rounded-box, 0.5rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
}

.avatar {
  position: relative;
  display: inline-flex;
  font-size: 1rem;
  line-height: 1.375rem;
}

.avatar > div {
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.avatar img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.avatar.placeholder > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pull-up .avatar {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 150ms;
  transition-duration: 0.25s;
}

.pull-up .avatar:hover {
  z-index: 30;
  --tw-translate-y: -0.25rem;
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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));
  border-radius: 9999px;
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26));
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.badge {
  display: inline-flex;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--rounded-btn, 0.375rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.breadcrumbs {
  max-width: 100%;
  overflow-x: auto;
}

.breadcrumbs > ul,
  .breadcrumbs > ol {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.5rem;
  min-height: -moz-min-content;
  min-height: min-content;
}

.breadcrumbs > ul .breadcrumbs-separator, .breadcrumbs > ol .breadcrumbs-separator {
  display: inline-flex;
  width: 1.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.breadcrumbs > ul > li, .breadcrumbs > ol > li {
  display: inline-flex;
  align-items: center;
  line-height: 22px;
}

.breadcrumbs > ul > li > a, .breadcrumbs > ol > li > a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.breadcrumbs > ul > li > a:hover, .breadcrumbs > ol > li > a:hover {
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.breadcrumbs > ul > li:last-child, .breadcrumbs > ol > li:last-child {
  cursor: text;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.btn {
  display: inline-flex;
  height: 2.375rem;
  min-height: 2.375rem;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
  gap: 0.5rem;
  border-radius: var(--rounded-btn, 0.375rem);
  border-color: currentColor;
  border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
  text-decoration-line: none;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  border-width: var(--border-btn, 1px);
  transition-property: color, background-color, border-color, opacity, box-shadow, transform;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26));
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
  background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;
}

.btn-disabled,
  .btn[disabled],
  .btn:disabled {
  pointer-events: none;
}

.btn-square {
  height: 2.375rem;
  width: 2.375rem;
  padding: 0px;
}

.btn-circle {
  height: 2.375rem;
  width: 2.375rem;
  border-radius: 9999px;
  padding: 0px;
}

:where(.btn:is(input[type="checkbox"])),
:where(.btn:is(input[type="radio"])) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.btn:is(input[type="checkbox"]):after,
.btn:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--rounded-box, 0.5rem);
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
  box-shadow: var(--card-shadow, 0px 2px 4px 0px oklch(var(--bs) / 0.26));
  border-width: var(--card-border, 0px);
}

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

.card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
  padding: var(--padding-card, 1.5rem);
}

.card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.75rem;
}

.card-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

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

.card.image-full {
  display: grid;
}

.card.image-full:before {
  position: relative;
  content: "";
  z-index: 10;
  border-radius: var(--rounded-box, 0.5rem);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.58) 100%);
}

.card.image-full:before,
    .card.image-full > * {
  grid-column-start: 1;
  grid-row-start: 1;
}

.card.image-full > figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card.image-full > .card-body {
  position: relative;
  z-index: 20;
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity, 1)));
}

:where(.card figure > *) {
  width: 100%;
}

@media (min-width: 640px) {

  .modal-dialog {
    max-width: 32rem;
  }
}

.card-group > .card {
  flex: 1 0 0%;
  border-radius: 0px;
  --card-shadow: none;
  --card-border: 0;
}

.carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
}

.carousel-body {
  display: flex;
  flex-wrap: nowrap;
}

.carousel-prev,
.carousel-next {
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: inline-flex;
  height: 100%;
  width: 10%;
  align-items: center;
  justify-content: center;
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
}

@media not all and (min-width: 640px) {

  .carousel-prev,
.carousel-next {
    width: 18%;
  }
}

.carousel-prev {
  inset-inline-start: 0px;
  border-start-start-radius: 1rem;
  border-end-start-radius: 1rem;
}

.carousel-next {
  inset-inline-end: 0px;
  border-start-end-radius: 1rem;
  border-end-end-radius: 1rem;
}

.carousel-box {
  height: 0.25rem;
  width: 2.5rem;
  cursor: pointer;
  background-color: var(--fallback-n,oklch(var(--n)/0.3));
}

.active.carousel-box {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.active .carousel-box {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.active.carousel-dot {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.active .carousel-dot {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.chat {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.\!checkbox {
  flex-shrink: 0 !important;
  --chkbg: var(--fallback-n,oklch(var(--n)/1)) !important;
  --chkfg: var(--fallback-nc,oklch(var(--nc)/1)) !important;
  position: relative !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  border-radius: var(--rounded-btn, 0.375rem) !important;
  border-width: 1.5px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

.checkbox {
  flex-shrink: 0;
  --chkbg: var(--fallback-n,oklch(var(--n)/1));
  --chkfg: var(--fallback-nc,oklch(var(--nc)/1));
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: var(--rounded-btn, 0.375rem);
  border-width: 1.5px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.\!collapse:not(td):not(tr):not(colgroup) {
  visibility: visible !important;
}

.collapse:not(td):not(tr):not(colgroup) {
  visibility: visible;
}

.diff {
  position: relative;
  display: grid;
  width: 100%;
  overflow: hidden;
  container-type: inline-size;
  grid-template-columns: auto 1fr;
}

.divider {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 1rem;
  white-space: nowrap;
}

.divider::before {
  height: 1px;
  width: 100%;
  flex-grow: 1;
  border-top-width: 1px;
  --tw-content: '';
  content: var(--tw-content);
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}

.divider::after {
  display: flex;
  height: 1px;
  width: 100%;
  flex-grow: 1;
  border-top-width: 1px;
  --tw-content: '';
  content: var(--tw-content);
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}

.dropdown-menu {
  z-index: 10;
  margin-top: 0.5rem;
  text-wrap: nowrap;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.375rem;
  opacity: 0;
  transition-property: opacity,margin;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  border-radius: var(--rounded-box, 0.5rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  --tw-shadow: 0 10px 15px -2px var(--fallback-bs,oklch(var(--bs)/0.34));
  --tw-shadow-colored: 0 10px 15px -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);
}

.dropdown-item {
  clear: both;
  display: flex;
  width: 100%;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-align: inherit;
  border-radius: var(--rounded-btn, 0.375rem);
  background-color: transparent;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
  text-decoration-line: none;
  text-decoration-thickness: 0px;
}

.dropdown-header,
.dropdown-footer {
  position: static;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
}

.dropdown-header {
  margin: -0.5rem;
  margin-bottom: 0.5rem;
  border-top-left-radius: var(--rounded-box, 0.5rem);
  border-top-right-radius: var(--rounded-box, 0.5rem);
  border-bottom-width: 1px;
}

.footer {
  display: grid;
  width: 100%;
  grid-auto-flow: row;
  place-items: start;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 2.5rem;
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
}

.footer > * {
  display: grid;
  place-items: start;
  gap: 0.75rem;
}

@media (min-width: 48rem) {

  .footer {
    grid-auto-flow: column;
  }

  .footer-center {
    grid-auto-flow: row dense;
  }
}

.label:where(:not(.label-text)) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.indicator {
  position: relative;
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
}

.indicator :where(.indicator-item) {
  z-index: 1;
  position: absolute;
  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));
  white-space: nowrap;
}

.\!input {
  height: 2.375rem !important;
  width: 100% !important;
  flex-shrink: 1 !important;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.375rem !important;
  font-weight: 400 !important;
  border-radius: var(--rounded-btn, 0.375rem) !important;
  border-width: 1px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
  color: var(--fallback-bc,oklch(var(--bc)/0.8)) !important;
  transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out !important;
}

.input {
  height: 2.375rem;
  width: 100%;
  flex-shrink: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
  border-radius: var(--rounded-btn, 0.375rem);
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
  transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.\!input::file-selector-button {
  margin-inline-end: 1rem !important;
  display: inline-flex !important;
  height: 100% !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  text-align: center !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  line-height: 1em !important;
  border-start-start-radius: var(--rounded-btn, 0.375rem) !important;
  border-end-start-radius: var(--rounded-btn, 0.375rem) !important;
  border-width: 0px !important;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  --tw-text-opacity: 1 !important;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1))) !important;
  text-decoration-line: none !important;
}

.input::file-selector-button {
  margin-inline-end: 1rem;
  display: inline-flex;
  height: 100%;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1em;
  border-start-start-radius: var(--rounded-btn, 0.375rem);
  border-end-start-radius: var(--rounded-btn, 0.375rem);
  border-width: 0px;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
  text-decoration-line: none;
}

.input-filled {
  height: 3rem;
  font-size: 1rem;
  line-height: 1.375rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.6));
  background-color: var(--fallback-bc,oklch(var(--bc)/0.05));
}

.input-filled-focused {
  position: relative;
  top: -1px;
  z-index: 10;
  display: block;
  height: 0.125rem;
  width: 100%;
  --tw-scale-x: 0;
  --tw-scale-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));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-delay: 0s;
  transition-duration: 150ms;
}

.\!input[type="number"]::-webkit-inner-spin-button {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
  margin-inline-end: -0.25rem !important;
}

.input[type="number"]::-webkit-inner-spin-button {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
  margin-inline-end: -0.25rem;
}

.input-sm[type="number"]::-webkit-inner-spin-button {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-inline-end: 0px;
}

.input-lg[type="number"]::-webkit-inner-spin-button {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
  margin-inline-end: 0.75rem;
}

.\!input[type="file"] {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.input[type="file"] {
  padding-left: 0px;
  padding-right: 0px;
}

.join {
  display: inline-flex;
  align-items: stretch;
  border-radius: var(--rounded-btn, 0.375rem);
}

.join :where(.join-item) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

.join .join-item:not(:first-child):not(:last-child),
  .join *:not(:first-child):not(:last-child) .join-item {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

.join > .join-item:first-child:not(:last-child),
  .join *:first-child:not(:last-child) .join-item {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.join > :where(.join-item:first-child:not(:last-child)),
  .join :where(*:first-child:not(:last-child) .join-item) {
  border-end-start-radius: inherit;
  border-start-start-radius: inherit;
}

.join > .join-item:last-child:not(:first-child),
  .join *:last-child:not(:first-child) .join-item {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

.join > :where(.join-item:last-child:not(:first-child)),
  .join :where(*:last-child:not(:first-child) .join-item) {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}

@supports not selector(:has(*)) {

  :where(.join *) {
    border-radius: inherit;
  }
}

@supports selector(:has(*)) {

  :where(.join *:has(.join-item)) {
    border-radius: inherit;
  }
}

.kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--rounded-btn, 0.375rem);
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25));
  background-color: var(--fallback-b2,oklch(var(--b2)/0.2));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-bottom-width: 2px;
  min-height: 2.2em;
  min-width: 2.2em;
}

.link {
  display: inline-block;
  cursor: pointer;
  text-decoration-line: underline;
}

.link-hover {
  text-decoration-line: none;
}

@media (hover:hover) {

  .link-hover:hover {
    text-decoration-line: underline;
  }

  .label a:hover {
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
  }

  .\!menu li:not(.disabled, :disabled, [disabled]) > :not(ul, .menu-title, .collapse, .btn):active,
.\!menu li:not(.disabled, :disabled, [disabled]) > :not(ul, .menu-title, .collapse, .btn).active {
    background-color: var(--fallback-p,oklch(var(--p)/0.1)) !important;
    --tw-text-opacity: 1 !important;
    color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1))) !important;
  }

  .menu li:not(.disabled, :disabled, [disabled]) > :not(ul, .menu-title, .collapse, .btn):active,
.menu li:not(.disabled, :disabled, [disabled]) > :not(ul, .menu-title, .collapse, .btn).active {
    background-color: var(--fallback-p,oklch(var(--p)/0.1));
    --tw-text-opacity: 1;
    color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
  }

  .\!menu li:not(.disabled, :disabled, [disabled]) > :not(ul, .menu-title, .collapse, .btn):active,
.\!menu li:not(.disabled, :disabled, [disabled]) > :not(ul, .menu-title, .collapse, .btn).active {
    background-color: var(--fallback-p,oklch(var(--p)/0.1)) !important;
    --tw-text-opacity: 1 !important;
    color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1))) !important;
  }

  .\!radio.is-valid:hover,
.validate .\!radio:valid:hover {
    --tw-border-opacity: 1 !important;
    border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  }

  .radio.is-valid:hover,
.validate .radio:valid:hover {
    --tw-border-opacity: 1 !important;
    border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  }

  .\!radio.is-valid:hover,
.validate .\!radio:valid:hover {
    --tw-border-opacity: 1 !important;
    border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  }

  .\!radio.is-invalid:hover,
.validate .\!radio:invalid:hover {
    --tw-border-opacity: 1 !important;
    border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  }

  .radio.is-invalid:hover,
.validate .radio:invalid:hover {
    --tw-border-opacity: 1 !important;
    border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  }

  .\!radio.is-invalid:hover,
.validate .\!radio:invalid:hover {
    --tw-border-opacity: 1 !important;
    border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  }

  .radio-inset.is-valid:hover,
.validate .radio-inset:valid:hover {
    --tw-border-opacity: 1 !important;
    border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  }

  .radio-inset.is-invalid:hover,
.validate .radio-inset:invalid:hover {
    --tw-border-opacity: 1 !important;
    border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  }

  .tabs-bordered > .tab:hover {
    border-color: var(--fallback-p,oklch(var(--p)/0.3));
    --tw-text-opacity: 1;
    color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
  }

  .tabs-lifted > .tab:hover {
    border-color: var(--fallback-p,oklch(var(--p)/0.3));
    --tw-text-opacity: 1;
    color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
  }

  .\!table tr.hover:hover,
  .\!table tr.hover:nth-child(even):hover {
    background-color: var(--fallback-bc,oklch(var(--bc)/0.05)) !important;
  }

  .table tr.hover:hover,
  .table tr.hover:nth-child(even):hover {
    background-color: var(--fallback-bc,oklch(var(--bc)/0.05));
  }

  .\!table tr.hover:hover,
  .\!table tr.hover:nth-child(even):hover {
    background-color: var(--fallback-bc,oklch(var(--bc)/0.05)) !important;
  }

  .table-striped tr.hover,
  .table-striped tr.hover:nth-child(even) {
    background-color: var(--fallback-bc,oklch(var(--bc)/0.05));
  }
}

.mask {
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.\!menu {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: wrap !important;
  gap: 0.125rem !important;
  border-radius: var(--rounded-box, 0.5rem) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
  padding: 0.5rem !important;
}

.menu {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.125rem;
  border-radius: var(--rounded-box, 0.5rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  padding: 0.5rem;
}

.\!menu :where(li ul) {
  position: relative !important;
  white-space: nowrap !important;
}

.menu :where(li ul) {
  position: relative;
  white-space: nowrap;
}

.\!menu :where(li:not(.menu-title) > *:not(ul, .collapse, .menu-title, .btn)) {
  display: grid !important;
  grid-auto-flow: column !important;
  align-content: flex-start !important;
  align-items: center !important;
  gap: 0.5rem !important;
  grid-auto-columns: minmax(auto, max-content) auto max-content !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.menu :where(li:not(.menu-title) > *:not(ul, .collapse, .menu-title, .btn)) {
  display: grid;
  grid-auto-flow: column;
  align-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  grid-auto-columns: minmax(auto, max-content) auto max-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.\!menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
  display: none !important;
}

.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
  display: none;
}

:where(.\!menu li) {
  position: relative !important;
  display: flex !important;
  flex-shrink: 0 !important;
  flex-direction: column !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

:where(.menu li) {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
}

:where(.\!menu li) .badge {
  justify-self: end !important;
}

:where(.menu li) .badge {
  justify-self: end;
}

.\!modal {
  pointer-events: none !important;
  position: fixed !important;
  inset: 0px !important;
  z-index: 80 !important;
  margin: 0px !important;
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  justify-items: center !important;
  padding: 1rem !important;
  opacity: 0 !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.modal {
  pointer-events: none;
  position: fixed;
  inset: 0px;
  z-index: 80;
  margin: 0px;
  display: grid;
  width: 100%;
  height: 100%;
  justify-items: center;
  padding: 1rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.modal-dialog {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.modal-content {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  max-height: calc(100vh - 2rem);
  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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  --tw-shadow: 0 20px 25px -6px var(--fallback-bs,oklch(var(--bs)/0.38));
  --tw-shadow-colored: 0 20px 25px -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);
  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-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 300ms;
  overscroll-behavior: contain;
}

.modal-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
}

.modal-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.modal-body {
  overflow-y: auto;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
  overflow-x: hidden;
  padding: 1.5rem;
}

.modal-body::-webkit-scrollbar {
  width: 0.5rem;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.5rem;
}

.navbar {
  display: flex;
  align-items: center;
  padding: var(--navbar-padding, 0.75rem 1.5rem);
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.navbar-start {
  display: flex;
  width: 50%;
  justify-content: flex-start;
}

.navbar-center {
  flex-shrink: 0;
}

.navbar-end {
  display: flex;
  width: 50%;
  justify-content: flex-end;
}

.pin-input {
  width: 2.375rem;
  height: 2.375rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.375rem;
  border-radius: var(--rounded-btn, 0.375rem);
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.progress {
  display: flex;
  height: 0.375rem;
  width: 100%;
  overflow: hidden;
  border-radius: 9999px;
  --progress-color: var(--fallback-n,oklch(var(--n)/1));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
}

.progress-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 9999px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity, 1)));
}

.\!radio {
  flex-shrink: 0 !important;
}

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

.range {
  height: 0.5rem;
  width: 100%;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  --range-shdw: var(--fallback-bc,oklch(var(--bc)/1));
  position: relative;
  border-radius: 9999px;
  background-color: transparent;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.range:focus {
  outline: none;
}

.\!select {
  display: inline-flex !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  height: 2.375rem !important;
  width: 100% !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  font-size: 1rem !important;
  line-height: 2 !important;
  line-height: 1.375rem !important;
  border-radius: var(--rounded-btn, 0.375rem) !important;
  border-width: 1px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
  color: var(--fallback-bc,oklch(var(--bc)/0.8)) !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%271em%27 height=%271em%27 viewBox=%270 0 24 24%27><path fill=%27none%27 stroke=%27%239293AE%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m6 9l6 6l6-6%27/></svg>") !important;
  background-size: 1.3em !important;
  background-position: calc(100% - 1rem) center !important;
  background-repeat: no-repeat !important;
}

.select {
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 2.375rem;
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1rem;
  line-height: 2;
  line-height: 1.375rem;
  border-radius: var(--rounded-btn, 0.375rem);
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%271em%27 height=%271em%27 viewBox=%270 0 24 24%27><path fill=%27none%27 stroke=%27%239293AE%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m6 9l6 6l6-6%27/></svg>");
  background-size: 1.3em;
  background-position: calc(100% - 1rem) center;
  background-repeat: no-repeat;
}

.\!select[multiple] {
  height: auto !important;
}

.select[multiple] {
  height: auto;
}

.\!select.select-floating.select-lg .select-floating-label {
  margin-inline-start: 0.75rem !important;
}

.select.select-floating.select-lg .select-floating-label {
  margin-inline-start: 0.75rem;
}

.\!select.select-floating.select-lg .select-filled-label {
  margin-inline-start: 1rem !important;
}

.select.select-floating.select-lg .select-filled-label {
  margin-inline-start: 1rem;
}

.stack {
  display: inline-grid;
  place-items: center;
  align-items: flex-end;
}

.stack > * {
  grid-column-start: 1;
  grid-row-start: 1;
  transform: translateY(14%) scale(0.9);
  z-index: 1;
  width: 100%;
  opacity: 0.6;
}

.stack > *:nth-child(2) {
  transform: translateY(7%) scale(0.95);
  z-index: 2;
  opacity: 0.8;
}

.stack > *:nth-child(1) {
  transform: translateY(0) scale(1) translateX(0);
  z-index: 3;
  opacity: 1;
}

.stats {
  display: inline-grid;
  border-radius: var(--rounded-box, 0.5rem);
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
  box-shadow: var(--card-shadow, 0px 2px 4px 0px oklch(var(--bs) / 0.26));
  border-width: var(--card-border, 0px);
}

:where(.stats) {
  grid-auto-flow: column;
  overflow-x: auto;
}

.stat {
  display: inline-grid;
  width: 100%;
  grid-template-columns: repeat(1, 1fr);
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.25rem;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.stat-title {
  grid-column-start: 1;
  white-space: nowrap;
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
}

.stat-value {
  grid-column-start: 1;
  white-space: nowrap;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.stat-desc {
  grid-column-start: 1;
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.swap {
  position: relative;
  display: inline-grid;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  place-content: center;
  cursor: pointer;
}

.swap > * {
  grid-column-start: 1;
  grid-row-start: 1;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-property: transform, opacity;
}

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

.swap .swap-on,
.swap .swap-indeterminate,
.swap input:indeterminate ~ .swap-on {
  opacity: 0;
}

.swap input:checked ~ .swap-off,
.swap-active .swap-off,
.swap input:indeterminate ~ .swap-off {
  opacity: 0;
}

.swap input:checked ~ .swap-on,
.swap-active .swap-on,
.swap input:indeterminate ~ .swap-indeterminate {
  opacity: 1;
}

.switch {
  flex-shrink: 0;
  --tglbg: var(--fallback-b3,oklch(var(--b3)/1));
  --handleoffset: 1.35rem;
  --handleoffsetcalculator: calc(var(--handleoffset) * -1);
  --switchhandleborder: 0 0;
  height: 1.5rem;
  width: 2.875rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  border-radius: 9999px;
  background-color: var(--fallback-b1,oklch(var(--b1)/1));
  transition: background,
    box-shadow var(--animation-input, 0.2s) ease-out;
  box-shadow: var(--handleoffsetcalculator) 0 0 4px var(--tglbg) inset,
    0 0 0 4px var(--tglbg) inset,
    var(--switchhandleborder);
}

.tabs {
  display: flex;
  align-items: flex-end;
}

.tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(.tab-active),
  .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(.tab-active) {
  border-bottom-color: transparent;
}

.tab {
  position: relative;
  display: inline-flex;
  height: 2.375rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1rem;
  line-height: 1.375rem;
  --tab-padding: 1rem;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
  --tab-bg: var(--fallback-b1,oklch(var(--b1)/1));
  --tab-border-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  padding-inline-start: var(--tab-padding, 1rem);
  padding-inline-end: var(--tab-padding, 1rem);
}

.\!table {
  position: relative !important;
  width: 100% !important;
  border-radius: var(--rounded-box, 0.5rem) !important;
  text-align: left !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.table {
  position: relative;
  width: 100%;
  border-radius: var(--rounded-box, 0.5rem);
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.\!table :where(.table-pin-rows thead tr) {
  position: sticky !important;
  top: 0px !important;
  z-index: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

.table :where(.table-pin-rows thead tr) {
  position: sticky;
  top: 0px;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.\!table :where(.table-pin-rows tfoot tr) {
  position: sticky !important;
  bottom: 0px !important;
  z-index: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

.table :where(.table-pin-rows tfoot tr) {
  position: sticky;
  bottom: 0px;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.\!table :where(.table-pin-cols tr th) {
  position: sticky !important;
  inset-inline-end: 0px !important;
  inset-inline-start: 0px !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

.table :where(.table-pin-cols tr th) {
  position: sticky;
  inset-inline-end: 0px;
  inset-inline-start: 0px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.\!textarea {
  display: block !important;
  min-height: 5rem !important;
  width: 100% !important;
  flex-shrink: 1 !important;
  resize: none !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  font-size: 1rem !important;
  line-height: 1.375rem !important;
  border-radius: var(--rounded-box, 0.5rem) !important;
  border-width: 1px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4)) !important;
  color: var(--fallback-bc,oklch(var(--bc)/0.8)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.textarea {
  display: block;
  min-height: 5rem;
  width: 100%;
  flex-shrink: 1;
  resize: none;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.375rem;
  border-radius: var(--rounded-box, 0.5rem);
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4));
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
  overflow-y: auto;
  overflow-x: hidden;
}

.timeline {
  position: relative;
  display: flex;
}

:where(.timeline > li) {
  position: relative;
  display: grid;
  flex-shrink: 0;
  align-items: center;
  grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var(--timeline-row-end, minmax(0, 1fr));
  grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var(--timeline-col-end, minmax(0, 1fr));
}

.timeline > li > hr {
  width: 100%;
}

:where(.timeline > li > hr):first-child {
  grid-column-start: 1;
  grid-row-start: 2;
}

:where(.timeline > li > hr):last-child {
  grid-column-start: 3;
  grid-column-end: none;
  grid-row-start: 2;
  grid-row-end: auto;
}

.tooltip {
  display: inline-block;
  text-align: center;
}

.tooltip-content {
  visibility: hidden;
  position: absolute;
  display: inline-block;
  padding: 0.5rem;
  opacity: 0;
  width: -moz-max-content;
  width: max-content;
  z-index: 20;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tooltip-body {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  line-height: 1.25rem;
  --tooltip-color: var(--fallback-n,oklch(var(--n)/1));
  --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1));
  border-radius: var(--rounded-tooltip, 0.25rem);
  font-size: 0.875rem;
  --tw-shadow: 0 4px 6px -1px var(--fallback-bs,oklch(var(--bs)/0.2));
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background-color: var(--tooltip-color);
  color: var(--tooltip-text-color);
}

.accordion-toggle {
  width: 100%;
  cursor: pointer;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.accordion-toggle:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.accordion-shadow :where(.accordion-item) {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: var(--rounded-box, 0.5rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  --tw-shadow: 0 4px 6px -1px var(--fallback-bs,oklch(var(--bs)/0.2));
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.accordion-shadow :where(.accordion-item) .accordion-item:first-of-type {
  margin-top: 0px;
}

.accordion-shadow :where(.accordion-item) .accordion-item:last-of-type {
  margin-bottom: 0px;
}

.accordion-shadow :where(.accordion-item) > *:first-child {
  border-top-left-radius: var(--rounded-box, 0.5rem);
  border-top-right-radius: var(--rounded-box, 0.5rem);
}

.accordion-shadow :where(.accordion-item) > *:last-child {
  border-bottom-right-radius: var(--rounded-box, 0.5rem);
  border-bottom-left-radius: var(--rounded-box, 0.5rem);
}

.accordion:where(.accordion-bordered) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25));
}

.accordion:where(.accordion-bordered) {
  border-radius: var(--rounded-box, 0.5rem);
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.advance-select-toggle:hover {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.6));
}

.disabled.advance-select-toggle {
  pointer-events: none;
  border-width: 0px;
  background-color: var(--fallback-n,oklch(var(--n)/0.1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--fallback-n,oklch(var(--n)/0.5));
}

.disabled .advance-select-toggle {
  pointer-events: none;
  border-width: 0px;
  background-color: var(--fallback-n,oklch(var(--n)/0.1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--fallback-n,oklch(var(--n)/0.5));
}

.advance-select-toggle:focus,
  .advance-select-toggle:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.22));
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1)));
}

.advance-select-toggle:focus-visible {
  outline: unset;
}

.advance-select-option:hover {
  background-color: var(--fallback-n,oklch(var(--n)/0.1));
}

.advance-select-option:focus {
  background-color: var(--fallback-n,oklch(var(--n)/0.1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.advance-select-option.active,
  .advance-select-option:active {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.advance-select-tag:hover {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.6));
}

.advance-select-tag:focus,
  .advance-select-tag:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.22));
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1)));
}

.advance-select-tag:focus-visible {
  outline: unset;
}

select.is-valid + .advance-select-toggle,
.advance-select-tag:has(> .is-valid),
.validate select:has(~ * > .selected) + .advance-select-toggle {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
}


.validate select:has(~ * > .\!selected) + .advance-select-toggle {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

select.is-valid + .advance-select-toggle:focus,
  select.is-valid + .advance-select-toggle:focus-within,
  .advance-select-tag:has(> .is-valid):focus,
  .advance-select-tag:has(> .is-valid):focus-within,
  .validate select:has(~ * > .selected) + .advance-select-toggle:focus,
  .validate select:has(~ * > .selected) + .advance-select-toggle:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22));
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1)));
}


  .validate select:has(~ * > .\!selected) + .advance-select-toggle:focus,
  .validate select:has(~ * > .\!selected) + .advance-select-toggle:focus-within {
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22)) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1))) !important;
}

select.is-invalid + .advance-select-toggle,
.advance-select-tag:has(> .is-invalid),
.validate select:not(:has(~ * > .selected)) + .advance-select-toggle {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
}

select.is-invalid + .advance-select-toggle:focus,
  select.is-invalid + .advance-select-toggle:focus-within,
  .advance-select-tag:has(> .is-invalid):focus,
  .advance-select-tag:has(> .is-invalid):focus-within,
  .validate select:not(:has(~ * > .selected)) + .advance-select-toggle:focus,
  .validate select:not(:has(~ * > .selected)) + .advance-select-toggle:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.22));
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/var(--tw-ring-opacity, 1)));
}

.validate .label:has(~ .advance-select > select:valid) > *,
.validate .label-text:has(~ .advance-select > select:valid),

.validate .advance-select:has(> select:valid) ~ .label,
.validate .advance-select:has(> select:valid) ~ .label-text,
.validate .advance-select:has(> select:valid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.validate .label:has(~ * > select:invalid) > *,
.validate .label-text:has(~ * > select:invalid),

.validate .advance-select:has( > select:invalid) ~ .label,
.validate .advance-select:has(> select:invalid) ~ .label-text,
.validate .advance-select:has( > select:invalid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.validate .label ~ *:has(> select:valid) ~ * > .success-message,
.validate .advance-select:has(> select:valid) ~ * > .success-message,
.validate .advance-select:has(> select:valid) ~ .success-message {
  display: block;
}

.validate .label ~ *:has(> select:invalid) ~ * > .error-message,
.validate .advance-select:has(> select:invalid) ~ * > .error-message,
.validate .advance-select:has(> select:invalid) ~ .error-message {
  display: block;
}

.alert-neutral {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity, 1)));
}

.alert-primary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
}

.alert-info {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity, 1)));
}

.alert-success {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity, 1)));
}

.alert-warning {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity, 1)));
}

.alert-error {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1)));
}

.alert-soft {
  border-width: 1px;
  border-color: currentColor;
}

.alert-soft.alert-primary {
  background-color: var(--fallback-p,oklch(var(--p)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.alert-soft.alert-secondary {
  background-color: var(--fallback-s,oklch(var(--s)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity, 1)));
}

.alert-soft.alert-neutral {
  background-color: var(--fallback-n,oklch(var(--n)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity, 1)));
}

.alert-soft.alert-info {
  background-color: var(--fallback-in,oklch(var(--in)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity, 1)));
}

.alert-soft.alert-success {
  background-color: var(--fallback-su,oklch(var(--su)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.alert-soft.alert-warning {
  background-color: var(--fallback-wa,oklch(var(--wa)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity, 1)));
}

.alert-soft.alert-error {
  background-color: var(--fallback-er,oklch(var(--er)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.alert-outline {
  border-width: 1px;
  border-color: currentColor;
  background-color: transparent;
}

.alert-outline.alert-neutral {
  --tw-text-opacity: 1;
  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity, 1)));
}

.alert-outline.alert-primary {
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.alert-outline.alert-secondary {
  --tw-text-opacity: 1;
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity, 1)));
}

.alert-outline.alert-info {
  --tw-text-opacity: 1;
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity, 1)));
}

.alert-outline.alert-success {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.alert-outline.alert-warning {
  --tw-text-opacity: 1;
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity, 1)));
}

.alert-outline.alert-error {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.avatar-group :where(.avatar) img {
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity, 1)));
  -o-object-fit: cover;
     object-fit: cover;
}

.avatar-group :where(.avatar).placeholder > div {
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity, 1)));
}

.badge-neutral {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity, 1)));
}

.badge-primary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
}

.badge-secondary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity, 1)));
}

.badge-accent {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity, 1)));
}

.badge-info {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity, 1)));
}

.badge-success {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity, 1)));
}

.badge-warning {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity, 1)));
}

.badge-error {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1)));
}

.badge-soft {
  background-color: var(--fallback-b3,oklch(var(--b3)/0.4));
}

.badge-soft.badge-neutral {
  background-color: var(--fallback-n,oklch(var(--n)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity, 1)));
}

.badge-soft.badge-primary {
  background-color: var(--fallback-p,oklch(var(--p)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.badge-soft.badge-secondary {
  background-color: var(--fallback-s,oklch(var(--s)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity, 1)));
}

.badge-soft.badge-accent {
  background-color: var(--fallback-a,oklch(var(--a)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity, 1)));
}

.badge-soft.badge-info {
  background-color: var(--fallback-in,oklch(var(--in)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity, 1)));
}

.badge-soft.badge-success {
  background-color: var(--fallback-su,oklch(var(--su)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.badge-soft.badge-warning {
  background-color: var(--fallback-wa,oklch(var(--wa)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity, 1)));
}

.badge-soft.badge-error {
  background-color: var(--fallback-er,oklch(var(--er)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.badge-outline {
  border-width: 1px;
  border-color: currentColor;
  background-color: transparent;
}

.badge-outline.badge-neutral {
  --tw-text-opacity: 1;
  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity, 1)));
}

.badge-outline.badge-primary {
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.badge-outline.badge-secondary {
  --tw-text-opacity: 1;
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity, 1)));
}

.badge-outline.badge-accent {
  --tw-text-opacity: 1;
  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity, 1)));
}

.badge-outline.badge-info {
  --tw-text-opacity: 1;
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity, 1)));
}

.badge-outline.badge-success {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.badge-outline.badge-warning {
  --tw-text-opacity: 1;
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity, 1)));
}

.badge-outline.badge-error {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.breadcrumbs > ul > li > a:focus, .breadcrumbs > ol > li > a:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.breadcrumbs > ul > li > a:focus-visible, .breadcrumbs > ol > li > a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: no-preference) {

  .btn {
    animation: button-pop var(--animation-btn, 0.25s) ease-out;
  }
}

.btn:active:hover,
  .btn:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}

@supports not (color: oklch(0% 0 0)) {

  .btn {
    background-color: var(--btn-color, var(--fallback-b2));
    border-color: var(--btn-color, var(--fallback-b2));
  }

  .btn:focus-visible {
    background-color: var(--btn-color, var(--fallback-b2));
    border-color: var(--btn-color, var(--fallback-b2));
  }

  .btn-primary {
    --btn-color: var(--fallback-p);
  }

  .btn-secondary {
    --btn-color: var(--fallback-s);
  }

  .btn-accent {
    --btn-color: var(--fallback-a);
  }

  .btn-success {
    --btn-color: var(--fallback-su);
  }

  .btn-warning {
    --btn-color: var(--fallback-wa);
  }

  .btn-error {
    --btn-color: var(--fallback-er);
  }
}

@media (hover: hover) {

  .btn:hover {
    --tw-shadow: 0 4px 6px -1px var(--fallback-bs,oklch(var(--bs)/0.2));
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  @supports (color: color-mix(in oklab, black, black)) {

    .btn:hover {
      background-color: color-mix(
            in oklab,
            oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
            black
          );
      border-color: color-mix(
            in oklab,
            oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
            black
          );
    }
  }

  @supports not (color: oklch(0% 0 0)) {

    .btn:hover {
      background-color: var(--btn-color, var(--fallback-b2));
      border-color: var(--btn-color, var(--fallback-b2));
    }
  }

  .btn.glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }

  .btn-soft:hover {
    background-color: var(--fallback-n,oklch(var(--n)/0.3));
  }

  .btn-soft.btn-primary:hover {
    background-color: var(--fallback-p,oklch(var(--p)/0.3));
  }

  .btn-soft.btn-secondary:hover {
    background-color: var(--fallback-s,oklch(var(--s)/0.3));
  }

  .btn-soft.btn-accent:hover {
    background-color: var(--fallback-a,oklch(var(--a)/0.3));
  }

  .btn-soft.btn-success:hover {
    background-color: var(--fallback-su,oklch(var(--su)/0.3));
  }

  .btn-soft.btn-info:hover {
    background-color: var(--fallback-in,oklch(var(--in)/0.3));
  }

  .btn-soft.btn-warning:hover {
    background-color: var(--fallback-wa,oklch(var(--wa)/0.3));
  }

  .btn-soft.btn-error:hover {
    background-color: var(--fallback-er,oklch(var(--er)/0.3));
  }

  .btn-outline:hover {
    --tw-border-opacity: 1;
    border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity, 1)));
    background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  }

  .btn-outline.btn-primary:hover {
    --tw-border-opacity: 1;
    border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
    background-color: var(--fallback-p,oklch(var(--p)/0.1));
  }

  .btn-outline.btn-secondary:hover {
    --tw-border-opacity: 1;
    border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity, 1)));
    background-color: var(--fallback-s,oklch(var(--s)/0.1));
  }

  .btn-outline.btn-accent:hover {
    --tw-border-opacity: 1;
    border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity, 1)));
    background-color: var(--fallback-a,oklch(var(--a)/0.1));
  }

  .btn-outline.btn-success:hover {
    --tw-border-opacity: 1;
    border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
    background-color: var(--fallback-su,oklch(var(--su)/0.1));
  }

  .btn-outline.btn-info:hover {
    --tw-border-opacity: 1;
    border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity, 1)));
    background-color: var(--fallback-in,oklch(var(--in)/0.1));
  }

  .btn-outline.btn-warning:hover {
    --tw-border-opacity: 1;
    border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity, 1)));
    background-color: var(--fallback-wa,oklch(var(--wa)/0.1));
  }

  .btn-outline.btn-error:hover {
    --tw-border-opacity: 1;
    border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
    background-color: var(--fallback-er,oklch(var(--er)/0.1));
  }

  .btn-text:hover {
    border-color: transparent;
    background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  }

  .btn-text.btn-primary:hover {
    background-color: var(--fallback-p,oklch(var(--p)/0.1));
  }

  .btn-text.btn-secondary:hover {
    background-color: var(--fallback-s,oklch(var(--s)/0.1));
  }

  .btn-text.btn-accent:hover {
    background-color: var(--fallback-a,oklch(var(--a)/0.1));
  }

  .btn-text.btn-success:hover {
    background-color: var(--fallback-su,oklch(var(--su)/0.1));
  }

  .btn-text.btn-info:hover {
    background-color: var(--fallback-in,oklch(var(--in)/0.1));
  }

  .btn-text.btn-warning:hover {
    background-color: var(--fallback-wa,oklch(var(--wa)/0.1));
  }

  .btn-text.btn-error:hover {
    background-color: var(--fallback-er,oklch(var(--er)/0.1));
  }

  .btn-disabled:hover,
    .btn[disabled]:hover,
    .btn.disabled:hover,
    .btn:disabled:hover {
    opacity: 0.5;
    --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);
  }

  @supports (color: color-mix(in oklab, black, black)) {

    .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
      background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
      border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
    }
  }

  :where(.\!menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn, .disabled, :disabled, [disabled]):hover {
    cursor: pointer !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  @supports (color: oklch(0 0 0)) {

    :where(.\!menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn, .disabled, :disabled, [disabled]):hover {
      background-color: var(--fallback-n,oklch(var(--n)/0.1)) !important;
    }
  }

  :where(.menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn, .disabled, :disabled, [disabled]):hover {
    cursor: pointer;
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  @supports (color: oklch(0 0 0)) {

    :where(.menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn, .disabled, :disabled, [disabled]):hover {
      background-color: var(--fallback-n,oklch(var(--n)/0.1));
    }
  }

  :where(.\!menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn, .disabled, :disabled, [disabled]):hover {
    cursor: pointer !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  @supports (color: oklch(0 0 0)) {

    :where(.\!menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn, .disabled, :disabled, [disabled]):hover {
      background-color: var(--fallback-n,oklch(var(--n)/0.1)) !important;
    }
  }

  .tab[disabled]:hover {
    pointer-events: none;
    border-color: var(--fallback-bc,oklch(var(--bc)/0.1));
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
    --tw-text-opacity: 0.4;
  }
}

@supports (color: color-mix(in oklab, black, black)) {

  .btn-active {
    background-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%, black);
    border-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%, black);
  }

  .btn:focus-visible {
    background-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%, black);
    border-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%, black);
  }
}

.btn:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
}

.btn-primary {
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-p,oklch(var(--p)/0.3));
}

@supports (color: oklch(0% 0 0)) {

  .btn-primary {
    --btn-color: var(--p);
  }

  .btn-secondary {
    --btn-color: var(--s);
  }

  .btn-accent {
    --btn-color: var(--a);
  }

  .btn-success {
    --btn-color: var(--su);
  }

  .btn-warning {
    --btn-color: var(--wa);
  }

  .btn-error {
    --btn-color: var(--er);
  }

  .btn-gradient.btn-primary {
    --light-shade: var(--p);
  }

  .btn-gradient.btn-secondary {
    --light-shade: var(--s);
  }

  .btn-gradient.btn-accent {
    --light-shade: var(--a);
  }

  .btn-gradient.btn-success {
    --light-shade: var(--su);
  }

  .btn-gradient.btn-warning {
    --light-shade: var(--wa);
  }

  .btn-gradient.btn-error {
    --light-shade: var(--er);
  }
}

.btn-secondary {
  --tw-text-opacity: 1;
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-s,oklch(var(--s)/0.3));
}

.btn-accent {
  --tw-text-opacity: 1;
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-a,oklch(var(--a)/0.3));
}

.btn-success {
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-su,oklch(var(--su)/0.3));
}

.btn-warning {
  --tw-text-opacity: 1;
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-wa,oklch(var(--wa)/0.3));
}

.btn-error {
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-er,oklch(var(--er)/0.3));
}

.btn.glass {
  --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);
  outline-color: currentColor;
}

.btn.glass:hover {
  --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);
}

.btn.glass.btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}

.btn-soft {
  border-style: none;
  background-color: var(--fallback-n,oklch(var(--n)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
  --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);
}

.btn-soft:hover {
  --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);
}

.btn-soft.btn-active {
  background-color: var(--fallback-n,oklch(var(--n)/0.3));
}

.btn-soft:focus-visible {
  background-color: var(--fallback-n,oklch(var(--n)/0.3));
  outline-color: var(--fallback-n,oklch(var(--n)/0.5));
}

.btn-soft.btn-primary {
  background-color: var(--fallback-p,oklch(var(--p)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-p,oklch(var(--p)/0.5));
}

.btn-soft.btn-primary.btn-active {
  background-color: var(--fallback-p,oklch(var(--p)/0.3));
}

.btn-soft.btn-primary:focus-visible {
  background-color: var(--fallback-p,oklch(var(--p)/0.3));
  outline-color: var(--fallback-p,oklch(var(--p)/0.5));
}

.btn-soft.btn-secondary {
  background-color: var(--fallback-s,oklch(var(--s)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-s,oklch(var(--s)/0.5));
}

.btn-soft.btn-secondary.btn-active {
  background-color: var(--fallback-s,oklch(var(--s)/0.3));
}

.btn-soft.btn-secondary:focus-visible {
  background-color: var(--fallback-s,oklch(var(--s)/0.3));
  outline-color: var(--fallback-s,oklch(var(--s)/0.5));
}

.btn-soft.btn-accent {
  background-color: var(--fallback-a,oklch(var(--a)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-a,oklch(var(--a)/0.5));
}

.btn-soft.btn-accent.btn-active {
  background-color: var(--fallback-a,oklch(var(--a)/0.3));
}

.btn-soft.btn-accent:focus-visible {
  background-color: var(--fallback-a,oklch(var(--a)/0.3));
  outline-color: var(--fallback-a,oklch(var(--a)/0.5));
}

.btn-soft.btn-success {
  background-color: var(--fallback-su,oklch(var(--su)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-su,oklch(var(--su)/0.5));
}

.btn-soft.btn-success.btn-active {
  background-color: var(--fallback-su,oklch(var(--su)/0.3));
}

.btn-soft.btn-success:focus-visible {
  background-color: var(--fallback-su,oklch(var(--su)/0.3));
  outline-color: var(--fallback-su,oklch(var(--su)/0.5));
}

.btn-soft.btn-info {
  background-color: var(--fallback-in,oklch(var(--in)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-in,oklch(var(--in)/0.5));
}

.btn-soft.btn-info.btn-active {
  background-color: var(--fallback-in,oklch(var(--in)/0.3));
}

.btn-soft.btn-info:focus-visible {
  background-color: var(--fallback-in,oklch(var(--in)/0.3));
  outline-color: var(--fallback-in,oklch(var(--in)/0.5));
}

.btn-soft.btn-warning {
  background-color: var(--fallback-wa,oklch(var(--wa)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-wa,oklch(var(--wa)/0.5));
}

.btn-soft.btn-warning.btn-active {
  background-color: var(--fallback-wa,oklch(var(--wa)/0.3));
}

.btn-soft.btn-warning:focus-visible {
  background-color: var(--fallback-wa,oklch(var(--wa)/0.3));
  outline-color: var(--fallback-wa,oklch(var(--wa)/0.5));
}

.btn-soft.btn-error {
  background-color: var(--fallback-er,oklch(var(--er)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-er,oklch(var(--er)/0.5));
}

.btn-soft.btn-error.btn-active {
  background-color: var(--fallback-er,oklch(var(--er)/0.3));
}

.btn-soft.btn-error:focus-visible {
  background-color: var(--fallback-er,oklch(var(--er)/0.3));
  outline-color: var(--fallback-er,oklch(var(--er)/0.5));
}

.btn-outline {
  border-style: solid;
  border-color: currentColor;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
  --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);
}

.btn-outline:hover {
  --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);
}

.btn-outline.btn-active {
  --tw-border-opacity: 1;
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity, 1)));
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.btn-outline:focus-visible {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  outline-width: 1px;
  outline-color: currentColor;
}

.btn-outline.btn-primary {
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.btn-outline.btn-primary.btn-active {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
}

.btn-outline.btn-primary:focus-visible {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
}

.btn-outline.btn-secondary {
  --tw-text-opacity: 1;
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity, 1)));
}

.btn-outline.btn-secondary.btn-active {
  --tw-border-opacity: 1;
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity, 1)));
  background-color: var(--fallback-s,oklch(var(--s)/0.1));
}

.btn-outline.btn-secondary:focus-visible {
  background-color: var(--fallback-s,oklch(var(--s)/0.1));
}

.btn-outline.btn-accent {
  --tw-text-opacity: 1;
  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity, 1)));
}

.btn-outline.btn-accent.btn-active {
  --tw-border-opacity: 1;
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity, 1)));
  background-color: var(--fallback-a,oklch(var(--a)/0.1));
}

.btn-outline.btn-accent:focus-visible {
  background-color: var(--fallback-a,oklch(var(--a)/0.1));
}

.btn-outline.btn-success {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.btn-outline.btn-success.btn-active {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
  background-color: var(--fallback-su,oklch(var(--su)/0.1));
}

.btn-outline.btn-success:focus-visible {
  background-color: var(--fallback-su,oklch(var(--su)/0.1));
}

.btn-outline.btn-info {
  --tw-text-opacity: 1;
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity, 1)));
}

.btn-outline.btn-info.btn-active {
  --tw-border-opacity: 1;
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity, 1)));
  background-color: var(--fallback-in,oklch(var(--in)/0.1));
}

.btn-outline.btn-info:focus-visible {
  background-color: var(--fallback-in,oklch(var(--in)/0.1));
}

.btn-outline.btn-warning {
  --tw-text-opacity: 1;
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity, 1)));
}

.btn-outline.btn-warning.btn-active {
  --tw-border-opacity: 1;
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity, 1)));
  background-color: var(--fallback-wa,oklch(var(--wa)/0.1));
}

.btn-outline.btn-warning:focus-visible {
  background-color: var(--fallback-wa,oklch(var(--wa)/0.1));
}

.btn-outline.btn-error {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.btn-outline.btn-error.btn-active {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
  background-color: var(--fallback-er,oklch(var(--er)/0.1));
}

.btn-outline.btn-error:focus-visible {
  background-color: var(--fallback-er,oklch(var(--er)/0.1));
}

.btn-text {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
  --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);
}

.btn-text:hover {
  --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);
}

.btn-text.btn-active {
  border-color: transparent;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.btn-text:focus-visible {
  border-color: transparent;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  outline-color: currentColor;
}

.btn-text.btn-primary {
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.btn-text.btn-primary.btn-active {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
}

.btn-text.btn-primary:focus-visible {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
}

.btn-text.btn-secondary {
  --tw-text-opacity: 1;
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity, 1)));
}

.btn-text.btn-secondary.btn-active {
  background-color: var(--fallback-s,oklch(var(--s)/0.1));
}

.btn-text.btn-secondary:focus-visible {
  background-color: var(--fallback-s,oklch(var(--s)/0.1));
}

.btn-text.btn-accent {
  --tw-text-opacity: 1;
  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity, 1)));
}

.btn-text.btn-accent.btn-active {
  background-color: var(--fallback-a,oklch(var(--a)/0.1));
}

.btn-text.btn-accent:focus-visible {
  background-color: var(--fallback-a,oklch(var(--a)/0.1));
}

.btn-text.btn-success {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.btn-text.btn-success.btn-active {
  background-color: var(--fallback-su,oklch(var(--su)/0.1));
}

.btn-text.btn-success:focus-visible {
  background-color: var(--fallback-su,oklch(var(--su)/0.1));
}

.btn-text.btn-info {
  --tw-text-opacity: 1;
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity, 1)));
}

.btn-text.btn-info.btn-active {
  background-color: var(--fallback-in,oklch(var(--in)/0.1));
}

.btn-text.btn-info:focus-visible {
  background-color: var(--fallback-in,oklch(var(--in)/0.1));
}

.btn-text.btn-warning {
  --tw-text-opacity: 1;
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity, 1)));
}

.btn-text.btn-warning.btn-active {
  background-color: var(--fallback-wa,oklch(var(--wa)/0.1));
}

.btn-text.btn-warning:focus-visible {
  background-color: var(--fallback-wa,oklch(var(--wa)/0.1));
}

.btn-text.btn-error {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.btn-text.btn-error.btn-active {
  background-color: var(--fallback-er,oklch(var(--er)/0.1));
}

.btn-text.btn-error:focus-visible {
  background-color: var(--fallback-er,oklch(var(--er)/0.1));
}

.btn-gradient.btn-primary {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.26));
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-gradient.btn-primary:hover {
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.2));
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-gradient.btn-primary:focus-visible {
  outline-color: var(--fallback-p,oklch(var(--p)/0.3));
  border-color: transparent;
}

.btn-gradient.btn-secondary {
  --tw-border-opacity: 1;
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity, 1)));
  --tw-shadow-color: var(--fallback-s,oklch(var(--s)/0.26));
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-gradient.btn-secondary:hover {
  --tw-shadow-color: var(--fallback-s,oklch(var(--s)/0.2));
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-gradient.btn-secondary:focus-visible {
  outline-color: var(--fallback-s,oklch(var(--s)/0.3));
  border-color: transparent;
}

.btn-gradient.btn-accent {
  --tw-border-opacity: 1;
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity, 1)));
  --tw-shadow-color: var(--fallback-a,oklch(var(--a)/0.26));
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-gradient.btn-accent:hover {
  --tw-shadow-color: var(--fallback-a,oklch(var(--a)/0.2));
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-gradient.btn-accent:focus-visible {
  outline-color: var(--fallback-a,oklch(var(--a)/0.3));
  border-color: transparent;
}

.btn-gradient.btn-success {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity, 1)));
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.26));
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-gradient.btn-success:hover {
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.2));
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-gradient.btn-success:focus-visible {
  outline-color: var(--fallback-su,oklch(var(--su)/0.3));
  border-color: transparent;
}

.btn-gradient.btn-warning {
  --tw-border-opacity: 1;
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity, 1)));
  --tw-shadow-color: var(--fallback-wa,oklch(var(--wa)/0.26));
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-gradient.btn-warning:hover {
  --tw-shadow-color: var(--fallback-wa,oklch(var(--wa)/0.2));
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-gradient.btn-warning:focus-visible {
  outline-color: var(--fallback-wa,oklch(var(--wa)/0.3));
  border-color: transparent;
}

.btn-gradient.btn-error {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1)));
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.26));
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-gradient.btn-error:hover {
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.2));
  --tw-shadow: var(--tw-shadow-colored);
}

.btn-gradient.btn-error:focus-visible {
  outline-color: var(--fallback-er,oklch(var(--er)/0.3));
  border-color: transparent;
}

.btn.btn-disabled,
  .btn.disabled,
  .btn[disabled],
  .btn:disabled {
  pointer-events: none;
  opacity: 0.5;
  --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);
}

.btn:is(input[type="checkbox"]:checked),
.btn:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
}

.btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
  outline-color: var(--fallback-p,oklch(var(--p)/1));
}

@keyframes button-pop {

  0% {
    transform: scale(var(--btn-focus-scale, 0.98));
  }

  40% {
    transform: scale(1.02);
  }

  100% {
    transform: scale(1);
  }
}

.card-header {
  border-top-left-radius: var(--rounded-box, 0.5rem);
  border-top-right-radius: var(--rounded-box, 0.5rem);
  padding: var(--padding-card, 1.5rem);
}

.card-footer {
  border-bottom-right-radius: var(--rounded-box, 0.5rem);
  border-bottom-left-radius: var(--rounded-box, 0.5rem);
  padding: var(--padding-card, 1.5rem);
}

.card :where(figure:first-child) {
  overflow: hidden;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  border-end-start-radius: unset;
  border-end-end-radius: unset;
}

.card :where(figure:last-child) {
  overflow: hidden;
  border-start-start-radius: unset;
  border-start-end-radius: unset;
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}

.card.image-full :where(figure) {
  overflow: hidden;
  border-radius: inherit;
}

.card .alert {
  border-radius: 0px;
}

.card .alert:first-child {
  border-top-left-radius: var(--rounded-box, 0.5rem);
  border-top-right-radius: var(--rounded-box, 0.5rem);
}

.card .alert:last-child {
  border-bottom-right-radius: var(--rounded-box, 0.5rem);
  border-bottom-left-radius: var(--rounded-box, 0.5rem);
}

:where(.card-header) + .card-body {
  padding-top: 0;
}

:where(.card-body) + .card-footer {
  padding-top: 0;
}

.carousel-body,
.carousel-slide {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 700ms;
}

.carousel-prev:hover,
.carousel-next:hover {
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.carousel-prev.disabled,
.carousel-next.disabled {
  pointer-events: none;
  color: var(--fallback-bc,oklch(var(--bc)/0.3));
}

.\!checkbox:focus {
  box-shadow: none !important;
}

.checkbox:focus {
  box-shadow: none;
}

.\!checkbox:focus-visible {
  outline-style: solid !important;
  outline-width: 2px !important;
  outline-offset: 0px !important;
  outline-color: var(--fallback-n,oklch(var(--n)/0.3)) !important;
}

.checkbox:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: var(--fallback-n,oklch(var(--n)/0.3));
}

.\!checkbox:checked,
  .\!checkbox[checked="true"],
  .\!checkbox[aria-checked="true"] {
  background-repeat: no-repeat !important;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  border-color: var(--chkbg) !important;
  animation: checkmark var(--animation-input, 0.2s) ease-out !important;
  background-color: var(--chkbg) !important;
  background-image: linear-gradient(-45deg, transparent 66%, var(--chkbg) 66.99%),
      linear-gradient(45deg, transparent 77%, var(--chkbg) 77.99%),
      linear-gradient(-45deg, var(--chkbg) 41%, transparent 41.99%),
      linear-gradient(45deg, var(--chkbg) 34%, var(--chkfg) 34.99%, var(--chkfg) 40%, transparent 40.99%),
      linear-gradient(-45deg, var(--chkfg) 47%, var(--chkbg) 47.99%) !important;
}

.checkbox:checked,
  .checkbox[checked="true"],
  .checkbox[aria-checked="true"] {
  background-repeat: no-repeat;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --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);
  border-color: var(--chkbg);
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-color: var(--chkbg);
  background-image: linear-gradient(-45deg, transparent 66%, var(--chkbg) 66.99%),
      linear-gradient(45deg, transparent 77%, var(--chkbg) 77.99%),
      linear-gradient(-45deg, var(--chkbg) 41%, transparent 41.99%),
      linear-gradient(45deg, var(--chkbg) 34%, var(--chkfg) 34.99%, var(--chkfg) 40%, transparent 40.99%),
      linear-gradient(-45deg, var(--chkfg) 47%, var(--chkbg) 47.99%);
}

.\!checkbox:checked,
  .\!checkbox[checked="true"],
  .\!checkbox[aria-checked="true"] {
  background-repeat: no-repeat !important;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  border-color: var(--chkbg) !important;
  animation: checkmark var(--animation-input, 0.2s) ease-out !important;
  background-color: var(--chkbg) !important;
  background-image: linear-gradient(-45deg, transparent 66%, var(--chkbg) 66.99%),
      linear-gradient(45deg, transparent 77%, var(--chkbg) 77.99%),
      linear-gradient(-45deg, var(--chkbg) 41%, transparent 41.99%),
      linear-gradient(45deg, var(--chkbg) 34%, var(--chkfg) 34.99%, var(--chkfg) 40%, transparent 40.99%),
      linear-gradient(-45deg, var(--chkfg) 47%, var(--chkbg) 47.99%) !important;
}

.\!checkbox:indeterminate {
  background-repeat: no-repeat !important;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  background-color: var(--chkbg) !important;
  border-color: var(--chkbg) !important;
  animation: checkmark var(--animation-input, 0.2s) ease-out !important;
  background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),
      linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
      linear-gradient(0deg, var(--chkbg) 45%, var(--chkfg) 45%, var(--chkfg) 55%, var(--chkbg) 55%) !important;
}

.checkbox:indeterminate {
  background-repeat: no-repeat;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --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);
  background-color: var(--chkbg);
  border-color: var(--chkbg);
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),
      linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
      linear-gradient(0deg, var(--chkbg) 45%, var(--chkfg) 45%, var(--chkfg) 55%, var(--chkbg) 55%);
}

.checkbox-primary {
  --chkbg: var(--fallback-p,oklch(var(--p)/1));
  --chkfg: var(--fallback-pc,oklch(var(--pc)/1));
}

.checkbox-primary:checked:focus-visible, .checkbox-primary[checked="true"]:focus-visible, .checkbox-primary[aria-checked="true"]:focus-visible {
  outline-color: var(--fallback-p,oklch(var(--p)/0.3));
}

.checkbox-warning {
  --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
  --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
}

.checkbox-warning:checked:focus-visible, .checkbox-warning[checked="true"]:focus-visible, .checkbox-warning[aria-checked="true"]:focus-visible {
  outline-color: var(--fallback-wa,oklch(var(--wa)/0.3));
}

.\!checkbox.disabled,
  .\!checkbox:disabled,
  .\!checkbox[disabled] {
  pointer-events: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
  opacity: 0.4 !important;
}

.checkbox.disabled,
  .checkbox:disabled,
  .checkbox[disabled] {
  pointer-events: none;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  opacity: 0.4;
}

.\!checkbox.disabled,
  .\!checkbox:disabled,
  .\!checkbox[disabled] {
  pointer-events: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
  opacity: 0.4 !important;
}

.\!checkbox.disabled:not(checked), .\!checkbox:disabled:not(checked), .\!checkbox[disabled]:not(checked) {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity, 1))) !important;
}

.checkbox.disabled:not(checked), .checkbox:disabled:not(checked), .checkbox[disabled]:not(checked) {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity, 1)));
}

.\!checkbox.disabled:not(checked), .\!checkbox:disabled:not(checked), .\!checkbox[disabled]:not(checked) {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity, 1))) !important;
}

@keyframes checkmark {

  0% {
    background-position-y: 5px;
  }

  50% {
    background-position-y: -2px;
  }

  100% {
    background-position-y: 0;
  }
}

.\!checkbox.is-valid,
.validate .\!checkbox:valid {
  --chkbg: var(--fallback-su,oklch(var(--su)/1)) !important;
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1)) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.checkbox.is-valid,
.validate .checkbox:valid {
  --chkbg: var(--fallback-su,oklch(var(--su)/1));
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.\!checkbox.is-valid,
.validate .\!checkbox:valid {
  --chkbg: var(--fallback-su,oklch(var(--su)/1)) !important;
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1)) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.\!checkbox.is-valid:focus-visible, .validate .\!checkbox:valid:focus-visible {
  outline-color: var(--fallback-su,oklch(var(--su)/0.3)) !important;
}

.checkbox.is-valid:focus-visible, .validate .checkbox:valid:focus-visible {
  outline-color: var(--fallback-su,oklch(var(--su)/0.3)) !important;
}

.\!checkbox.is-valid:focus-visible, .validate .\!checkbox:valid:focus-visible {
  outline-color: var(--fallback-su,oklch(var(--su)/0.3)) !important;
}

.\!checkbox.is-invalid,
.validate .\!checkbox:invalid {
  --chkbg: var(--fallback-er,oklch(var(--er)/1)) !important;
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1)) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.checkbox.is-invalid,
.validate .checkbox:invalid {
  --chkbg: var(--fallback-er,oklch(var(--er)/1));
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.\!checkbox.is-invalid,
.validate .\!checkbox:invalid {
  --chkbg: var(--fallback-er,oklch(var(--er)/1)) !important;
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1)) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.\!checkbox.is-invalid:focus-visible, .validate .\!checkbox:invalid:focus-visible {
  outline-color: var(--fallback-er,oklch(var(--er)/0.3)) !important;
}

.checkbox.is-invalid:focus-visible, .validate .checkbox:invalid:focus-visible {
  outline-color: var(--fallback-er,oklch(var(--er)/0.3)) !important;
}

.\!checkbox.is-invalid:focus-visible, .validate .\!checkbox:invalid:focus-visible {
  outline-color: var(--fallback-er,oklch(var(--er)/0.3)) !important;
}

.validate .label:has(+ * .checkbox:valid) > *, 
.validate .label-text:has(+ * .checkbox:valid), 
.validate .label-text:has(~ .checkbox:valid), 
.validate .label:has(~ .checkbox:valid) > *, 

.validate .checkbox:valid ~ .label, 
.validate .checkbox:valid ~ .label-text, 
.validate .checkbox:valid ~ .label .label-text,  
.validate *:has(.checkbox:valid) ~ .label, 
.validate *:has(.checkbox:valid) ~ .label-text, 
.validate *:has(.checkbox:valid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.validate .label:has(+ * .\!checkbox:valid) > *, 
.validate .label-text:has(+ * .\!checkbox:valid), 
.validate .label-text:has(~ .\!checkbox:valid), 
.validate .label:has(~ .\!checkbox:valid) > *, 

.validate .\!checkbox:valid ~ .label, 
.validate .\!checkbox:valid ~ .label-text, 
.validate .\!checkbox:valid ~ .label .label-text,  
.validate *:has(.\!checkbox:valid) ~ .label, 
.validate *:has(.\!checkbox:valid) ~ .label-text, 
.validate *:has(.\!checkbox:valid) ~ .label .label-text {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.validate .label:has(+ * .checkbox:invalid) > *, 
.validate .label-text:has(+ * .checkbox:invalid), 
.validate .label-text:has(~ .checkbox:invalid), 
.validate .label:has(~ .checkbox:invalid) > *, 

.validate .checkbox:invalid ~ .label, 
.validate .checkbox:invalid ~ .label-text, 
.validate .checkbox:invalid ~ .label .label-text,  
.validate *:has(.checkbox:invalid) ~ .label, 
.validate *:has(.checkbox:invalid) ~ .label-text, 
.validate *:has(.checkbox:invalid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.validate .label:has(+ * .\!checkbox:invalid) > *, 
.validate .label-text:has(+ * .\!checkbox:invalid), 
.validate .label-text:has(~ .\!checkbox:invalid), 
.validate .label:has(~ .\!checkbox:invalid) > *, 

.validate .\!checkbox:invalid ~ .label, 
.validate .\!checkbox:invalid ~ .label-text, 
.validate .\!checkbox:invalid ~ .label .label-text,  
.validate *:has(.\!checkbox:invalid) ~ .label, 
.validate *:has(.\!checkbox:invalid) ~ .label-text, 
.validate *:has(.\!checkbox:invalid) ~ .label .label-text {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.validate *:has(> .checkbox:valid) ~ .success-message,
.validate *:has(> .checkbox:valid) > * > .success-message,

.validate .checkbox:valid ~ .success-message,
.validate .checkbox:valid + * > .success-message {
  display: block;
}

.validate *:has(> .\!checkbox:valid) ~ .success-message,
.validate *:has(> .\!checkbox:valid) > * > .success-message,

.validate .\!checkbox:valid ~ .success-message,
.validate .\!checkbox:valid + * > .success-message {
  display: block !important;
}

.validate *:has(> .checkbox:invalid) ~ .error-message,
.validate *:has(> .checkbox:invalid) > * > .error-message,

.validate .checkbox:invalid ~ .error-message,
.validate .checkbox:invalid + * > .error-message {
  display: block;
}

.validate *:has(> .\!checkbox:invalid) ~ .error-message,
.validate *:has(> .\!checkbox:invalid) > * > .error-message,

.validate .\!checkbox:invalid ~ .error-message,
.validate .\!checkbox:invalid + * > .error-message {
  display: block !important;
}

.nested-collapse-wrapper .collapse.open.nested-collapse,
.nested-collapse-wrapper .collapse-toggle.open.nested-collapse {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.nested-collapse-wrapper .\!collapse.open.nested-collapse {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
}

.nested-collapse-wrapper .collapse.\!open.nested-collapse,
.nested-collapse-wrapper .collapse-toggle.\!open.nested-collapse {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
}

.nested-collapse-wrapper .collapse.open > .collapse-icon,
.nested-collapse-wrapper .collapse-toggle.open > .collapse-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));
}

.nested-collapse-wrapper .\!collapse.open > .collapse-icon {
  --tw-rotate: 180deg !important;
  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)) !important;
}

.nested-collapse-wrapper .collapse.\!open > .collapse-icon,
.nested-collapse-wrapper .collapse-toggle.\!open > .collapse-icon {
  --tw-rotate: 180deg !important;
  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)) !important;
}

.divider:not(:empty) {
  gap: 1rem;
}

.divider-neutral::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity, 1)));
}

.divider-neutral::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity, 1)));
}

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

.dropdown-item:hover,
  .dropdown-item:focus,
  .dropdown-item:focus-within,
  .dropdown-item:focus-visible {
  background-color: var(--fallback-n,oklch(var(--n)/0.1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.dropdown-item.active,
  .dropdown-item:active {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.dropdown-item.disabled,
  .dropdown-item:disabled,
  .dropdown-item[disabled] {
  pointer-events: none;
  background-color: var(--fallback-n,oklch(var(--n)/0.05));
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.dropdown-item > .label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
}

.dropdown-item > .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0.25rem;
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
}

.label-text-alt {
  font-size: 0.75rem;
  line-height: 1rem;
}

.label-text {
  display: block;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

input {
  background-color: transparent;
}

input:focus {
  outline-width: 0px;
  outline-color: transparent;
}

input:focus-visible {
  outline: unset;
}

.\!input::-moz-placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.\!input::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.input::-moz-placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.input::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.\!input:hover {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.6)) !important;
}

.input:hover {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.6));
}

.\!input[type="file"]:disabled {
  background-color: var(--fallback-n,oklch(var(--n)/0.1)) !important;
}

.input[type="file"]:disabled {
  background-color: var(--fallback-n,oklch(var(--n)/0.1));
}

.\!input:focus,
  .\!input:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.22)) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1))) !important;
}

.input:focus,
  .input:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.22));
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1)));
}

.\!input:focus,
  .\!input:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.22)) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1))) !important;
}

.\!input:-webkit-autofill,
  .\!input:-webkit-autofill:focus {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
  --tw-text-opacity: 1 !important;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1))) !important;
}

.input:-webkit-autofill,
  .input:-webkit-autofill:focus {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.\!input:-webkit-autofill,
  .\!input:-webkit-autofill:focus {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
  --tw-text-opacity: 1 !important;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1))) !important;
}

.input-floating::-moz-placeholder {
  color: transparent;
}

.input-floating::placeholder {
  color: transparent;
}

.input-floating:focus::-moz-placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.input-floating:focus::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.input-filled::-moz-placeholder {
  color: transparent;
}

.input-filled::placeholder {
  color: transparent;
}

.input-filled:hover {
  border-width: 0px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity, 1)));
}

.input-filled:focus-visible {
  outline-width: 0px;
}

.input-filled:focus,
    .input-filled:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.input-filled:focus::-moz-placeholder, .input-filled:focus-within::-moz-placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.input-filled:focus::placeholder,
    .input-filled:focus-within::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.input-filled:focus ~ .input-filled-focused,
    .input-filled:focus-within ~ .input-filled-focused {
  --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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.\!input[list]::-webkit-calendar-picker-indicator {
  line-height: 1em !important;
}

.input[list]::-webkit-calendar-picker-indicator {
  line-height: 1em;
}

.\!input.disabled,
  .\!input:disabled,
  .\!input[disabled] {
  pointer-events: none !important;
  border-width: 0px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
  background-color: var(--fallback-n,oklch(var(--n)/0.1)) !important;
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.input.disabled,
  .input:disabled,
  .input[disabled] {
  pointer-events: none;
  border-width: 0px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  background-color: var(--fallback-n,oklch(var(--n)/0.1));
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.\!input.disabled,
  .\!input:disabled,
  .\!input[disabled] {
  pointer-events: none !important;
  border-width: 0px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
  background-color: var(--fallback-n,oklch(var(--n)/0.1)) !important;
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.\!input::-webkit-date-and-time-value {
  text-align: inherit !important;
}

.input::-webkit-date-and-time-value {
  text-align: inherit;
}

.\!input.input-floating.disabled,
    .\!input.input-floating:disabled,
    .\!input.input-floating[disabled] {
  border-width: 1px !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

.input.input-floating.disabled,
    .input.input-floating:disabled,
    .input.input-floating[disabled] {
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.\!input.input-floating.disabled,
    .\!input.input-floating:disabled,
    .\!input.input-floating[disabled] {
  border-width: 1px !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

.\!input.input-floating.disabled ~ .input-floating-label, .\!input.input-floating:disabled ~ .input-floating-label, .\!input.input-floating[disabled] ~ .input-floating-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.input.input-floating.disabled ~ .input-floating-label, .input.input-floating:disabled ~ .input-floating-label, .input.input-floating[disabled] ~ .input-floating-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.\!input.input-floating.disabled ~ .input-floating-label, .\!input.input-floating:disabled ~ .input-floating-label, .\!input.input-floating[disabled] ~ .input-floating-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.\!input.input-filled.disabled,
    .\!input.input-filled:disabled,
    .\!input.input-filled[disabled] {
  border-bottom-width: 1px !important;
}

.input.input-filled.disabled,
    .input.input-filled:disabled,
    .input.input-filled[disabled] {
  border-bottom-width: 1px;
}

.\!input.input-filled.disabled,
    .\!input.input-filled:disabled,
    .\!input.input-filled[disabled] {
  border-bottom-width: 1px !important;
}

.\!input.input-filled.disabled ~ .input-filled-label, .\!input.input-filled:disabled ~ .input-filled-label, .\!input.input-filled[disabled] ~ .input-filled-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.input.input-filled.disabled ~ .input-filled-label, .input.input-filled:disabled ~ .input-filled-label, .input.input-filled[disabled] ~ .input-filled-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.\!input.input-filled.disabled ~ .input-filled-label, .\!input.input-filled:disabled ~ .input-filled-label, .\!input.input-filled[disabled] ~ .input-filled-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.input-filled-label,
.input-floating-label {
  pointer-events: none;
  position: absolute;
  inset-inline-start: 0px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 150ms;
}

.peer:focus ~ .input-filled-label,.peer:focus ~ 
.input-floating-label {
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.peer.input-lg ~ .input-filled-label,.peer.input-lg ~ 
.input-floating-label {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.peer.input-sm ~ .input-filled-label,.peer.input-sm ~ 
.input-floating-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.input-filled-label {
  top: 0.8rem;
}

.peer.input-lg ~ .input-filled-label {
  top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.peer.input-sm ~ .input-filled-label {
  top: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.peer:not(:-moz-placeholder) ~ .input-filled-label {
  top: 0.125rem;
  margin-inline-start: 0.75rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
}

.peer:focus ~ .input-filled-label,
  .peer:focus-within ~ .input-filled-label,
  .peer:not(:placeholder-shown) ~ .input-filled-label {
  top: 0.125rem;
  margin-inline-start: 0.75rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
}

.peer.input-lg:not(:-moz-placeholder) ~ .input-filled-label {
  margin-inline-start: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.peer.input-lg:focus ~ .input-filled-label,
  .peer.input-lg:focus-within ~ .input-filled-label,
  .peer.input-lg:not(:placeholder-shown) ~ .input-filled-label {
  margin-inline-start: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\!input.input-filled.input-sm:not(:-moz-placeholder) {
  padding-top: 0.5rem !important;
}

.\!input.input-filled.input-sm:focus,
  .\!input.input-filled.input-sm:not(:placeholder-shown) {
  padding-top: 0.5rem !important;
}

.input.input-filled.input-sm:not(:-moz-placeholder) {
  padding-top: 0.5rem;
}

.input.input-filled.input-sm:focus,
  .input.input-filled.input-sm:not(:placeholder-shown) {
  padding-top: 0.5rem;
}

.\!input.input-filled.input-sm:not(:-moz-placeholder) {
  padding-top: 0.5rem !important;
}

.\!input.input-filled.input-sm:focus,
  .\!input.input-filled.input-sm:not(:placeholder-shown) {
  padding-top: 0.5rem !important;
}

.\!input.input-filled:not(:-moz-placeholder), .\!input.input-filled.input-lg:not(:-moz-placeholder) {
  padding-top: 0.75rem !important;
}

.\!input.input-filled:focus,
  .\!input.input-filled.input-lg:focus,
  .\!input.input-filled:not(:placeholder-shown),
  .\!input.input-filled.input-lg:not(:placeholder-shown) {
  padding-top: 0.75rem !important;
}

.input.input-filled:not(:-moz-placeholder), .input.input-filled.input-lg:not(:-moz-placeholder) {
  padding-top: 0.75rem;
}

.input.input-filled:focus,
  .input.input-filled.input-lg:focus,
  .input.input-filled:not(:placeholder-shown),
  .input.input-filled.input-lg:not(:placeholder-shown) {
  padding-top: 0.75rem;
}

.\!input.input-filled:not(:-moz-placeholder), .\!input.input-filled.input-lg:not(:-moz-placeholder) {
  padding-top: 0.75rem !important;
}

.\!input.input-filled:focus,
  .\!input.input-filled.input-lg:focus,
  .\!input.input-filled:not(:placeholder-shown),
  .\!input.input-filled.input-lg:not(:placeholder-shown) {
  padding-top: 0.75rem !important;
}

.input-floating-label {
  top: 0.5rem;
}

.peer.input-lg ~ .input-floating-label {
  top: 0.7rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.peer.input-sm ~ .input-floating-label {
  top: 0.3rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.peer:not(:-moz-placeholder) ~ .input-floating-label {
  top: 0px;
  margin-inline-start: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  --tw-translate-y: -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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.peer:focus ~ .input-floating-label,
  .peer:focus-within ~ .input-floating-label,
  .peer:not(:placeholder-shown) ~ .input-floating-label {
  top: 0px;
  margin-inline-start: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  --tw-translate-y: -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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.peer.input-lg:not(:-moz-placeholder) ~ .input-floating-label {
  margin-inline-start: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.peer.input-lg:focus ~ .input-floating-label,
  .peer.input-lg:focus-within ~ .input-floating-label,
  .peer.input-lg:not(:placeholder-shown) ~ .input-floating-label {
  margin-inline-start: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.input-group {
  position: relative;
  display: flex;
  width: 100%;
  align-items: stretch;
  border-radius: var(--rounded-btn, 0.375rem);
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.input-group:has(:hover) {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.6));
}

.input-group:has(:focus),
  .input-group:has(:focus-within) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.22));
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1)));
}

.input-group:has(input.disabled),
  .input-group:has(input:disabled),
  .input-group:has(input[disabled]) {
  pointer-events: none;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  background-color: var(--fallback-n,oklch(var(--n)/0.1));
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.input-group .input {
  border-width: 0px;
  background-color: transparent;
}

.input-group .\!input {
  border-width: 0px !important;
  background-color: transparent !important;
}

.input-group .input:focus,
    .input-group .input:focus-within {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.input-group .\!input:focus,
    .input-group .\!input:focus-within {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.input-group .input.disabled,
    .input-group .input:disabled,
    .input-group .input[disabled] {
  background-color: transparent;
}

.input-group .\!input.disabled,
    .input-group .\!input:disabled,
    .input-group .\!input[disabled] {
  background-color: transparent !important;
}

.input-group-filled:focus ~ .input-filled-focused,
  .input-group-filled:focus-within ~ .input-filled-focused {
  --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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.input-group-filled .\!input {
  border-width: 0px !important;
  background-color: transparent !important;
}

.input-group-filled .input {
  border-width: 0px;
  background-color: transparent;
}

.input-group-filled .\!input.disabled,
    .input-group-filled .\!input:disabled,
    .input-group-filled .\!input[disabled] {
  background-color: transparent !important;
}

.input-group-filled .input.disabled,
    .input-group-filled .input:disabled,
    .input-group-filled .input[disabled] {
  background-color: transparent;
}

.input-group-filled .\!input.disabled,
    .input-group-filled .\!input:disabled,
    .input-group-filled .\!input[disabled] {
  background-color: transparent !important;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
  transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.input-group-text:first-child {
  border-start-start-radius: var(--rounded-btn, 0.375rem);
  border-end-start-radius: var(--rounded-btn, 0.375rem);
  padding-inline-end: 0px;
}

.input-group-text:last-child {
  border-start-end-radius: var(--rounded-btn, 0.375rem);
  border-end-end-radius: var(--rounded-btn, 0.375rem);
  padding-inline-start: 0px;
}

.\!input[type="file"].input-floating::file-selector-button {
  border-inline-end-width: 1px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

.input[type="file"].input-floating::file-selector-button {
  border-inline-end-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.\!input.is-valid,
.validate .\!input:valid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.input.is-valid,
.validate .input:valid {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
}

.\!input.is-valid,
.validate .\!input:valid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.\!input.is-valid:focus,
  .\!input.is-valid:focus-within,
  .validate .\!input:valid:focus,
  .validate .\!input:valid:focus-within {
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1))) !important;
}

.input.is-valid:focus,
  .input.is-valid:focus-within,
  .validate .input:valid:focus,
  .validate .input:valid:focus-within {
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1)));
}

.\!input.is-valid:focus,
  .\!input.is-valid:focus-within,
  .validate .\!input:valid:focus,
  .validate .\!input:valid:focus-within {
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1))) !important;
}

.\!input.is-valid.input-filled:focus,
  .\!input.is-valid.input-filled:focus-within,
  .validate .\!input:valid.input-filled:focus,
  .validate .\!input:valid.input-filled:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.input.is-valid.input-filled:focus,
  .input.is-valid.input-filled:focus-within,
  .validate .input:valid.input-filled:focus,
  .validate .input:valid.input-filled:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.\!input.is-valid.input-filled:focus,
  .\!input.is-valid.input-filled:focus-within,
  .validate .\!input:valid.input-filled:focus,
  .validate .\!input:valid.input-filled:focus-within {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.\!input.is-valid ~ .input-floating-label,
  .\!input.is-valid ~ .input-filled-label,
  .validate .\!input:valid ~ .input-floating-label,
  .validate .\!input:valid ~ .input-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.input.is-valid ~ .input-floating-label,
  .input.is-valid ~ .input-filled-label,
  .validate .input:valid ~ .input-floating-label,
  .validate .input:valid ~ .input-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.\!input.is-valid ~ .input-floating-label,
  .\!input.is-valid ~ .input-filled-label,
  .validate .\!input:valid ~ .input-floating-label,
  .validate .\!input:valid ~ .input-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.\!input.is-valid:focus ~ .input-filled-focused,
  .\!input.is-valid:focus-within ~ .input-filled-focused,
  .validate .\!input:valid:focus ~ .input-filled-focused,
  .validate .\!input:valid:focus-within ~ .input-filled-focused {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1))) !important;
}

.input.is-valid:focus ~ .input-filled-focused,
  .input.is-valid:focus-within ~ .input-filled-focused,
  .validate .input:valid:focus ~ .input-filled-focused,
  .validate .input:valid:focus-within ~ .input-filled-focused {
  --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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
}

.\!input.is-valid:focus ~ .input-filled-focused,
  .\!input.is-valid:focus-within ~ .input-filled-focused,
  .validate .\!input:valid:focus ~ .input-filled-focused,
  .validate .\!input:valid:focus-within ~ .input-filled-focused {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1))) !important;
}

.label:has(+ * .is-valid) > *, 
.label-text:has(+ * .is-valid), 
.label-text:has(~ .is-valid), 
.label:has(~ .is-valid) > *, 


.is-valid ~ .label, 
.is-valid ~ .label-text, 
.is-valid ~ .label .label-text,  
*:has(.is-valid) ~ .label, 
*:has(.is-valid) ~ .label-text, 
*:has(.is-valid) ~ .label .label-text, 



.validate .label:has(+ * .input:valid) > *, 
.validate .label-text:has(+ * .input:valid), 
.validate .label-text:has(~ .input:valid), 
.validate .label:has(~ .input:valid) > *, 


.validate .input:valid ~ .label, 
.validate .input:valid ~ .label.label-text, 
.validate .input:valid ~ .label .label-text,  
.validate *:has(.input:valid) ~ .label, 
.validate *:has(.input:valid) ~ .label-text, 
.validate *:has(.input:valid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

 



.validate .label:has(+ * .\!input:valid) > *, 
.validate .label-text:has(+ * .\!input:valid), 
.validate .label-text:has(~ .\!input:valid), 
.validate .label:has(~ .\!input:valid) > *, 


.validate .\!input:valid ~ .label, 
.validate .\!input:valid ~ .label.label-text, 
.validate .\!input:valid ~ .label .label-text,  
.validate *:has(.\!input:valid) ~ .label, 
.validate *:has(.\!input:valid) ~ .label-text, 
.validate *:has(.\!input:valid) ~ .label .label-text {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.\!input:focus.is-valid ~ .input-floating-label,
.\!input:focus.is-valid ~ .input-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.input:focus.is-valid ~ .input-floating-label,
.input:focus.is-valid ~ .input-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.\!input:focus.is-valid ~ .input-floating-label,
.\!input:focus.is-valid ~ .input-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.\!input.is-invalid,
.validate .\!input:invalid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.input.is-invalid,
.validate .input:invalid {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
}

.\!input.is-invalid,
.validate .\!input:invalid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.\!input.is-invalid:focus,
  .\!input.is-invalid:focus-within,
  .validate .\!input:invalid:focus,
  .validate .\!input:invalid:focus-within {
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/var(--tw-ring-opacity, 1))) !important;
}

.input.is-invalid:focus,
  .input.is-invalid:focus-within,
  .validate .input:invalid:focus,
  .validate .input:invalid:focus-within {
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/var(--tw-ring-opacity, 1)));
}

.\!input.is-invalid:focus,
  .\!input.is-invalid:focus-within,
  .validate .\!input:invalid:focus,
  .validate .\!input:invalid:focus-within {
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/var(--tw-ring-opacity, 1))) !important;
}

.\!input.is-invalid.input-filled:focus,
  .\!input.is-invalid.input-filled:focus-within,
  .validate .\!input:invalid.input-filled:focus,
  .validate .\!input:invalid.input-filled:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.input.is-invalid.input-filled:focus,
  .input.is-invalid.input-filled:focus-within,
  .validate .input:invalid.input-filled:focus,
  .validate .input:invalid.input-filled:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.\!input.is-invalid.input-filled:focus,
  .\!input.is-invalid.input-filled:focus-within,
  .validate .\!input:invalid.input-filled:focus,
  .validate .\!input:invalid.input-filled:focus-within {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.\!input.is-invalid ~ .input-floating-label,
  .\!input.is-invalid ~ .input-filled-label,
  .validate .\!input:invalid ~ .input-floating-label,
  .validate .\!input:invalid ~ .input-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.input.is-invalid ~ .input-floating-label,
  .input.is-invalid ~ .input-filled-label,
  .validate .input:invalid ~ .input-floating-label,
  .validate .input:invalid ~ .input-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.\!input.is-invalid ~ .input-floating-label,
  .\!input.is-invalid ~ .input-filled-label,
  .validate .\!input:invalid ~ .input-floating-label,
  .validate .\!input:invalid ~ .input-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.\!input.is-invalid:focus ~ .input-filled-focused,
  .\!input.is-invalid:focus-within ~ .input-filled-focused,
  .validate .\!input:invalid:focus ~ .input-filled-focused,
  .validate .\!input:invalid:focus-within ~ .input-filled-focused {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1))) !important;
}

.input.is-invalid:focus ~ .input-filled-focused,
  .input.is-invalid:focus-within ~ .input-filled-focused,
  .validate .input:invalid:focus ~ .input-filled-focused,
  .validate .input:invalid:focus-within ~ .input-filled-focused {
  --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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
}

.\!input.is-invalid:focus ~ .input-filled-focused,
  .\!input.is-invalid:focus-within ~ .input-filled-focused,
  .validate .\!input:invalid:focus ~ .input-filled-focused,
  .validate .\!input:invalid:focus-within ~ .input-filled-focused {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1))) !important;
}

.label:has(+ * .is-invalid) > *, 
.label-text:has(+ * .is-invalid), 
.label-text:has(~ .is-invalid), 
.label:has(~ .is-invalid) > *, 


.is-invalid ~ .label, 
.is-invalid ~ .label-text, 
.is-invalid ~ .label .label-text,  
*:has(.is-invalid) ~ .label, 
*:has(.is-invalid) ~ .label-text, 
*:has(.is-invalid) ~ .label .label-text, 



.validate .label:has(+ * .input:invalid) > *, 
.validate .label-text:has(+ * .input:invalid), 
.validate .label-text:has(~ .input:invalid), 
.validate .label:has(~ .input:invalid) > *, 


.validate .input:invalid ~ .label, 
.validate .input:invalid ~ .label.label-text, 
.validate .input:invalid ~ .label .label-text,  
.validate *:has(.input:invalid) ~ .label, 
.validate *:has(.input:invalid) ~ .label-text, 
.validate *:has(.input:invalid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

 



.validate .label:has(+ * .\!input:invalid) > *, 
.validate .label-text:has(+ * .\!input:invalid), 
.validate .label-text:has(~ .\!input:invalid), 
.validate .label:has(~ .\!input:invalid) > *, 


.validate .\!input:invalid ~ .label, 
.validate .\!input:invalid ~ .label.label-text, 
.validate .\!input:invalid ~ .label .label-text,  
.validate *:has(.\!input:invalid) ~ .label, 
.validate *:has(.\!input:invalid) ~ .label-text, 
.validate *:has(.\!input:invalid) ~ .label .label-text {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.\!input:focus.is-invalid ~ .input-floating-label,
.\!input:focus.is-invalid ~ .input-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.input:focus.is-invalid ~ .input-floating-label,
.input:focus.is-invalid ~ .input-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.\!input:focus.is-invalid ~ .input-floating-label,
.\!input:focus.is-invalid ~ .input-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.validate *:has(> .input:valid) ~ .success-message,
.validate *:has(> .input:valid)  > * > .success-message,

.validate .input:valid ~ .success-message,
.validate .input:valid  + * > .success-message {
  display: block;
}

.validate *:has(> .\!input:valid) ~ .success-message,
.validate *:has(> .\!input:valid)  > * > .success-message,

.validate .\!input:valid ~ .success-message,
.validate .\!input:valid  + * > .success-message {
  display: block !important;
}

.error-message {
  display: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.validate *:has(> .input:invalid) ~ .error-message,
.validate *:has(> .input:invalid) > * > .error-message,

.validate .input:invalid ~ .error-message,
.validate .input:invalid + * > .error-message {
  display: block;
}

.validate *:has(> .\!input:invalid) ~ .error-message,
.validate *:has(> .\!input:invalid) > * > .error-message,

.validate .\!input:invalid ~ .error-message,
.validate .\!input:invalid + * > .error-message {
  display: block !important;
}

.validate .input-group > .input:valid,
.input-group > .input:valid,
.validate .input-group > .input:invalid,
.input-group > .input:invalid,
.validate .input-group > * > .input:valid,
.input-group > * > .input:valid,
.validate .input-group > * > .input:invalid,
.input-group > * > .input:invalid,
.input-group > .input.is-valid,
.input-group > .input.is-invalid,
.input-group > * > .input.is-valid,
.input-group > * > .input.is-invalid {
  border-width: 0px;
}

.validate .input-group > .\!input:valid,
.input-group > .\!input:valid,
.validate .input-group > .\!input:invalid,
.input-group > .\!input:invalid,
.validate .input-group > * > .\!input:valid,
.input-group > * > .\!input:valid,
.validate .input-group > * > .\!input:invalid,
.input-group > * > .\!input:invalid,
.input-group > .\!input.is-valid,
.input-group > .\!input.is-invalid,
.input-group > * > .\!input.is-valid,
.input-group > * > .\!input.is-invalid {
  border-width: 0px !important;
}

.validate .input-group > .input:valid:focus-within,
.input-group > .input:valid:focus-within,
.validate .input-group > .input:invalid:focus-within,
.input-group > .input:invalid:focus-within,
.validate .input-group > * > .input:valid:focus-within,
.input-group > * > .input:valid:focus-within,
.validate .input-group > * > .input:invalid:focus-within,
.input-group > * > .input:invalid:focus-within,
.input-group > .input.is-valid:focus-within,
.input-group > .input.is-invalid:focus-within,
.input-group > * > .input.is-valid:focus-within,
.input-group > * > .input.is-invalid:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.validate .input-group > .\!input:valid:focus-within,
.input-group > .\!input:valid:focus-within,
.validate .input-group > .\!input:invalid:focus-within,
.input-group > .\!input:invalid:focus-within,
.validate .input-group > * > .\!input:valid:focus-within,
.input-group > * > .\!input:valid:focus-within,
.validate .input-group > * > .\!input:invalid:focus-within,
.input-group > * > .\!input:invalid:focus-within,
.input-group > .\!input.is-valid:focus-within,
.input-group > .\!input.is-invalid:focus-within,
.input-group > * > .\!input.is-valid:focus-within,
.input-group > * > .\!input.is-invalid:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.validate .input-group > .input:valid:focus,
.input-group > .input:valid:focus,
.validate .input-group > .input:invalid:focus,
.input-group > .input:invalid:focus,
.validate .input-group > * > .input:valid:focus,
.input-group > * > .input:valid:focus,
.validate .input-group > * > .input:invalid:focus,
.input-group > * > .input:invalid:focus,
.input-group > .input.is-valid:focus,
.input-group > .input.is-invalid:focus,
.input-group > * > .input.is-valid:focus,
.input-group > * > .input.is-invalid:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.validate .input-group > .\!input:valid:focus,
.input-group > .\!input:valid:focus,
.validate .input-group > .\!input:invalid:focus,
.input-group > .\!input:invalid:focus,
.validate .input-group > * > .\!input:valid:focus,
.input-group > * > .\!input:valid:focus,
.validate .input-group > * > .\!input:invalid:focus,
.input-group > * > .\!input:invalid:focus,
.input-group > .\!input.is-valid:focus,
.input-group > .\!input.is-invalid:focus,
.input-group > * > .\!input.is-valid:focus,
.input-group > * > .\!input.is-invalid:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.input-group:has(.is-valid),
  .validate .input-group:has(.input:valid) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
}


  .validate .input-group:has(.\!input:valid) {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.input-group:has(.is-valid):has(:focus),
    .input-group:has(.is-valid):has(:focus-within),
    .validate .input-group:has(.input:valid):has(:focus),
    .validate .input-group:has(.input:valid):has(:focus-within) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22));
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1)));
}


    .validate .input-group:has(.\!input:valid):has(:focus),
    .validate .input-group:has(.\!input:valid):has(:focus-within) {
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22)) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1))) !important;
}

.input-group:has(.is-invalid),
  .validate .input-group:has(.input:invalid) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
}


  .validate .input-group:has(.\!input:invalid) {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.input-group:has(.is-invalid):has(:focus),
    .input-group:has(.is-invalid):has(:focus-within),
    .validate .input-group:has(.input:invalid):has(:focus),
    .validate .input-group:has(.input:invalid):has(:focus-within) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.22));
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/var(--tw-ring-opacity, 1)));
}


    .validate .input-group:has(.\!input:invalid):has(:focus),
    .validate .input-group:has(.\!input:invalid):has(:focus-within) {
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.22)) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/var(--tw-ring-opacity, 1))) !important;
}

.input-group-filled:has(.is-valid),
  .validate .input-group-filled:has(.input:valid) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
}


  .validate .input-group-filled:has(.\!input:valid) {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.input-group-filled:has(.is-valid):focus ~ .input-filled-focused,
    .input-group-filled:has(.is-valid):focus-within ~ .input-filled-focused,
    .validate .input-group-filled:has(.input:valid):focus ~ .input-filled-focused,
    .validate .input-group-filled:has(.input:valid):focus-within ~ .input-filled-focused {
  --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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
}


    .validate .input-group-filled:has(.\!input:valid):focus ~ .input-filled-focused,
    .validate .input-group-filled:has(.\!input:valid):focus-within ~ .input-filled-focused {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1))) !important;
}

.input-group-filled:has(.is-invalid),
  .validate .input-group-filled:has(.input:invalid) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
}


  .validate .input-group-filled:has(.\!input:invalid) {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.input-group-filled:has(.is-invalid):focus ~ .input-filled-focused,
    .input-group-filled:has(.is-invalid):focus-within ~ .input-filled-focused,
    .validate .input-group-filled:has(.input:invalid):focus ~ .input-filled-focused,
    .validate .input-group-filled:has(.input:invalid):focus-within ~ .input-filled-focused {
  --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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
}


    .validate .input-group-filled:has(.\!input:invalid):focus ~ .input-filled-focused,
    .validate .input-group-filled:has(.\!input:invalid):focus-within ~ .input-filled-focused {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1))) !important;
}

.join .btn {
  --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);
}

.join > :where(*:not(:first-child)) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-inline-start: -1px;
}

.join > :where(*:not(:first-child)):is(.btn) {
  margin-inline-start: calc(var(--border-btn) * -1);
}

.join-item:focus {
  isolation: isolate;
}

.link-primary {
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

@supports (color:color-mix(in oklab,black,black)) {

  @media (hover:hover) {

    .link-primary:hover {
      color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 80%,black);
    }

    .link-secondary:hover {
      color: color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 80%,black);
    }

    .link-neutral:hover {
      color: color-mix(in oklab,var(--fallback-n,oklch(var(--n)/1)) 80%,black);
    }

    .link-error:hover {
      color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black);
    }
  }
}

.link-secondary {
  --tw-text-opacity: 1;
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity, 1)));
}

.link-neutral {
  --tw-text-opacity: 1;
  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity, 1)));
}

.link-error {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

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

.link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.link.disabled,
  .link[disabled],
  .link:disabled {
  pointer-events: none;
  opacity: 0.4;
}

.\!loading {
  pointer-events: none !important;
  display: inline-block !important;
  aspect-ratio: 1 / 1 !important;
  width: 1.5rem !important;
  background-color: currentColor !important;
  -webkit-mask-size: 100% !important;
          mask-size: 100% !important;
  -webkit-mask-repeat: no-repeat !important;
          mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
          mask-position: center !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 stroke=%27%23000%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate%28360deg%29%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class=%27spinner_V8m1%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279.5%27 fill=%27none%27 stroke-width=%273%27%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
          mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 stroke=%27%23000%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate%28360deg%29%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class=%27spinner_V8m1%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279.5%27 fill=%27none%27 stroke-width=%273%27%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
}

.loading {
  pointer-events: none;
  display: inline-block;
  aspect-ratio: 1 / 1;
  width: 1.5rem;
  background-color: currentColor;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 stroke=%27%23000%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate%28360deg%29%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class=%27spinner_V8m1%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279.5%27 fill=%27none%27 stroke-width=%273%27%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 stroke=%27%23000%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate%28360deg%29%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class=%27spinner_V8m1%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279.5%27 fill=%27none%27 stroke-width=%273%27%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.loading-spinner {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 stroke=%27%23000%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate%28360deg%29%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class=%27spinner_V8m1%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279.5%27 fill=%27none%27 stroke-width=%273%27%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 stroke=%27%23000%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate%28360deg%29%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class=%27spinner_V8m1%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279.5%27 fill=%27none%27 stroke-width=%273%27%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.loading-dots {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier%280.33,.66,.66,1%29;transform:translate%280%29%7D28.57%25%7Banimation-timing-function:cubic-bezier%280.33,0,.66,.33%29;transform:translateY%28-6px%29%7D100%25%7Btransform:translate%280%29%7D%7D%3C/style%3E%3Ccircle class=%27spinner_qM83%27 cx=%274%27 cy=%2712%27 r=%273%27/%3E%3Ccircle class=%27spinner_qM83 spinner_oXPr%27 cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3Ccircle class=%27spinner_qM83 spinner_ZTLf%27 cx=%2720%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier%280.33,.66,.66,1%29;transform:translate%280%29%7D28.57%25%7Banimation-timing-function:cubic-bezier%280.33,0,.66,.33%29;transform:translateY%28-6px%29%7D100%25%7Btransform:translate%280%29%7D%7D%3C/style%3E%3Ccircle class=%27spinner_qM83%27 cx=%274%27 cy=%2712%27 r=%273%27/%3E%3Ccircle class=%27spinner_qM83 spinner_oXPr%27 cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3Ccircle class=%27spinner_qM83 spinner_ZTLf%27 cx=%2720%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E");
}

.loading-xs {
  width: 1rem;
}

.loading-sm {
  width: 1.25rem;
}

.loading-lg {
  width: 2.5rem;
}

:where(.\!menu li:empty) {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity, 1))) !important;
  opacity: 0.1 !important;
  margin: 0.5rem 1rem !important;
  height: 1px !important;
}

:where(.menu li:empty) {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity, 1)));
  opacity: 0.1;
  margin: 0.5rem 1rem;
  height: 1px;
}

.\!menu :where(li:not(.dropdown) ul) {
  margin-inline-start: 1rem !important;
  padding-inline-start: 0.5rem !important;
}

.menu :where(li:not(.dropdown) ul) {
  margin-inline-start: 1rem;
  padding-inline-start: 0.5rem;
}

.\!menu :where(li:not(.dropdown) ul):before {
  position: absolute !important;
  bottom: 0.6rem !important;
  inset-inline-start: 0px !important;
  top: 0.75rem !important;
  width: 1px !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity, 1))) !important;
  opacity: 0.1 !important;
  content: "" !important;
}

.menu :where(li:not(.dropdown) ul):before {
  position: absolute;
  bottom: 0.6rem;
  inset-inline-start: 0px;
  top: 0.75rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity, 1)));
  opacity: 0.1;
  content: "";
}

.\!menu :where(li:not(.menu-title, .tooltip) > *:not(ul, .collapse, .menu-title, .btn)) {
  border-radius: var(--rounded-btn, 0.375rem) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
  text-align: start !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
  text-wrap: balance !important;
}

.menu :where(li:not(.menu-title, .tooltip) > *:not(ul, .collapse, .menu-title, .btn)) {
  border-radius: var(--rounded-btn, 0.375rem);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-align: start;
  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-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  text-wrap: balance;
}

.\!menu li.tooltip > * {
  border-radius: var(--rounded-btn, 0.375rem) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
  text-align: start !important;
}

.menu li.tooltip > * {
  border-radius: var(--rounded-btn, 0.375rem);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-align: start;
}

:where(.\!menu li:not(.menu-title, .disabled, [disabled], :disabled)) {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1))) !important;
}

:where(.menu li:not(.menu-title, .disabled, [disabled], :disabled)) {
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

:where(.\!menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn).focus, :where(.\!menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn):focus, :where(.\!menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn):focus-visible {
  cursor: pointer !important;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
  --tw-text-opacity: 1 !important;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1))) !important;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

:where(.menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn).focus, :where(.menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn):focus, :where(.menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn):focus-visible {
  cursor: pointer;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

:where(.\!menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn).focus, :where(.\!menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn):focus, :where(.\!menu li:not(.menu-title, .disabled, [disabled], :disabled) > *:not(ul, .collapse, .menu-title)):not(.active, .btn):focus-visible {
  cursor: pointer !important;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
  --tw-text-opacity: 1 !important;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1))) !important;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.\!menu li:not(.disabled, :disabled, [disabled]) > :not(ul, .menu-title, .collapse, .btn):active,
.\!menu li:not(.disabled, :disabled, [disabled]) > :not(ul, .menu-title, .collapse, .btn).active {
  background-color: var(--fallback-p,oklch(var(--p)/0.1)) !important;
  --tw-text-opacity: 1 !important;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1))) !important;
}

.menu li:not(.disabled, :disabled, [disabled]) > :not(ul, .menu-title, .collapse, .btn):active,
.menu li:not(.disabled, :disabled, [disabled]) > :not(ul, .menu-title, .collapse, .btn).active {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.\!menu li:not(.disabled, :disabled, [disabled]) > :not(ul, .menu-title, .collapse, .btn):active,
.\!menu li:not(.disabled, :disabled, [disabled]) > :not(ul, .menu-title, .collapse, .btn).active {
  background-color: var(--fallback-p,oklch(var(--p)/0.1)) !important;
  --tw-text-opacity: 1 !important;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1))) !important;
}

.\!menu li.disabled,
.\!menu li:disabled,
.\!menu li[disabled] {
  pointer-events: none !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  opacity: 0.5 !important;
}

.menu li.disabled,
.menu li:disabled,
.menu li[disabled] {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.5;
}

.\!menu li.disabled,
.\!menu li:disabled,
.\!menu li[disabled] {
  pointer-events: none !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  opacity: 0.5 !important;
}

.menu-title {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.mockup-phone .display {
  overflow: hidden;
  border-radius: 40px;
  margin-top: -25px;
}

.mockup-browser .mockup-browser-toolbar .\!input {
  position: relative !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  height: 1.75rem !important;
  width: 24rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding-inline-start: 2rem !important;
  padding-top: 0.125rem !important;
}

.mockup-browser .mockup-browser-toolbar .input {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 1.75rem;
  width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-inline-start: 2rem;
  padding-top: 0.125rem;
}

.mockup-browser .mockup-browser-toolbar .\!input:before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 0.5rem !important;
  top: 50% !important;
  aspect-ratio: 1 / 1 !important;
  height: 0.75rem !important;
  --tw-translate-y: -50% !important;
  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)) !important;
  border-radius: 9999px !important;
  border-width: 2px !important;
  border-color: currentColor !important;
  opacity: 0.6 !important;
}

.mockup-browser .mockup-browser-toolbar .input:before {
  content: "";
  position: absolute;
  inset-inline-start: 0.5rem;
  top: 50%;
  aspect-ratio: 1 / 1;
  height: 0.75rem;
  --tw-translate-y: -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));
  border-radius: 9999px;
  border-width: 2px;
  border-color: currentColor;
  opacity: 0.6;
}

.mockup-browser .mockup-browser-toolbar .\!input:after {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 1.25rem !important;
  top: 50% !important;
  height: 0.5rem !important;
  --tw-translate-y: 25% !important;
  --tw-rotate: -45deg !important;
  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)) !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  border-color: currentColor !important;
  opacity: 0.6 !important;
}

.mockup-browser .mockup-browser-toolbar .input:after {
  content: "";
  position: absolute;
  inset-inline-start: 1.25rem;
  top: 50%;
  height: 0.5rem;
  --tw-translate-y: 25%;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  border-width: 1px;
  border-color: currentColor;
  opacity: 0.6;
}

.\!open.modal {
  transition-duration: 500ms !important;
}

.open.modal {
  transition-duration: 500ms;
}

.open.\!modal {
  transition-duration: 500ms !important;
}

.\!open .modal {
  transition-duration: 500ms !important;
}

.open .modal {
  transition-duration: 500ms;
}

.open .\!modal {
  transition-duration: 500ms !important;
}

.\!modal::-webkit-scrollbar-thumb {
  background-color: var(--fallback-s,oklch(var(--s)/0.5)) !important;
}

.modal::-webkit-scrollbar-thumb {
  background-color: var(--fallback-s,oklch(var(--s)/0.5));
}

.\!modal::-webkit-scrollbar-thumb:hover {
  background-color: var(--fallback-s,oklch(var(--s)/0.8)) !important;
}

.modal::-webkit-scrollbar-thumb:hover {
  background-color: var(--fallback-s,oklch(var(--s)/0.8));
}

.\!modal::-webkit-scrollbar-track {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1))) !important;
}

.modal::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
}

.\!modal::-webkit-scrollbar {
  width: 0.5rem !important;
}

.modal::-webkit-scrollbar {
  width: 0.5rem;
}

.\!open.modal-dialog {
  transition-duration: 500ms !important;
}

.open.modal-dialog {
  transition-duration: 500ms;
}

.\!open .modal-dialog {
  transition-duration: 500ms !important;
}

.open .modal-dialog {
  transition-duration: 500ms;
}

.modal-body::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  background-color: var(--fallback-s,oklch(var(--s)/0.5));
}

.modal-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--fallback-s,oklch(var(--s)/0.8));
}

.modal-body::-webkit-scrollbar-track {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
}

:where(.modal-header) + .modal-body {
  padding-top: 0;
}

:where(.modal-body) + .modal-footer {
  padding-top: 0;
}

.pin-input::-moz-placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
}

.pin-input::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
}

.pin-input:hover {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.6));
}

.pin-input:focus,
  .pin-input:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  --tw-shadow: 0 4px 6px -1px var(--fallback-bs,oklch(var(--bs)/0.2));
  --tw-shadow: var(--tw-shadow-colored);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1)));
}

.pin-input.disabled,
  .pin-input:disabled,
  .pin-input[disabled] {
  pointer-events: none;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25));
  background-color: var(--fallback-bc,oklch(var(--bc)/0.05));
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.pin-input.disabled::-moz-placeholder, .pin-input:disabled::-moz-placeholder, .pin-input[disabled]::-moz-placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.4));
  --tw-placeholder-opacity: 0.2;
}

.pin-input.disabled::placeholder,
  .pin-input:disabled::placeholder,
  .pin-input[disabled]::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.4));
  --tw-placeholder-opacity: 0.2;
}

.progress-primary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
  --progress-color: var(--fallback-p,oklch(var(--p)/1));
}

.progress-success {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity, 1)));
  --progress-color: var(--fallback-su,oklch(var(--su)/1));
}

.progress-warning {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity, 1)));
  --progress-color: var(--fallback-wa,oklch(var(--wa)/1));
}

.progress-error {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1)));
  --progress-color: var(--fallback-er,oklch(var(--er)/1));
}

@keyframes indeterminate-progress {

  0% {
    background-position-x: -75%;
  }

  50% {
    background-position-x: 125%;
  }

  100% {
    background-position-x: -75%;
  }
}

@keyframes progress-bar-stripes {

  0% {
    background-position-x: 0.75rem;
  }
}

.\!radio {
  --basebg: var(--fallback-b1,oklch(var(--b1)/1)) !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity, 1))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

.radio {
  --basebg: var(--fallback-b1,oklch(var(--b1)/1));
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity, 1)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.\!radio:focus {
  box-shadow: none !important;
}

.radio:focus {
  box-shadow: none;
}

.\!radio:focus-visible {
  outline-style: solid !important;
  outline-width: 2px !important;
  outline-offset: 0px !important;
  outline-color: var(--fallback-n,oklch(var(--n)/0.3)) !important;
}

.radio:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: var(--fallback-n,oklch(var(--n)/0.3));
}

.\!radio:checked,
  .\!radio[aria-checked="true"] {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity, 1))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity, 1))) !important;
  background-image: none !important;
  animation: radiomark var(--animation-input, 0.1s) ease-out !important;
  box-shadow: 0 0 0 3px var(--basebg) inset,
      0 0 0 3px var(--basebg) inset,
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow) !important;
}

.radio:checked,
  .radio[aria-checked="true"] {
  --tw-border-opacity: 1;
  border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity, 1)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity, 1)));
  background-image: none;
  animation: radiomark var(--animation-input, 0.1s) ease-out;
  box-shadow: 0 0 0 3px var(--basebg) inset,
      0 0 0 3px var(--basebg) inset,
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow);
}

.\!radio:checked,
  .\!radio[aria-checked="true"] {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity, 1))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity, 1))) !important;
  background-image: none !important;
  animation: radiomark var(--animation-input, 0.1s) ease-out !important;
  box-shadow: 0 0 0 3px var(--basebg) inset,
      0 0 0 3px var(--basebg) inset,
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow) !important;
}

.radio-primary:checked,
    .radio-primary[aria-checked="true"] {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.radio-primary:checked:focus-visible, .radio-primary[aria-checked="true"]:focus-visible {
  outline-color: var(--fallback-p,oklch(var(--p)/0.3));
}

.radio-inset:checked.radio-sm, .radio-inset[aria-checked="true"].radio-sm {
  border-width: 5px;
}

.\!radio.disabled,
  .\!radio:disabled,
  .\!radio[disabled] {
  pointer-events: none !important;
  opacity: 0.4 !important;
}

.radio.disabled,
  .radio:disabled,
  .radio[disabled],
  .radio-inset.disabled,
  .radio-inset:disabled,
  .radio-inset[disabled] {
  pointer-events: none;
  opacity: 0.4;
}

.\!radio.disabled,
  .\!radio:disabled,
  .\!radio[disabled] {
  pointer-events: none !important;
  opacity: 0.4 !important;
}

.\!radio.disabled:hover, .\!radio:disabled:hover, .\!radio[disabled]:hover {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.radio.disabled:hover, .radio:disabled:hover, .radio[disabled]:hover, .radio-inset.disabled:hover, .radio-inset:disabled:hover, .radio-inset[disabled]:hover {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.\!radio.disabled:hover, .\!radio:disabled:hover, .\!radio[disabled]:hover {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

@keyframes radiomark {

  0% {
    box-shadow: 0 0 0 9px var(--basebg) inset,
      0 0 0 9px var(--basebg) inset;
  }

  50% {
    box-shadow: 0 0 0 6px var(--basebg) inset,
      0 0 0 6px var(--basebg) inset;
  }

  100% {
    box-shadow: 0 0 0 3px var(--basebg) inset,
      0 0 0 3px var(--basebg) inset;
  }
}

@keyframes radioinsetmark {

  0% {
    border-width: 2px;
  }

  50% {
    border-width: 4px;
  }

  100% {
    border-width: 6px;
  }
}

.custom-label-option .label, .custom-option .label {
  padding: 0px;
  font-size: 1rem;
  line-height: 1.375rem;
}

.custom-label-option .label:first-of-type, .custom-option .label:first-of-type {
  padding-bottom: 0.25rem;
}

.custom-label-option .label .label-text, .custom-option .label .label-text {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.validate .custom-label-option:has(.radio:invalid),
  .custom-label-option:has(.radio.is-invalid),
  .validate .custom-option:has(.radio:invalid),
  .custom-option:has(.radio.is-invalid) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
}

.validate .custom-label-option:has(.\!radio:invalid),
  .custom-label-option:has(.\!radio.is-invalid),
  .validate .custom-option:has(.\!radio:invalid),
  .custom-option:has(.\!radio.is-invalid) {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.validate .custom-label-option:has(.radio:valid),
  .custom-label-option:has(.radio.is-valid),
  .validate .custom-option:has(.radio:valid),
  .custom-option:has(.radio.is-valid) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
}

.validate .custom-label-option:has(.\!radio:valid),
  .custom-label-option:has(.\!radio.is-valid),
  .validate .custom-option:has(.\!radio:valid),
  .custom-option:has(.\!radio.is-valid) {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.validate .custom-option:has(.radio:valid):has(:checked), .custom-option:has(.radio.is-valid):has(:checked) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1)));
}

.validate .custom-option:has(.\!radio:valid):has(:checked), .custom-option:has(.\!radio.is-valid):has(:checked) {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1))) !important;
}

.validate .custom-label-option:has(.radio:valid),
  .custom-label-option:has(.radio.is-valid) {
  background-color: var(--fallback-su,oklch(var(--su)/0.2));
}

.validate .custom-label-option:has(.\!radio:valid),
  .custom-label-option:has(.\!radio.is-valid) {
  background-color: var(--fallback-su,oklch(var(--su)/0.2)) !important;
}

.validate .custom-label-option:has(.radio:valid):has(:checked), .custom-label-option:has(.radio.is-valid):has(:checked) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
  background-color: var(--fallback-su,oklch(var(--su)/0.2));
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1)));
}

.validate .custom-label-option:has(.\!radio:valid):has(:checked), .custom-label-option:has(.\!radio.is-valid):has(:checked) {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  background-color: var(--fallback-su,oklch(var(--su)/0.2)) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1))) !important;
}

.validate .custom-label-option:has(.radio:invalid),
  .custom-label-option:has(.radio.is-invalid) {
  background-color: var(--fallback-er,oklch(var(--er)/0.2));
}

.validate .custom-label-option:has(.\!radio:invalid),
  .custom-label-option:has(.\!radio.is-invalid) {
  background-color: var(--fallback-er,oklch(var(--er)/0.2)) !important;
}

.\!radio.is-valid,
.validate .\!radio:valid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.radio.is-valid,
.validate .radio:valid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.\!radio.is-valid,
.validate .\!radio:valid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.\!radio.is-valid:hover,
.validate .\!radio:valid:hover {
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/0.1)) !important;
}

.radio.is-valid:hover,
.validate .radio:valid:hover {
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/0.1)) !important;
}

.\!radio.is-valid:hover,
.validate .\!radio:valid:hover {
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/0.1)) !important;
}

.\!radio.is-valid:focus-visible, .validate .\!radio:valid:focus-visible {
  outline-color: var(--fallback-su,oklch(var(--su)/0.3)) !important;
}

.radio.is-valid:focus-visible, .validate .radio:valid:focus-visible {
  outline-color: var(--fallback-su,oklch(var(--su)/0.3)) !important;
}

.\!radio.is-valid:focus-visible, .validate .\!radio:valid:focus-visible {
  outline-color: var(--fallback-su,oklch(var(--su)/0.3)) !important;
}

.\!radio.is-valid:checked,
  .\!radio.is-valid[aria-checked="true"],
  .validate .\!radio:valid:checked,
  .validate .\!radio:valid[aria-checked="true"] {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1))) !important;
}

.radio.is-valid:checked,
  .radio.is-valid[aria-checked="true"],
  .validate .radio:valid:checked,
  .validate .radio:valid[aria-checked="true"] {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1))) !important;
}

.\!radio.is-valid:checked,
  .\!radio.is-valid[aria-checked="true"],
  .validate .\!radio:valid:checked,
  .validate .\!radio:valid[aria-checked="true"] {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1))) !important;
}

.\!radio.is-invalid,
.validate .\!radio:invalid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.radio.is-invalid,
.validate .radio:invalid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.\!radio.is-invalid,
.validate .\!radio:invalid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.\!radio.is-invalid:hover,
.validate .\!radio:invalid:hover {
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/0.1)) !important;
}

.radio.is-invalid:hover,
.validate .radio:invalid:hover {
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/0.1)) !important;
}

.\!radio.is-invalid:hover,
.validate .\!radio:invalid:hover {
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/0.1)) !important;
}

.\!radio.is-invalid:focus-visible, .validate .\!radio:invalid:focus-visible {
  outline-color: var(--fallback-er,oklch(var(--er)/0.3)) !important;
}

.radio.is-invalid:focus-visible, .validate .radio:invalid:focus-visible {
  outline-color: var(--fallback-er,oklch(var(--er)/0.3)) !important;
}

.\!radio.is-invalid:focus-visible, .validate .\!radio:invalid:focus-visible {
  outline-color: var(--fallback-er,oklch(var(--er)/0.3)) !important;
}

.\!radio.is-invalid:checked,
  .\!radio.is-invalid[aria-checked="true"],
  .validate .\!radio:invalid:checked,
  .validate .\!radio:invalid[aria-checked="true"] {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1))) !important;
}

.radio.is-invalid:checked,
  .radio.is-invalid[aria-checked="true"],
  .validate .radio:invalid:checked,
  .validate .radio:invalid[aria-checked="true"] {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1))) !important;
}

.\!radio.is-invalid:checked,
  .\!radio.is-invalid[aria-checked="true"],
  .validate .\!radio:invalid:checked,
  .validate .\!radio:invalid[aria-checked="true"] {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1))) !important;
}

.validate .label:has(+ * .radio:valid) > *, 
.validate .label-text:has(+ * .radio:valid), 
.validate .label-text:has(~ .radio:valid), 
.validate .label:has(~ .radio:valid) > *, 

.validate .radio:valid ~ .label, 
.validate .radio:valid ~ .label-text, 
.validate .radio:valid ~ .label .label-text,  
.validate *:has(.radio:valid) ~ .label, 
.validate *:has(.radio:valid) ~ .label-text, 
.validate *:has(.radio:valid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.validate .label:has(+ * .\!radio:valid) > *, 
.validate .label-text:has(+ * .\!radio:valid), 
.validate .label-text:has(~ .\!radio:valid), 
.validate .label:has(~ .\!radio:valid) > *, 

.validate .\!radio:valid ~ .label, 
.validate .\!radio:valid ~ .label-text, 
.validate .\!radio:valid ~ .label .label-text,  
.validate *:has(.\!radio:valid) ~ .label, 
.validate *:has(.\!radio:valid) ~ .label-text, 
.validate *:has(.\!radio:valid) ~ .label .label-text {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.validate .label:has(+ * .radio:invalid) > *, 
.validate .label-text:has(+ * .radio:invalid), 
.validate .label-text:has(~ .radio:invalid), 
.validate .label:has(~ .radio:invalid) > *, 

.validate .radio:invalid ~ .label, 
.validate .radio:invalid ~ .label-text, 
.validate .radio:invalid ~ .label .label-text,  
.validate *:has(.radio:invalid) ~ .label, 
.validate *:has(.radio:invalid) ~ .label-text, 
.validate *:has(.radio:invalid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.validate .label:has(+ * .\!radio:invalid) > *, 
.validate .label-text:has(+ * .\!radio:invalid), 
.validate .label-text:has(~ .\!radio:invalid), 
.validate .label:has(~ .\!radio:invalid) > *, 

.validate .\!radio:invalid ~ .label, 
.validate .\!radio:invalid ~ .label-text, 
.validate .\!radio:invalid ~ .label .label-text,  
.validate *:has(.\!radio:invalid) ~ .label, 
.validate *:has(.\!radio:invalid) ~ .label-text, 
.validate *:has(.\!radio:invalid) ~ .label .label-text {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.validate *:has(> .radio:valid) ~ .success-message,
.validate *:has(> .radio:valid) > * > .success-message,

.validate .radio:valid ~ .success-message,
.validate .radio:valid + * > .success-message {
  display: block;
}

.validate *:has(> .\!radio:valid) ~ .success-message,
.validate *:has(> .\!radio:valid) > * > .success-message,

.validate .\!radio:valid ~ .success-message,
.validate .\!radio:valid + * > .success-message {
  display: block !important;
}

.validate *:has(> .radio:invalid) ~ .error-message,
.validate *:has(> .radio:invalid) > * > .error-message,

.validate .radio:invalid ~ .error-message,
.validate .radio:invalid + * > .error-message {
  display: block;
}

.validate *:has(> .\!radio:invalid) ~ .error-message,
.validate *:has(> .\!radio:invalid) > * > .error-message,

.validate .\!radio:invalid ~ .error-message,
.validate .\!radio:invalid + * > .error-message {
  display: block !important;
}

.radio-inset.is-valid,
.validate .radio-inset:valid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.radio-inset.is-valid:hover,
.validate .radio-inset:valid:hover {
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/0.1)) !important;
}

.radio-inset.is-valid:focus-visible, .validate .radio-inset:valid:focus-visible {
  outline-color: var(--fallback-su,oklch(var(--su)/0.3)) !important;
}

.radio-inset.is-valid:checked,
  .radio-inset.is-valid[aria-checked="true"],
  .validate .radio-inset:valid:checked,
  .validate .radio-inset:valid[aria-checked="true"] {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.radio-inset.is-invalid,
.validate .radio-inset:invalid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.radio-inset.is-invalid:hover,
.validate .radio-inset:invalid:hover {
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/0.1)) !important;
}

.radio-inset.is-invalid:focus-visible, .validate .radio-inset:invalid:focus-visible {
  outline-color: var(--fallback-er,oklch(var(--er)/0.3)) !important;
}

.radio-inset.is-invalid:checked,
  .radio-inset.is-invalid[aria-checked="true"],
  .validate .radio-inset:invalid:checked,
  .validate .radio-inset:invalid[aria-checked="true"] {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.validate .label:has(+ * .radio-inset:valid) > *, 
.validate .label:has(+ * .radio-inset:valid).label-text, 
.validate .label:has(~ .radio-inset:valid).label-text, 
.validate .label:has(~ .radio-inset:valid) > *, 

.validate .radio-inset:valid ~ .label, 
.validate .radio-inset:valid ~ .label.label-text, 
.validate .radio-inset:valid ~ .label .label-text,  
.validate *:has(.radio-inset:valid) ~ .label, 
.validate *:has(.radio-inset:valid) ~ .label.label-text, 
.validate *:has(.radio-inset:valid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.validate .label:has(+ * .radio-inset:invalid) > *, 
.validate .label-text:has(+ * .radio-inset:invalid), 
.validate .label-text:has(~ .radio-inset:invalid), 
.validate .label:has(~ .radio-inset:invalid) > *, 

.validate .radio-inset:invalid ~ .label, 
.validate .radio-inset:invalid ~ .label-text, 
.validate .radio-inset:invalid ~ .label .label-text,  
.validate *:has(.radio-inset:invalid) ~ .label, 
.validate *:has(.radio-inset:invalid) ~ .label-text, 
.validate *:has(.radio-inset:invalid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.validate *:has(> .radio-inset:valid) ~ .success-message,
.validate *:has(> .radio-inset:valid) > * > .success-message,

.validate .radio-inset:valid ~ .success-message,
.validate .radio-inset:valid + * > .success-message {
  display: block;
}

.validate *:has(> .radio-inset:invalid) ~ .error-message,
.validate *:has(> .radio-inset:invalid) > * > .error-message,

.validate .radio-inset:invalid ~ .error-message,
.validate .radio-inset:invalid + * > .error-message {
  display: block;
}

.range::-webkit-slider-runnable-track {
  height: 0.5rem;
  width: 100%;
  border-radius: 9999px;
  background-color: var(--fallback-n,oklch(var(--n)/0.1));
}

.range::-moz-range-track {
  height: 0.5rem;
  width: 100%;
  border-radius: 9999px;
  background-color: var(--fallback-n,oklch(var(--n)/0.1));
}

.range::-webkit-slider-thumb {
  position: relative;
  top: 50%;
  width: 1rem;
  height: 1rem;
  --tw-translate-y: -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));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26));
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-transition-property: all;
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  appearance: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  color: var(--range-shdw);
  border-color: var(--range-shdw);
  border-style: solid;
  border-width: 3px;
}

.range::-webkit-slider-thumb: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));
  cursor: grab;
  box-shadow: 0 0 0 2px var(--range-shdw);
}

.range::-webkit-slider-thumb:active {
  --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));
  cursor: grabbing;
  box-shadow: 0 0 0 3px var(--range-shdw);
}

.range::-moz-range-thumb {
  position: relative;
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26));
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -moz-transition-property: all;
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  top: 50%;
  color: var(--range-shdw);
  box-sizing: border-box;
  border-color: var(--range-shdw);
  border-style: solid;
  border-width: 3px;
}

.range::-moz-range-thumb:hover {
  cursor: grab;
  box-shadow: 0 0 0 2px var(--range-shdw);
}

.range::-moz-range-thumb:active {
  cursor: grabbing;
  box-shadow: 0 0 0 3px var(--range-shdw);
}

.range.disabled,
.range:disabled,
.range[disabled] {
  pointer-events: none;
  opacity: 0.3;
}

[dir="rtl"] .range::-webkit-slider-thumb {
  transform: translateY(-50%) scaleX(-1);
}

[dir="rtl"] .range::-moz-range-thumb {
  transform: translateY(-50%) scaleX(-1);
}

[dir="rtl"] .range::-webkit-slider-runnable-track,
[dir="rtl"] .range::-moz-range-track {
  direction: rtl;
}

.\!select:hover {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.6)) !important;
}

.select:hover {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.6));
}

.\!select:focus,
  .\!select:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.22)) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1))) !important;
}

.select:focus,
  .select:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.22));
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1)));
}

.\!select:focus,
  .\!select:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.22)) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1))) !important;
}

.\!select:focus ~ .select-floating-label,
    .\!select:focus ~ .select-filled-label,
    .\!select:focus-within ~ .select-floating-label,
    .\!select:focus-within ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1))) !important;
}

.select:focus ~ .select-floating-label,
    .select:focus ~ .select-filled-label,
    .select:focus-within ~ .select-floating-label,
    .select:focus-within ~ .select-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.\!select:focus ~ .select-floating-label,
    .\!select:focus ~ .select-filled-label,
    .\!select:focus-within ~ .select-floating-label,
    .\!select:focus-within ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1))) !important;
}

.\!select:focus.is-valid ~ .select-floating-label,
    .\!select:focus.is-valid ~ .select-filled-label,
    .\!select:focus-within.is-valid ~ .select-floating-label,
    .\!select:focus-within.is-valid ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.select:focus.is-valid ~ .select-floating-label,
    .select:focus.is-valid ~ .select-filled-label,
    .select:focus-within.is-valid ~ .select-floating-label,
    .select:focus-within.is-valid ~ .select-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.\!select:focus.is-valid ~ .select-floating-label,
    .\!select:focus.is-valid ~ .select-filled-label,
    .\!select:focus-within.is-valid ~ .select-floating-label,
    .\!select:focus-within.is-valid ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.\!select:focus.is-invalid ~ .select-floating-label,
    .\!select:focus.is-invalid ~ .select-filled-label,
    .\!select:focus-within.is-invalid ~ .select-floating-label,
    .\!select:focus-within.is-invalid ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.select:focus.is-invalid ~ .select-floating-label,
    .select:focus.is-invalid ~ .select-filled-label,
    .select:focus-within.is-invalid ~ .select-floating-label,
    .select:focus-within.is-invalid ~ .select-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.\!select:focus.is-invalid ~ .select-floating-label,
    .\!select:focus.is-invalid ~ .select-filled-label,
    .\!select:focus-within.is-invalid ~ .select-floating-label,
    .\!select:focus-within.is-invalid ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.select-filled.input-sm {
  padding-top: 0.375rem;
}

.\!select:focus-visible {
  outline: unset !important;
}

.select:focus-visible {
  outline: unset;
}

.\!select.disabled,
  .\!select:disabled,
  .\!select[disabled] {
  pointer-events: none !important;
  border-width: 0px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
  background-color: var(--fallback-n,oklch(var(--n)/0.1)) !important;
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.select.disabled,
  .select:disabled,
  .select[disabled] {
  pointer-events: none;
  border-width: 0px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  background-color: var(--fallback-n,oklch(var(--n)/0.1));
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.\!select.disabled,
  .\!select:disabled,
  .\!select[disabled] {
  pointer-events: none !important;
  border-width: 0px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
  background-color: var(--fallback-n,oklch(var(--n)/0.1)) !important;
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.\!select.disabled::-moz-placeholder, .\!select:disabled::-moz-placeholder, .\!select[disabled]::-moz-placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.\!select.disabled::placeholder,
  .\!select:disabled::placeholder,
  .\!select[disabled]::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.select.disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.select.disabled::placeholder,
  .select:disabled::placeholder,
  .select[disabled]::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.\!select.disabled::-moz-placeholder, .\!select:disabled::-moz-placeholder, .\!select[disabled]::-moz-placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.\!select.disabled::placeholder,
  .\!select:disabled::placeholder,
  .\!select[disabled]::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}


  .\!select[multiple],
  .\!select[size].\!select:not([size="1"]) {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background-image: none !important;
}

.select-multiple,
  .select[multiple],
  .select[size].select:not([size="1"]) {
  overflow-y: auto;
  overflow-x: hidden;
  background-image: none;
}


  .\!select[multiple],
  .\!select[size].\!select:not([size="1"]) {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background-image: none !important;
}


  .\!select[multiple]::-webkit-scrollbar-thumb,
  .\!select[size].\!select:not([size="1"])::-webkit-scrollbar-thumb {
  border-radius: 9999px !important;
  background-color: var(--fallback-s,oklch(var(--s)/0.5)) !important;
}

.select-multiple::-webkit-scrollbar-thumb,
  .select[multiple]::-webkit-scrollbar-thumb,
  .select[size].select:not([size="1"])::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  background-color: var(--fallback-s,oklch(var(--s)/0.5));
}


  .\!select[multiple]::-webkit-scrollbar-thumb,
  .\!select[size].\!select:not([size="1"])::-webkit-scrollbar-thumb {
  border-radius: 9999px !important;
  background-color: var(--fallback-s,oklch(var(--s)/0.5)) !important;
}


  .\!select[multiple]::-webkit-scrollbar-thumb:hover,
  .\!select[size].\!select:not([size="1"])::-webkit-scrollbar-thumb:hover {
  background-color: var(--fallback-s,oklch(var(--s)/0.8)) !important;
}

.select-multiple::-webkit-scrollbar-thumb:hover,
  .select[multiple]::-webkit-scrollbar-thumb:hover,
  .select[size].select:not([size="1"])::-webkit-scrollbar-thumb:hover {
  background-color: var(--fallback-s,oklch(var(--s)/0.8));
}


  .\!select[multiple]::-webkit-scrollbar-thumb:hover,
  .\!select[size].\!select:not([size="1"])::-webkit-scrollbar-thumb:hover {
  background-color: var(--fallback-s,oklch(var(--s)/0.8)) !important;
}


  .\!select[multiple]::-webkit-scrollbar-track,
  .\!select[size].\!select:not([size="1"])::-webkit-scrollbar-track {
  border-radius: 9999px !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1))) !important;
}

.select-multiple::-webkit-scrollbar-track,
  .select[multiple]::-webkit-scrollbar-track,
  .select[size].select:not([size="1"])::-webkit-scrollbar-track {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
}


  .\!select[multiple]::-webkit-scrollbar-track,
  .\!select[size].\!select:not([size="1"])::-webkit-scrollbar-track {
  border-radius: 9999px !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1))) !important;
}


  .\!select[multiple]::-webkit-scrollbar,
  .\!select[size].\!select:not([size="1"])::-webkit-scrollbar {
  width: 0.5rem !important;
}

.select-multiple::-webkit-scrollbar,
  .select[multiple]::-webkit-scrollbar,
  .select[size].select:not([size="1"])::-webkit-scrollbar {
  width: 0.5rem;
}


  .\!select[multiple]::-webkit-scrollbar,
  .\!select[size].\!select:not([size="1"])::-webkit-scrollbar {
  width: 0.5rem !important;
}

.\!select.select-floating.disabled,
    .\!select.select-floating:disabled,
    .\!select.select-floating[disabled] {
  border-width: 1px !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

.select.select-floating.disabled,
    .select.select-floating:disabled,
    .select.select-floating[disabled] {
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.\!select.select-floating.disabled,
    .\!select.select-floating:disabled,
    .\!select.select-floating[disabled] {
  border-width: 1px !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

.\!select.select-floating.disabled ~ .select-floating-label, .\!select.select-floating:disabled ~ .select-floating-label, .\!select.select-floating[disabled] ~ .select-floating-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.select.select-floating.disabled ~ .select-floating-label, .select.select-floating:disabled ~ .select-floating-label, .select.select-floating[disabled] ~ .select-floating-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.\!select.select-floating.disabled ~ .select-floating-label, .\!select.select-floating:disabled ~ .select-floating-label, .\!select.select-floating[disabled] ~ .select-floating-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.\!select.select-filled.disabled,
    .\!select.select-filled:disabled,
    .\!select.select-filled[disabled] {
  border-bottom-width: 1px !important;
}

.select.select-filled.disabled,
    .select.select-filled:disabled,
    .select.select-filled[disabled] {
  border-bottom-width: 1px;
}

.\!select.select-filled.disabled,
    .\!select.select-filled:disabled,
    .\!select.select-filled[disabled] {
  border-bottom-width: 1px !important;
}

.\!select.select-filled.disabled ~ .select-filled-label, .\!select.select-filled:disabled ~ .select-filled-label, .\!select.select-filled[disabled] ~ .select-filled-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.select.select-filled.disabled ~ .select-filled-label, .select.select-filled:disabled ~ .select-filled-label, .select.select-filled[disabled] ~ .select-filled-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.\!select.select-filled.disabled ~ .select-filled-label, .\!select.select-filled:disabled ~ .select-filled-label, .\!select.select-filled[disabled] ~ .select-filled-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

[dir="rtl"] .\!select {
  background-position: calc(0% + 1.3em) center !important;
}

[dir="rtl"] .select {
  background-position: calc(0% + 1.3em) center;
}

.\!select.select-floating.select-lg ~ .select-floating-label {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.select.select-floating.select-lg ~ .select-floating-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\!select.select-filled.select-lg ~ .select-filled-label {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.select.select-filled.select-lg ~ .select-filled-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.input-group .select {
  border-width: 0px;
}

.input-group .\!select {
  border-width: 0px !important;
}

.input-group .select:focus,
    .input-group .select:focus-within {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.input-group .\!select:focus,
    .input-group .\!select:focus-within {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.\!select.is-valid,
.validate .\!select:valid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.select.is-valid,
.validate .select:valid {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
}

.\!select.is-valid,
.validate .\!select:valid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.\!select.is-valid:focus,
  .\!select.is-valid:focus-within,
  .validate .\!select:valid:focus,
  .validate .\!select:valid:focus-within {
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1))) !important;
}

.select.is-valid:focus,
  .select.is-valid:focus-within,
  .validate .select:valid:focus,
  .validate .select:valid:focus-within {
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1)));
}

.\!select.is-valid:focus,
  .\!select.is-valid:focus-within,
  .validate .\!select:valid:focus,
  .validate .\!select:valid:focus-within {
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1))) !important;
}

.\!select.is-valid.select-filled:focus,
  .\!select.is-valid.select-filled:focus-within,
  .validate .\!select:valid.select-filled:focus,
  .validate .\!select:valid.select-filled:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.select.is-valid.select-filled:focus,
  .select.is-valid.select-filled:focus-within,
  .validate .select:valid.select-filled:focus,
  .validate .select:valid.select-filled:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.\!select.is-valid.select-filled:focus,
  .\!select.is-valid.select-filled:focus-within,
  .validate .\!select:valid.select-filled:focus,
  .validate .\!select:valid.select-filled:focus-within {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.\!select.is-valid ~ .select-floating-label,
  .\!select.is-valid ~ .select-filled-label,
  .validate .\!select:valid ~ .select-floating-label,
  .validate .\!select:valid ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.select.is-valid ~ .select-floating-label,
  .select.is-valid ~ .select-filled-label,
  .validate .select:valid ~ .select-floating-label,
  .validate .select:valid ~ .select-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.\!select.is-valid ~ .select-floating-label,
  .\!select.is-valid ~ .select-filled-label,
  .validate .\!select:valid ~ .select-floating-label,
  .validate .\!select:valid ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.\!select.is-valid:focus ~ .select-filled-focused,
  .\!select.is-valid:focus-within ~ .select-filled-focused,
  .validate .\!select:valid:focus ~ .select-filled-focused,
  .validate .\!select:valid:focus-within ~ .select-filled-focused {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1))) !important;
}

.select.is-valid:focus ~ .select-filled-focused,
  .select.is-valid:focus-within ~ .select-filled-focused,
  .validate .select:valid:focus ~ .select-filled-focused,
  .validate .select:valid:focus-within ~ .select-filled-focused {
  --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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
}

.\!select.is-valid:focus ~ .select-filled-focused,
  .\!select.is-valid:focus-within ~ .select-filled-focused,
  .validate .\!select:valid:focus ~ .select-filled-focused,
  .validate .\!select:valid:focus-within ~ .select-filled-focused {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1))) !important;
}

.\!select:focus.is-valid ~ .select-floating-label,
.validate .\!select:focus:valid ~ .select-floating-label,
.\!select:focus.is-valid ~ .select-filled-label,
.validate .\!select:focus:valid ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.select:focus.is-valid ~ .select-floating-label,
.validate .select:focus:valid ~ .select-floating-label,
.select:focus.is-valid ~ .select-filled-label,
.validate .select:focus:valid ~ .select-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.\!select:focus.is-valid ~ .select-floating-label,
.validate .\!select:focus:valid ~ .select-floating-label,
.\!select:focus.is-valid ~ .select-filled-label,
.validate .\!select:focus:valid ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.\!select:focus.is-invalid ~ .select-floating-label,
.validate .\!select:focus:invalid ~ .select-floating-label,
.\!select:focus.is-invalid ~ .select-filled-label,
.validate .\!select:focus:invalid ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.select:focus.is-invalid ~ .select-floating-label,
.validate .select:focus:invalid ~ .select-floating-label,
.select:focus.is-invalid ~ .select-filled-label,
.validate .select:focus:invalid ~ .select-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.\!select:focus.is-invalid ~ .select-floating-label,
.validate .\!select:focus:invalid ~ .select-floating-label,
.\!select:focus.is-invalid ~ .select-filled-label,
.validate .\!select:focus:invalid ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.\!select.is-invalid,
.validate .\!select:invalid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.select.is-invalid,
.validate .select:invalid {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
}

.\!select.is-invalid,
.validate .\!select:invalid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.\!select.is-invalid:focus,
  .\!select.is-invalid:focus-within,
  .validate .\!select:invalid:focus,
  .validate .\!select:invalid:focus-within {
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/var(--tw-ring-opacity, 1))) !important;
}

.select.is-invalid:focus,
  .select.is-invalid:focus-within,
  .validate .select:invalid:focus,
  .validate .select:invalid:focus-within {
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/var(--tw-ring-opacity, 1)));
}

.\!select.is-invalid:focus,
  .\!select.is-invalid:focus-within,
  .validate .\!select:invalid:focus,
  .validate .\!select:invalid:focus-within {
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/var(--tw-ring-opacity, 1))) !important;
}

.\!select.is-invalid.select-filled:focus,
  .\!select.is-invalid.select-filled:focus-within,
  .validate .\!select:invalid.select-filled:focus,
  .validate .\!select:invalid.select-filled:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.select.is-invalid.select-filled:focus,
  .select.is-invalid.select-filled:focus-within,
  .validate .select:invalid.select-filled:focus,
  .validate .select:invalid.select-filled:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.\!select.is-invalid.select-filled:focus,
  .\!select.is-invalid.select-filled:focus-within,
  .validate .\!select:invalid.select-filled:focus,
  .validate .\!select:invalid.select-filled:focus-within {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.\!select.is-invalid ~ .select-floating-label,
  .\!select.is-invalid ~ .select-filled-label,
  .validate .\!select:invalid ~ .select-floating-label,
  .validate .\!select:invalid ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.select.is-invalid ~ .select-floating-label,
  .select.is-invalid ~ .select-filled-label,
  .validate .select:invalid ~ .select-floating-label,
  .validate .select:invalid ~ .select-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.\!select.is-invalid ~ .select-floating-label,
  .\!select.is-invalid ~ .select-filled-label,
  .validate .\!select:invalid ~ .select-floating-label,
  .validate .\!select:invalid ~ .select-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.\!select.is-invalid:focus ~ .select-filled-focused,
  .\!select.is-invalid:focus-within ~ .select-filled-focused,
  .validate .\!select:invalid:focus ~ .select-filled-focused,
  .validate .\!select:invalid:focus-within ~ .select-filled-focused {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1))) !important;
}

.select.is-invalid:focus ~ .select-filled-focused,
  .select.is-invalid:focus-within ~ .select-filled-focused,
  .validate .select:invalid:focus ~ .select-filled-focused,
  .validate .select:invalid:focus-within ~ .select-filled-focused {
  --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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
}

.\!select.is-invalid:focus ~ .select-filled-focused,
  .\!select.is-invalid:focus-within ~ .select-filled-focused,
  .validate .\!select:invalid:focus ~ .select-filled-focused,
  .validate .\!select:invalid:focus-within ~ .select-filled-focused {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1))) !important;
}

.validate .label:has(+ * .select:valid) > *, 
.validate .label-text:has(+ * .select:valid), 
.validate .label-text:has(~ .select:valid).label-text, 
.validate .label:has(~ .select:valid) > *, 

.validate .select:valid ~ .label, 
.validate .select:valid ~ .label-text, 
.validate .select:valid ~ .label .label-text,  
.validate *:has(.select:valid) ~ .label, 
.validate *:has(.select:valid) ~ .label-text, 
.validate *:has(.select:valid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.validate .label:has(+ * .\!select:valid) > *, 
.validate .label-text:has(+ * .\!select:valid), 
.validate .label-text:has(~ .\!select:valid).label-text, 
.validate .label:has(~ .\!select:valid) > *, 

.validate .\!select:valid ~ .label, 
.validate .\!select:valid ~ .label-text, 
.validate .\!select:valid ~ .label .label-text,  
.validate *:has(.\!select:valid) ~ .label, 
.validate *:has(.\!select:valid) ~ .label-text, 
.validate *:has(.\!select:valid) ~ .label .label-text {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.validate .label:has(+ * .select:invalid) > *, 
.validate .label-text:has(+ * .select:invalid), 
.validate .label-text:has(~ .select:invalid), 
.validate .label:has(~ .select:invalid) > *, 

.validate .select:invalid ~ .label, 
.validate .select:invalid ~ .label-text, 
.validate .select:invalid ~ .label .label-text,  
.validate *:has(.select:invalid) ~ .label, 
.validate *:has(.select:invalid) ~ .label-text, 
.validate *:has(.select:invalid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.validate .label:has(+ * .\!select:invalid) > *, 
.validate .label-text:has(+ * .\!select:invalid), 
.validate .label-text:has(~ .\!select:invalid), 
.validate .label:has(~ .\!select:invalid) > *, 

.validate .\!select:invalid ~ .label, 
.validate .\!select:invalid ~ .label-text, 
.validate .\!select:invalid ~ .label .label-text,  
.validate *:has(.\!select:invalid) ~ .label, 
.validate *:has(.\!select:invalid) ~ .label-text, 
.validate *:has(.\!select:invalid) ~ .label .label-text {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.validate *:has(> .select:valid) ~ .success-message,
.validate *:has(> .select:valid) > * > .success-message,

.validate .select:valid ~ .success-message,
.validate .select:valid + * > .success-message {
  display: block;
}

.validate *:has(> .\!select:valid) ~ .success-message,
.validate *:has(> .\!select:valid) > * > .success-message,

.validate .\!select:valid ~ .success-message,
.validate .\!select:valid + * > .success-message {
  display: block !important;
}

.validate *:has(> .select:invalid) ~ .error-message,
.validate *:has(> .select:invalid) > * > .error-message,

.validate .select:invalid ~ .error-message,
.validate .select:invalid + * > .error-message {
  display: block;
}

.validate *:has(> .\!select:invalid) ~ .error-message,
.validate *:has(> .\!select:invalid) > * > .error-message,

.validate .\!select:invalid ~ .error-message,
.validate .\!select:invalid + * > .error-message {
  display: block !important;
}

.skeleton {
  border-radius: var(--rounded-box, 0.5rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity, 1)));
  will-change: background-position;
  background-image: linear-gradient(
    105deg,
    transparent 0%,
    transparent 40%,
    var(--fallback-b1,oklch(var(--b1)/0.75)) 50%,
    transparent 60%,
    transparent 100%
  );
  background-size: 200% auto;
  background-repeat: no-repeat;
  background-position-x: -50%;
}

@keyframes skeleton {

  from {
    background-position: 150%;
  }

  to {
    background-position: -50%;
  }
}

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

:is([dir="rtl"] .stats > :not([hidden]) ~ :not([hidden])) {
  --tw-divide-x-reverse: 1;
}

[dir="rtl"] .switch {
  --handleoffsetcalculator: calc(var(--handleoffset) * 1);
}

.switch:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: var(--fallback-n,oklch(var(--n)/0.3));
}

.switch:checked,
  .switch[checked="true"],
  .switch[aria-checked="true"] {
  background-image: none;
  --handleoffsetcalculator: var(--handleoffset);
  --tw-text-opacity: 1;
  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity, 1)));
}

[dir="rtl"] .switch:checked, [dir="rtl"] .switch[checked="true"], [dir="rtl"] .switch[aria-checked="true"] {
  --handleoffsetcalculator: calc(var(--handleoffset) * -1);
}

.switch:indeterminate {
  --tw-text-opacity: 1;
  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity, 1)));
  box-shadow: calc(var(--handleoffset) / 2) 0 0 3px var(--tglbg) inset,
      calc(var(--handleoffset) / -2) 0 0 3px var(--tglbg) inset,
      0 0 0 3px var(--tglbg) inset;
}

[dir="rtl"] .switch:indeterminate {
  box-shadow: calc(var(--handleoffset) / 2) 0 0 3px var(--tglbg) inset,
        calc(var(--handleoffset) / -2) 0 0 3px var(--tglbg) inset,
        0 0 0 3px var(--tglbg) inset;
}

.switch-primary:checked,
    .switch-primary[checked="true"],
    .switch-primary[aria-checked="true"] {
  --tglbg: var(--fallback-p,oklch(var(--p)/1));
}

.switch-primary:checked:focus-visible, .switch-primary[checked="true"]:focus-visible, .switch-primary[aria-checked="true"]:focus-visible {
  outline-color: var(--fallback-p,oklch(var(--p)/0.3));
}

.switch.disabled,
  .switch:disabled,
  .switch[disabled] {
  pointer-events: none;
  background-color: transparent;
  opacity: 0.4;
}

.switch-outline.switch-primary:checked,
      .switch-outline.switch-primary[checked="true"],
      .switch-outline.switch-primary[aria-checked="true"] {
  --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.switch-outline.switch-primary:checked:focus-visible, .switch-outline.switch-primary[checked="true"]:focus-visible, .switch-outline.switch-primary[aria-checked="true"]:focus-visible {
  outline-color: var(--fallback-p,oklch(var(--p)/0.3));
}

.switch-outline.disabled,
    .switch-outline:disabled,
    .switch-outline[disabled] {
  pointer-events: none;
  border-color: currentColor;
  background-color: transparent;
  opacity: 0.3;
  --switchhandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset,
        var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset;
}

.switch.is-valid,
.validate .switch:valid {
  --tglbg: var(--fallback-su,oklch(var(--su)/1));
}

.switch.is-valid:focus-visible, .validate .switch:valid:focus-visible {
  outline-color: var(--fallback-su,oklch(var(--su)/0.3)) !important;
}

.switch.is-valid:checked,
  .switch.is-valid[checked="true"],
  .switch.is-valid[aria-checked="true"],
  .validate .switch:valid:checked,
  .validate .switch:valid[checked="true"],
  .validate .switch:valid[aria-checked="true"] {
  --tglbg: var(--fallback-su,oklch(var(--su)/1));
}

.switch.is-invalid,
.validate .switch:invalid {
  --tglbg: var(--fallback-er,oklch(var(--er)/1));
}

.switch.is-invalid:focus-visible, .validate .switch:invalid:focus-visible {
  outline-color: var(--fallback-er,oklch(var(--er)/0.3)) !important;
}

.switch.is-invalid:checked,
  .switch.is-invalid[checked="true"],
  .switch.is-invalid[aria-checked="true"],
  .validate .switch:invalid:checked,
  .validate .switch:invalid[checked="true"],
  .validate .switch:invalid[aria-checked="true"] {
  --tglbg: var(--fallback-er,oklch(var(--er)/1));
}

.validate .label:has(+ * .switch:valid) > *, 
.validate .label-text:has(+ * .switch:valid), 
.validate .label-text:has(~ .switch:valid), 
.validate .label:has(~ .switch:valid) > *, 


.validate .switch:valid ~ .label, 
.validate .switch:valid ~ .label-text, 
.validate .switch:valid ~ .label .label-text,  
.validate *:has(.switch:valid) ~ .label, 
.validate *:has(.switch:valid) ~ .label-text, 
.validate *:has(.switch:valid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.validate .label:has(+ * .switch:invalid) > *, 
.validate .label-text:has(+ * .switch:invalid), 
.validate .label-text:has(~ .switch:invalid), 
.validate .label:has(~ .switch:invalid) > *, 

.validate .switch:invalid ~ .label, 
.validate .switch:invalid ~ .label-text, 
.validate .switch:invalid ~ .label .label-text,  
.validate *:has(.switch:invalid) ~ .label, 
.validate *:has(.switch:invalid) ~ .label-text, 
.validate *:has(.switch:invalid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.validate *:has(> .switch:valid) ~ .success-message,
.validate *:has(> .switch:valid) > * > .success-message,

.validate .switch:valid ~ .success-message,
.validate .switch:valid + * > .success-message {
  display: block;
}

.validate *:has(> .switch:invalid) ~ .error-message,
.validate *:has(> .switch:invalid) > * > .error-message,

.validate .switch:invalid ~ .error-message,
.validate .switch:invalid + * > .error-message {
  display: block;
}

.switch-outline.is-valid,
.validate .switch-outline:valid {
  --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
}

.switch-outline.is-valid:checked,
  .switch-outline.is-valid[checked="true"],
  .switch-outline.is-valid[aria-checked="true"],
  .validate .switch-outline:valid:checked,
  .validate .switch-outline:valid[checked="true"],
  .validate .switch-outline:valid[aria-checked="true"] {
  --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
}

.switch-outline.is-invalid,
.validate .switch-outline:invalid {
  --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
}

.switch-outline.is-invalid:checked,
  .switch-outline.is-invalid[checked="true"],
  .switch-outline.is-invalid[aria-checked="true"],
  .validate .switch-outline:invalid:checked,
  .validate .switch-outline:invalid[checked="true"],
  .validate .switch-outline:invalid[aria-checked="true"] {
  --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
}

.validate .label:has(+ * .switch-outline:valid) > *, 
.validate .label-text:has(+ * .switch-outline:valid), 
.validate .label-text:has(~ .switch-outline:valid), 
.validate .label:has(~ .switch-outline:valid) > *, 


.validate .switch-outline:valid ~ .label, 
.validate .switch-outline:valid ~ .label-text, 
.validate .switch-outline:valid ~ .label .label-text,  
.validate *:has(.switch-outline:valid) ~ .label, 
.validate *:has(.switch-outline:valid) ~ .label-text, 
.validate *:has(.switch-outline:valid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.validate .label:has(+ * .switch-outline:invalid) > *, 
.validate .label-text:has(+ * .switch-outline:invalid), 
.validate .label-text:has(~ .switch-outline:invalid), 
.validate .label:has(~ .switch-outline:invalid) > *, 

.validate .switch-outline:invalid ~ .label, 
.validate .switch-outline:invalid ~ .label-text, 
.validate .switch-outline:invalid ~ .label .label-text,  
.validate *:has(.switch-outline:invalid) ~ .label, 
.validate *:has(.switch-outline:invalid) ~ .label-text, 
.validate *:has(.switch-outline:invalid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.validate *:has(> .switch-outline:valid) ~ .success-message,
.validate *:has(> .switch-outline:valid) > * > .success-message,

.validate .switch-outline:valid ~ .success-message,
.validate .switch-outline:valid + * > .success-message {
  display: block;
}

.validate *:has(> .switch-outline:invalid) ~ .error-message,
.validate *:has(> .switch-outline:invalid) > * > .error-message,

.validate .switch-outline:invalid ~ .error-message,
.validate .switch-outline:invalid + * > .error-message {
  display: block;
}

.tabs-lifted > .tab:focus-visible {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}

.tab.tab-active:not([disabled]) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
  --tw-text-opacity: 1;
}

.tab:focus,
  .tab:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.tab[disabled] {
  pointer-events: none;
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity, 1)));
  --tw-border-opacity: 0.3;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
  --tw-text-opacity: 0.4;
}

.tabs-bordered > .tab {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  border-style: solid;
  border-bottom-width: calc(var(--tab-border, 1px) + 1px);
}

.tabs-lifted > .tab {
  border: var(--tab-border, 1px) solid transparent;
  border-width: 0 0 var(--tab-border, 1px) 0;
  border-radius: var(--tab-radius, 0.375rem);
  border-bottom-color: var(--tab-border-color);
  padding-inline-start: var(--tab-padding, 1rem);
  padding-inline-end: var(--tab-padding, 1rem);
  padding-top: var(--tab-border, 1px);
}

.tabs-lifted > .tab.tab-active:not([disabled]) {
  background-color: var(--tab-bg);
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
  border-color: var(--tab-border-color);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
  padding-bottom: var(--tab-border, 1px);
  padding-top: 0;
}

.tabs-lifted > .tab.tab-active:not([disabled]):before {
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + var(--tab-radius, 0.375rem) * 2);
  height: var(--tab-radius, 0.375rem);
  bottom: 0;
  background-size: var(--tab-radius, 0.375rem);
  background-position: top left,
        top right;
  background-repeat: no-repeat;
  --tab-grad: calc(69% - var(--tab-border, 1px));
  --radius-start: radial-gradient(
        circle at top left,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      );
  --radius-end: radial-gradient(
        circle at top right,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      );
  background-image: var(--radius-start), var(--radius-end);
}

.tabs-lifted > .tab.tab-active:not([disabled]):first-child:before {
  background-image: var(--radius-end);
  background-position: top right;
}

[dir="rtl"] .tabs-lifted > .tab.tab-active:not([disabled]):first-child:before {
  background-image: var(--radius-start);
  background-position: top left;
}

.tabs-lifted > .tab.tab-active:not([disabled]):last-child:before {
  background-image: var(--radius-start);
  background-position: top left;
}

[dir="rtl"] .tabs-lifted > .tab.tab-active:not([disabled]):last-child:before {
  background-image: var(--radius-end);
  background-position: top right;
}

.tabs-lifted > .tab-active:not([disabled]) + .tabs-lifted .tab-active:not([disabled]):before {
  background-image: var(--radius-end);
  background-position: top right;
}

.\!table:where([dir="rtl"], [dir="rtl"] *) {
  text-align: right !important;
}

.table:where([dir="rtl"], [dir="rtl"] *) {
  text-align: right;
}

.\!table::-webkit-scrollbar-thumb {
  background-color: var(--fallback-s,oklch(var(--s)/0.5)) !important;
}

.table::-webkit-scrollbar-thumb {
  background-color: var(--fallback-s,oklch(var(--s)/0.5));
}

.\!table::-webkit-scrollbar-thumb:hover {
  background-color: var(--fallback-s,oklch(var(--s)/0.8)) !important;
}

.table::-webkit-scrollbar-thumb:hover {
  background-color: var(--fallback-s,oklch(var(--s)/0.8));
}

.\!table::-webkit-scrollbar-track {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1))) !important;
}

.table::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
}

.\!table::-webkit-scrollbar {
  width: 0.5rem !important;
}

.table::-webkit-scrollbar {
  width: 0.5rem;
}

.\!table :where(th, td) {
  text-wrap: nowrap !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  padding-top: 0.55rem !important;
  padding-bottom: 0.55rem !important;
  vertical-align: middle !important;
  font-size: 1rem !important;
  line-height: 1.375rem !important;
}

.table :where(th, td) {
  text-wrap: nowrap;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.375rem;
}

.\!table :where(th) {
  text-wrap: nowrap !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  --tw-text-opacity: 1 !important;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1))) !important;
  letter-spacing: 1px !important;
}

.table :where(th) {
  text-wrap: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
  letter-spacing: 1px;
}

.table-sm :where(th, td), .table-md :where(th, td) {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\!table tr.active,
  .\!table tr.active:nth-child(even) {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
}

.table tr.active,
  .table tr.active:nth-child(even),
  .table-striped tbody tr:nth-child(even) {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.\!table tr.active,
  .\!table tr.active:nth-child(even) {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
}

.table-striped tr.active,
    .table-striped tr.active:nth-child(even),
    .table-striped-striped tbody tr:nth-child(even) {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.\!table :where(thead, tbody) :where(tr:not(:last-child)),
    .\!table :where(thead, tbody) :where(tr:first-child:last-child) {
  border-bottom-width: 1px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25)) !important;
}

.table :where(thead, tbody) :where(tr:not(:last-child)),
    .table :where(thead, tbody) :where(tr:first-child:last-child) {
  border-bottom-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25));
}

.\!table :where(thead, tbody) :where(tr:not(:last-child)),
    .\!table :where(thead, tbody) :where(tr:first-child:last-child) {
  border-bottom-width: 1px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25)) !important;
}

.\!table :where(thead, tfoot, th) {
  white-space: nowrap !important;
  --tw-text-opacity: 1 !important;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1))) !important;
}

.table :where(thead, tfoot, th) {
  white-space: nowrap;
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

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

.table-borderless :where(thead, tbody) :where(tr:not(:last-child)),
      .table-borderless :where(thead, tbody) :where(tr:first-child:last-child) {
  border-style: none;
}

textarea {
  background-color: transparent;
}

textarea:focus {
  outline-width: 0px;
  outline-color: transparent;
}

textarea:focus-visible {
  outline: unset;
}

.\!textarea::-moz-placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.\!textarea::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.textarea::-moz-placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.textarea::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.\!textarea::-webkit-scrollbar-thumb {
  border-radius: 9999px !important;
  background-color: var(--fallback-s,oklch(var(--s)/0.5)) !important;
}

.textarea::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  background-color: var(--fallback-s,oklch(var(--s)/0.5));
}

.\!textarea::-webkit-scrollbar-thumb:hover {
  background-color: var(--fallback-s,oklch(var(--s)/0.8)) !important;
}

.textarea::-webkit-scrollbar-thumb:hover {
  background-color: var(--fallback-s,oklch(var(--s)/0.8));
}

.\!textarea::-webkit-scrollbar-track {
  border-radius: 9999px !important;
  background-color: transparent !important;
}

.textarea::-webkit-scrollbar-track {
  border-radius: 9999px;
  background-color: transparent;
}

.\!textarea::-webkit-scrollbar {
  width: 0.5rem !important;
}

.textarea::-webkit-scrollbar {
  width: 0.5rem;
}

.\!textarea:focus,
  s .\!textarea:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.22)) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1))) !important;
}

.textarea:focus,
  s .textarea:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.22));
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1)));
}

.\!textarea:focus,
  s .\!textarea:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-shadow-color: var(--fallback-p,oklch(var(--p)/0.22)) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1))) !important;
}

.\!textarea.disabled,
  .\!textarea:disabled,
  .\!textarea[disabled] {
  pointer-events: none !important;
  border-width: 0px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
  background-color: var(--fallback-n,oklch(var(--n)/0.1)) !important;
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.textarea.disabled,
  .textarea:disabled,
  .textarea[disabled] {
  pointer-events: none;
  border-width: 0px;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  background-color: var(--fallback-n,oklch(var(--n)/0.1));
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.\!textarea.disabled,
  .\!textarea:disabled,
  .\!textarea[disabled] {
  pointer-events: none !important;
  border-width: 0px !important;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
  background-color: var(--fallback-n,oklch(var(--n)/0.1)) !important;
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.\!textarea.textarea-floating.disabled,
    .\!textarea.textarea-floating:disabled,
    .\!textarea.textarea-floating[disabled] {
  border-width: 1px !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

.textarea.textarea-floating.disabled,
    .textarea.textarea-floating:disabled,
    .textarea.textarea-floating[disabled] {
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.\!textarea.textarea-floating.disabled,
    .\!textarea.textarea-floating:disabled,
    .\!textarea.textarea-floating[disabled] {
  border-width: 1px !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

.\!textarea.textarea-floating.disabled ~ .textarea-floating-label, .\!textarea.textarea-floating:disabled ~ .textarea-floating-label, .\!textarea.textarea-floating[disabled] ~ .textarea-floating-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.textarea.textarea-floating.disabled ~ .textarea-floating-label, .textarea.textarea-floating:disabled ~ .textarea-floating-label, .textarea.textarea-floating[disabled] ~ .textarea-floating-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.\!textarea.textarea-floating.disabled ~ .textarea-floating-label, .\!textarea.textarea-floating:disabled ~ .textarea-floating-label, .\!textarea.textarea-floating[disabled] ~ .textarea-floating-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.\!textarea.textarea-filled.disabled,
    .\!textarea.textarea-filled:disabled,
    .\!textarea.textarea-filled[disabled] {
  border-bottom-width: 1px !important;
}

.textarea.textarea-filled.disabled,
    .textarea.textarea-filled:disabled,
    .textarea.textarea-filled[disabled] {
  border-bottom-width: 1px;
}

.\!textarea.textarea-filled.disabled,
    .\!textarea.textarea-filled:disabled,
    .\!textarea.textarea-filled[disabled] {
  border-bottom-width: 1px !important;
}

.\!textarea.textarea-filled.disabled ~ .textarea-filled-label, .\!textarea.textarea-filled:disabled ~ .textarea-filled-label, .\!textarea.textarea-filled[disabled] ~ .textarea-filled-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.textarea.textarea-filled.disabled ~ .textarea-filled-label, .textarea.textarea-filled:disabled ~ .textarea-filled-label, .textarea.textarea-filled[disabled] ~ .textarea-filled-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.\!textarea.textarea-filled.disabled ~ .textarea-filled-label, .\!textarea.textarea-filled:disabled ~ .textarea-filled-label, .\!textarea.textarea-filled[disabled] ~ .textarea-filled-label {
  color: var(--fallback-bc,oklch(var(--bc)/0.5)) !important;
}

.peer:focus ~ .textarea-floating-label,.peer:focus ~ 
.textarea-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.peer:focus ~ .textarea-floating-label::-moz-placeholder, .peer:focus ~ 
.textarea-filled-label::-moz-placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.peer:focus ~ .textarea-floating-label::placeholder,.peer:focus ~ 
.textarea-filled-label::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.peer:not(:-moz-placeholder) ~ .textarea-floating-label {
  top: 0px;
  margin-inline-start: 0.75rem;
  width: -moz-fit-content;
  width: fit-content;
  --tw-translate-y: -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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.peer:focus ~ .textarea-floating-label,
  .peer:focus-within ~ .textarea-floating-label,
  .peer:not(:placeholder-shown) ~ .textarea-floating-label {
  top: 0px;
  margin-inline-start: 0.75rem;
  width: -moz-fit-content;
  width: fit-content;
  --tw-translate-y: -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));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.peer:not(:-moz-placeholder) ~ .textarea-filled-label {
  top: 0.25rem;
  margin-inline-start: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.peer:focus ~ .textarea-filled-label,
  .peer:focus-within ~ .textarea-filled-label,
  .peer:not(:placeholder-shown) ~ .textarea-filled-label {
  top: 0.25rem;
  margin-inline-start: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.input-group .textarea {
  border-width: 0px;
}

.input-group .\!textarea {
  border-width: 0px !important;
}

.input-group .textarea:focus,
    .input-group .textarea:focus-within {
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.input-group .\!textarea:focus,
    .input-group .\!textarea:focus-within {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.\!textarea.is-valid,
.validate .\!textarea:valid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.textarea.is-valid,
.validate .textarea:valid {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
}

.\!textarea.is-valid,
.validate .\!textarea:valid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
}

.\!textarea.is-valid:focus,
  .\!textarea.is-valid:focus-within,
  .validate .\!textarea:valid:focus,
  .validate .\!textarea:valid:focus-within {
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1))) !important;
}

.textarea.is-valid:focus,
  .textarea.is-valid:focus-within,
  .validate .textarea:valid:focus,
  .validate .textarea:valid:focus-within {
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1)));
}

.\!textarea.is-valid:focus,
  .\!textarea.is-valid:focus-within,
  .validate .\!textarea:valid:focus,
  .validate .\!textarea:valid:focus-within {
  --tw-shadow-color: var(--fallback-su,oklch(var(--su)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-su,oklch(var(--su)/var(--tw-ring-opacity, 1))) !important;
}

.\!textarea.is-valid.textarea-filled:focus,
  .\!textarea.is-valid.textarea-filled:focus-within,
  .validate .\!textarea:valid.textarea-filled:focus,
  .validate .\!textarea:valid.textarea-filled:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.textarea.is-valid.textarea-filled:focus,
  .textarea.is-valid.textarea-filled:focus-within,
  .validate .textarea:valid.textarea-filled:focus,
  .validate .textarea:valid.textarea-filled:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1)));
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.\!textarea.is-valid.textarea-filled:focus,
  .\!textarea.is-valid.textarea-filled:focus-within,
  .validate .\!textarea:valid.textarea-filled:focus,
  .validate .\!textarea:valid.textarea-filled:focus-within {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.\!textarea.is-valid ~ .textarea-floating-label,
  .\!textarea.is-valid ~ .textarea-filled-label,
  .validate .\!textarea:valid ~ .textarea-floating-label,
  .validate .\!textarea:valid ~ .textarea-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.textarea.is-valid ~ .textarea-floating-label,
  .textarea.is-valid ~ .textarea-filled-label,
  .validate .textarea:valid ~ .textarea-floating-label,
  .validate .textarea:valid ~ .textarea-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.\!textarea.is-valid ~ .textarea-floating-label,
  .\!textarea.is-valid ~ .textarea-filled-label,
  .validate .\!textarea:valid ~ .textarea-floating-label,
  .validate .\!textarea:valid ~ .textarea-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.\!textarea.is-valid:focus ~ .textarea-filled-focused,
  .\!textarea.is-valid:focus-within ~ .textarea-filled-focused,
  .validate .\!textarea:valid:focus ~ .textarea-filled-focused,
  .validate .\!textarea:valid:focus-within ~ .textarea-filled-focused {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1))) !important;
}

.textarea.is-valid:focus ~ .textarea-filled-focused,
  .textarea.is-valid:focus-within ~ .textarea-filled-focused,
  .validate .textarea:valid:focus ~ .textarea-filled-focused,
  .validate .textarea:valid:focus-within ~ .textarea-filled-focused {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
}

.\!textarea.is-valid:focus ~ .textarea-filled-focused,
  .\!textarea.is-valid:focus-within ~ .textarea-filled-focused,
  .validate .\!textarea:valid:focus ~ .textarea-filled-focused,
  .validate .\!textarea:valid:focus-within ~ .textarea-filled-focused {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1))) !important;
}

.\!textarea:focus.is-valid ~ .textarea-floating-label,
.validate .\!textarea:focus:valid ~ .textarea-floating-label,
.\!textarea:focus.is-valid ~ .textarea-filled-label,
.validate .\!textarea:focus:valid ~ .textarea-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.textarea:focus.is-valid ~ .textarea-floating-label,
.validate .textarea:focus:valid ~ .textarea-floating-label,
.textarea:focus.is-valid ~ .textarea-filled-label,
.validate .textarea:focus:valid ~ .textarea-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.\!textarea:focus.is-valid ~ .textarea-floating-label,
.validate .\!textarea:focus:valid ~ .textarea-floating-label,
.\!textarea:focus.is-valid ~ .textarea-filled-label,
.validate .\!textarea:focus:valid ~ .textarea-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.\!textarea:focus.is-invalid ~ .textarea-floating-label,
.validate .\!textarea:focus:invalid ~ .textarea-floating-label,
.\!textarea:focus.is-invalid ~ .textarea-filled-label,
.validate .\!textarea:focus:invalid ~ .textarea-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.textarea:focus.is-invalid ~ .textarea-floating-label,
.validate .textarea:focus:invalid ~ .textarea-floating-label,
.textarea:focus.is-invalid ~ .textarea-filled-label,
.validate .textarea:focus:invalid ~ .textarea-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.\!textarea:focus.is-invalid ~ .textarea-floating-label,
.validate .\!textarea:focus:invalid ~ .textarea-floating-label,
.\!textarea:focus.is-invalid ~ .textarea-filled-label,
.validate .\!textarea:focus:invalid ~ .textarea-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.\!textarea.is-invalid,
.validate .\!textarea:invalid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.textarea.is-invalid,
.validate .textarea:invalid {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
}

.\!textarea.is-invalid,
.validate .\!textarea:invalid {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
}

.\!textarea.is-invalid:focus,
  .\!textarea.is-invalid:focus-within,
  .validate .\!textarea:invalid:focus,
  .validate .\!textarea:invalid:focus-within {
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/var(--tw-ring-opacity, 1))) !important;
}

.textarea.is-invalid:focus,
  .textarea.is-invalid:focus-within,
  .validate .textarea:invalid:focus,
  .validate .textarea:invalid:focus-within {
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.22));
  --tw-shadow: var(--tw-shadow-colored);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/var(--tw-ring-opacity, 1)));
}

.\!textarea.is-invalid:focus,
  .\!textarea.is-invalid:focus-within,
  .validate .\!textarea:invalid:focus,
  .validate .\!textarea:invalid:focus-within {
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.22)) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: var(--fallback-er,oklch(var(--er)/var(--tw-ring-opacity, 1))) !important;
}

.\!textarea.is-invalid.textarea-filled:focus,
  .\!textarea.is-invalid.textarea-filled:focus-within,
  .validate .\!textarea:invalid.textarea-filled:focus,
  .validate .\!textarea:invalid.textarea-filled:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.textarea.is-invalid.textarea-filled:focus,
  .textarea.is-invalid.textarea-filled:focus-within,
  .validate .textarea:invalid.textarea-filled:focus,
  .validate .textarea:invalid.textarea-filled:focus-within {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
  --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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.\!textarea.is-invalid.textarea-filled:focus,
  .\!textarea.is-invalid.textarea-filled:focus-within,
  .validate .\!textarea:invalid.textarea-filled:focus,
  .validate .\!textarea:invalid.textarea-filled:focus-within {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-border-opacity: 1 !important;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.\!textarea.is-invalid ~ .textarea-floating-label,
  .\!textarea.is-invalid ~ .textarea-filled-label,
  .validate .\!textarea:invalid ~ .textarea-floating-label,
  .validate .\!textarea:invalid ~ .textarea-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.textarea.is-invalid ~ .textarea-floating-label,
  .textarea.is-invalid ~ .textarea-filled-label,
  .validate .textarea:invalid ~ .textarea-floating-label,
  .validate .textarea:invalid ~ .textarea-filled-label {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.\!textarea.is-invalid ~ .textarea-floating-label,
  .\!textarea.is-invalid ~ .textarea-filled-label,
  .validate .\!textarea:invalid ~ .textarea-floating-label,
  .validate .\!textarea:invalid ~ .textarea-filled-label {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.\!textarea.is-invalid:focus ~ .textarea-filled-focused,
  .\!textarea.is-invalid:focus-within ~ .textarea-filled-focused,
  .validate .\!textarea:invalid:focus ~ .textarea-filled-focused,
  .validate .\!textarea:invalid:focus-within ~ .textarea-filled-focused {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1))) !important;
}

.textarea.is-invalid:focus ~ .textarea-filled-focused,
  .textarea.is-invalid:focus-within ~ .textarea-filled-focused,
  .validate .textarea:invalid:focus ~ .textarea-filled-focused,
  .validate .textarea:invalid:focus-within ~ .textarea-filled-focused {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
}

.\!textarea.is-invalid:focus ~ .textarea-filled-focused,
  .\!textarea.is-invalid:focus-within ~ .textarea-filled-focused,
  .validate .\!textarea:invalid:focus ~ .textarea-filled-focused,
  .validate .\!textarea:invalid:focus-within ~ .textarea-filled-focused {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1))) !important;
}

.validate .label:has(+ * .textarea:valid) > *, 
.validate .label-text:has(+ * .textarea:valid), 
.validate .label-text:has(~ .textarea:valid), 
.validate .label:has(~ .textarea:valid) > *, 

.validate .textarea:valid ~ .label, 
.validate .textarea:valid ~ .label-text, 
.validate .textarea:valid ~ .label .label-text,  
.validate *:has(.textarea:valid) ~ .label, 
.validate *:has(.textarea:valid) ~ .label-text, 
.validate *:has(.textarea:valid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.validate .label:has(+ * .\!textarea:valid) > *, 
.validate .label-text:has(+ * .\!textarea:valid), 
.validate .label-text:has(~ .\!textarea:valid), 
.validate .label:has(~ .\!textarea:valid) > *, 

.validate .\!textarea:valid ~ .label, 
.validate .\!textarea:valid ~ .label-text, 
.validate .\!textarea:valid ~ .label .label-text,  
.validate *:has(.\!textarea:valid) ~ .label, 
.validate *:has(.\!textarea:valid) ~ .label-text, 
.validate *:has(.\!textarea:valid) ~ .label .label-text {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))) !important;
}

.validate .label:has(+ * .textarea:invalid) > *, 
.validate .label-text:has(+ * .textarea:invalid), 
.validate .label-text:has(~ .textarea:invalid), 
.validate .label:has(~ .textarea:invalid) > *, 

.validate .textarea:invalid ~ .label, 
.validate .textarea:invalid ~ .label-text, 
.validate .textarea:invalid ~ .label .label-text,  
.validate *:has(.textarea:invalid) ~ .label, 
.validate *:has(.textarea:invalid) ~ .label-text, 
.validate *:has(.textarea:invalid) ~ .label .label-text {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.validate .label:has(+ * .\!textarea:invalid) > *, 
.validate .label-text:has(+ * .\!textarea:invalid), 
.validate .label-text:has(~ .\!textarea:invalid), 
.validate .label:has(~ .\!textarea:invalid) > *, 

.validate .\!textarea:invalid ~ .label, 
.validate .\!textarea:invalid ~ .label-text, 
.validate .\!textarea:invalid ~ .label .label-text,  
.validate *:has(.\!textarea:invalid) ~ .label, 
.validate *:has(.\!textarea:invalid) ~ .label-text, 
.validate *:has(.\!textarea:invalid) ~ .label .label-text {
  --tw-text-opacity: 1 !important;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))) !important;
}

.validate *:has(> .textarea:valid) ~ .success-message,
.validate *:has(> .textarea:valid) > * > .success-message,

.validate .textarea:valid ~ .success-message,
.validate .textarea:valid + * > .success-message {
  display: block;
}

.validate *:has(> .\!textarea:valid) ~ .success-message,
.validate *:has(> .\!textarea:valid) > * > .success-message,

.validate .\!textarea:valid ~ .success-message,
.validate .\!textarea:valid + * > .success-message {
  display: block !important;
}

.validate *:has(> .textarea:invalid) ~ .error-message,
.validate *:has(> .textarea:invalid) > * > .error-message,

.validate .textarea:invalid ~ .error-message,
.validate .textarea:invalid + * > .error-message {
  display: block;
}

.validate *:has(> .\!textarea:invalid) ~ .error-message,
.validate *:has(> .\!textarea:invalid) > * > .error-message,

.validate .\!textarea:invalid ~ .error-message,
.validate .\!textarea:invalid + * > .error-message {
  display: block !important;
}

.timeline hr {
  height: 1.5px;
}

:where(.timeline hr) {
  border-color: transparent;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

:where(.timeline:has(.timeline-middle) hr):first-child {
  border-start-end-radius: var(--rounded-tooltip, 0.25rem);
  border-end-end-radius: var(--rounded-tooltip, 0.25rem);
  border-start-start-radius: 0px;
  border-end-start-radius: 0px;
}

:where(.timeline:has(.timeline-middle) hr):last-child {
  border-start-start-radius: var(--rounded-tooltip, 0.25rem);
  border-end-start-radius: var(--rounded-tooltip, 0.25rem);
  border-start-end-radius: 0px;
  border-end-end-radius: 0px;
}

:where(.timeline:not(:has(.timeline-middle)) :first-child hr:last-child) {
  border-start-start-radius: var(--rounded-tooltip, 0.25rem);
  border-end-start-radius: var(--rounded-tooltip, 0.25rem);
  border-start-end-radius: 0px;
  border-end-end-radius: 0px;
}

:where(.timeline:not(:has(.timeline-middle)) :last-child hr:first-child) {
  border-start-end-radius: var(--rounded-tooltip, 0.25rem);
  border-end-end-radius: var(--rounded-tooltip, 0.25rem);
  border-start-start-radius: 0px;
  border-end-start-radius: 0px;
}

.tooltip-secondary {
  --tooltip-color: var(--fallback-s,oklch(var(--s)/1));
  --tooltip-text-color: var(--fallback-sc,oklch(var(--sc)/1));
}

.glass,
  .glass.btn-active {
  border: none;
  backdrop-filter: blur(var(--glass-blur, 40px));
  background-color: transparent;
  background-image: linear-gradient(135deg, rgb(255 255 255 / var(--glass-opacity, 30%)) 0%, rgb(0 0 0 / 0%) 100%),
      linear-gradient(
        var(--glass-reflex-degree, 100deg),
        rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,
        rgb(0 0 0 / 0%) 25%
      );
  box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
      0 0 0 2px rgb(0 0 0 / 5%);
  text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%));
}

@media (hover: hover) {

  .glass.btn-active {
    border: none;
    backdrop-filter: blur(var(--glass-blur, 40px));
    background-color: transparent;
    background-image: linear-gradient(135deg, rgb(255 255 255 / var(--glass-opacity, 30%)) 0%, rgb(0 0 0 / 0%) 100%),
        linear-gradient(
          var(--glass-reflex-degree, 100deg),
          rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,
          rgb(0 0 0 / 0%) 25%
        );
    box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
        0 0 0 2px rgb(0 0 0 / 5%);
    text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%));
  }
}

.advance-select-xs {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-inline-end: 1.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.advance-select-xs ~ .advance-select-menu {
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26));
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.advance-select-xs ~ .advance-select-menu .advance-select-option {
  width: 100%;
  cursor: pointer;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.advance-select-sm {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-inline-end: 1.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.advance-select-sm ~ .advance-select-menu {
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26));
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.advance-select-sm ~ .advance-select-menu .advance-select-option {
  width: 100%;
  cursor: pointer;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.advance-select-lg ~ .advance-select-menu .advance-select-option {
  width: 100%;
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.artboard.phone {
  width: 320px;
}

.artboard.phone-1.horizontal,
      .artboard.phone-1.artboard-horizontal {
  width: 568px;
  height: 320px;
}

.artboard.phone-2.horizontal,
      .artboard.phone-2.artboard-horizontal {
  width: 667px;
  height: 375px;
}

.artboard.phone-3.horizontal,
      .artboard.phone-3.artboard-horizontal {
  width: 736px;
  height: 414px;
}

.artboard.phone-4.horizontal,
      .artboard.phone-4.artboard-horizontal {
  width: 812px;
  height: 375px;
}

.artboard.phone-5.horizontal,
      .artboard.phone-5.artboard-horizontal {
  width: 896px;
  height: 414px;
}

.artboard.phone-6.horizontal,
      .artboard.phone-6.artboard-horizontal {
  width: 1024px;
  height: 320px;
}

.badge-xs {
  height: 1rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.badge-sm {
  height: 1.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.badge-lg {
  height: 1.75rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 1rem;
  line-height: 1.375rem;
}

.btn-xs {
  height: 1.5rem;
  min-height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.btn-sm {
  height: 1.875rem;
  min-height: 1.875rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.btn-lg {
  height: 2.875rem;
  min-height: 2.875rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.btn-block {
  width: 100%;
}

.btn-square:where(.btn-xs) {
  height: 1.5rem;
  width: 1.5rem;
  padding: 0px;
}

.btn-square:where(.btn-sm) {
  height: 1.875rem;
  width: 1.875rem;
  padding: 0px;
}

.btn-square:where(.btn-lg) {
  height: 2.875rem;
  width: 2.875rem;
  padding: 0px;
}

.btn-circle:where(.btn-xs) {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  padding: 0px;
}

.btn-circle:where(.btn-sm) {
  height: 1.875rem;
  width: 1.875rem;
  border-radius: 9999px;
  padding: 0px;
}

.btn-circle:where(.btn-lg) {
  height: 2.875rem;
  width: 2.875rem;
  border-radius: 9999px;
  padding: 0px;
}

[type="checkbox"].checkbox-xs {
  width: 1rem;
  height: 1rem;
}

[type="checkbox"].checkbox-sm {
  width: 1.25rem;
  height: 1.25rem;
}

.indicator :where(.indicator-item) {
  bottom: auto;
  inset-inline-end: 0px;
  inset-inline-start: auto;
  top: 0px;
  --tw-translate-y: -50%;
  --tw-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));
}

.indicator :where(.indicator-item):where([dir="rtl"], [dir="rtl"] *) {
  --tw-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));
}

.indicator :where(.indicator-item.indicator-start) {
  inset-inline-end: auto;
  inset-inline-start: 0px;
  --tw-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));
}

.indicator :where(.indicator-item.indicator-start):where([dir="rtl"], [dir="rtl"] *) {
  --tw-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));
}

.indicator :where(.indicator-item.indicator-center) {
  inset-inline-end: 50%;
  inset-inline-start: 50%;
  --tw-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));
}

.indicator :where(.indicator-item.indicator-center):where([dir="rtl"], [dir="rtl"] *) {
  --tw-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));
}

.indicator :where(.indicator-item.indicator-end) {
  inset-inline-end: 0px;
  inset-inline-start: auto;
  --tw-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));
}

.indicator :where(.indicator-item.indicator-end):where([dir="rtl"], [dir="rtl"] *) {
  --tw-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));
}

.indicator :where(.indicator-item.indicator-bottom) {
  bottom: 0px;
  top: auto;
  --tw-translate-y: 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));
}

.indicator :where(.indicator-item.indicator-middle) {
  top: 50%;
}

.indicator :where(.indicator-item.indicator-top) {
  bottom: auto;
  top: 0px;
  --tw-translate-y: -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));
}

.input-xs {
  height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.input-sm {
  height: 1.875rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.input-lg {
  height: 2.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.input-filled.input-sm {
  height: 2.5rem;
}

.input-filled.input-lg {
  height: 3.5rem;
}

.join.join-vertical {
  flex-direction: column;
}

.join.join-vertical .join-item:first-child:not(:last-child),
  .join.join-vertical *:first-child:not(:last-child) .join-item {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}

.join.join-vertical .join-item:last-child:not(:first-child),
  .join.join-vertical *:last-child:not(:first-child) .join-item {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}

.kbd-sm {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  min-height: 1.6em;
  min-width: 1.6em;
}

.menu-horizontal {
  display: inline-flex;
  flex-direction: row;
}

.menu-horizontal > li:not(.menu-title) > .collapse > ul {
  position: absolute;
}

.menu-horizontal > li:not(.menu-title) > .\!collapse > ul {
  position: absolute !important;
}

.menu-vertical {
  display: flex;
  flex-direction: column;
}

.menu-vertical > li:not(.menu-title) > .collapse > ul {
  position: relative;
}

.menu-vertical > li:not(.menu-title) > .\!collapse > ul {
  position: relative !important;
}

.modal-middle {
  place-items: center;
}

.modal-dialog-sm {
  max-width: 24rem;
}

.modal-dialog-lg {
  max-width: 48rem;
}

.modal-dialog-xl {
  max-width: 64rem;
}

[type="radio"].\!radio.radio-xs {
  width: 1rem !important;
  height: 1rem !important;
}

[type="radio"].radio.radio-xs, [type="radio"].radio-inset.radio-xs {
  width: 1rem;
  height: 1rem;
}

[type="radio"].\!radio.radio-sm {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

[type="radio"].radio.radio-sm, [type="radio"].radio-inset.radio-sm {
  width: 1.25rem;
  height: 1.25rem;
}

[type="radio"].\!radio.radio-lg {
  width: 2rem !important;
  height: 2rem !important;
}

[type="radio"].radio.radio-lg, [type="radio"].radio-inset.radio-lg {
  width: 2rem;
  height: 2rem;
}

.select-xs {
  height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.select-sm {
  height: 1.875rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.select-lg {
  height: 2.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.select-filled.select-sm {
  height: 2.5rem;
}

.select-filled.select-lg {
  height: 3.5rem;
}

.tabs-lg :where(.tab) {
  height: 2.875rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  --tab-padding: 1.25rem;
}

.tabs-sm :where(.tab) {
  height: 1.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tab-padding: 0.75rem;
}

.tabs-xs :where(.tab) {
  height: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tab-padding: 0.5rem;
}

.timeline-vertical {
  flex-direction: column;
}

.timeline-vertical.timeline-compact > li {
  --timeline-col-start: 0;
}

.timeline-vertical.timeline-compact .timeline-start {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 4;
  align-self: center;
  justify-self: start;
}

.timeline-vertical.timeline-compact li:has(.timeline-start) .timeline-end {
  grid-column-start: auto;
  grid-row-start: none;
}

.timeline-vertical.timeline-compact .timeline-shift .timeline-start {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
}

.timeline-vertical.timeline-compact .timeline-shift .timeline-end {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
}

:where(.timeline-vertical > li) {
  --timeline-row-start: minmax(0, 1fr);
  --timeline-row-end: minmax(0, 1fr);
  justify-items: center;
}

.timeline-vertical > li > hr {
  height: 100%;
}

:where(.timeline-vertical > li > hr):first-child {
  grid-column-start: 2;
  grid-row-start: 1;
}

:where(.timeline-vertical > li > hr):last-child {
  grid-column-start: 2;
  grid-column-end: auto;
  grid-row-start: 3;
  grid-row-end: none;
}

.timeline-vertical .timeline-start {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 4;
}

:where(.timeline-vertical .timeline-start) {
  align-self: center;
  justify-self: end;
}

.timeline-vertical .timeline-end {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 4;
}

.timeline-vertical:where(.timeline-snap-icon) > li {
  --timeline-col-start: minmax(0, 1fr);
  --timeline-row-start: 0.5rem;
}

:where(.timeline-vertical .timeline-end) {
  align-self: center;
  justify-self: start;
}

.avatar.online-top:before {
  content: "";
  position: absolute;
  z-index: 10;
  display: block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
  outline-style: solid;
  outline-width: 2px;
  outline-color: var(--fallback-b1,oklch(var(--b1)/1));
  width: 20%;
  height: 20%;
  top: 3%;
  right: 3%;
}

.avatar.offline-top:before {
  content: "";
  position: absolute;
  z-index: 10;
  display: block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
  outline-style: solid;
  outline-width: 2px;
  outline-color: var(--fallback-b1,oklch(var(--b1)/1));
  width: 20%;
  height: 20%;
  top: 3%;
  right: 3%;
}

.avatar.busy-top:before {
  content: "";
  position: absolute;
  z-index: 10;
  display: block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
  outline-style: solid;
  outline-width: 2px;
  outline-color: var(--fallback-b1,oklch(var(--b1)/1));
  width: 20%;
  height: 20%;
  top: 3%;
  right: 3%;
}

.avatar.away-top:before {
  content: "";
  position: absolute;
  z-index: 10;
  display: block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity, 1)));
  outline-style: solid;
  outline-width: 2px;
  outline-color: var(--fallback-b1,oklch(var(--b1)/1));
  width: 20%;
  height: 20%;
  top: 3%;
  right: 3%;
}

.avatar.online-bottom:before {
  content: "";
  position: absolute;
  z-index: 10;
  display: block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
  outline-style: solid;
  outline-width: 2px;
  outline-color: var(--fallback-b1,oklch(var(--b1)/1));
  width: 20%;
  height: 20%;
  bottom: 3%;
  right: 3%;
}

.avatar.offline-bottom:before {
  content: "";
  position: absolute;
  z-index: 10;
  display: block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
  outline-style: solid;
  outline-width: 2px;
  outline-color: var(--fallback-b1,oklch(var(--b1)/1));
  width: 20%;
  height: 20%;
  bottom: 3%;
  right: 3%;
}

.avatar.busy-bottom:before {
  content: "";
  position: absolute;
  z-index: 10;
  display: block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
  outline-style: solid;
  outline-width: 2px;
  outline-color: var(--fallback-b1,oklch(var(--b1)/1));
  width: 20%;
  height: 20%;
  bottom: 3%;
  right: 3%;
}

.avatar.away-bottom:before {
  content: "";
  position: absolute;
  z-index: 10;
  display: block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity, 1)));
  outline-style: solid;
  outline-width: 2px;
  outline-color: var(--fallback-b1,oklch(var(--b1)/1));
  width: 20%;
  height: 20%;
  bottom: 3%;
  right: 3%;
}

:where(.card-compact ) .card-header {
  padding: 1rem;
}

:where(.card-compact ) .card-footer {
  padding: 1rem;
}

:where(.card-compact ) .card-body {
  padding: 1rem;
}

:where(.card-compact ) .card-title {
  margin-bottom: 0.25rem;
}

:where(.card-compact:has(>.card-header)) > .card-body {
  padding-top: 0px;
}

:where(.card-compact:has(>.card-body)) > .card-footer {
  padding-top: 0px;
}

.vertical-scrollbar {
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.vertical-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--fallback-s,oklch(var(--s)/0.5));
}

.vertical-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--fallback-s,oklch(var(--s)/0.8));
}

.vertical-scrollbar::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
}

.vertical-scrollbar::-webkit-scrollbar {
  width: 0.5rem;
}

.horizontal-scrollbar {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
}

.horizontal-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--fallback-s,oklch(var(--s)/0.5));
}

.horizontal-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--fallback-s,oklch(var(--s)/0.8));
}

.horizontal-scrollbar::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
}

.horizontal-scrollbar::-webkit-scrollbar {
  height: 0.5rem;
}

.rounded-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 9999px;
}

.rounded-scrollbar::-webkit-scrollbar-track {
  border-radius: 9999px;
}

.join.join-vertical > :where(*:not(:first-child)) {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -1px;
}

.menu-horizontal > li:not(.menu-title) > .collapse > ul {
  margin-inline-start: 0px;
  margin-top: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-inline-end: 0.5rem;
}

.menu-horizontal > li:not(.menu-title) > .\!collapse > ul {
  margin-inline-start: 0px !important;
  margin-top: 1rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-inline-end: 0.5rem !important;
}

.menu-horizontal > li > .collapse > ul:before {
  content: none;
}

.menu-horizontal > li > .\!collapse > ul:before {
  content: none !important;
}

:where(.menu-horizontal > li:not(.menu-title) > .collapse > ul) {
  border-radius: var(--rounded-box, 0.5rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26));
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

:where(.menu-horizontal > li:not(.menu-title) > .\!collapse > ul) {
  border-radius: var(--rounded-box, 0.5rem) !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26)) !important;
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.menu-vertical > li:not(.menu-title) > .collapse > ul {
  margin-inline-start: 1rem;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-inline-end: 0px;
}

.menu-vertical > li:not(.menu-title) > .\!collapse > ul {
  margin-inline-start: 1rem !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-inline-end: 0px !important;
}

.menu-xs .menu-title {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.menu-sm .menu-title {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.menu-lg .menu-title {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.tabs-bordered.tabs-vertical {
  flex-direction: column;
}

.tabs-bordered.tabs-vertical > .tab {
  width: 100%;
  justify-content: flex-start;
  border-bottom-width: 0px;
  border-inline-end-width: calc(var(--tab-border, 1px) + 1px);
}

.table-sm :where(th, td) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.timeline-vertical > li > hr {
  width: 1.5px;
}

:where(.timeline-vertical:has(.timeline-middle) > li > hr):first-child {
  border-bottom-right-radius: var(--rounded-tooltip, 0.25rem);
  border-bottom-left-radius: var(--rounded-tooltip, 0.25rem);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

:where(.timeline-vertical:has(.timeline-middle) > li > hr):last-child {
  border-top-left-radius: var(--rounded-tooltip, 0.25rem);
  border-top-right-radius: var(--rounded-tooltip, 0.25rem);
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

:where(.timeline-vertical:not(:has(.timeline-middle)) :first-child > hr:last-child) {
  border-top-left-radius: var(--rounded-tooltip, 0.25rem);
  border-top-right-radius: var(--rounded-tooltip, 0.25rem);
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

:where(.timeline-vertical:not(:has(.timeline-middle)) :last-child > hr:first-child) {
  border-bottom-right-radius: var(--rounded-tooltip, 0.25rem);
  border-bottom-left-radius: var(--rounded-tooltip, 0.25rem);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.timeline-vertical.timeline-trimmed > li > hr {
  width: 1px;
}

.motion-preset-slide-right {
  --motion-origin-translate-x: -25%;
  --motion-origin-opacity: 0;
  --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
  --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
}

.motion-preset-slide-up {
  --motion-origin-translate-y: 25%;
  --motion-origin-opacity: 0;
  --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
  --motion-translate-in-animation: motion-translate-in calc(var(--motion-translate-duration, var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing, var(--motion-timing)) var(--motion-translate-delay, var(--motion-delay)) both;
  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
}

@keyframes RomboConfettiPop {

  0% {
    opacity: 0;
    transform: scale(1);
  }

  33% {
    opacity: 1;
    transform: scale(1.15);
  }

  50% {
    transform: scale(0.975);
  }

  65% {
    transform: scale(1.025);
  }

  80% {
    transform: scale(0.99);
  }

  87% {
    transform: scale(1.01);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes topfetti {

  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }

  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }

  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}

@keyframes bottomfetti {

  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%,70% -10%, 70% 0%;
  }

  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }

  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}

.\!section {
  margin: 1rem;
}

.section {
  margin: 1rem;
}

/* forms */

.help {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

@media (prefers-color-scheme: dark) {

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

.app {
  margin: 1rem;
}

.app-card {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding: 1rem;
}

@media (min-width: 1024px) {

  .app-card {
    margin-top: 0px;
    padding: 2rem;
    --tw-shadow: 0 4px 6px -1px var(--fallback-bs,oklch(var(--bs)/0.2));
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.pg-chat-wrapper {
  display: flex;
  height: 100vh;
  width: 100%;
  flex-direction: column;
}

.pg-chat-pane {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

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

.pg-chat-pane {
  overflow-y: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (prefers-color-scheme: dark) {

  .pg-chat-pane {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }
}

.pg-chat-icon {
  margin-top: 0.25rem;
  min-width: 32px;
  text-align: right;
  font-weight: 700;
}

.report-table-holder .table-holder th.pg-chat-icon{
                text-align: right;
            }

.report-table-holder .table-holder td.pg-chat-icon{
                text-align: right;
            }

@media print {

  .pg-chat-icon {
    text-align: right;
    font-weight: 700;
  }
}

.pg-message-sender {
  font-size: 0.75rem;
  line-height: 1rem;
}

.pg-message-contents {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.pg-message-contents :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.pg-message-contents :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.pg-message-contents :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.pg-message-contents :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.pg-message-contents :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.pg-message-contents :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.pg-message-contents :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.pg-message-contents :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.pg-message-contents :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.pg-message-contents :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.pg-message-contents :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.pg-message-contents :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.pg-message-contents :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.pg-message-contents :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.pg-message-contents :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.pg-message-contents :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.pg-message-contents :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}

.pg-message-contents :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.pg-message-contents :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.pg-message-contents :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.pg-message-contents :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.pg-message-contents :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.pg-message-contents :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}

.pg-message-contents :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}

.pg-message-contents :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}

.pg-message-contents :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.pg-message-contents :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.pg-message-contents :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.pg-message-contents :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.pg-message-contents :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.pg-message-contents :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.pg-message-contents :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.pg-message-contents :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.pg-message-contents :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.pg-message-contents :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.pg-message-contents :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.pg-message-contents :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.pg-message-contents :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.pg-message-contents :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}

.pg-message-contents :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}

.pg-message-contents :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.pg-message-contents :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.pg-message-contents :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}

.pg-message-contents :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}

.pg-message-contents :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.pg-message-contents :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.pg-message-contents :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.pg-message-contents :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.pg-message-contents :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.pg-message-contents :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}

.pg-message-contents :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}

.pg-message-contents :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.pg-message-contents :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.pg-message-contents :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.pg-message-contents :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.pg-message-contents :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.pg-message-contents :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}

.pg-message-contents :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.pg-message-contents :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}

.pg-message-contents :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}

.pg-message-contents :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.pg-message-contents :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.pg-message-contents {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.pg-message-contents :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.pg-message-contents :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.pg-message-contents :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}

.pg-message-contents :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}

.pg-message-contents :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.pg-message-contents :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.pg-message-contents :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.pg-message-contents :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.pg-message-contents :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.pg-message-contents :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.pg-message-contents :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.pg-message-contents :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.pg-message-contents :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.pg-message-contents :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.pg-message-contents :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.pg-message-contents :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.pg-message-contents :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.pg-message-contents :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.pg-message-contents :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.pg-message-contents :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.pg-message-contents :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.pg-message-contents :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.pg-message-contents :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.pg-message-contents :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

:root .pg-message-contents {
  --tw-prose-body: var(--fallback-bc,oklch(var(--bc)/0.8));
  --tw-prose-headings: var(--fallback-bc,oklch(var(--bc)/0.9));
  --tw-prose-lead: var(--tw-prose-body);
  --tw-prose-links: var(--fallback-p,oklch(var(--p)/1));
  --tw-prose-kbd: var(--tw-prose-body);
  --tw-prose-bold: var(--tw-prose-headings);
  --tw-prose-counters: var(--tw-prose-headings);
  --tw-prose-bullets: var(--fallback-bc,oklch(var(--bc)/0.5));
  --tw-prose-hr: var(--fallback-bc,oklch(var(--bc)/0.2));
  --tw-prose-quotes: var(--tw-prose-headings);
  --tw-prose-quote-borders: var(--fallback-bc,oklch(var(--bc)/0.2));
  --tw-prose-captions: var(--fallback-bc,oklch(var(--bc)/0.40));
  --tw-prose-code: #e83e8c;
  --tw-prose-pre-code: var(--fallback-nc,oklch(var(--nc)/1));
  --tw-prose-pre-bg: var(--fallback-n,oklch(var(--n)/1));
  --tw-prose-th-borders: var(--fallback-bc,oklch(var(--bc)/0.24));
  --tw-prose-td-borders: var(--tw-prose-th-borders);
  line-height: 1.375rem;
}

.pg-message-contents :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before,.pg-message-contents :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
  display: none;
}

.pg-message-contents pre code {
  border-radius: 0;
  padding: 0;
}

.pg-message-contents :where(tbody tr, thead):not(:where([class~="not-prose"] *)) {
  border-bottom-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}

.pg-message-contents :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding: 0px;
  --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);
}

.pg-message-contents :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 500;
  font-size: 0.875rem;
}

.pg-message-contents :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: 0.875rem;
}

.pg-message-contents {
  max-width: none;
}

@media (min-width: 1024px) {

  .pg-message-contents {
    font-size: 1.125rem;
    line-height: 1.7777778;
  }

  .pg-message-contents :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
  }

  .pg-message-contents :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.2222222em;
    line-height: 1.4545455;
    margin-top: 1.0909091em;
    margin-bottom: 1.0909091em;
  }

  .pg-message-contents :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    padding-inline-start: 1em;
  }

  .pg-message-contents :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 2.6666667em;
    margin-top: 0;
    margin-bottom: 0.8333333em;
    line-height: 1;
  }

  .pg-message-contents :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.6666667em;
    margin-top: 1.8666667em;
    margin-bottom: 1.0666667em;
    line-height: 1.3333333;
  }

  .pg-message-contents :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.3333333em;
    margin-top: 1.6666667em;
    margin-bottom: 0.6666667em;
    line-height: 1.5;
  }

  .pg-message-contents :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 0.4444444em;
    line-height: 1.5555556;
  }

  .pg-message-contents :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
  }

  .pg-message-contents :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
  }

  .pg-message-contents :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .pg-message-contents :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
  }

  .pg-message-contents :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
    border-radius: 0.3125rem;
    padding-top: 0.2222222em;
    padding-inline-end: 0.4444444em;
    padding-bottom: 0.2222222em;
    padding-inline-start: 0.4444444em;
  }

  .pg-message-contents :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
  }

  .pg-message-contents :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8666667em;
  }

  .pg-message-contents :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.875em;
  }

  .pg-message-contents :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.75;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.375rem;
    padding-top: 1em;
    padding-inline-end: 1.5em;
    padding-bottom: 1em;
    padding-inline-start: 1.5em;
  }

  .pg-message-contents :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-inline-start: 1.5555556em;
  }

  .pg-message-contents :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-inline-start: 1.5555556em;
  }

  .pg-message-contents :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.6666667em;
    margin-bottom: 0.6666667em;
  }

  .pg-message-contents :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4444444em;
  }

  .pg-message-contents :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4444444em;
  }

  .pg-message-contents :where(.lg\:prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
  }

  .pg-message-contents :where(.lg\:prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
  }

  .pg-message-contents :where(.lg\:prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.3333333em;
  }

  .pg-message-contents :where(.lg\:prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
  }

  .pg-message-contents :where(.lg\:prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.3333333em;
  }

  .pg-message-contents :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
  }

  .pg-message-contents :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
  }

  .pg-message-contents :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
  }

  .pg-message-contents :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.6666667em;
    padding-inline-start: 1.5555556em;
  }

  .pg-message-contents :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 3.1111111em;
    margin-bottom: 3.1111111em;
  }

  .pg-message-contents :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .pg-message-contents :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .pg-message-contents :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .pg-message-contents :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .pg-message-contents :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.5;
  }

  .pg-message-contents :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0.75em;
    padding-bottom: 0.75em;
    padding-inline-start: 0.75em;
  }

  .pg-message-contents :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .pg-message-contents :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .pg-message-contents :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-top: 0.75em;
    padding-inline-end: 0.75em;
    padding-bottom: 0.75em;
    padding-inline-start: 0.75em;
  }

  .pg-message-contents :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .pg-message-contents :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .pg-message-contents :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
  }

  .pg-message-contents :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .pg-message-contents :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.5;
    margin-top: 1em;
  }

  .pg-message-contents :where(.lg\:prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .pg-message-contents :where(.lg\:prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0;
  }
}

.pg-message-contents p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.pg-chat-message-system {
  display: flex;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pg-chat-message-system svg {
  height: 1.5rem;
  width: 1.5rem;
}

.pg-chat-message-system {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.pg-chat-message-system .pg-message-contents {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.pg-chat-message-user {
  display: flex;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pg-chat-message-user svg {
  height: 1.5rem;
  width: 1.5rem;
}

.pg-chat-message-user {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.pg-chat-message-user .pg-message-contents {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.pg-chat-input-bar {
  display: flex;
  width: 100%;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
}

div.inline-flex.pg-chat-input-bar.credit {
  color: rgb(22, 163, 74); /* Tailwind green-600 */
}

div.inline-flex.pg-chat-input-bar.debit {
  color: rgb(0, 0, 0);
}

div.inline-flex.pg-chat-input-bar.default {
  color: rgb(0, 0, 0); /* Black - for global summary rows */
}

.plan {
  height: 100%;
  border-radius: 0.375rem;
  border-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.plan.is-selected {
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
}

.nano {
  width: 1.5rem;
}

.nano span {
  font-size: 0.75rem;
  line-height: 1rem;
}

.tiny {
  width: 2rem;
}

.tiny span {
  font-size: 0.75rem;
  line-height: 1rem;
}

.small {
  width: 3rem;
}

.small span {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.flux-detail-page .summary-item .small span {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.75rem;
  }

.medium {
  width: 6rem;
}

.medium span {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.large {
  width: 8rem;
}

.large span {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.custom {
  width: 70px;
}

.custom span {
  font-size: 1.5rem;
  line-height: 2rem;
}

/* Avatar Background Variants */

.avatar-variant-default {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity, 1)));
}

.avatar-variant-primary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.avatar-variant-secondary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity, 1)));
}

.avatar-variant-accent {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity, 1)));
}

.avatar-variant-success {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
}

.avatar-variant-warning {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity, 1)));
}

.avatar-variant-error {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
}

.avatar-variant-info {
  border-radius: 0.125rem !important;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

/* Business Context Variants */

.avatar-variant-merchant {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.avatar-variant-customer {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.avatar-variant-vendor {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

/* Avatar Initials Text Variants */

.avatar-initials-default {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity, 1)));
}

.avatar-initials-primary {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
}

.avatar-initials-secondary {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity, 1)));
}

.avatar-initials-accent {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity, 1)));
}

.avatar-initials-success {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity, 1)));
}

.avatar-initials-warning {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity, 1)));
}

.avatar-initials-error {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1)));
}

.avatar-initials-info {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

/* Business Context Initials */

.avatar-initials-merchant {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
    color: #804AFF;
}

.avatar-initials-customer {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.avatar-initials-vendor {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.f-text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

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

.flux-detail-page .summary-item .f-text-sm {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.75rem;
  }

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

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

.f-text-xl {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.f-text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.f-text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.f-text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.f-text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.f-text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.f-text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}

.f-text-8xl {
  font-size: 6rem;
  line-height: 1;
}

.f-text-9xl {
  font-size: 8rem;
  line-height: 1;
}

.primary{
        color: rgba(0,0,0, .87);
    }

.secondary{
        color: #fff;
    }

.\!error{
        color: #C62828 !important;
    }

.error{
        color: #C62828;
    }

.\!success{
        color: #1E8649 !important;
    }

.success{
        color: #1E8649;
    }

.merchant-list-group-header {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
        background-color: rgba(245, 245, 245, 0.5);
}

.merchant-list {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
        border-bottom: 1px solid rgba(0, 0, 0, .10);
        border-top: 1px solid rgba(0, 0, 0, .10);
}

.merchant-list:last-child{
            /* border-bottom: 0; */
        }

.merchant-list.active{
            background-color: #E1F5FE;
        }

.main-wrap{
        display: flex;
        flex-direction: column;
        height: 100%;
    }

.f-nav-link{
        /* @apply block font-regular text-base text-black py-1 px-2 pr-5;         */
        color: #000;
        padding: 8px 20px;
    }

.f-nav-link span{
            border-radius: 50%;
        }

.f-nav-link.active{
            background-color: #000 !important;
            color: #fff !important;
        }

.f-nav-link.active span{
                border-radius: 50%;
                background-color: #fff;
            }

.f-nav-link:hover{
            background-color: #000 !important;
            color: #fff !important;
        }

.f-nav-link:hover span{
                background-color: #fff;
            }

.\!menu li a.active{
        background-color: rgba(0,0,0,.2) !important;
        color: #000 !important;
    }

.menu li a.active{
        background-color: rgba(0,0,0,.2) !important;
        color: #000 !important;
    }

/* Import styles for basic UI elements (atoms) */

.avatar-holder{
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: #f3f4f6;
  margin-right: 16px; */
}

/* User avatar styles */

/* Text and font styles */

/* Amount component styles */

.inline-flex.credit {
  color: rgb(22, 163, 74) !important; /* Tailwind green-600 */
}

.inline-flex.debit {
  color: rgb(0, 0, 0) !important; /* Black */
}

.inline-flex.default {
  color: rgb(0, 0, 0) !important; /* Black - for global summary rows */
}

/* Fallback with higher specificity */

div.inline-flex.items-center.credit {
  color: rgb(22, 163, 74) !important; /* Tailwind green-600 */
}

div.inline-flex.items-center.debit {
  color: rgb(0, 0, 0) !important;
}

div.inline-flex.items-center.default {
  color: rgb(0, 0, 0) !important; /* Black - for global summary rows */
}

/* Amount display styles */

/* Solid variants */

.badge-positive {
  --badge-bg: #28A745;
  --badge-color: #ffffff;
  background-color: var(--badge-bg);
  color: var(--badge-color);
}

.badge-attention {
  --badge-bg: #D4AC51;
  --badge-color: #ffffff;
  background-color: var(--badge-bg);
  color: var(--badge-color);
}

.badge-critical {
  --badge-bg: #DC3545;
  --badge-color: #ffffff;
  background-color: var(--badge-bg);
  color: var(--badge-color);
}

.badge-informative {
  --badge-bg: #17A2B8;
  --badge-color: #ffffff;
  background-color: var(--badge-bg);
  color: var(--badge-color);
}

.badge-muted {
  --badge-bg: #ffffff;
  --badge-color: #717784;
  background-color: var(--badge-bg);
  color: var(--badge-color);
}

.badge-disabled {
  --badge-bg: #717784;
  --badge-color: #ffffff;
  background-color: var(--badge-bg);
  color: var(--badge-color);
}

.badge-default {
}

/* Outline modifier */

.badge-muted.badge-outline {
  background-color: transparent;
  color: var(--badge-color);
  border: 1px solid #D1D5DB;
}

.badge-positive.badge-outline,
.badge-attention.badge-outline,
.badge-critical.badge-outline,
.badge-informative.badge-outline,
.badge-disabled.badge-outline {
  background-color: transparent;
  color: var(--badge-bg);
  border: 1px solid var(--badge-bg);
}

/* Voucher status styles */

/* Import styles for combined elements (molecules) */

/* Merchant listing component styles */

/* Import styles for complex components (organisms) */

/* Base layout structure styles */

/* Styles added by parvez */

/* Import styles for table base */

/* Import styles for complex components (templates) */

/* Import styles for complex components (templates) */

/* Import styles for complex components (templates) */

.wrapper {
  overflow-y: auto;
}

.apple-shadow{
  box-shadow:  0 2px 12px rgba(0, 0, 0, 0.08);
  background-color: white;
  border-radius: 10px;
}

/* Add new styles for the updated design */

.form-card {
  
  
  overflow: hidden;
}

.form-body {
  padding: 1.5rem;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}

.form-footer {
  border-top: 1px solid #e5e7eb;
  padding: 1.5rem;
  background-color: #f9fafb;
  position: sticky;
  bottom: 0;
  z-index: 10;
}

.field-container {
  margin-bottom: 1.5rem;
}

.field-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.375rem;
}

.line-items-table th {
  background-color: #f3f4f6;
  padding: 0.75rem 0.5rem;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 500;
}

.line-items-table td {
  padding: 0.5rem;
  border-top: 1px solid #e5e7eb;
}

/* Ensure the invoice header stays on top */

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

/* Summary section */

.table-summary,
.payment-summary {
  /* border-top: 1px solid #000;   */
  padding: 0;
  
}

.summary-row {
  display: flex;
  justify-content: flex-end;
  
  
}

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

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

.total-row {
  display: flex;
  justify-content:flex-end;
  
  
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.total-label {
  
  
}

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

/* Animations */

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-in {
  animation: fadeIn 0.3s forwards;
}

/* Loading state */

.btn-loading {
  position: relative;
  pointer-events: none;
}

.btn-loading:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: currentColor;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add this to your existing styles */

.fade-in {
animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}

/* Import styles for complex components (templates) */

.main-container {
  max-width: 100% !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
}

/* Split screen layout styles */

.split-container {
  display: flex;
  flex: 1;
  height: 100vh;
}

.split-left {
  flex: 1;
  padding: 0 2rem;
  overflow-y: auto;
  width: 50%;
  display: flex;
  flex-direction: column;
  height: 100%;
  /* justify-content: center; */
  align-items: center;
  box-shadow: 4px 0 12px -4px rgba(0, 0, 0, 0.1);
  transition: width 0.6s ease, flex 0.6s ease;
}

.split-right {
  flex: 1;
  overflow-y: auto;
  width: 50%;
  align-items: flex-start;
  height: 100%;
  justify-content: center;
  transition: opacity 0.5s ease, width 0.6s ease, flex 0.6s ease;
}

/* Animation styles */

.split-left.full-width {
  width: 100%;
  flex: 1;
}

.split-right.hidden-pane {
  opacity: 0;
  width: 0%;
  flex: 0;
}

.preview-container {
  display: flex;
  padding: 2rem;
  justify-content: center;
  flex-direction: column;
  max-width: 595px;
  margin:auto;
}

/* Form styles - matching Mercury */

.send-form-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 75%;
  transition: opacity 0.5s ease;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.send-form-header {
  margin-bottom: 1.5rem;
}

.send-form-content {
  flex: 1;
  overflow-y: auto;
}

.form-field {
  margin-bottom: 1rem;
}

.field-label {
  

}

.joinItem{
  background-color: #f9f9f9
}

/* Thank you container styles */

.thank-you-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 480px;
  width: 100%;
  transition: opacity 0.5s ease;
}

/* Animation utilities */

.fade-enter {
  opacity: 0;
}

.fade-enter-active {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.fade-exit {
  opacity: 1;
}

.fade-exit-active {
  opacity: 0;
  transition: opacity 0.5s ease;
}

/* Animation for staggered elements */

.fade-in-element {
  opacity: 0;
  transition: opacity 0.4s ease;
  transition-delay: 0s;
}

/* ADD THESE MODAL STYLES */

.modal:not(.hidden) {
  display: flex !important;
  opacity: 1 !important;
}

.modal-dialog {
  opacity: 1 !important;
}

/* @import "./pegasus/tailwind.css"; */

$primery-color: #ff0000;

$secondary-color: #ff0000;

$black-color: #000000;

$white-color: #ffffff;

@keyframes maxHeight {
    0% {
        max-height: 240px;
    }

    100% {
        max-height: unset;
    }
}

:root {
    --header-height: 64px;
    --nav-item-padding: 24px;
    --icon-size: 24px;
    --logo-padding-left: 10px;
    /* Adjust to match your logo's left padding */
}

.connect-account-modal-body{
    height: 80vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.slide-holder {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    
}

.slides {
    opacity: 0.4;
}

.slides .slide-con-holder{
        max-height: 85px;
        overflow: hidden;
    }

.slides.active {
        display: block;
        opacity: 1;
    
    }

.slides.active .slide-con-holder{
            overflow: hidden;
            transition: all .6s ease;
            max-height: 100%;
        }

.slides.finished .slide-con {
            animation: reverseHeight 0.3s linear forwards;
        }

.slides.hiding {
        transition: all 1s .2s ease-in-out;
        transform-origin: center center;
        animation: zoomOut 1s linear forwards;
    }

.slides.showing {
        display: block;
        opacity: 1;
        transition: all 0.3s ease-in-out;
    }

.slides.newSlide{
        transition: all .3s ease-in-out;
        transform-origin: center center;
        animation: backOutUp .3s linear forwards;
    }

.zoomOutSec{
    display: none !important;
    transition: all .6s .2s ease-in-out;
    transform-origin: center center;
    animation: zoomOut .6s linear forwards;
}

.slide-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@keyframes expandHeight {
    0% {
        max-height: 85px;
    }

    100% {
        max-height: unset;
    }
}

@keyframes reverseHeight {
    0% {
        height: 102px;
    }

    100% {
        height: 0;
    }
}

@keyframes slideUp {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.report-table-holder{
    border: 1px solid rgba(0, 0, 0, 0.10);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
    border-radius: 6px;
    min-height: 300px;
    background-color: #ffffff;
}

.report-table-holder .card{
        height: 100%;
        box-shadow: none;
    }

.report-table-holder .table-holder th, .report-table-holder .table-holder td{
            position: relative;
            font-weight: 400;
            font-family: "Roobert", system-ui, -apple-system, sans-serif;
            font-size: 14px;
            line-height: 18px;
        }

.report-table-holder .table-holder th:nth-child(1),.report-table-holder .table-holder td:nth-child(1){
                position: sticky;
                left: 0;
                background-color: #fbfbfb;
                z-index: 10;
                min-width: 55px;
            }

.report-table-holder .table-holder th:nth-child(2),.report-table-holder .table-holder td:nth-child(2){
                position: sticky;
                left: 55px;
                background-color: #fbfbfb;
                z-index: 10;
            }

.report-table-holder .table-holder th{
            background-color: #fbfbfb;
            text-align: left;
        }

.report-table-holder .table-holder th.text-right{
                text-align: right;
            }

.report-table-holder .table-holder th.text-left{
                text-align: left !important;
            }

.report-table-holder .table-holder th:last-child{
                background-color: rgba(234,234,234, 0.5);
            }

.report-table-holder .table-holder td.text-nowrap, .report-table-holder .table-holder td .text-nowrap{
                max-width: 170px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

.report-table-holder .table-holder td.text-left{
                text-align: left !important;
            }

.report-table-holder .table-holder td.text-right{
                text-align: right !important;
            }

.report-table-holder .table-holder td:nth-child(2):before{
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    width: 10px;
                    box-shadow: inset -5px 0 5px -5px rgba(0,0,0,0.1);
                    pointer-events: none;
                }

.report-table-holder .table-holder tr:first-child th:first-child{
                        border-radius: 6px 0 0 0;
                    }

.report-table-holder .table-holder tr:first-child th:last-child{
                        border-top-right-radius: 0 6px 0 0;
                    }

.report-table-holder .table-holder tr:last-child td:first-child{
                        border-radius: 0 0 0 6px;
                    }

.report-table-holder .table-holder tr:last-child td:last-child{
                        border-radius: 0 0 6px 0;
                    }

.report-table-holder .table-holder tr.highlight{
                border-bottom-width: 2px;
                border-top-color: #999;
                border-bottom-color: #999;
                background-color: #efefef;
            }

.report-table-holder .table-holder tr.highlight td {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.report-table-holder .table-holder tr.highlight td:first-child{
                        background-color: #efefef;
                    }

.report-table-holder .table-holder tr.highlight td:nth-child(2){
                        background-color: #efefef;
                    }

.report-table-holder .table-holder tr.highlight td .arrow{
                        display: none; 
                    }

.report-table-holder .table-holder tr:hover{
                transition: none !important;
            }

.report-table-holder .table-holder tr:hover td{
                    background-color: #eaeaea;
                    transition: none;
                }

.report-table-holder .table-holder tr:hover td:nth-child(1){
                        background-color: #eaeaea;
                    }

.report-table-holder .table-holder tr:hover td:nth-child(2){
                        background-color: #eaeaea;
                    }

.report-table-holder .table-holder tr:hover.active {
                    background-color: rgba(37, 99, 235, 0.08) !important;
                    font-weight: 600;
                    position: relative;
                }

.report-table-holder .table-holder tr:hover.active::after {
                        content: '';
                        position: absolute;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        width: 2px;
                        background-color: #2563eb;
                    }

.account-number{
    width: 140px;   
}

.account-name{
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-type{
    width: 130px;  
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-type-small-width{
    width: 100px !important;
}

.account-status{
    width: 50px;
}

.balance{
    width: 80px;   
}

.actions{
    width: 150px;   
}

.cost-centers-table .level-0 { padding-left: 0px; }

.cost-centers-table .level-1 { padding-left: 24px; }

.cost-centers-table .level-2 { padding-left: 48px; }

.cost-centers-table .level-3 { padding-left: 72px; }

.cost-centers-table .level-4 { padding-left: 96px; }

.cost-centers-table .level-5 { padding-left: 120px; }

.cost-centers-table .level-0 span{
            font-weight: 700;
            color: #000;
        }

.field-container {
    margin-bottom: 1.5rem;
}

.field-label{
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 6px;
}

.required-mark {
    color: #ef4444;
    margin-left: 0.125rem;
}

.form-footer{
    border-top: 1px solid #e5e7eb;
    padding: 1.5rem;
    background-color: #f9fafb;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

.link{
    color: #000;
    text-decoration: none !important;
}

.arrow {
  display: inline-block;
  align-items: center;
  margin-right: 0;
  transition: transform 0.3s ease;
  width: 16px;
  vertical-align: middle;
}

.arrow svg {
  color: #6b7280;
}

.hidden {
  display: none;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.htmx-indicator {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #fff;
}

.htmx-request.htmx-indicator {
  opacity: 1;
  display: flex;
}

.pl-10 {
  padding-left: 40px;
}

.flux-detail-page .transaction-header {
    z-index: 50;
  }

.flux-detail-page .main-container {
    padding: 2rem;
    max-width: none;
    flex: 1;
  }

.flux-detail-page .report-card {
    background: white;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;

    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
  }

.flux-detail-page .card-body {
    padding: 1.5rem;
  }

.flux-detail-page .fincent-table th {
      font-size: 0.75rem;
      text-transform: uppercase;
      color: #64748b;
      letter-spacing: 0.05em;
    }

.flux-detail-page .fincent-table td {
      font-size: 0.875rem;
      color: #1e293b;
      background-color: transparent;
    }

.flux-detail-page .fincent-table td.level-0 {
        background-color: transparent;
      }

.flux-detail-page .fincent-table td .link{
        text-decoration: none;
      }

.flux-detail-page .total-row {
    display: table-row;
  }

.flux-detail-page .fincent-table {
    font-size: 0.875rem;
    line-height: 1.5;
  }

.flux-detail-page .fincent-table th {
      font-weight: 600;
      font-size: 0.8125rem;
      color: #374151;
      text-transform: uppercase;
      letter-spacing: 0.025em;
      padding: 12px 14px;
    }

.flux-detail-page .fincent-table td {
      font-size: 0.875rem;
      color: #1f2937;
      padding: 12px 14px;
      font-weight: 500;
    }

.flux-detail-page .fincent-table td.variation-highlight-good {
      color: #059669;
      font-weight: 600;
    }

.flux-detail-page .fincent-table td.variation-highlight-bad {
      color: #dc2626;
      font-weight: 600;
    }

.flux-detail-page .fincent-table td.variation-normal {
      color: #374151;
    }

.flux-detail-page .fincent-table td.rca-cell {
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 0.8125rem;
    }

.flux-detail-page .fincent-table .rca-link {
      color: #2563eb;
      text-decoration: none;
      cursor: pointer;
      display: block;
      transition: all 0.2s ease;
      white-space: nowrap;
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;

      
    }

.flux-detail-page .fincent-table .rca-link:hover {
        text-decoration: underline;
        color: #2563eb;
      }

.flux-detail-page .fincent-table .rca-placeholder {
      color: #2563eb;
    }

.flux-detail-page .fincent-table .rca-placeholder:hover {
        text-decoration: underline;
      }

.flux-detail-page .fincent-table .rca-not-applicable {
      color: #9ca3af;
      font-weight: 400;
    }

.flux-detail-page .fincent-table th.amount-cell {
      text-align: right;
    }

.flux-detail-page .fincent-table td.amount-cell {
      text-align: right;
      font-weight: 500;
    }

/* Account name styling */

.flux-detail-page .fincent-table .account-name {
      font-weight: 600;
      color: #111827;
    }

/* Hierarchy level indentation with better typography */

.flux-detail-page .fincent-table .level-1 .account-name {
      font-weight: 700;
      font-size: 0.9375rem;
    }

.flux-detail-page .fincent-table .level-2 .account-name {
      font-weight: 600;
      padding-left: 8px;
    }

.flux-detail-page .fincent-table .level-3 .account-name {
      font-weight: 500;
      padding-left: 16px;
      color: #4b5563;
    }

.flux-detail-page .status-action-cell {
    
  }

.flux-detail-page .comment-icon {
    color: #3b82f6;
    cursor: pointer;
  }

.flux-detail-page .clickable-account {
    cursor: pointer;
    text-decoration: underline;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
  }

.flux-detail-page .clickable-account:hover {
    text-decoration: underline;
  }

.flux-detail-page .variation-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
  }

.flux-detail-page .variation-amount {
    font-weight: 600;
    font-size: 1.1rem;
  }

.flux-detail-page .variation-amount.positive {
    color: #059669;
  }

.flux-detail-page .variation-amount.negative {
    color: #dc2626;
  }

.flux-detail-page .status-buttons {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
  }

.flux-detail-page .status-badge {
    cursor: pointer;
    transition: all 0.2s;
  }

.flux-detail-page .status-badge:hover:not([disabled]) {
    transform: scale(1.05);
  }

.flux-detail-page .status-badge:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

.flux-detail-page .rca-feedback {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
  }

.flux-detail-page .feedback-btn {
    padding: 0.25rem 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
    background: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
  }

/* Modal styling improvements */

.flux-detail-page .variation-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
  }

.flux-detail-page .variation-amount {
    font-weight: 600;
    font-size: 1.1rem;
  }

.flux-detail-page .variation-amount.positive {
    color: #059669;
  }

.flux-detail-page .variation-amount.negative {
    color: #dc2626;
  }

.flux-detail-page .status-buttons {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
  }

.flux-detail-page .status-badge {
    cursor: pointer;
    transition: all 0.2s;
  }

.flux-detail-page .status-badge:hover:not([disabled]) {
    transform: scale(1.05);
  }

.flux-detail-page .status-badge:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

.flux-detail-page .scrollable-content {
    max-height: 400px;
    overflow-y: auto;
  }

.flux-detail-page .comments-section {
    margin-bottom: 1.5rem;
  }

.flux-detail-page .comment-input {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    resize: vertical;
  }

.flux-detail-page .supporting-data {
    margin-bottom: 1rem;
  }

.flux-detail-page .supporting-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
  }

.flux-detail-page .supporting-table th,
  .flux-detail-page .supporting-table td {
    padding: 0.5rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
  }

.flux-detail-page .supporting-table th {
    background-color: #f9fafb;
    font-weight: 600;
    color: #374151;
  }

.flux-detail-page .feedback-btn.active {
    background: #3b82f6;
    color: white;
    border-color: #3b82f6;
  }

.flux-detail-page .comments-section {
    margin-bottom: 1.5rem;
  }

.flux-detail-page .comment-item {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f3f4f6;
  }

.flux-detail-page .comment-avatar {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #3b82f6;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
  }

.flux-detail-page .comment-content {
    flex: 1;
  }

.flux-detail-page .comment-meta {
    font-size: 0.75rem;
    color: #6b7280;
    margin-bottom: 0.25rem;
  }

.flux-detail-page .comment-text {
    font-size: 0.875rem;
    color: #374151;
  }

.flux-detail-page .comment-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    resize: vertical;
    min-height: 2.5rem;
  }

.flux-detail-page .comment-input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  }

.flux-detail-page .supporting-data {
    margin-top: 1.5rem;
  }

.flux-detail-page .supporting-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
  }

.flux-detail-page .supporting-table th {
    background: #f9fafb;
    padding: 0.5rem;
    text-align: left;
    font-weight: 600;
    border-bottom: 1px solid #e5e7eb;
  }

.flux-detail-page .supporting-table td {
    padding: 0.5rem;
    border-bottom: 1px solid #f3f4f6;
  }

.flux-detail-page .variance-positive {
    color: #059669;
    font-weight: 600;
  }

.flux-detail-page .variance-negative {
    color: #dc2626;
    font-weight: 600;
  }

.flux-detail-page .scrollable-content {
    max-height: 400px;
    overflow-y: auto;
  }

.flux-detail-page .account-hierarchy-container {
    display: flex;
    align-items: center;
    min-height: 1.5rem;
    width: 100%;
    max-width: 300px;
  }

.flux-detail-page .account-hierarchy-container .arrow{
      display: flex;
    }

.flux-detail-page .hierarchy-indicator {
    color: #9ca3af;
    font-size: 0.875rem;
    margin-right: 0.375rem;
    line-height: 1;
    display: none;
    white-space: pre;
  }

.flux-detail-page .level-0 td {
      background-color: #f8fafc;
    }

.flux-detail-page .level-0 .account-name {
    font-weight: 700;
    color: #1e293b;
    font-size: 0.875rem;
  }

.flux-detail-page .level-1 .account-name {
    font-weight: 600;
    color: #374151;
    font-size: 0.875rem;
  }

.flux-detail-page .level-2 .account-name {
    font-weight: 500;
    color: #4b5563;
    font-size: 0.875rem;
  }

.flux-detail-page .level-3 .account-name {
    font-weight: 500;
    color: #6b7280;
    font-size: 0.875rem;
  }

.flux-detail-page .level-4 .account-name {
    font-weight: 400;
    color: #64748b;
    font-size: 0.875rem;
  }

.flux-detail-page .level-5 .account-name,
  .flux-detail-page .level-6 .account-name,
  .flux-detail-page .level-7 .account-name,
  .flux-detail-page .level-8 .account-name,
  .flux-detail-page .level-9 .account-name {
    font-weight: 400;
    color: #64748b;
    font-size: 0.8rem;
  }

.flux-detail-page .account-name {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex: 1;
  }

.flux-detail-page .account-hierarchy-container {
    padding-left: 0.5rem;
  }

.flux-detail-page .account-group-children {
    transition: all 0.3s ease;
  }

.flux-detail-page .account-group-children.collapsed {
    display: none;
  }

.flux-detail-page .amount-cell {
    text-align: right;
    font-weight: 500;
    font-size: 0.875rem;
  }

.flux-detail-page .total-row {
    border-top: 2px solid #e5e7eb;
    font-weight: 600;
    background-color: #f1f5f9;
  }

.flux-detail-page .total-row .account-name {
    font-weight: 700;
  }

.flux-detail-page .invoices-summary-card {
    background: #f8fafc;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
    padding: 1rem;
  }

.flux-detail-page .summary-item .text-sm {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.75rem;
  }

.flux-detail-page .summary-item .value {
    font-weight: 600;
    font-size: 1rem;
    color: #1e293b;
  }

#newFluxForm .form-control input {
      min-height: 38px;
    }

#newFluxForm .form-control select {
      min-height: 38px;
    }

#newFluxForm .form-control input[type="radio"] {
      width: 20px;
      height: 20px;
      min-height: 20px;
      max-width: 20px;
      padding: 0;
      border-radius: 50%;
    }

#newFluxForm .form-control input[type="radio"]:focus {
        outline: none;
        border-width: 1px;
      }

#newFluxForm .form-control .join {
      border: 1px solid rgba(0, 0, 0, 0.42);
    }

#newFluxForm .form-control .join input {
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        border: none;
      }

#newFluxForm .arrow {
    margin-right: 8px;
    flex-shrink: 0;
    width: 16px;
  }

/* Fincent Headsup Dashboard - Exact Design Match */

:root {
  --primary-blue: #3b82f6;
  --primary-green: #10b981;
  --primary-green-light: #22c55e;
  --primary-orange: #ea580c;
  --primary-red: #ef4444;
  --navy-dark: #1e293b;
  --navy-darker: #0f172a;
  --text-primary: #000;
  --text-secondary: #697281;
  --text-muted: #9ca3af;
  --text-white: #ffffff;
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-light-gray: #f9fafb;
  --border-color: #e5e7eb;
  --border-light: #f1f5f9;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}

body {
  background-color: var(--bg-primary);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter",
    sans-serif;
}

/* Dashboard Layout */

.dashboard-layout {
  display: grid;
  grid-template-columns: 290px 1fr;
  gap: 12px;
  padding: 0;
  margin: 0;
  min-height: calc(100vh - 60px);
}

.main-content {
  min-height: 100%;
}

.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 16px;
}

.dashboard-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
  letter-spacing: -0.5px;
}

/* Page Header */

.page-header {
  padding: 0 0 24px 0;
  margin: 0;
  width: 100%;
}

.page-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 24px 0;
  letter-spacing: -0.025em;
  text-align: left;
}

.period-selector {
  display: flex;
  align-items: center;
  gap: 4px;
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 4px;
}

.period-tab {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 12px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: var(--text-secondary);
}

.period-tab.active {
  background: var(--bg-primary);
  color: var(--text-primary);
}

.period-tab:hover:not(.active) {
  background: var(--bg-secondary);
  color: var(--text-primary);
}

/* Unified Business Overview Component */

.unified-business-overview {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  margin-bottom: 12px;
  box-shadow: var(--shadow-sm);
  transition: all 0.2s ease;
}

.unified-business-overview:hover {
  box-shadow: var(--shadow-md);
}

.unified-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 0;
  margin-bottom: 0;
}

.unified-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin: 0;
  color: var(--text-primary);
}

.unified-content {
  display: flex;
  padding: 16px 20px;
  gap: 40px;
  align-items: start;
}

.unified-section {
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 320px;
  position: relative;
  flex-basis: 33.33%;
}

.unified-section:last-child::before {
      display: none;
    }

.unified-section::before {
    content: "";
    border-right: 1px solid var(--border-color);
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -20px;
  }

.section-divider {
  width: 1px;
  background: var(--border-color);
  margin: 0 12px;
  min-height: 300px;
  align-self: stretch;
}

.section-header {
  display: flex;
  align-items: center;
}

.section-title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-amount-holder {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.section-amount {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: var(--text-primary);
  cursor: pointer;
}

.section-stats {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
}

.section-change {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
}

.section-change.positive {
  color: var(--primary-green-light);
}

.section-change.negative {
  color: var(--primary-red);
}

.section-previous {
  font-size: 12px;
  color: #969696;
}

.section-chart {
  height: 100px;
  margin: 16px 0;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: visible;
}

.breakdown-value-holder {
  display: flex;
  align-items: center;
  gap: 4px;
}

.breakdown-value-holder img {
    transform: rotate(270deg);
    opacity: 0.5;
    width: 10px;
  }

.section-breakdown {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 13px;
  min-height: 60px;
  padding-top: 8px;
}

.breakdown-item {
  font-weight: 400;
  font-size: 12px;
  color: #666;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.breakdown-item:hover {
    background: #f5f5f5;
  }

.breakdown-label {
  opacity: 0.8;
  color: var(--text-primary);
}

.breakdown-value {
  font-weight: 600;
  color: var(--text-primary);
}

/* Clickable category styles */

.breakdown-item {
  padding: 0 0 0 8px;

  border-radius: 4px;
  transition: all 0.2s ease;
  cursor: pointer;
}

.breakdown-item.view-all-item {
    background-color: transparent;
  }

.clickable-category {
  cursor: pointer;
  overflow: hidden;
  max-width: 160px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#income-breakdown .breakdown-item.view-all-item {
      background-color: transparent;
    }

#expense-breakdown .breakdown-item.view-all-item {
      background-color: transparent;
    }

#profit-breakdown .breakdown-item.view-all-item {
      background-color: transparent;
    }

.view-all-item {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
}

.view-all-link {
  color: rgba(128, 74, 255, 1);
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
  transition: opacity 0.2s ease;
}

.view-all-link:hover {
  opacity: 0.8;
  text-decoration: none;
}

/* Chart Styles */

.trend-chart {
  width: 100%;
  height: 100%;
}

/* Ensure consistent section alignment across all periods */

.income-section,
.expense-section,
.profit-section {
  align-items: stretch;
}

.income-section .section-header,
.expense-section .section-header,
.profit-section .section-header {
  align-items: center;
  justify-content: flex-start;
}

.income-section .section-amount,
.expense-section .section-amount,
.profit-section .section-amount {
  align-items: center;
}

.income-chart-line {
  stroke: var(--primary-green-light);
  stroke-width: 2.5;
  fill: none;
}

.expenses-chart-path {
  stroke: var(--primary-orange);
  stroke-width: 2.5;
  fill: none;
}

.profit-chart-curve {
  stroke: var(--primary-blue);
  stroke-width: 2.5;
  fill: none;
}

/* Dashboard Grid - 3x2 Layout */

.dashboard-grid {
  display: flex;
  gap: 12px;
}

.dashboard-widget {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 12px;
  box-shadow: var(--shadow-sm);
  transition: all 0.2s ease;
  width: 33.33%;
  display: flex;
  flex-direction: column;
  flex: 1;
  cursor: pointer;
}

.dashboard-widget.burn-rate-widget {
    width: 100%;
  }

.dashboard-widget.runway-widget {
    width: 100%;
  }

.dashboard-widget:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.dashboard-widget-clone {
  width: 33.33%;
}

.widget-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.widget-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text-primary);
  margin: 0;
}

.widget-amount {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 16px;
}

.widget-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.widget-chart {
  height: 60px;
  background: var(--bg-secondary);
  border-radius: 6px;
  margin: 12px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  font-size: 11px;
  border: 1px solid var(--border-light);
}

.widget-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.widget-list-item-holder {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
}

.widget-list-item {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  font-size: 13px;
}

.widget-list-item:last-child {
  border-bottom: none;
}

.widget-list-label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.widget-list-value {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: var(--text-primary);
  text-align: left;
}

.view-all-link {
  color: rgba(128, 74, 255, 1);
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: auto;
  padding-top: 8px;
}

.view-all-link:hover {
  text-decoration: underline;
}

.bucket-list-item-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  padding: 4px 0;
  transition: background-color 0.2s ease;
}

.bucket-list-item-holder:hover {
    background-color: #f5f5f5;
  }

.bucket-list-item-holder .bucket-list-item {
    font-size: 12px;
    line-height: 17px;
    color: #666;
    text-align: center;
    flex-basis: 33.33%;
    white-space: nowrap;
  }

.bucket-list-item-holder .bucket-list-item:first-child {
      display: flex;
      align-items: center;
      gap: 8px;
      text-align: left;
      color: var(--text-primary);
    }

.bucket-list-item-holder .bucket-list-item:first-child span {
        min-width: 80px;
      }

.bucket-list-item-holder .bucket-list-item:last-child {
      text-align: right;
      color: var(--text-primary);
      margin-bottom: 0;
    }

/* Custom Chart.js Tooltip - Figma Design Match */

#chartjs-tooltip {
  position: absolute;
  pointer-events: none;
  transition: all 0.2s ease;
  z-index: 9999;
}

/* Add pointer/caret at bottom */

#chartjs-tooltip::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000000;
  }

/* Right Sidebar */

.dashboard-sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sidebar-card {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 16px 20px;
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.sidebar-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--text-primary);
  margin: 0;
}

/* Account Sections in Sidebar - Simple List Design */

.account-summary {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.account-summary-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-light);
  border-radius: 8px;
}

.account-summary-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.account-summary-icon {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: white;
}

.account-summary-icon.bank {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.account-summary-icon.credit {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}

.account-summary-details h4 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

.account-summary-amount {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
}

.account-summary-amount.credit {
  color: var(--primary-red);
}

/* Account Dropdown Styles */

.account-dropdown-section {
  margin-bottom: 16px;
  overflow: hidden;
}

.account-dropdown-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.account-dropdown-header:hover {
  background: transparent;
}

.account-dropdown-info {
  flex: 1;
}

.account-dropdown-label {
  font-size: 12px;
  color: var(--text-secondary);
  margin-bottom: 4px;
}

.account-dropdown-amount {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
}

.account-dropdown-amount.credit {
  color: var(--primary-red);
}

.account-dropdown-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bank-icons {
  display: flex;
  gap: -2px;
}

.bank-logo {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid white;
  margin-left: -2px;
}

.bank-logo:first-child {
  margin-left: 0;
}

.dropdown-arrow {
  font-size: 12px;
  color: var(--text-muted);
  transition: transform 0.2s ease;
}

.dropdown-arrow.rotated {
  transform: rotate(180deg);
}

.account-dropdown-content {
  max-height: 300px;
  overflow-y: auto;
}

/* Individual Account Item Styles */

.account-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color);
  transition: background-color 0.2s ease;
}

.account-item:last-child {
  border-bottom: none;
}

.account-item:hover {
  background: var(--bg-primary);
}

.account-item-info {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

.account-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: white;
  flex-shrink: 0;
}

.account-details {
  flex: 1;
  min-width: 0;
}

.account-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 2px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.account-meta {
  font-size: 12px;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.account-balance {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}

.account-amount {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}

.account-amount.credit {
  color: var(--primary-red);
}

.account-available {
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 2px;
}

.loading-spinner-small {
  width: 20px;
  height: 20px;
  border: 2px solid var(--border-color);
  border-radius: 50%;
  border-top-color: var(--primary-blue);
  animation: spin 1s ease-in-out infinite;
  margin: 12px auto;
}

/* Pending Reviews */

.reviews-count-badge {
  background: var(--primary-red);
  color: white;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 7px;
  border-radius: 12px;
  min-width: 18px;
  text-align: center;
  line-height: 1;
}

.reviews-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.review-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  background: transparent;
  border-radius: 8px;
  margin: 0 -8px;
  transition: background-color 0.2s ease;
}

.review-item:hover {
  background-color: var(--bg-secondary);
}

.review-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.review-info {
  flex: 1;
  min-width: 0;
}

.review-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  margin: 0 0 2px 0;
  line-height: 1.3;
  max-width: 138px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.review-date {
  font-size: 12px;
  color: var(--text-muted);
  line-height: 1.2;
}

.review-right-content {
  margin-left: auto;
  text-align: right;
}

.review-amount {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
  flex-shrink: 0;
}

.review-amount.alert {
  color: #ef4444;
}

.review-action {
  display: none;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-blue);
  text-decoration: none;
}

.review-item:hover .review-amount {
  display: none;
}

.review-item:hover .review-action {
  display: flex;
}

/* Special styles for specific widgets */

.aging-buckets {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

.aging-bucket {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: var(--bg-secondary);
  border-radius: 6px;
  font-size: 12px;
}

.aging-bucket-label {
  color: var(--text-secondary);
  font-weight: 500;
}

.aging-bucket-value {
  font-weight: 600;
  color: var(--text-primary);
}

.burn-rate-info {
  display: flex;
  flex-direction: column;
}

.burn-rate-current {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
}

.burn-rate-change {
  font-size: 11px;
  line-height: 15px;
  color: var(--primary-green-light);
  font-weight: 500;
}

.burn-rate-runway {
  padding: 12px;
  background: var(--bg-secondary);
  border-radius: 6px;
  border: 1px solid var(--border-light);
}

.runway-title {
  font-size: 12px;
  color: var(--text-secondary);
  margin-bottom: 4px;
}

.runway-value {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
}

/* Responsive Design */

@media (max-width: 1200px) {
  .dashboard-layout {
    grid-template-columns: 280px 1fr;
    gap: 12px;
  }
}

@media (max-width: 1024px) {
  .page-header {
    padding: 0 0 20px 0;
  }

  .dashboard-layout {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0;
  }

  .dashboard-sidebar {
    order: 1;
  }

  .main-content {
    order: -1;
  }

  .business-overview {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .dashboard-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .page-header {
    padding: 0 0 16px 0;
  }

  .page-title {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .dashboard-layout {
    padding: 0;
  }

  .dashboard-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Unified component responsive styles */
  .unified-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 20px 0 20px;
  }

  .unified-content {
    grid-template-columns: 1fr;
    padding: 20px;
    gap: 24px;
  }

  .unified-section {
    position: relative;
    padding: 0;
    min-height: auto;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 24px;
  }

  .unified-section:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .section-divider {
    display: none;
  }

  .section-amount {
    font-size: 28px;
  }

  .period-selector {
    width: 100%;
    justify-content: space-between;
  }
}

/* Loading States */

.loading-spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid var(--border-color);
  border-radius: 50%;
  border-top-color: var(--primary-blue);
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.coming-soon {
  text-align: center;
  padding: 20px;
  background: rgba(107, 114, 128, 0.05);
  border: 1px dashed rgba(107, 114, 128, 0.2);
  border-radius: 6px;
  color: var(--text-muted);
  font-style: italic;
  font-size: 12px;
}

/* Burn Rate Widget Styles */

/* Burn Rate Widget Styling with Warm Tones */

.burn-rate-label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.burn-rate-current {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: var(--text-primary);
}

.burn-rate-change {
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
}

.burn-rate-change.positive {
  color: var(--primary-green-light);
}

.burn-rate-change.negative {
  color: var(--primary-red);
}

.burn-rate-chart-container {
  height: 80px;
  margin: 16px 0;
  padding: 8px 0;
  position: relative;
}

.burn-rate-chart {
  width: 100%;
  height: 100%;
}

.burn-rate-pain-points {
  margin: 12px 0;
}

.pain-point-badge {
  display: inline-block;
  background: rgba(239, 68, 68, 0.1);
  color: var(--primary-red);
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid rgba(239, 68, 68, 0.2);
}

.burn-rate-composition {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

.composition-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  font-size: 13px;
  border-bottom: 1px solid var(--border-light);
}

.composition-item:last-child {
  border-bottom: none;
}

.composition-label {
  color: var(--text-secondary);
  font-weight: 500;
}

.composition-value {
  font-weight: 600;
  color: #d97706;
}

.burn-rate-tooltip {
  min-width: 220px;
  white-space: normal !important;
  /* Tooltip styling matches custom Chart.js tooltip design */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.runway-value {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: var(--text-primary);
}

.runway-value-text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #666;
}

.runway-status-indicator {
}

.runway-main-metric {
}

.runway-end-date {
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  color: #e15241;
}

.runway-assumption {
  font-size: 11px;
  line-height: 15px;
  font-weight: 400;
  color: #666;
}

.period-selector {
  padding: 0;
  border: 0;
}

.period-toggle-group {
  padding: 2px;
  border-radius: 12px;
  background-color: #ededf1;
}

.year-dropdown .advance-select-toggle {
    font-size: 12px;
    line-height: 18px;
    border-radius: 12px;
    padding: 8px 12px;
    border-color: #ebebed;
    min-width: 100px;
  }

.runway-value-text {
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.6);
}

.bank-count-avatar {
  display: flex;
  border-radius: 50%;
  background-color: #c8c8c8;
  width: 20px;
  height: 20px;
  margin-left: -8px;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  line-height: 8px;
}

/* Customer and vendor rows now use .breakdown-item styling for consistency */

.btn-outline{
  font-size: 13px;
  font-weight: 600;
  color: #3F404E;
  border-color: #3F404E26;
  background-color: var(--bg-primary);
}

@media print {
  @page {
    size: landscape;
    margin: 1.5cm;
  }

  body {
    margin: 0;
    padding: 0;
    font-family: Roobert, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 9pt;
    line-height: 1.4;
    color: #000;
    width: 297mm;
    height: 210mm;
  }
  
  /* Optimized layout for reports with many columns (like General Ledger) */
  .table-holder .table {
    table-layout: fixed;
    width: 100%;
    font-size: 11px;
  }
  
  .table-holder .table th:first-child,
  .table-holder .table td:first-child {
    width: 22%;
    min-width: 140px;
  }
  
  .table-holder .table th:not(:first-child):not(:last-child),
  .table-holder .table td:not(:first-child):not(:last-child) {
    width: 7%;
    min-width: 48px;
    padding: 4px 3px;
  }
  
  .table-holder .table th:last-child,
  .table-holder .table td:last-child {
    width: 8%;
    min-width: 60px;
  }
  
  .table-holder .table th,
  .table-holder .table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 5px;
    font-size: 10px;
  }
  
  .table-holder .table th {
    font-size: 9px;
    font-weight: 600;
    padding: 5px 4px;
  }
  
  .table-holder .table td {
    line-height: 1.4;
    font-size: 10px;
  }
  .preview-container{
    width: 100%;
    max-width: unset;
  }
  table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
  }

  th {
    font-weight: 600;
    text-align: left;
    border-bottom: 2px solid #000;
  }

  td {
    vertical-align: middle;
  }

  .print-header {
    margin-bottom: 20px;
  }

  .print-body {
    margin-bottom: 40px;
  }

  .print-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #000;
  }

  .businessName {
    font-size: 16px;
    font-weight: bold;
  }

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

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

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

  .font-bold {
    font-weight: 700;
  }
}

/* ----------------- TABLE HEADERS ----------------- */

th {
    /* width: 7.7%; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    font-weight: 500;
    color: #000000;
/*   border-top:1px solid #000; */
    border-bottom:1px solid #000000;
}

/* ----------------- LABELS ----------------- */

/*
  .level0 .account {
    padding-left: 12px;
  }
  new - removed */

td.account > span{
/*     display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis; */
  line-height:1.2
}

.level0 td.account {
    color: #000;
    /* new - changed */
/*     font-size: 14px; */
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
    padding-left: 8px;
    /* new - added */
}

.level1 .account {
    color: #000;
  padding-left: 16px;
    /* new - changed */
}

.level2 .account {
    color: #333;
  padding-left: 24px;
    /* new - changed */
}

.level3 .account {
    color: #555555;
  padding-left: 32px;
    /* new - changed */
}

.level4 .account {
    color: #555555;
  padding-left: 40px;
    /* new - changed */
}

/* added ops-479 */

.level5 .account {
  color: #555;
   padding-left: 48px;
}

.level6 .account {
  color: #5556;
   padding-left: 56px;
}

/* ----------------- OFFSET FOR TOTAL AMOUNTS ----------------- */

.total.level1 .account {
    color: #000;
/*   padding-left: 16px; */
  padding-left: 24px;
    /* new - changed */
}

.total.level2 .account {
    color: #333;
/*     padding-left: 24px; sunits feedback*/
    padding-left: 32px;
    /* new - changed */
}

.total.level3 .account {
    color: #333;
/*     padding-left: 32px; sunits feedback*/
    padding-left: 40px;
    /* new - changed */
}

/* ----------------- OFF SET FOR CHEVRON ----------------- */

.level1.hasChild .account {
    /* padding-left: 14px; */
    /* new - changed */
}

.level2.hasChild .account {
    /* padding-left: 48px; */
    /* new - changed */
}

.level3.hasChild .account {
    /* padding-left: 84px; */
    /* new - changed */
}

/* ----------------- NEW SET OF STYLES ----------------- */

/* ----------------- INDENTATION STRINGS ----------------- */

.level1 td:first-child,
.level2 td:first-child,
.level3 td:first-child,
.level4 td:first-child{
    position: relative;
}

.level2 td:first-child:before,
.level3 td:first-child:before {
    content: " ";
    display: block;
    border-left: 1px dotted #ECE3DA;
    border-left: 1px dotted #e0e0e0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 16px;
    display:none;
}

.level3 td:first-child:after {
    content: " ";
    display: block;
    border-left: 1px dotted #ECE3DA;
    border-left: 1px dotted #e0e0e0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 24px;
    z-index: 2;
    display:none;
}

.level4 td:first-child > span:before{
  content: " ";
    display: block;
    border-left: 1px dotted #ECE3DA;
    border-left: 1px dotted #e0e0e0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 16px;
    display:none;
}

.level4 td:first-child:before{
  content: " ";
    display: block;
    border-left: 1px dotted #ECE3DA;
    border-left: 1px dotted #e0e0e0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 24px;
    display:none;
}

.level4 td:first-child:after {
    content: " ";
    display: block;
    border-left: 1px dotted #ECE3DA;
    border-left: 1px dotted #e0e0e0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 32px;
    z-index: 2;
    display:none;
}

/* ----------------- GROUP HEADERS OVER-RIDES ----------------- */

.hasChild td {
/*     cursor: pointer; */
}

.hasChild td.account:hover {
/*     text-decoration: underline; */
}

.hasChild .account .chevron.bottom {
    display: none;
    padding-right: 10px;
    /* new - changed */
}

.hasChild .account .chevron.right {
    padding-right: 10px;
    /* new - changed */
}

/* ----------------- top level headers ----------------- */

.report .level0 td {
    background: #fff !important;
    /* new - changed */
}

.level0.hasChild td {
/*     background: #333 !important; */
    /* new - changed */
}

/* ----------------- AMOUNTS ----------------- */

.amount {
    text-align: right;
  
    font-weight: 300;
    white-space: nowrap; /* Prevents text from wrapping to the next line */
/*     overflow: hidden;  */
/*     text-overflow: ellipsis;  */
}

.level0 td.amount {
    
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 700;
  color: #fff;
}

.level0.open .amount,
.level1.open .amount,
.level2.open .amount,
.level3.open .amount,
.level1.hasChild.open .amount,
.level2.hasChild.open .amount,
.level3.hasChild.open .amount {
    color: rgba(255, 255, 255, 0);
    /* new - changed */
}

.level2.hasChild.open .amount {
    color: rgba(255, 255, 255, 0);
    /* new - changed */
}

.level0.closed .amount {
    color: rgba(255, 255, 255, 1);
    /* new - changed */
}

.level1.closed .amount {
    color: #333;
}

.level2.open .amount {
    color: #555555;
}

.level3.open .amount {
    color: #555555;
}

/* ----------------- TOTALS ----------------- */

.total td {
    /*border-top:1px solid #ECE3DA;
    border-bottom:1px solid #ECE3DA;*/
}

.total td.amount {
    font-weight: 400;
    color: #000;
}

.total+.total td {
  /*     border-top: none; */
}

.total + .groupTotal td {
    border-bottom: 3px solid #000 !important;
    background: #fff !important;
}

.total.level0 td.account,
.total.level0 td.amount {
    border-top: 1px solid #000;
  border-bottom: 1px solid #000;
/*   padding-left:8px; */
    
/*     padding-bottom: 30px; */
}

.groupTotal .amount{
  color:#000000 !important
}

.groupTotal+.level0 td {
    /* level 0 after group total */
/*     border-top: 50px solid #fff; */
}

.level0.total td {
/*     font-size: 14px; */
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: 500;
}

.level0.total td.account {
    color: #000;
/*     font-size: 14px; */
    padding-left: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: 500;
}

.level0.total td.amount {
    font-weight: 500;
}

.total td.amount {
    color: #000;
/*     font-size: 14px; */
    font-weight: 300;
}

.netTotal .account,
.netTotal .amount,
.groupTotal .account,
.groupTotal .amount {
    color: #000 !important;
}

.groupTotal td {
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
/*     padding-left: 12px; */
    border-top: 2px solid #000;
    border-bottom: 5px solid #000;
/*     font-weight: bold; */
    font-weight: 600;
}

.netTotal td {
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    
/*     font-weight: bold; */
  font-weight: 600;
    border-bottom: 3px solid #000;
}

.groupTotal td.account,
.netTotal td.account{
  padding-left: 8px;
}

/* ----------------- NOT IN USE ----------------- */

.contribution {
    text-align: right;
}

.bar {
    display: inline-block;
    vertical-align: middle;
    background: #d5d5d5;
    height: 12px;
    border-radius: 6px;
    margin-right: 4px;
}

.difference {
    text-align: right;
    font-size: 11px;
}

.increase {
    color: #53B556
}

.decrease {
    color: #EB4C3D
}

.accountsCalculation .difference,
.accountsHeadTotal td .difference {
    font-weight: normal;
}

.tableCard{
   padding-right:0;
    padding-bottom:0;
      padding-top:16px;
      border-bottom:1px solid #000 
}

.tableCard > table{
/*    box-shadow:0 0 4px 0 rgba(0,0,0,0.12); */
/*   border:1px solid #000 */
}

.summary{
  table-layout:auto;
}

.summary .th{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    font-weight: 500;
    color: #000000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000000;
}

.summary .level0 td.account {
 
  font-weight:400
}

.summary .level0 td.amount {
  padding-top: 10px;
  padding-bottom: 1px;
  color:#000000;
  font-weight:400
}

.summary .groupTotal td {
  border-top: 3px solid #000000 !important;  
  border-bottom: 3px solid #000000 !important;
    background: #ffffff !important;
}

.table-group > td{
  padding-top:0px;
  padding-right:0;
  padding-bottom:0;
  padding-right:21pt;
}

.table-group > td:last-child{
  padding-right:0px; 
 
}

.tableName{
  text-align:left;
  
  border:none;
  color:#000000;
  padding-top:0;
  padding-bottom:10px;
  padding-left:8px;
  font-size:10pt;
  padding-top:10px;
  font-weight:300;
  border-bottom:1px solid #666666 !important;
}

.tableName strong{
  display:block;
  font-size: 12pt;
  margin-top:8px;
  font-weight:700
}

.breakup .th{
   display:none 
}

td .summary.breakup td{
   border-bottom:1px dotted #666666;
     
}

.summary.breakup tr:last-child td{
   border:none
}

.summary.breakup td{
 
}

.summary.breakup td:first-child{
  width:42%;
}

.summary.breakup td:last-child{
  width:16%;
  padding-left:8px;

}

.legderTableHolder{
   padding-top:10px;
  padding-bottom:10px
}

.legderTable .level0 td.account,
.legderTable .level0 td.amount{
  padding-top:0;
  padding-bottom:0;
  padding-right:0
}

.legderTable td{
   width:42%;
  
}

.legderTable td:first-child{
  
  padding-left:8px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.breakupTitle{
  padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    
    font-weight: 500;
    color: #000000;
  
    border-bottom: 1px solid #000000;
}

.percentage,
.trendDown{
  color:#666666 !important
}

table.header td:first-child{
  text-align:left;
  padding:0;
  padding-left:8px;
}

table.header td:last-child{
  text-align:right;
  padding:0;
  padding-right:8px;
     vertical-align:bottom
}

.businessName{
  font-size: 12px;
   font-weight: bold; 
  margin:0;
  padding:0
}

/* header */

th.head{
    
  border-bottom:none;
    padding: 0;
  border-bottom: 1px solid #000000
}

.head h1{
    font-size: 15pt;
    line-height: 1;
    margin: 0;
    padding: 0;
  font-weight:700;
}

.head p{    
    

    line-height: 18px;
    padding: 8px 0px 0 0px;

    margin:0;
    font-weight:normal;
}

.head p > strong{ font-size: 11pt;display:block;margin:0 0 4px 0;font-weight:700; }

.footer{
  
}

.footer td{
    padding: 16px 32px 12px 0px;
    vertical-align:middle;
    color:#000000;
    width:20%;
}

.footer td:last-child{
    text-align:right;
  padding: 8px 0px 12px 0px;
  color:#666666;
  width:80%;
}

.foot-logo{
 opacity:0.5
}

.noPadding{
  padding:0
}

/* resetting paddings*/

.level0 td.account,
.level0.total td.account {
    padding-left: 8px
}

.level1 td.account,
.level1.total .account {
    padding-left: 16px
}

.level2 td.account,
.level2.total .account {
    padding-left: 24px
}

.level3 td.account,
.total.level3 .account {
    padding-left: 32px
}

.level4 td.account,
.total.level4 .account {
    padding-left: 40px
}

.level0.hasChild td,
.level1.hasChild td,
.level2.hasChild td,
.level3.hasChild td,
.level4.hasChild td,
level5.hasChild td,
level6.hasChild td {
    /*   border-top:1px solid #000000; */
}

/*resetting formatting */

.total td {

    color: #000000;
    border-top: 1px solid #000000 !important;
    
}

.total td.account {
    font-weight: bold !important;
}

.total td.amount {
    font-weight: 500;
}

@media print {
	@page {
		margin-top: 0;
		margin-bottom: 0;
    
    
/*     size: landscape */
  
	}
	body {
/* 		padding-top: 72px;
		padding-bottom: 72px ; */
	}
  
  thead {
      display: table-header-group; /* Ensures the table header is repeated on each printed page */
      border: 0 !important;
    }
    tbody{
        display: table-header-group; /* Ensures the table header is repeated on each printed page */
    }
  tfoot {
      display: table-footer-group; /* Ensures the table footer is repeated on each printed page */
      border: 0 !important;
    }

   tr {
      page-break-inside: avoid; /* Avoids breaking table rows across printed pages */
    }
    .breakup tr{
      page-break-inside: avoid !important;
    }
    .netIncometableRow{
      page-break-before: always;
      page-break-after: always
    }

    /* Define the content for the header and footer */
    @page {
      margin-top: 2cm; /* Adjust as needed */
      margin-bottom: 2cm; /* Adjust as needed */
      margin-top: 0;
		  margin-bottom: 0;
/*       size: A4 landscape; Adjust to the desired page size and orientation */
/*       size: 100mm 200mm landscape; */
      size: 11in 8.5in landscape;

      /* Header */
      header {
        content: "Your header content here";
        /* Additional styling for the header */
      }

      /* Footer */
      footer {
        content: "Your footer content here";
        /* Additional styling for the footer */
      }
    }
}

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

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.\!collapse {
  visibility: collapse !important;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-x-1 {
  left: 0.25rem;
  right: 0.25rem;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.inset-y-1 {
  top: 0.25rem;
  bottom: 0.25rem;
}

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

.-left-4 {
  left: -1rem;
}

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

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

.bottom-0 {
  bottom: 0px;
}

.bottom-3 {
  bottom: 0.75rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-5 {
  bottom: 1.25rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-full {
  bottom: 100%;
}

.end-0 {
  inset-inline-end: 0px;
}

.end-2 {
  inset-inline-end: 0.5rem;
}

.end-3 {
  inset-inline-end: 0.75rem;
}

.end-4 {
  inset-inline-end: 1rem;
}

.left-0 {
  left: 0px;
}

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

.left-2 {
  left: 0.5rem;
}

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.left-6 {
  left: 1.5rem;
}

.left-full {
  left: 100%;
}

.right-0 {
  right: 0px;
}

.right-2 {
  right: 0.5rem;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.right-6 {
  right: 1.5rem;
}

.right-\[24px\] {
  right: 24px;
}

.start-0 {
  inset-inline-start: 0px;
}

.top-0 {
  top: 0px;
}

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

.top-2 {
  top: 0.5rem;
}

.top-20 {
  top: 5rem;
}

.top-3 {
  top: 0.75rem;
}

.top-4 {
  top: 1rem;
}

.top-6 {
  top: 1.5rem;
}

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

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

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

.top-full {
  top: 100%;
}

.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-\[100\] {
  z-index: 100;
}

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

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

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

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

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

.order-1 {
  order: 1;
}

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

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

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

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

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

.-m-1 {
  margin: -0.25rem;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

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

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

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

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

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

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

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

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

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

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

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

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

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

.\!mb-0 {
  margin-bottom: 0px !important;
}

.\!me-1 {
  margin-inline-end: 0.25rem !important;
}

.\!me-1\.5 {
  margin-inline-end: 0.375rem !important;
}

.\!ms-auto {
  margin-inline-start: auto !important;
}

.\!mt-0 {
  margin-top: 0px !important;
}

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

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

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

.-ms-1 {
  margin-inline-start: -0.25rem;
}

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

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

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

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

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

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

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

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

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

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

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

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

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

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

.me-1 {
  margin-inline-end: 0.25rem;
}

.me-2 {
  margin-inline-end: 0.5rem;
}

.me-3 {
  margin-inline-end: 0.75rem;
}

.me-4 {
  margin-inline-end: 1rem;
}

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

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

.ml-11 {
  margin-left: 2.75rem;
}

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

.ml-3 {
  margin-left: 0.75rem;
}

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

.ml-6 {
  margin-left: 1.5rem;
}

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

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

.mr-1 {
  margin-right: 0.25rem;
}

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

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

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

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

.ms-auto {
  margin-inline-start: auto;
}

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

.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-2 {
  margin-top: 0.5rem;
}

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

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

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

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

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

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

.mt-7 {
  margin-top: 1.75rem;
}

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

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

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

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

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

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.\!table {
  display: table !important;
}

.table {
  display: table;
}

.table-row {
  display: table-row;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

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

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-12 {
  width: 3rem;
  height: 3rem;
}

.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}

.size-16 {
  width: 4rem;
  height: 4rem;
}

.size-2 {
  width: 0.5rem;
  height: 0.5rem;
}

.size-2\.5 {
  width: 0.625rem;
  height: 0.625rem;
}

.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}

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

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-4\.5 {
  width: 1.125rem;
  height: 1.125rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}

.size-7\.5 {
  width: 1.875rem;
  height: 1.875rem;
}

.size-8 {
  width: 2rem;
  height: 2rem;
}

.\!h-2\.5 {
  height: 0.625rem !important;
}

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

.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-15 {
  height: 3.75rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: 0.5rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-28 {
  height: 7rem;
}

.h-3 {
  height: 0.75rem;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[unset\] {
  height: unset;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.max-h-20 {
  max-height: 5rem;
}

.max-h-32 {
  max-height: 8rem;
}

.max-h-40 {
  max-height: 10rem;
}

.max-h-44 {
  max-height: 11rem;
}

.max-h-48 {
  max-height: 12rem;
}

.max-h-52 {
  max-height: 13rem;
}

.max-h-56 {
  max-height: 14rem;
}

.max-h-60 {
  max-height: 15rem;
}

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

.max-h-72 {
  max-height: 18rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-96 {
  max-height: 24rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-h-60 {
  min-height: 15rem;
}

.min-h-7\.5 {
  min-height: 1.875rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.\!w-2\.5 {
  width: 0.625rem !important;
}

.w-0\.5 {
  width: 0.125rem;
}

.w-1 {
  width: 0.25rem;
}

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

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

.w-1\/3 {
  width: 33.333333%;
}

.w-1\/4 {
  width: 25%;
}

.w-1\/6 {
  width: 16.666667%;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

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

.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-2\/3 {
  width: 66.666667%;
}

.w-2\/5 {
  width: 40%;
}

.w-2\/6 {
  width: 33.333333%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-25 {
  width: 6.25rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: 0.75rem;
}

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

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-52 {
  width: 13rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-auto {
  width: auto;
}

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

.w-full {
  width: 100%;
}

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

.w-screen {
  width: 100vw;
}

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

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

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

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

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

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

.min-w-52 {
  min-width: 13rem;
}

.min-w-56 {
  min-width: 14rem;
}

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

.min-w-60 {
  min-width: 15rem;
}

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

.min-w-7\.5 {
  min-width: 1.875rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-48 {
  max-width: 12rem;
}

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

.max-w-56 {
  max-width: 14rem;
}

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

.max-w-6xl {
  max-width: 72rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-screen-md {
  max-width: 768px;
}

.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-none {
  flex: none;
}

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

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

.shrink {
  flex-shrink: 1;
}

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

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

.grow {
  flex-grow: 1;
}

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

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

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

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

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

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

.-translate-x-1\/2 {
  --tw-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-y-1\/2 {
  --tw-translate-y: -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-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

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

.translate-y-full {
  --tw-translate-y: 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));
}

.rotate-180 {
  --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));
}

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

.rotate-90 {
  --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));
}

.rotate-\[-90deg\] {
  --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));
}

.rotate-\[270deg\] {
  --tw-rotate: 270deg;
  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-100 {
  --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));
}

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

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

.animate-\[widthGrow_1s_ease-out\] {
  animation: widthGrow 1s ease-out;
}

@keyframes pulse {

  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}

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

.cursor-default {
  cursor: default;
}

.cursor-help {
  cursor: help;
}

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

.cursor-pointer {
  cursor: pointer;
}

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

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

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

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

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

.list-none {
  list-style-type: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.items-baseline {
  align-items: baseline;
}

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

.\!justify-end {
  justify-content: flex-end !important;
}

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

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

.\!justify-between {
  justify-content: space-between !important;
}

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

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

.gap-0 {
  gap: 0px;
}

.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-16 {
  gap: 4rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[12px\] {
  gap: 12px;
}

.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

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

.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

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

.gap-y-1 {
  row-gap: 0.25rem;
}

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

.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.5rem * 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)));
}

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

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

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

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * 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)));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.divide-base-content\/25 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25));
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

.divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-divide-opacity, 1));
}

.divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.2;
}

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

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

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

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

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

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

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

.text-wrap {
  text-wrap: wrap;
}

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

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

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

.rounded {
  border-radius: 0.25rem;
}

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

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

.rounded-box {
  border-radius: var(--rounded-box, 0.5rem);
}

.rounded-btn {
  border-radius: var(--rounded-btn, 0.375rem);
}

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

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

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

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

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

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

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

.border {
  border-width: 1px;
}

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

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

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

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

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

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

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

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

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

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

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

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

.border-r-\[1px\] {
  border-right-width: 1px;
}

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

.border-t-0 {
  border-top-width: 0px;
}

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

.border-t-4 {
  border-top-width: 4px;
}

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

.\!border-none {
  border-style: none !important;
}

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

.\!border-base-content\/40 {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4)) !important;
}

.border-\[\#4a4c36\] {
  --tw-border-opacity: 1;
  border-color: rgb(74 76 54 / var(--tw-border-opacity, 1));
}

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}

.border-base-200 {
  --tw-border-opacity: 1;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity, 1)));
}

.border-base-300 {
  --tw-border-opacity: 1;
  border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity, 1)));
}

.border-base-content\/10 {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.border-base-content\/20 {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}

.border-base-content\/25 {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.25));
}

.border-base-content\/30 {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.3));
}

.border-base-content\/40 {
  border-color: var(--fallback-bc,oklch(var(--bc)/0.4));
}

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

.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

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

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

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

.border-cyan-200 {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
}

.border-error {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
}

.border-error\/20 {
  border-color: var(--fallback-er,oklch(var(--er)/0.2));
}

.border-error\/30 {
  border-color: var(--fallback-er,oklch(var(--er)/0.3));
}

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

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

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

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

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

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

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}

.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}

.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

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

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

.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.border-orange-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
}

.border-primary {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
}

.border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}

.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

.border-purple-600 {
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}

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

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

.border-success\/20 {
  border-color: var(--fallback-su,oklch(var(--su)/0.2));
}

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

.border-violet-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
}

.border-warning {
  --tw-border-opacity: 1;
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity, 1)));
}

.border-warning\/20 {
  border-color: var(--fallback-wa,oklch(var(--wa)/0.2));
}

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

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

.border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}

.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}

.border-zinc-200 {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}

.border-t-blue-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}

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

.\!bg-base-100 {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))) !important;
}

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

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

.bg-\[\#2b3137\]\/15 {
  background-color: rgb(43 49 55 / 0.15);
}

.bg-\[\#757575\] {
  --tw-bg-opacity: 1;
  background-color: rgb(117 117 117 / var(--tw-bg-opacity, 1));
}

.bg-\[\#804AFF1A\] {
  background-color: #804AFF1A;
}

.bg-\[\#E65812\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 88 18 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F8F7F4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 244 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFEFBF4D\] {
  background-color: #FFEFBF4D;
}

.bg-\[\#FFF0DC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 220 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f3f4f6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-\[rgba\(245\2c 245\2c 245\2c 0\.5\)\] {
  background-color: rgba(245,245,245,0.5);
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

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

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

.bg-base-100 {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
}

.bg-base-100\/50 {
  background-color: var(--fallback-b1,oklch(var(--b1)/0.5));
}

.bg-base-200 {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
}

.bg-base-200\/30 {
  background-color: var(--fallback-b2,oklch(var(--b2)/0.3));
}

.bg-base-200\/50 {
  background-color: var(--fallback-b2,oklch(var(--b2)/0.5));
}

.bg-base-200\/80 {
  background-color: var(--fallback-b2,oklch(var(--b2)/0.8));
}

.bg-base-300 {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity, 1)));
}

.bg-base-content\/10 {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.bg-base-shadow\/70 {
  background-color: var(--fallback-bs,oklch(var(--bs)/0.7));
}

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

.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}

.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

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

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

.bg-cyan-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}

.bg-cyan-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}

.bg-error {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
}

.bg-error\/10 {
  background-color: var(--fallback-er,oklch(var(--er)/0.1));
}

.bg-error\/5 {
  background-color: var(--fallback-er,oklch(var(--er)/0.05));
}

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

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

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

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

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

.bg-gray-50\/30 {
  background-color: rgb(249 250 251 / 0.3);
}

.bg-gray-50\/50 {
  background-color: rgb(249 250 251 / 0.5);
}

.bg-gray-50\/90 {
  background-color: rgb(249 250 251 / 0.9);
}

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

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

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

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

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

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

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

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-100\/50 {
  background-color: rgb(224 231 255 / 0.5);
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

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

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

.bg-info {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity, 1)));
}

.bg-info\/10 {
  background-color: var(--fallback-in,oklch(var(--in)/0.1));
}

.bg-neutral {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity, 1)));
}

.bg-neutral\/20 {
  background-color: var(--fallback-n,oklch(var(--n)/0.2));
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}

.bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.bg-primary\/10 {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
}

.bg-primary\/20 {
  background-color: var(--fallback-p,oklch(var(--p)/0.2));
}

.bg-primary\/5 {
  background-color: var(--fallback-p,oklch(var(--p)/0.05));
}

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}

.bg-purple-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 33 168 / var(--tw-bg-opacity, 1));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

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

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

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity, 1)));
}

.bg-secondary\/20 {
  background-color: var(--fallback-s,oklch(var(--s)/0.2));
}

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

.bg-success {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
}

.bg-success\/10 {
  background-color: var(--fallback-su,oklch(var(--su)/0.1));
}

.bg-success\/5 {
  background-color: var(--fallback-su,oklch(var(--su)/0.05));
}

.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}

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

.bg-warning {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity, 1)));
}

.bg-warning\/10 {
  background-color: var(--fallback-wa,oklch(var(--wa)/0.1));
}

.bg-warning\/5 {
  background-color: var(--fallback-wa,oklch(var(--wa)/0.05));
}

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

.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}

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

.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}

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

.bg-zinc-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

.bg-zinc-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

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

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

.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}

.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}

.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}

.bg-opacity-95 {
  --tw-bg-opacity: 0.95;
}

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

.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}

.fill-black {
  fill: #000;
}

.stroke-current {
  stroke: currentColor;
}

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

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

.\!p-0 {
  padding: 0px !important;
}

.p-0 {
  padding: 0px;
}

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

.p-1 {
  padding: 0.25rem;
}

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

.p-10 {
  padding: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-16 {
  padding: 4rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.\!px-2\.5 {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}

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

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

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

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

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

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

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

.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-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

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

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

.\!pr-12 {
  padding-right: 3rem !important;
}

.\!pt-0 {
  padding-top: 0px !important;
}

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

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

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

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

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

.pb-3 {
  padding-bottom: 0.75rem;
}

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

.pb-6 {
  padding-bottom: 1.5rem;
}

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

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

.pe-3 {
  padding-inline-end: 0.75rem;
}

.pe-4 {
  padding-inline-end: 1rem;
}

.pe-9 {
  padding-inline-end: 2.25rem;
}

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

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

.pl-10 {
  padding-left: 2.5rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-20 {
  padding-left: 5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

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

.pl-5 {
  padding-left: 1.25rem;
}

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

.pl-7 {
  padding-left: 1.75rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

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

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

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

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

.pr-10 {
  padding-right: 2.5rem;
}

.pr-12 {
  padding-right: 3rem;
}

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

.pr-3 {
  padding-right: 0.75rem;
}

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

.pr-5 {
  padding-right: 1.25rem;
}

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

.ps-10 {
  padding-inline-start: 2.5rem;
}

.ps-3 {
  padding-inline-start: 0.75rem;
}

.ps-4 {
  padding-inline-start: 1rem;
}

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

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

.pt-1 {
  padding-top: 0.25rem;
}

.pt-16 {
  padding-top: 4rem;
}

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

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

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

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

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

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

.\!text-center {
  text-align: center !important;
}

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

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

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

.indent-4 {
  text-indent: 1rem;
}

.indent-8 {
  text-indent: 2rem;
}

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

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

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

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

.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.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-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}

.text-8xl {
  font-size: 6rem;
  line-height: 1;
}

.text-9xl {
  font-size: 8rem;
  line-height: 1;
}

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

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

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

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

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

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

.text-xl {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.\!font-medium {
  font-weight: 500 !important;
}

.\!font-semibold {
  font-weight: 600 !important;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-\[28px\] {
  line-height: 28px;
}

.leading-\[32px\] {
  line-height: 32px;
}

.leading-\[40px\] {
  line-height: 40px;
}

.leading-none {
  line-height: 1;
}

.leading-relaxed {
  line-height: 1.625;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

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

.text-\[\#0e121b\] {
  --tw-text-opacity: 1;
  color: rgb(14 18 27 / var(--tw-text-opacity, 1));
}

.text-\[\#2196F3\] {
  --tw-text-opacity: 1;
  color: rgb(33 150 243 / var(--tw-text-opacity, 1));
}

.text-\[\#22C55E\] {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.text-\[\#2b3137\] {
  --tw-text-opacity: 1;
  color: rgb(43 49 55 / var(--tw-text-opacity, 1));
}

.text-\[\#374151\] {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-\[\#804AFF\] {
  --tw-text-opacity: 1;
  color: rgb(128 74 255 / var(--tw-text-opacity, 1));
}

.text-\[\#818099\] {
  --tw-text-opacity: 1;
  color: rgb(129 128 153 / var(--tw-text-opacity, 1));
}

.text-\[\#F44336\] {
  --tw-text-opacity: 1;
  color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}

.text-\[\#FF4444\] {
  --tw-text-opacity: 1;
  color: rgb(255 68 68 / var(--tw-text-opacity, 1));
}

.text-\[\#FF9800\] {
  --tw-text-opacity: 1;
  color: rgb(255 152 0 / var(--tw-text-opacity, 1));
}

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

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

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

.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.text-base-content {
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

.text-base-content\/30 {
  color: var(--fallback-bc,oklch(var(--bc)/0.3));
}

.text-base-content\/40 {
  color: var(--fallback-bc,oklch(var(--bc)/0.4));
}

.text-base-content\/50 {
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
}

.text-base-content\/60 {
  color: var(--fallback-bc,oklch(var(--bc)/0.6));
}

.text-base-content\/70 {
  color: var(--fallback-bc,oklch(var(--bc)/0.7));
}

.text-base-content\/80 {
  color: var(--fallback-bc,oklch(var(--bc)/0.8));
}

.text-base-content\/90 {
  color: var(--fallback-bc,oklch(var(--bc)/0.9));
}

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

.text-blue-200 {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

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

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

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

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.text-current {
  color: currentColor;
}

.text-cyan-400 {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}

.text-cyan-600 {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}

.text-cyan-700 {
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}

.text-error {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.text-error\/70 {
  color: var(--fallback-er,oklch(var(--er)/0.7));
}

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

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

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

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

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

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

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

.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

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

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

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

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

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

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

.text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}

.text-info {
  --tw-text-opacity: 1;
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity, 1)));
}

.text-neutral {
  --tw-text-opacity: 1;
  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity, 1)));
}

.text-neutral-content {
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity, 1)));
}

.text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}

.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}

.text-primary {
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.text-primary-content {
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
}

.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}

.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity, 1));
}

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

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

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

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.text-secondary {
  --tw-text-opacity: 1;
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity, 1)));
}

.text-secondary-content {
  --tw-text-opacity: 1;
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity, 1)));
}

.text-success {
  --tw-text-opacity: 1;
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.text-success-content {
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity, 1)));
}

.text-success\/70 {
  color: var(--fallback-su,oklch(var(--su)/0.7));
}

.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

.text-warning {
  --tw-text-opacity: 1;
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity, 1)));
}

.text-warning\/70 {
  color: var(--fallback-wa,oklch(var(--wa)/0.7));
}

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

.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}

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

.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}

.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}

.text-opacity-75 {
  --tw-text-opacity: 0.75;
}

.text-opacity-80 {
  --tw-text-opacity: 0.8;
}

.underline {
  text-decoration-line: underline;
}

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

.placeholder-gray-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-90 {
  opacity: 0.9;
}

.shadow {
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26));
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 16px 30px -6px var(--fallback-bs,oklch(var(--bs)/0.42));
  --tw-shadow-colored: 0 16px 30px -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-lg {
  --tw-shadow: 0 10px 15px -2px var(--fallback-bs,oklch(var(--bs)/0.34));
  --tw-shadow-colored: 0 10px 15px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.shadow-none {
  --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);
}

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

.shadow-xl {
  --tw-shadow: 0 20px 25px -6px var(--fallback-bs,oklch(var(--bs)/0.38));
  --tw-shadow-colored: 0 20px 25px -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-base-300\/20 {
  --tw-shadow-color: var(--fallback-b3,oklch(var(--b3)/0.2));
  --tw-shadow: var(--tw-shadow-colored);
}

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

.outline {
  outline-style: solid;
}

.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);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

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

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

.drop-shadow-xl {
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  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);
}

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

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

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  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 {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[height\] {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[padding\] {
  transition-property: padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.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: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-100 {
  transition-duration: 100ms;
}

.duration-150 {
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-75 {
  transition-duration: 75ms;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.motion-scale-in-\[0\.8\] {
  --motion-origin-scale-x: 0.8;
  --motion-origin-scale-y: 0.8;
  --motion-scale-in-animation: motion-scale-in calc(var(--motion-scale-duration, var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing, var(--motion-timing)) var(--motion-scale-delay, var(--motion-delay)) both;
  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
}

.motion-opacity-in-\[0\%\] {
  --motion-origin-opacity: 0%;
  --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
}

.motion-duration-\[1000ms\] {
  --motion-duration: 1000ms;
}

.motion-delay-\[1000ms\] {
  --motion-delay: 1000ms;
}

.motion-delay-\[100ms\] {
  --motion-delay: 100ms;
}

.motion-delay-\[1200ms\] {
  --motion-delay: 1200ms;
}

.motion-delay-\[200ms\] {
  --motion-delay: 200ms;
}

.motion-delay-\[300ms\] {
  --motion-delay: 300ms;
}

.motion-delay-\[400ms\] {
  --motion-delay: 400ms;
}

.motion-delay-\[500ms\] {
  --motion-delay: 500ms;
}

.motion-delay-\[600ms\] {
  --motion-delay: 600ms;
}

.motion-delay-\[800ms\] {
  --motion-delay: 800ms;
}

.motion-ease-spring-bouncier {
  --motion-timing: var(--motion-spring-bouncier);
  --motion-perceptual-duration-multiplier: 2.035;
  --motion-filter-timing: var(--motion-spring-smooth);
  --motion-opacity-timing: var(--motion-spring-smooth);
  --motion-background-color-timing: var(--motion-spring-smooth);
  --motion-text-color-timing: var(--motion-spring-smooth);
  --motion-filter-perceptual-duration-multiplier: 1.66;
  --motion-opacity-perceptual-duration-multiplier: 1.66;
  --motion-background-color-perceptual-duration-multiplier: 1.66;
  --motion-text-color-perceptual-duration-multiplier: 1.66;
}

.motion-ease-spring-smooth {
  --motion-timing: var(--motion-spring-smooth);
  --motion-perceptual-duration-multiplier: 1.66;
}

.\!table.striped tr.hover{
    /* @apply bg-gray-100; */
  }

.table.striped tr.hover{
    /* @apply bg-gray-100; */
  }

/* summary page */

.fincent-card{
     background: #fff;
     /* @apply border-red-500 border-t; */
     border-radius: 0.5rem;     
     /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10); */
     /* min-height: calc(100vh - 150px);  */
     /* Adjust the 280px based on your header/other elements */

     
  
  }

.fincent-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    table-layout: auto; /* This ensures equal column distribution */
    min-width: 100%;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))}

/* Header */

.fincent-table th {
  position: sticky;
  top: 0;
  padding: 0.75rem 1rem;
  text-align: left;
  font-weight: 700;
  
  color:#000;

  background:#fcfcfc;
  background:#f6f6f6;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  
  z-index: 9;
  /* border-top: 1px solid rgb(229 231 235); */
  border-top:none;
  border-bottom: 1px solid;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  
  text-transform: none;
  
}

.fincent-table .table-row-header {
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.fincent-table th:first-child{
    border-top-left-radius: 0.5rem;
  }

.fincent-table th:last-child{
    border-top-right-radius: 0.5rem;
  }

.fincent-table tr:last-child td:first-child{
    border-bottom-left-radius: 0.5rem;
  }

.fincent-table  tr:last-child td:last-child{
    border-bottom-right-radius: 0.5rem;
  }

.fincent-table td {
    padding: 0.75rem 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-bottom: 1px solid rgba(0,0,0,0.05);
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))}

.fincent-table td:last-child {

    border-right: none;

  }

/* .fincent-table tr:nth-child(even) td{background-color: #f7fafb;} */

.fincent-table > tbody > tr:hover > td {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

/* To prevent hover on nested rows */

.fincent-table > tbody > tr.toggle-value tr:hover > td {
  /* background: transparent; */
}

.fincent-table tr.rowSelected td {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.fincent-child-table td {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.fincent-child-table tr:hover td {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.fincent-table .child-table-cell {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
  border:none;
}

.child-table-cell > div{
  
  border-radius: 8px;
  border:1px solid;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.child-table-cell:hover{
  background:none;
}

.fincent-child-table th{
  background-color: transparent; 
  border-bottom:none
}

.fincent-child-table tbody tr:first-child td {
  /* border-top:1px solid;
  @apply border-gray-200; */
}

.fincent-child-table tbody tr td:first-child {
  /* border-left:1px solid;
  @apply border-gray-200; */
}

.fincent-child-table tbody tr td:last-child {
  /* border-right:1px solid;
  @apply border-gray-200; */
}

.fincent-child-table tbody tr:first-child td:first-child {
  border-top-left-radius:8px
}

.fincent-child-table tbody tr:first-child td:last-child{
  border-top-right-radius:8px
}

.fincent-child-table tbody tr:last-child td:first-child {
  border-bottom-left-radius:8px
}

.fincent-child-table tbody tr:last-child td:last-child{
  border-bottom-right-radius:8px
}

/* Account Levels - Indentation */

td.level-0.clickable-cell a,
td.clickable-cell.group a{
  font-weight: 700;
}

td.level-0.ledger.clickable-cell a,
td.level-1.ledger.clickable-cell a,
tr.level-0.ledger td.amount-cell,
tr.level-1.ledger td.amount-cell{
  font-weight: 400;
}

td.level-0 td.amount-cell{
    font-weight: 700;
}

td.level-1.clickable-cell{
  font-weight: 700;
}

td.level-1.clickable-cell a{
  font-weight: 700;
}

.level-1 td.amount-cell{
  /* font-weight: 700; */
}

td.level-1 { 
  /* padding-left: 2.5rem !important;  */
  padding-left: 34px !important; 
}

td.level-2 { 
  /* padding-left: 4rem !important;  */
  padding-left: 54px !important; 
}

td.level-3 { 
  /* padding-left: 5.5rem !important;  */
  padding-left: 74px !important; 
}

td.level-4 { 
  /* padding-left: 7rem !important;  */
  padding-left: 88px !important; 
}

td.level-5 { 
  /* padding-left: 8.5rem !important;  */
  padding-left: 108px !important; 
}

td.level-6 { 
  /* padding-left: 10rem !important;  */
  padding-left: 126px !important; 
}

/* utility styles */

.fincent-table .amount-cell{
    text-align: right;
  }

.clickable-cell:hover span {
    text-decoration: none;
  }

.clickable-cell:hover {
    cursor:pointer
  }

.clickable-cell:hover .account-name{
    text-decoration: underline;
    
  }

/* transitions */

.row-transition {
    transition: max-height 2s ease-out;
  }

@keyframes newRowHighlight {
    
    0% {
    --tw-bg-opacity: 1;
    background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
      max-height: 0;
  }
    20% {
    --tw-bg-opacity: 1;
    background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
        max-height: 49px; /* Adjust based on your row height */
  }
    70% {
    --tw-bg-opacity: 1;
    background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
        max-height: 49px;
  }
    100% {
        background-color: transparent;
        max-height: 49px;
    }
}

.fincent-table tr.move-record td,
.fincent-table tr.new-record td {
    animation: newRowHighlight 2s ease-out forwards;
}

/* filters sytle */

.advance-select,
  .advance-select-menu{
    z-index: 99;
    
  }

.report-type-select{
    width: 160px;
  }

.period-select{
    width: 160px;
  }

.searchable-checkbox-list {
    width: 100%;
    max-width: 24rem; /* equivalent to max-w-sm */
    position: relative;
  }

.checkbox-list-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 10px;
    background-color: var(--base-100);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    z-index: 11;
    background: #fff;
    max-height: 12rem; /* equivalent to max-h-48 */
    overflow-y: auto;
    border: 1px solid var(--base-300);
    border-radius: 0.5rem; /* equivalent to rounded-lg */
    background-color: #fff;
    
  }

.checkbox-list {
    max-height: 12rem;
    overflow-y: auto;
    padding: 0.5rem;
    padding-top: 0rem;
  }

.checkbox-item {
  display: flex;
  align-items: center;
  gap: 0.5rem; /* equivalent to gap-2 */
  padding: 0.375rem; /* equivalent to p-1.5 */
  cursor: pointer;
  border-radius: 0.375rem; /* equivalent to rounded-md */
}

.checkbox-item.level-1{
  padding-left:2rem
}

.checkbox-item.level-2{
  padding-left:3.5rem
}

.checkbox-item.level-3{
  padding-left:5.0rem
}

.checkbox-item.level-4{
  padding-left:6.5rem
}

.checkbox-item.level-5{
  padding-left:8rem
}

.checkbox-item:hover {
  background-color: var(--base-200); /* equivalent to hover:bg-base-200 */
}

.checkbox-item:not(:last-child) {
  margin-bottom: 0.25rem; /* equivalent to mb-1 */
}

.selected-count {
  font-size: 0.875rem; /* equivalent to text-sm */
  color: var(--base-content-70); /* equivalent to text-base-content/70 */
  margin-top: 0.25rem; /* equivalent to mt-1 */
}

/* Custom scrollbar styles */

.checkbox-list-container::-webkit-scrollbar {
  width: 0.375rem; /* equivalent to w-1.5 */
}

.checkbox-list-container::-webkit-scrollbar-track {
  background-color: var(--base-200);
  border-radius: 9999px; /* equivalent to rounded-full */
}

.checkbox-list-container::-webkit-scrollbar-thumb {
  background-color: var(--base-300);
  border-radius: 9999px; /* equivalent to rounded-full */
}

.checkbox-list-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--base-400);
}

/* Checkbox specific styles */

.checkbox-item input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
}

/* Search input specific styles */

.search-input {
  width: 100%;
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border: 1px solid var(--base-300);
  border-radius: 0.375rem;
  background-color: var(--base-100);
}

.search-input:focus {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* Firefox specific scrollbar styles */

.checkbox-list-container {
  scrollbar-width: thin;
  scrollbar-color: var(--base-300) var(--base-200);
}

.select-wrapper {
    position: relative;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.select-wrapper > .input{
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right:20px
  }

.select-wrapper > .\!input{
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    padding-right:20px !important
  }

.search-input {
    width: 100%;
    padding: 0.5rem 2rem 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border: 1px solid var(--base-300);
    border-radius: 0.375rem;
    background-color: var(--base-100);
    cursor: pointer;
  }

.select-chevron {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--base-content);
  }

.search-field-container {
    padding: 0.5rem;
    padding-top: 1rem;
    border-bottom: 1px solid var(--base-200);
  }

.search-field-container .input{
    border-width:1px
  }

.search-field-container .\!input{
    border-width:1px !important
  }

.filter-input {
    width: 100%;
    padding: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border: 1px solid var(--base-300);
    border-radius: 0.375rem;
    background-color: var(--base-100);
  }

.checkbox-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem;
    cursor: pointer;
    border-radius: 0.375rem;
  }

.checkbox-item:hover {
    background-color: var(--base-200);
  }

.checkbox-item:not(:last-child) {
    margin-bottom: 0.25rem;
  }

/* Custom scrollbar styles */

.checkbox-list::-webkit-scrollbar {
    width: 0.375rem;
  }

.checkbox-list::-webkit-scrollbar-track {
    background-color: var(--base-200);
    border-radius: 9999px;
  }

.checkbox-list::-webkit-scrollbar-thumb {
    background-color: var(--base-300);
    border-radius: 9999px;
  }

.checkbox-list::-webkit-scrollbar-thumb:hover {
    background-color: var(--base-400);
  }

/* Firefox scrollbar */

.checkbox-list {
    scrollbar-width: thin;
    scrollbar-color: var(--base-300) var(--base-200);
  }

.loading-container {
    /* Same width and basic styles as your report container */
    width: 100%;
    transition: opacity 0.2s ease-in-out;
  }

/* Loader Animation from Flyonui */

.loader {
    width: 48px;
    height: 48px;
    border: 4px solid #e5e7eb; /* Light grey border */

    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite;
  }

.loader::before {
    content: '';
    position: absolute;
    left: -4px;
    top: -4px;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: #9ca3af; /* Changed to grey color */
  }

.loader-lg {
    width: 56px;
    height: 56px;
  }

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }

/* Pulse Animation for Skeleton */

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
  }

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

.slide { display: none; }

.slide.active { display: block; }

.navigation { margin-top: 20px; }

.fly-chart { margin: 20px auto; width: 80%; max-width: 400px; }

/* filters sytle */

/* summary page */

.report-card,
  .summary-card {
    background: white;
    border-radius: 0.5rem;
    padding: 1.5rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10)
  }

.apexcharts-tooltip {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1) !important;
    border-radius: 0.5rem !important;
  }

.tooltip-title {
    font-weight: 600;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e5e7eb;
  }

.tooltip-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem;
  }

.tooltip-label {
    color: #6b7280;
    margin-right: 1rem;
  }

.tooltip-value {
    font-weight: 500;
  }

.apexcharts-xaxis-label, .apexcharts-yaxis-label {
    fill: #6b7280 !important;
  }

.apexcharts-grid-borders line {
    stroke: #e5e7eb !important;
    stroke-dasharray: 0 !important;
  }

.metric-title {
    font-size: 1rem;
    color: #6b7280;
    margin-bottom: 0.5rem;
  }

.metric-value {
    font-size: 2rem;
    font-weight: 600;
    
  }

#profitChart .apexcharts-legend{
    display:none !important
  }

.metric-value {
    font-size: 1.875rem;
    font-weight: 600;
  }

.trend-indicator {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
  }

.trend-up {
    background-color: rgba(34, 197, 94, 0.1);
    color: rgb(34, 197, 94);
  }

.trend-down {
    background-color: rgba(239, 68, 68, 0.1);
    color: rgb(239, 68, 68);
  }

.progress-bar {
    height: 8px;
    border-radius: 4px;
    background-color: #f3f4f6;
    width: 100%;
    justify-content: flex-start;
  }

.progress-fill {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
  }

.income-progress { background-color: rgb(34, 197, 94); }

.expense-progress { background-color: rgb(249, 115, 22); }

.amount-trend {
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
  }

.amount-trend.positive {
    background-color: rgba(239, 68, 68, 0.1);
    color: rgb(239, 68, 68);
  }

.amount-trend.negative {
    background-color: rgba(34, 197, 94, 0.1);
    color: rgb(34, 197, 94);
  }

/* Reports Style */

.reports-container{
    /* min-height: calc(100vh - 240px); */
    
  }

/* Table Container */

.table-container {
  /* height: calc(100vh - 300px);
  overflow-y: auto; */
  width: 100%;
}

.loader-container {
    height: calc(100vh - 300px);
}

/* Table Base */

.report-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  font-weight: 300;
  display: block;
  overflow-x: auto; /* Ensure horizontal scroll works smoothly */
  white-space: nowrap;
  table-layout: fixed; /* This ensures equal column distribution */
  min-width: 100%;
  
}

.report-table.fullWidth{
  display: table;
}

/* Header */

.report-table th {
  position: sticky;
  top: 0;
  padding: 0.75rem 1rem;
  text-align: left;
  font-weight: 700;
  
  color:#000;
  background-color: rgb(249 250 251 / 0.9);
  background-color: #fff;
  /* backdrop-filter: blur(8px); */
  z-index: 10;
  /* border-top: 1px solid rgb(229 231 235); */
  border-top:none;
  border-bottom: 1px solid #000;
  
}

.report-table th.amount-cell {
  text-align: right;
}

/* Account Head Styles */

.report-table tr.account-head td:first-child {
    display:table-cell;
  font-weight: 700;
  color: rgb(17, 24, 39);
  /* background-color: rgb(243, 244, 246); */ 
}

.report-table tr td.account-head{
  font-weight: 700;
  color: rgb(17, 24, 39);
}

.report-table tr.account-head td {
  /* padding-top: 1rem;
  padding-bottom: 1rem; */
  /* color: #fff;
  overflow: hidden; */
}

.report-table tr.toggle-value.down td.amount-cell,
.report-table tr.toggle-value.down td.hide-cell-value{
  color:transparent
}

.report-table tr td{
background:#fff;
color:#666;
font-weight: 300;
}

.report-table tr:hover td{
  background:#defbff!important
}

.report-table tr.account-head:hover td.amount-cell {
  /* color:#defbff!important */
}

.report-table tr:nth-child(even) td{background-color: #f7fafb;}

/* Sticky Column Specific Styles - Only apply when .sticky-first-column is present */

.sticky-first-column .report-table thead tr th:first-child,
.sticky-first-column .report-table tbody tr td:first-child {
  position: sticky;
  left: 0;
  /* background-color: white; */
  z-index: 2;
  min-width: 250px; /* Adjust width to prevent wrapping */
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Ensure the first column doesn't get hidden behind other columns */

.sticky-first-column .report-table thead th.accountName:first-child,
.sticky-first-column .report-table thead th:first-child {
  z-index: 11;
}

.sticky-first-column .report-table thead th.\!accountName:first-child {
  z-index: 11 !important;
}

/* Shadow to indicate scrollability */

.sticky-first-column .report-table tbody tr td:first-child::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  box-shadow: inset -5px 0 5px -5px rgba(0,0,0,0.2);
  pointer-events: none;
}

/* Cells */

.report-table td {
  padding: 0.5rem 1rem;
  color: rgb(75 85 99);
}

/* Total Row Styles */

.report-table tr.total-row td {
  font-weight: 600;
  color: rgb(17 24 39);
  background-color: rgb(243 244 246);
  border-top: 2px solid #000;
  border-bottom: 2px solid #000
}

/* Subtotal Row Styles */

.report-table tr.total td {
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  font-weight: 500;

}

.report-table tr.\!total td {
  border-top:1px solid #000 !important;
  border-bottom:1px solid #000 !important;
  font-weight: 500 !important;

}

.report-table tr.total-level-1 td {
  /* font-weight: 500; */
  
  
  /* background-color: rgb(249 250 251); */
  
  color:#000;
  /* border-top:1px solid #000; */
}

.report-table tr.total-level-2 td {
  /* font-weight: 500; */
  
  /* background-color: rgb(249 250 251 / 0.8); */
  
  color:#000;
  /* border-top:1px solid #000; */
}

.report-table tr.total-level-3 td {
  /* font-weight: 500; */
  
  /* background-color: rgb(249 250 251 / 0.6); */
  
  color:#000;
  /* border-top:1px solid #000; */
}

.report-table tr.total-level-4 td {
  /* font-weight: 500; */
  
  /* background-color: rgb(249 250 251 / 0.4); */
  
  color:#000;
  /* border-top:1px solid #000; */
}

.report-table tr.total-level-5 td {
  /* font-weight: 500; */
  
  /* background-color: rgb(249 250 251 / 0.2); */
  
  color:#000;
  /* border-top:1px solid #000; */
}

/* Amount Alignment */

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

/* Current Month Highlight */

.report-table tr.total-level-1 td.current-month,
.report-table tr.total-level-2 td.current-month,
.report-table tr.total-level-3 td.current-month,
.report-table tr.total-level-4 td.current-month,
.report-table tr.total-level-5 td.current-month,
.report-table tr.total-row td.current-month,
.current-month {
  background-color: #f4feff!important; /* Tailwind's blue-100 equivalent */
  
}

/* Hover States */

.report-table tr:hover:not(.total-row):not([class*="total-level"]) {
  background-color: rgb(249 250 251 / 0.5);
}

/* Chevron Icon Styles */

.chevron-icon {
  transition: transform 0.2s ease-in-out;
}

.collapsed .chevron-icon {
  transform: rotate(-90deg);
}

.loading-container {
    /* Same width and basic styles as your report container */
    width: 100%;
    transition: opacity 0.2s ease-in-out;
  }

/* Loader Animation from Flyonui */

.loader {
    width: 48px;
    height: 48px;
    border: 4px solid #e5e7eb; /* Light grey border */

    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite;
  }

.loader::before {
    content: '';
    position: absolute;
    left: -4px;
    top: -4px;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: #9ca3af; /* Changed to grey color */
  }

.loader-lg {
    width: 56px;
    height: 56px;
  }

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }

/* Pulse Animation for Skeleton */

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
  }

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

.slide { display: none; }

.slide.active { display: block; }

.navigation { margin-top: 20px; }

.fly-chart { margin: 20px auto; width: 80%; max-width: 400px; }

.bredcrumb {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

div.inline-flex.bredcrumb.credit {
  color: rgb(22, 163, 74); /* Tailwind green-600 */
}

div.inline-flex.bredcrumb.debit {
  color: rgb(0, 0, 0);
}

div.inline-flex.bredcrumb.default {
  color: rgb(0, 0, 0); /* Black - for global summary rows */
}

.bredcrumb li{
      position: relative;
      padding-right: 8px;
      margin-right: 8px; 
    }

.bredcrumb li::after{
        content: ">";
        position: absolute;
        top: 50%;
        right: -7px;
        transform: translateY(-50%);
      }

.bredcrumb li:last-child{
        padding-right: 0;
        margin-right: 0;
      }

.bredcrumb li:last-child::after{
          display: none;
        }

.bredcrumb li:first-child{
        cursor: pointer;
      }

.\!input:focus{
    border-color: #000 !important;
    box-shadow: none !important;
  }

.input:focus{
    border-color: #000;
    box-shadow: none;
  }

.advance-select-option div{
        font-weight: 400;
    }

.advance-select-option.selected:active{
        background-color: #c4c4c4;        
    }

.advance-select-option.\!selected:active{
        background-color: #c4c4c4 !important;        
    }

.\!selected.\!selected:active.advance-select-option{
    background-color: #c4c4c4 !important;
  }

.selected.selected:active.advance-select-option{
    background-color: #c4c4c4;
  }

.\!selected.\!selected:active.advance-select-option{
    background-color: #c4c4c4 !important;
  }

.advance-select-option:hover{
    background-color: #e3e3e5;
  }

.advance-select-toggle:focus{
    border-color: #000;
    box-shadow: none;
  }

.\!modal{
        background-color: rgba(0, 0, 0, 0.6) !important;
    }

.modal{
        background-color: rgba(0, 0, 0, 0.6);
    }

.text-blue-600{
    color: #804AFF !important;
}

.border-blue-600{
  border-color: #804AFF !important;
}

.sidebar {
        width: 245px;
    }

.nav-icon {
        width: var(--icon-size);
        height: var(--icon-size);
        display: flex;
        justify-content: center;
        align-items: center;
    }

/* Settings Panel Animation */

.logo {
        position: relative;
        padding: 11px 10px;
        z-index: 1;
    }

#settings-panel {
        padding-top: 71px;
        transform: translateY(100%);
        transition: transform 0.3s ease-in-out;
        bottom: 0px;
        height: 100%;
    }

#settings-panel.\!open {
        transform: translateX(0) !important;
    }

#settings-panel.open {
        transform: translateX(0);
    }

.settings-panel-initial {
        transform: translateY(0) !important;
        transition: none !important;
    }

/* Ensure full height navigation */

.sidebar.navigation-panel {
        height: calc(100vh - var(--header-height));
    }

.sidebar .menu {
        height: 100%;
    }

.sidebar .\!menu {
        height: 100% !important;
    }

/* Consistent spacing and alignment for all nav items */

.nav-item {
        padding: 12px var(--nav-item-padding);
        display: flex;
        align-items: center;
        gap: 8px;
        position: relative;

    }

/* Submenu styling */

.submenu-item {
        padding-left: 48px;
        background-color: rgba(0, 0, 0, 0.02);
        border-left: 1px solid rgba(0, 0, 0, 0.06);
    }

.submenu-item.active {}

/* Active nav item styling */

/* Active nav item styling */

.\!menu .nav-item.active {
        background-color: transparent !important;
        font-weight: 700 !important;
    }

.menu .nav-item.active {
        background-color: transparent !important;
        font-weight: 700;
    }

/* Active indicator bar */

.nav-item.active::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background-color: #000;
        /* Adjust color to match your brand */
    }

.collapse-column .nav-item{
            padding: 10px 12px;
        }

.collapse-column .nav-item.active::before{
                left: -8px;
            }

.nav-icon {
        width: var(--icon-size);
        height: var(--icon-size);
        display: flex;
        justify-content: center;
        align-items: center;
    }

.nav-label {
        font-size: 16px;
        line-height: 1.5;
        padding-left: 4px;
        /* Fine-tune label alignment with logo */
    }

/* Settings panel styling */

.settings-header {
        padding: 24px var(--nav-item-padding);
    }

.settings-group-header {
        font-weight: 500;
        color: #4b5563;
        padding: 8px var(--nav-item-padding);
        margin-top: 8px;
    }

@keyframes maxHeight {
        0% {
            max-height: 240px;
        }

        100% {
            max-height: unset;
        }
    }

.\!menu :where(li:not(.dropdown) ul):before {
        display: none !important;
    }

.menu :where(li:not(.dropdown) ul):before {
        display: none;
    }

.\!menu :where(li:not(.dropdown) ul) {
        border-left: 1px solid #ddd !important;
    }

.menu :where(li:not(.dropdown) ul) {
        border-left: 1px solid #ddd;
    }

.\!menu li a.active,
    .\!menu .collapse-toggle.active {
        background-color: transparent !important;
        color: #000 !important;
        font-weight: 700 !important;
    }

.menu li a.active,
    .menu .collapse-toggle.active {
        background-color: transparent !important;
        color: #000 !important;
        font-weight: 700 !important;
    }

.\!menu li a.active,
    .\!menu .collapse-toggle.active {
        background-color: transparent !important;
        color: #000 !important;
        font-weight: 700 !important;
    }

/* Remove border radius from menu items */

.\!menu li>* {
        border-radius: 0 !important;
    }

.menu li>* {
        border-radius: 0 !important;
    }

/* Consistent icon sizes */

/* Consistent text styles */

.\!menu li a span:not([class^="icon-"]) {
        font-size: 16px !important;
        line-height: 24px !important;
        color: rgb(71, 84, 103) !important;
        /* Adjust color to match your design */
    }

.menu li a span:not([class^="icon-"]) {
        font-size: 16px;
        line-height: 24px;
        color: rgb(71, 84, 103);
        /* Adjust color to match your design */
    }

/* Hover state without border radius */

.\!menu li a:hover {
        background-color: rgb(243, 244, 246) !important;
        /* Adjust color to match your design */
    }

.menu li a:hover {
        background-color: rgb(243, 244, 246) !important;
        /* Adjust color to match your design */
    }

.\[--placement\:bottom-start\] {
  --placement: bottom-start;
}

.\[--placement\:bottom\] {
  --placement: bottom;
}

.\[--placement\:left-start\] {
  --placement: left-start;
}

.\[--placement\:left\] {
  --placement: left;
}

.\[--placement\:right-start\] {
  --placement: right-start;
}

.\[--placement\:top\] {
  --placement: top;
}

.\[--trigger\:click\] {
  --trigger: click;
}

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

/* set pegasus css variables to DaisyUI default colors: https://daisyui.com/docs/colors/ */

:root {
  --primary: oklch(var(--p));
  --danger: oklch(var(--er));
  --success: oklch(var(--su));
}

@supports not (color: oklch(0% 0 0)) {

  .hover\:btn-error:hover {
    --btn-color: var(--fallback-er);
  }
}

@media (hover: hover) {

  .hover\:btn-error:hover.btn-soft:hover {
    background-color: var(--fallback-er,oklch(var(--er)/0.3));
  }

  .hover\:btn-error:hover.btn-outline:hover {
    --tw-border-opacity: 1;
    border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
    background-color: var(--fallback-er,oklch(var(--er)/0.1));
  }

  .hover\:btn-error:hover.btn-text:hover {
    background-color: var(--fallback-er,oklch(var(--er)/0.1));
  }
}

@supports (color: oklch(0% 0 0)) {

  .hover\:btn-error:hover {
    --btn-color: var(--er);
  }

  .hover\:btn-error:hover.btn-gradient {
    --light-shade: var(--er);
  }
}

.hover\:btn-error:hover {
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-er,oklch(var(--er)/0.3));
}

.hover\:btn-error:hover.btn-soft {
  background-color: var(--fallback-er,oklch(var(--er)/0.2));
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
  outline-color: var(--fallback-er,oklch(var(--er)/0.5));
}

.hover\:btn-error:hover.btn-soft.btn-active {
  background-color: var(--fallback-er,oklch(var(--er)/0.3));
}

.hover\:btn-error:hover.btn-soft:focus-visible {
  background-color: var(--fallback-er,oklch(var(--er)/0.3));
  outline-color: var(--fallback-er,oklch(var(--er)/0.5));
}

.hover\:btn-error:hover.btn-outline {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.hover\:btn-error:hover.btn-outline.btn-active {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
  background-color: var(--fallback-er,oklch(var(--er)/0.1));
}

.hover\:btn-error:hover.btn-outline:focus-visible {
  background-color: var(--fallback-er,oklch(var(--er)/0.1));
}

.hover\:btn-error:hover.btn-text {
  --tw-text-opacity: 1;
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
}

.hover\:btn-error:hover.btn-text.btn-active {
  background-color: var(--fallback-er,oklch(var(--er)/0.1));
}

.hover\:btn-error:hover.btn-text:focus-visible {
  background-color: var(--fallback-er,oklch(var(--er)/0.1));
}

.hover\:btn-error:hover.btn-gradient {
  --tw-border-opacity: 1;
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1)));
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.26));
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:btn-error:hover.btn-gradient:hover {
  --tw-shadow-color: var(--fallback-er,oklch(var(--er)/0.2));
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:btn-error:hover.btn-gradient:focus-visible {
  outline-color: var(--fallback-er,oklch(var(--er)/0.3));
  border-color: transparent;
}

[data-tab].active.active-tab\:tab-active.tab:not([disabled]) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
  --tw-text-opacity: 1;
}

.tabs-lifted > [data-tab].active.active-tab\:tab-active.tab:not([disabled]) {
  background-color: var(--tab-bg);
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
  border-color: var(--tab-border-color);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
  padding-bottom: var(--tab-border, 1px);
  padding-top: 0;
}

.tabs-lifted > [data-tab].active.active-tab\:tab-active.tab:not([disabled]):before {
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + var(--tab-radius, 0.375rem) * 2);
  height: var(--tab-radius, 0.375rem);
  bottom: 0;
  background-size: var(--tab-radius, 0.375rem);
  background-position: top left,
        top right;
  background-repeat: no-repeat;
  --tab-grad: calc(69% - var(--tab-border, 1px));
  --radius-start: radial-gradient(
        circle at top left,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      );
  --radius-end: radial-gradient(
        circle at top right,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      );
  background-image: var(--radius-start), var(--radius-end);
}

.tabs-lifted > [data-tab].active.active-tab\:tab-active.tab:not([disabled]):first-child:before {
  background-image: var(--radius-end);
  background-position: top right;
}

[dir="rtl"] .tabs-lifted > [data-tab].active.active-tab\:tab-active.tab:not([disabled]):first-child:before {
  background-image: var(--radius-start);
  background-position: top left;
}

.tabs-lifted > [data-tab].active.active-tab\:tab-active.tab:not([disabled]):last-child:before {
  background-image: var(--radius-start);
  background-position: top left;
}

[dir="rtl"] .tabs-lifted > [data-tab].active.active-tab\:tab-active.tab:not([disabled]):last-child:before {
  background-image: var(--radius-end);
  background-position: top right;
}

.tabs-lifted > [data-tab].active.active-tab\:tab-active:not([disabled]) + .tabs-lifted [data-tab].active.active-tab\:tab-active:not([disabled]):before {
  background-image: var(--radius-end);
  background-position: top right;
}

[data-tab].active .active-tab\:tab-active.tab:not([disabled]) {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
  --tw-text-opacity: 1;
}

.tabs-lifted > [data-tab].active .active-tab\:tab-active.tab:not([disabled]) {
  background-color: var(--tab-bg);
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
  border-color: var(--tab-border-color);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
  padding-bottom: var(--tab-border, 1px);
  padding-top: 0;
}

.tabs-lifted > [data-tab].active .active-tab\:tab-active.tab:not([disabled]):before {
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + var(--tab-radius, 0.375rem) * 2);
  height: var(--tab-radius, 0.375rem);
  bottom: 0;
  background-size: var(--tab-radius, 0.375rem);
  background-position: top left,
        top right;
  background-repeat: no-repeat;
  --tab-grad: calc(69% - var(--tab-border, 1px));
  --radius-start: radial-gradient(
        circle at top left,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      );
  --radius-end: radial-gradient(
        circle at top right,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      );
  background-image: var(--radius-start), var(--radius-end);
}

.tabs-lifted > [data-tab].active .active-tab\:tab-active.tab:not([disabled]):first-child:before {
  background-image: var(--radius-end);
  background-position: top right;
}

[dir="rtl"] .tabs-lifted > [data-tab].active .active-tab\:tab-active.tab:not([disabled]):first-child:before {
  background-image: var(--radius-start);
  background-position: top left;
}

.tabs-lifted > [data-tab].active .active-tab\:tab-active.tab:not([disabled]):last-child:before {
  background-image: var(--radius-start);
  background-position: top left;
}

[dir="rtl"] .tabs-lifted > [data-tab].active .active-tab\:tab-active.tab:not([disabled]):last-child:before {
  background-image: var(--radius-end);
  background-position: top right;
}

.tabs-lifted > [data-tab].active .active-tab\:tab-active:not([disabled]) + .tabs-lifted [data-tab].active .active-tab\:tab-active:not([disabled]):before {
  background-image: var(--radius-end);
  background-position: top right;
}

.selected.selected\:carousel-box.carousel-box {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.selected.selected\:carousel-box .carousel-box {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.selected.selected\:carousel-dot.carousel-dot {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.selected.selected\:carousel-dot .carousel-dot {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

@media (hover:hover) {

  
.menu li:not(.disabled, :disabled, [disabled]) > .selected\:active:not(ul, .menu-title, .collapse, .btn) {
    background-color: var(--fallback-p,oklch(var(--p)/0.1));
    --tw-text-opacity: 1;
    color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
  }
}

.selected.selected\:active.advance-select-option {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.selected.selected\:active.dropdown-item {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}


.menu li:not(.disabled, :disabled, [disabled]) > .selected.selected\:menu:not(ul, .menu-title, .collapse, .btn) {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.table tr.selected.selected\:active,
  .table tr.selected.selected\:active:nth-child(even) {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.table-striped tr.selected.selected\:active,
    .table-striped tr.selected.selected\:active:nth-child(even) {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.selected.selected\:active.merchant-list{
            background-color: #E1F5FE;
        }

.selected.selected\:active.f-nav-link{
            background-color: #000 !important;
            color: #fff !important;
        }

.selected.selected\:active.f-nav-link span{
                border-radius: 50%;
                background-color: #fff;
            }

.menu li a.selected.selected\:active{
        background-color: rgba(0,0,0,.2) !important;
        color: #000 !important;
    }

.selected .selected\:carousel-box.carousel-box {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.selected .selected\:carousel-box .carousel-box {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.selected .selected\:carousel-dot.carousel-dot {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.selected .selected\:carousel-dot .carousel-dot {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

@media (hover:hover) {

  
.menu li:not(.disabled, :disabled, [disabled]) > .selected\:active:not(ul, .menu-title, .collapse, .btn) {
    background-color: var(--fallback-p,oklch(var(--p)/0.1));
    --tw-text-opacity: 1;
    color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
  }
}

.selected .selected\:active.advance-select-option {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.selected .selected\:active.dropdown-item {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}


.menu li:not(.disabled, :disabled, [disabled]) > .selected .selected\:menu:not(ul, .menu-title, .collapse, .btn) {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.table .selected .selected\:activetr,
  .table .selected .selected\:activetr:nth-child(even) {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.table-striped .selected .selected\:activetr,
    .table-striped .selected .selected\:activetr:nth-child(even) {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.selected .selected\:active.merchant-list{
            background-color: #E1F5FE;
        }

.selected .selected\:active.f-nav-link{
            background-color: #000 !important;
            color: #fff !important;
        }

.selected .selected\:active.f-nav-link span{
                border-radius: 50%;
                background-color: #fff;
            }

.menu li .selected .selected\:activea{
        background-color: rgba(0,0,0,.2) !important;
        color: #000 !important;
    }

.selected .combo-box-selected\:carousel-box.carousel-box {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.selected .combo-box-selected\:carousel-box .carousel-box {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.selected .combo-box-selected\:carousel-dot.carousel-dot {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.selected .combo-box-selected\:carousel-dot .carousel-dot {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

@media (hover:hover) {

  
.menu li:not(.disabled, :disabled, [disabled]) > .combo-box-selected\:active:not(ul, .menu-title, .collapse, .btn) {
    background-color: var(--fallback-p,oklch(var(--p)/0.1));
    --tw-text-opacity: 1;
    color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
  }
}

.selected .combo-box-selected\:active.advance-select-option {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.selected .combo-box-selected\:active.dropdown-item {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}


.menu li:not(.disabled, :disabled, [disabled]) > .selected .combo-box-selected\:menu:not(ul, .menu-title, .collapse, .btn) {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.table .selected .combo-box-selected\:activetr,
  .table .selected .combo-box-selected\:activetr:nth-child(even) {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.table-striped .selected .combo-box-selected\:activetr,
    .table-striped .selected .combo-box-selected\:activetr:nth-child(even) {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.selected .combo-box-selected\:active.merchant-list{
            background-color: #E1F5FE;
        }

.selected .combo-box-selected\:active.f-nav-link{
            background-color: #000 !important;
            color: #fff !important;
        }

.selected .combo-box-selected\:active.f-nav-link span{
                border-radius: 50%;
                background-color: #fff;
            }

.menu li .selected .combo-box-selected\:activea{
        background-color: rgba(0,0,0,.2) !important;
        color: #000 !important;
    }

.selected.combo-box-selected\:carousel-box.carousel-box {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.selected.combo-box-selected\:carousel-box .carousel-box {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.selected.combo-box-selected\:carousel-dot.carousel-dot {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.selected.combo-box-selected\:carousel-dot .carousel-dot {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

@media (hover:hover) {

  
.menu li:not(.disabled, :disabled, [disabled]) > .combo-box-selected\:active:not(ul, .menu-title, .collapse, .btn) {
    background-color: var(--fallback-p,oklch(var(--p)/0.1));
    --tw-text-opacity: 1;
    color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
  }
}

.selected.combo-box-selected\:active.advance-select-option {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.selected.combo-box-selected\:active.dropdown-item {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}


.menu li:not(.disabled, :disabled, [disabled]) > .selected.combo-box-selected\:menu:not(ul, .menu-title, .collapse, .btn) {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.table tr.selected.combo-box-selected\:active,
  .table tr.selected.combo-box-selected\:active:nth-child(even) {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.table-striped tr.selected.combo-box-selected\:active,
    .table-striped tr.selected.combo-box-selected\:active:nth-child(even) {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.selected.combo-box-selected\:active.merchant-list{
            background-color: #E1F5FE;
        }

.selected.combo-box-selected\:active.f-nav-link{
            background-color: #000 !important;
            color: #fff !important;
        }

.selected.combo-box-selected\:active.f-nav-link span{
                border-radius: 50%;
                background-color: #fff;
            }

.menu li a.selected.combo-box-selected\:active{
        background-color: rgba(0,0,0,.2) !important;
        color: #000 !important;
    }

.complete .file-upload-complete\:progress-success {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity, 1)));
  --progress-color: var(--fallback-su,oklch(var(--su)/1));
}

.complete.file-upload-complete\:progress-success {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity, 1)));
  --progress-color: var(--fallback-su,oklch(var(--su)/1));
}

@media (min-width: 1536px) {

  .\32xl\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 640px) {

    .\32xl\:container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {

    .\32xl\:container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {

    .\32xl\:container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {

    .\32xl\:container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {

    .\32xl\:container {
      max-width: 1536px;
    }
  }
}

.\*\:p-3 > * {
  padding: 0.75rem;
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:right-full::before {
  content: var(--tw-content);
  right: 100%;
}

.before\:top-4::before {
  content: var(--tw-content);
  top: 1rem;
}

.before\:border-8::before {
  content: var(--tw-content);
  border-width: 8px;
}

.before\:border-transparent::before {
  content: var(--tw-content);
  border-color: transparent;
}

.before\:border-r-black::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-right-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.before\:border-r-gray-900::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-right-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}

.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:left-\[2px\]::after {
  content: var(--tw-content);
  left: 2px;
}

.after\:left-\[4px\]::after {
  content: var(--tw-content);
  left: 4px;
}

.after\:top-0\.5::after {
  content: var(--tw-content);
  top: 0.125rem;
}

.after\:top-\[2px\]::after {
  content: var(--tw-content);
  top: 2px;
}

.after\:h-5::after {
  content: var(--tw-content);
  height: 1.25rem;
}

.after\:h-6::after {
  content: var(--tw-content);
  height: 1.5rem;
}

.after\:w-5::after {
  content: var(--tw-content);
  width: 1.25rem;
}

.after\:w-6::after {
  content: var(--tw-content);
  width: 1.5rem;
}

.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:border::after {
  content: var(--tw-content);
  border-width: 1px;
}

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

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

.after\:transition-all::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.first\:pt-0:first-child {
  padding-top: 0px;
}

.first\:\*\:rounded-t-md > *:first-child {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.last\:border-0:last-child {
  border-width: 0px;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}

.last\:pb-0:last-child {
  padding-bottom: 0px;
}

.focus-within\:border-blue-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

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

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

.focus-within\:ring-blue-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.hover\:border-amber-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

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

.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

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

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

.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.hover\:border-indigo-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}

.hover\:border-indigo-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}

.hover\:border-primary:hover {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
}

.hover\:border-purple-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}

.hover\:bg-\[\#2b3137\]\/25:hover {
  background-color: rgb(43 49 55 / 0.25);
}

.hover\:bg-base-100\/50:hover {
  background-color: var(--fallback-b1,oklch(var(--b1)/0.5));
}

.hover\:bg-base-200:hover {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
}

.hover\:bg-base-200\/50:hover {
  background-color: var(--fallback-b2,oklch(var(--b2)/0.5));
}

.hover\:bg-base-content\/10:hover {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.hover\:bg-base-content\/5:hover {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.05));
}

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

.hover\:bg-blue-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-error\/10:hover {
  background-color: var(--fallback-er,oklch(var(--er)/0.1));
}

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

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

.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-gray-50\/50:hover {
  background-color: rgb(249 250 251 / 0.5);
}

.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-50\/30:hover {
  background-color: rgb(238 242 255 / 0.3);
}

.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary\/10:hover {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
}

.hover\:bg-primary\/20:hover {
  background-color: var(--fallback-p,oklch(var(--p)/0.2));
}

.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.hover\:bg-success\/10:hover {
  background-color: var(--fallback-su,oklch(var(--su)/0.1));
}

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

.hover\:bg-warning\/10:hover {
  background-color: var(--fallback-wa,oklch(var(--wa)/0.1));
}

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

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

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

.hover\:text-base-content:hover {
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
}

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

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

.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-900:hover {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

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

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

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

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

.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.hover\:text-green-800:hover {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

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

.hover\:text-indigo-700:hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-800:hover {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

.hover\:text-neutral:hover {
  --tw-text-opacity: 1;
  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity, 1)));
}

.hover\:text-orange-600:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.hover\:text-purple-500:hover {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-800:hover {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}

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

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

.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

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

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -2px var(--fallback-bs,oklch(var(--bs)/0.34));
  --tw-shadow-colored: 0 10px 15px -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);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px var(--fallback-bs,oklch(var(--bs)/0.2));
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --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);
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -6px var(--fallback-bs,oklch(var(--bs)/0.38));
  --tw-shadow-colored: 0 20px 25px -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);
}

.hover\:text-blue-600:hover{
    color: #804AFF !important;
}

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

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

.focus\:border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}

.focus\:border-primary:focus {
  --tw-border-opacity: 1;
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
}

.focus\:border-purple-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

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

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

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

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

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

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

.focus\:ring-black:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}

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

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

.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--fallback-p,oklch(var(--p)/var(--tw-ring-opacity, 1)));
}

.focus\:ring-purple-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1));
}

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

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

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

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

.active\:shadow-sm:active {
  --tw-shadow: 0 1px 2px 0 var(--fallback-bs,oklch(var(--bs)/0.22));
  --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);
}

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

.disabled\:opacity-30:disabled {
  opacity: 0.3;
}

.disabled\:opacity-40:disabled {
  opacity: 0.4;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.group:last-child .group-last\:hidden {
  display: none;
}

.group:hover .group-hover\:block {
  display: block;
}

.group:hover .group-hover\:bg-primary\/20 {
  background-color: var(--fallback-p,oklch(var(--p)/0.2));
}

.group:hover .group-hover\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary {
  --tw-text-opacity: 1;
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
}

.group:hover .group-hover\:text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-80 {
  opacity: 0.8;
}

.group:hover .group-hover\:shadow-lg {
  --tw-shadow: 0 10px 15px -2px var(--fallback-bs,oklch(var(--bs)/0.34));
  --tw-shadow-colored: 0 10px 15px -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);
}

.group:hover .group-hover\:shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--fallback-bs,oklch(var(--bs)/0.2));
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:focus .group-focus\:bg-base-content\/20 {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}

.peer:checked ~ .peer-checked\:bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.peer:checked ~ .peer-checked\:after\:translate-x-7::after {
  content: var(--tw-content);
  --tw-translate-x: 1.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:after\:border-white::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.peer:focus ~ .peer-focus\:outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.dropdown.open > .dropdown-open\:rotate-180 {
  --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));
}

.dropdown.open > .dropdown-open\:opacity-100 {
  opacity: 1;
}

.dropdown.open > .dropdown-toggle .dropdown-open\:rotate-180 {
  --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));
}

.dropdown.open > .dropdown-toggle .dropdown-open\:opacity-100 {
  opacity: 1;
}

.dropdown.open > .dropdown-menu > .dropdown-open\:rotate-180 {
  --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));
}

.dropdown.open > .dropdown-menu > .dropdown-open\:opacity-100 {
  opacity: 1;
}

.dropdown-menu.open.dropdown-open\:rotate-180 {
  --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));
}

.dropdown-menu.open.dropdown-open\:opacity-100 {
  opacity: 1;
}

.removing.removing\:translate-x-5 {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.removing.removing\:opacity-0 {
  opacity: 0;
}

.tooltip.show .tooltip-shown\:visible {
  visibility: visible;
}

.tooltip.show .tooltip-shown\:opacity-100 {
  opacity: 1;
}

.tooltip-content.show.tooltip-shown\:visible {
  visibility: visible;
}

.tooltip-content.show.tooltip-shown\:opacity-100 {
  opacity: 1;
}

.accordion-item.active.accordion-item-active\:block {
  display: block;
}

.accordion-item.active.accordion-item-active\:hidden {
  display: none;
}

.accordion-item.active > .accordion-item-active\:block {
  display: block;
}

.accordion-item.active > .accordion-item-active\:hidden {
  display: none;
}

.accordion-item.active > .accordion-toggle .accordion-item-active\:block {
  display: block;
}

.accordion-item.active > .accordion-toggle .accordion-item-active\:hidden {
  display: none;
}

.accordion-item.active > .accordion-heading > .accordion-toggle .accordion-item-active\:block {
  display: block;
}

.accordion-item.active > .accordion-heading > .accordion-toggle .accordion-item-active\:hidden {
  display: none;
}

.accordion-item.active > .accordion-toggle.accordion-item-active\:block {
  display: block;
}

.accordion-item.active > .accordion-toggle.accordion-item-active\:hidden {
  display: none;
}

.accordion-item.active > .accordion-heading > .accordion-toggle.accordion-item-active\:block {
  display: block;
}

.accordion-item.active > .accordion-heading > .accordion-toggle.accordion-item-active\:hidden {
  display: none;
}

.accordion-item.active .accordion-item-force-active.accordion-item-active\:block {
  display: block;
}

.accordion-item.active .accordion-item-force-active.accordion-item-active\:hidden {
  display: none;
}

.collapse.open > .collapse-open\:rotate-180 {
  --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));
}

.collapse.open > .collapse-open\:bg-base-content\/10 {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.collapse.open.collapse-open\:rotate-180 {
  --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));
}

.collapse.open.collapse-open\:bg-base-content\/10 {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.collapse-toggle.open > .collapse-open\:rotate-180 {
  --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));
}

.collapse-toggle.open > .collapse-open\:bg-base-content\/10 {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

.collapse-toggle.open.collapse-open\:rotate-180 {
  --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));
}

.collapse-toggle.open.collapse-open\:bg-base-content\/10 {
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}

[data-tab].active.active-tab\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

[data-tab].active.active-tab\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

[data-tab].active .active-tab\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

[data-tab].active .active-tab\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.open.overlay-open\:opacity-100 {
  opacity: 1;
}

.open.overlay-open\:duration-300 {
  transition-duration: 300ms;
}

.open .overlay-open\:opacity-100 {
  opacity: 1;
}

.open .overlay-open\:duration-300 {
  transition-duration: 300ms;
}

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

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

.selected.selected\:block {
  display: block;
}

.selected.selected\:bg-primary\/10 {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
}

.selected.selected\:active.slide { display: block; }

.selected.selected\:active.submenu-item {}

.menu .selected.selected\:active.nav-item {
        background-color: transparent !important;
        font-weight: 700;
    }

.selected.selected\:active.nav-item::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background-color: #000;
        /* Adjust color to match your brand */
    }

.collapse-column .selected.selected\:active.nav-item::before{
                left: -8px;
            }

.menu li a.selected.selected\:active,
    .menu .selected.selected\:active.collapse-toggle {
        background-color: transparent !important;
        color: #000 !important;
        font-weight: 700 !important;
    }

.selected .selected\:block {
  display: block;
}

.selected .selected\:bg-primary\/10 {
  background-color: var(--fallback-p,oklch(var(--p)/0.1));
}

.selected .selected\:active.slide { display: block; }

.selected .selected\:active.submenu-item {}

.menu .selected .selected\:active.nav-item {
        background-color: transparent !important;
        font-weight: 700;
    }

.selected .selected\:active.nav-item::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background-color: #000;
        /* Adjust color to match your brand */
    }

.collapse-column .selected .selected\:active.nav-item::before{
                left: -8px;
            }

.menu li .selected .selected\:activea,
    .menu .selected .selected\:active.collapse-toggle {
        background-color: transparent !important;
        color: #000 !important;
        font-weight: 700 !important;
    }

.disabled.select-disabled\:pointer-events-none {
  pointer-events: none;
}

.disabled.select-disabled\:opacity-40 {
  opacity: 0.4;
}

.disabled .select-disabled\:pointer-events-none {
  pointer-events: none;
}

.disabled .select-disabled\:opacity-40 {
  opacity: 0.4;
}

.active.stepper-active\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.active.stepper-active\:text-primary-content {
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
}

.active.stepper-active\:shadow {
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26));
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.active .stepper-active\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.active .stepper-active\:text-primary-content {
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
}

.active .stepper-active\:shadow {
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26));
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.is-valid.stepper-success\:block {
  display: block;
}

.is-valid.stepper-success\:hidden {
  display: none;
}

.is-valid.stepper-success\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.is-valid.stepper-success\:text-primary-content {
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
}

.is-valid.stepper-success\:shadow {
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26));
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.is-valid .stepper-success\:block {
  display: block;
}

.is-valid .stepper-success\:hidden {
  display: none;
}

.is-valid .stepper-success\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
}

.is-valid .stepper-success\:text-primary-content {
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
}

.is-valid .stepper-success\:shadow {
  --tw-shadow: 0 2px 4px 0 var(--fallback-bs,oklch(var(--bs)/0.26));
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.completed.stepper-completed\:hidden {
  display: none;
}

.completed.stepper-completed\:bg-success {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
}

.completed.group:focus .stepper-completed\:group-focus\:bg-success {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
}

.completed .stepper-completed\:hidden {
  display: none;
}

.completed .stepper-completed\:bg-success {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
}

.completed .group:focus .stepper-completed\:group-focus\:bg-success {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
}

.is-invalid.stepper-error\:bg-error {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
}

.is-invalid.stepper-error\:text-error-content {
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1)));
}

.is-invalid .stepper-error\:bg-error {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity, 1)));
}

.is-invalid .stepper-error\:text-error-content {
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity, 1)));
}

.selected .combo-box-selected\:block {
  display: block;
}

.selected .combo-box-selected\:active.slide { display: block; }

.selected .combo-box-selected\:active.submenu-item {}

.menu .selected .combo-box-selected\:active.nav-item {
        background-color: transparent !important;
        font-weight: 700;
    }

.selected .combo-box-selected\:active.nav-item::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background-color: #000;
        /* Adjust color to match your brand */
    }

.collapse-column .selected .combo-box-selected\:active.nav-item::before{
                left: -8px;
            }

.menu li .selected .combo-box-selected\:activea,
    .menu .selected .combo-box-selected\:active.collapse-toggle {
        background-color: transparent !important;
        color: #000 !important;
        font-weight: 700 !important;
    }

.selected.combo-box-selected\:block {
  display: block;
}

.selected.combo-box-selected\:active.slide { display: block; }

.selected.combo-box-selected\:active.submenu-item {}

.menu .selected.combo-box-selected\:active.nav-item {
        background-color: transparent !important;
        font-weight: 700;
    }

.selected.combo-box-selected\:active.nav-item::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background-color: #000;
        /* Adjust color to match your brand */
    }

.collapse-column .selected.combo-box-selected\:active.nav-item::before{
                left: -8px;
            }

.menu li a.selected.combo-box-selected\:active,
    .menu .selected.combo-box-selected\:active.collapse-toggle {
        background-color: transparent !important;
        color: #000 !important;
        font-weight: 700 !important;
    }

@media not all and (min-width: 640px) {

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

  .max-sm\:flex-col {
    flex-direction: column;
  }
}

@media (min-width: 640px) {

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

  .sm\:ml-4 {
    margin-left: 1rem;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

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

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:w-\[57rem\] {
    width: 57rem;
  }

  .sm\:w-full {
    width: 100%;
  }

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

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

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

  .sm\:max-w-6xl {
    max-width: 72rem;
  }

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

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

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

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

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

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

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

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-center {
    align-items: center;
  }

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

  .sm\: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)));
  }

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

  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

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

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

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

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 768px) {

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

  .md\:-ml-4 {
    margin-left: -1rem;
  }

  .md\:grid {
    display: grid;
  }

  .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-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

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

  .md\:items-center {
    align-items: center;
  }

  .md\:gap-12 {
    gap: 3rem;
  }

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

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

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .lg\:absolute {
    position: absolute;
  }

  .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-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:-ml-0 {
    margin-left: -0px;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

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

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

  .lg\:mr-auto {
    margin-right: auto;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-12 {
    height: 3rem;
  }

  .lg\:h-6 {
    height: 1.5rem;
  }

  .lg\:w-12 {
    width: 3rem;
  }

  .lg\:w-6 {
    width: 1.5rem;
  }

  .lg\:flex-shrink-0 {
    flex-shrink: 0;
  }

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

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

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

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

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

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

  .lg\:items-center {
    align-items: center;
  }

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

  .lg\:gap-8 {
    gap: 2rem;
  }

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

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

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

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1280px) {

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

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

  .xl\:gap-0 {
    gap: 0px;
  }

  .xl\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
}

@media (min-width: 1536px) {

  .\32xl\:max-w-\[1440px\] {
    max-width: 1440px;
  }
}

.rtl\:\!mr-0:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0px !important;
}

.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\:divide-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 1;
}

.rtl\:\[--placement\:bottom-end\]:where([dir="rtl"], [dir="rtl"] *) {
  --placement: bottom-end;
}

@media (prefers-color-scheme: dark) {

  .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1));
  }

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

  .dark\:bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(49 46 129 / var(--tw-bg-opacity, 1));
  }

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

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

  .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

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

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

.\[\&_\.nested-collapse-wrapper\]\:space-y-0\.5 .nested-collapse-wrapper > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}

.\[\&_ul\]\:space-y-0\.5 ul > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}