/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&display=swap');

/* ================================================================
   CRITICAL: FOUC (Flash of Unstyled Content) Prevention
   These styles MUST be applied BEFORE any other CSS loads
   ================================================================ */

/* Default to dark mode - prevents white flash for majority of users */
html {
  background-color: #030305;
  color: #ffffff;
  color-scheme: dark;
}

body {
  color: #ffffff;
}

/* ARKAPLAN ZINCIRI — kok perde (AppBackdrop) bunlarin ARKASINDAN gorunur.
   Perde `position: fixed; z-index: -1` ile kok `[locale]` layout'unda yasiyor.
   Negatif z-index, akis icindeki blok ZEMINLERININ altinda boyanir; dolayisiyla
   bu kapsayicilar OPAK kalirsa perde hic gorunmez.
   FOUC guvencesi kaybolmuyor: yukaridaki `html` kurali zemini zaten koyu
   boyuyor ve html'in arkaplani sayfa tuvaline yayilir, yani beyaz flash olmaz.
   (Onceki hali bu dorde `background-color: #030305 !important` basiyordu ve
   bu yuzden `main.og-main`, `main.public-event-gallery-main`,
   `div.auth-screen-content` gibi tek tek saydamlik ISTISNALARI yazilmisti —
   artik saydamlik varsayilan, o istisnalar yalnizca geriye donuk uyum icin
   duruyor.) */
#__next,
#root,
main,
[data-locale] {
  background-color: transparent !important;
}

/* All divs default to transparent (inherit parent bg) */
div {
  background-color: transparent;
}

/* `.min-h-screen` ESKIDEN `background-color: inherit` tasiyordu ("koyu zemini
   devral") ve bu, opakligi zincir boyunca TASIYORDU: `[data-locale]` ve her
   sayfa kokunun `min-h-screen` sinifi var, dolayisiyla body'nin opak rengini
   devralip kok perdeyi ortuyorlardi. Perde `z-index: -1` ile akis icindeki
   blok ZEMINLERININ altinda boyandigi icin bu olumcul. Artik saydam:
   koyu/acik taban rengi `html`den gelir ve tuvale yayilir, yani FOUC
   guvencesi korunur. */
.min-h-screen {
  background-color: transparent;
}

/* Light mode overrides - activated when script adds 'light' class */
html.light {
  background-color: #ffffff;
  color: #111827;
  color-scheme: light;
}

html.light body {
  color: #111827;
}

/* Acik temada da ayni zincir: perde `html.light`in beyaz tuvalinin USTUNDE,
   icerigin ALTINDA durur. Gerekce icin bkz. koyu tema karsiligi. */
html.light #__next,
html.light #root,
html.light main,
html.light [data-locale] {
  background-color: transparent !important;
}

/* ISTISNA — /public/event galeri <main>'i SAYDAM olmali.
   Yukaridaki FOUC kurallari her <main>'e opak zemin basiyor; bu sayfada o
   zemin, kabugun ICINDEKI DarkVeil'in tam ustune oturup galeriyi "sayfaya
   ait olmayan simsiyah bir dikdortgen" gibi gosteriyordu (koyu temada
   #030305, acik temada #fff). Kabuk kendi arkaplanini zaten boyadigi icin
   FOUC riski yok. Specificity bilerek yuksek: !important'li genel kurali
   ancak boyle eziyoruz. */
main.public-event-gallery-main,
html.light main.public-event-gallery-main {
  background-color: transparent !important;
}

/* ISTISNA — auth ekranlarinin (login, organizer/register, forgot-password)
   icerik sarmalayicilari SAYDAM olmali. Dikey ortalama icin .min-h-screen
   kullaniyorlar; FOUC kurallari yuzunden opak #030305 olup z-10'da
   DarkVeil + aurora arkaplaninin tam ustune oturuyor ve sayfa dumduz
   siyah gorunuyordu. Kabuk (bg-[#030305]) zemini zaten boyadigi icin
   FOUC riski yok. */
div.auth-screen-content,
html.light div.auth-screen-content {
  background-color: transparent !important;
}

/* NO-SCROLL FIRST — login akisinin telefon + OTP adimlari mobilde tek
   ekrandir: kabuk gorunur viewport yuksekligine (dvh) sabitlenir, icerik
   viewport'a sigacak sekilde kompakt tasarlanmistir; sayfada kaydirilacak
   hicbir sey kalmadigi icin asagi cekis dogrudan tarayicinin
   pull-to-refresh jestine gider. Bu bir scroll-lock DEGIL — icerik zaten
   sigiyor. div. oneki bilincli: Tailwind'in .min-h-screen/.h-full
   utility'leri stylesheet'te daha sonra geldiginden ancak 0,1,1
   specificity ile eziliyor. Cok basik viewport'larda (yatay telefon,
   <520px) dogal akisa geri doner ve sayfa normal kaydirilir. */
@media (max-width: 639px) and (min-height: 520px) {
  div.auth-noscroll-shell {
    min-height: 0;
    height: 100vh;
    height: 100dvh;
  }

  div.auth-noscroll-content {
    min-height: 0;
    height: 100%;
    /* Icerik uste yasli: klavye (overlays-content) alttaki dekoratif guvenli
       bolgeyi orter, form kontrollerini asla kapatmaz. */
    align-items: flex-start;
    /* Ust safe-area + "bir-iki parmak" nefes payi; tum adimlarda ayni ust nokta */
    padding-top: calc(env(safe-area-inset-top, 0px) + 44px);
    transition: padding-top 0.25s ease;
  }

  /* Klavye ACIKKEN (visualViewport kuculdu -> html.auth-kbd-open) icerik yukari
     kayar; klavye kapaninca sinif kalkar ve icerik eski konumuna doner. Odak
     durumuna BAGLI DEGIL: Android'de geri tusuyla klavye kapanip input odakta
     kalsa bile geri doner. */
  html.auth-kbd-open div.auth-noscroll-content {
    padding-top: calc(env(safe-area-inset-top, 0px) + 6px);
  }

  /* Kabugun ATALARI da dvh'ye sabitlenmeli: locale layout'un sarmalayicisi
     .min-h-screen = 100vh (buyuk viewport) oldugundan, mobilde URL cubugu
     gorunurken dokuman 100dvh'lik kabuktan uzun kaliyor ve sayfa altinda
     kaydirabilir bos alan olusuyordu.
     BILEREK overflow:hidden YOK: kilit degil, tam sigdirma — dokuman
     yuksekligi viewport'la birebir ayni oldugundan kayacak yer zaten kalmaz
     ve tarayicinin pull-to-refresh jesti calisir durumda kalir. */
  html:has(div.auth-noscroll-shell),
  body:has(div.auth-noscroll-shell) {
    height: 100dvh;
  }

  body:has(div.auth-noscroll-shell) div.min-h-screen,
  body:has(div.auth-noscroll-shell) .page-transition {
    min-height: 0;
    height: 100%;
  }
}

/* Tum auth ekranlarinda icerik ayni ust noktadan baslar (adim/mod gecisinde
   baslik zipmaz); masaustunde de dikey ortalama yerine sabit ust bosluk. */
div.auth-screen-content {
  align-items: flex-start;
}
@media (min-width: 640px) {
  div.auth-screen-content {
    padding-top: 84px;
  }
}

/* END CRITICAL FOUC PREVENTION */

*, ::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.18 | 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 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif; /* 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::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]{
  color: hsl(var(--heroui-foreground));
  background-color: hsl(var(--heroui-background));
}

:root, [data-theme=light]{
  color-scheme: light;
  --heroui-background: 0 0% 100%;
  --heroui-foreground-50: 0 0% 98.04%;
  --heroui-foreground-100: 240 4.76% 95.88%;
  --heroui-foreground-200: 240 5.88% 90%;
  --heroui-foreground-300: 240 4.88% 83.92%;
  --heroui-foreground-400: 240 5.03% 64.9%;
  --heroui-foreground-500: 240 3.83% 46.08%;
  --heroui-foreground-600: 240 5.2% 33.92%;
  --heroui-foreground-700: 240 5.26% 26.08%;
  --heroui-foreground-800: 240 3.7% 15.88%;
  --heroui-foreground-900: 240 5.88% 10%;
  --heroui-foreground: 201.81999999999994 24.44% 8.82%;
  --heroui-divider: 0 0% 6.67%;
  --heroui-focus: 212.01999999999998 100% 46.67%;
  --heroui-overlay: 0 0% 0%;
  --heroui-content1: 0 0% 100%;
  --heroui-content1-foreground: 201.81999999999994 24.44% 8.82%;
  --heroui-content2: 240 4.76% 95.88%;
  --heroui-content2-foreground: 240 3.7% 15.88%;
  --heroui-content3: 240 5.88% 90%;
  --heroui-content3-foreground: 240 5.26% 26.08%;
  --heroui-content4: 240 4.88% 83.92%;
  --heroui-content4-foreground: 240 5.2% 33.92%;
  --heroui-default-50: 0 0% 98.04%;
  --heroui-default-100: 240 4.76% 95.88%;
  --heroui-default-200: 240 5.88% 90%;
  --heroui-default-300: 240 4.88% 83.92%;
  --heroui-default-400: 240 5.03% 64.9%;
  --heroui-default-500: 240 3.83% 46.08%;
  --heroui-default-600: 240 5.2% 33.92%;
  --heroui-default-700: 240 5.26% 26.08%;
  --heroui-default-800: 240 3.7% 15.88%;
  --heroui-default-900: 240 5.88% 10%;
  --heroui-default-foreground: 0 0% 0%;
  --heroui-default: 240 4.88% 83.92%;
  --heroui-primary-50: 270 100% 98.04%;
  --heroui-primary-100: 268.70000000000005 100% 95.49%;
  --heroui-primary-200: 268.56999999999994 100% 91.76%;
  --heroui-primary-300: 269.19000000000005 97.37% 85.1%;
  --heroui-primary-400: 270 95.24% 75.29%;
  --heroui-primary-500: 270.74 91.01% 65.1%;
  --heroui-primary-600: 271.48 81.33% 55.88%;
  --heroui-primary-700: 272.0899999999999 71.67% 47.06%;
  --heroui-primary-800: 272.89 67.16% 39.41%;
  --heroui-primary-900: 273.64 65.64% 31.96%;
  --heroui-primary-foreground: 0 0% 100%;
  --heroui-primary: 271.48 81.33% 55.88%;
  --heroui-secondary-50: 270 61.54% 94.9%;
  --heroui-secondary-100: 270 59.26% 89.41%;
  --heroui-secondary-200: 270 59.26% 78.82%;
  --heroui-secondary-300: 270 59.26% 68.24%;
  --heroui-secondary-400: 270 59.26% 57.65%;
  --heroui-secondary-500: 270 66.67% 47.06%;
  --heroui-secondary-600: 270 66.67% 37.65%;
  --heroui-secondary-700: 270 66.67% 28.24%;
  --heroui-secondary-800: 270 66.67% 18.82%;
  --heroui-secondary-900: 270 66.67% 9.41%;
  --heroui-secondary-foreground: 0 0% 100%;
  --heroui-secondary: 270 66.67% 47.06%;
  --heroui-success-50: 146.66999999999996 64.29% 94.51%;
  --heroui-success-100: 145.71000000000004 61.4% 88.82%;
  --heroui-success-200: 146.2 61.74% 77.45%;
  --heroui-success-300: 145.78999999999996 62.57% 66.47%;
  --heroui-success-400: 146.01 62.45% 55.1%;
  --heroui-success-500: 145.96000000000004 79.46% 43.92%;
  --heroui-success-600: 146.01 79.89% 35.1%;
  --heroui-success-700: 145.78999999999996 79.26% 26.47%;
  --heroui-success-800: 146.2 79.78% 17.45%;
  --heroui-success-900: 145.71000000000004 77.78% 8.82%;
  --heroui-success-foreground: 0 0% 0%;
  --heroui-success: 145.96000000000004 79.46% 43.92%;
  --heroui-warning-50: 54.55000000000001 91.67% 95.29%;
  --heroui-warning-100: 37.139999999999986 91.3% 90.98%;
  --heroui-warning-200: 37.139999999999986 91.3% 81.96%;
  --heroui-warning-300: 36.95999999999998 91.24% 73.14%;
  --heroui-warning-400: 37.00999999999999 91.26% 64.12%;
  --heroui-warning-500: 37.02999999999997 91.27% 55.1%;
  --heroui-warning-600: 37.00999999999999 74.22% 44.12%;
  --heroui-warning-700: 36.95999999999998 73.96% 33.14%;
  --heroui-warning-800: 37.139999999999986 75% 21.96%;
  --heroui-warning-900: 37.139999999999986 75% 10.98%;
  --heroui-warning-foreground: 0 0% 0%;
  --heroui-warning: 37.02999999999997 91.27% 55.1%;
  --heroui-danger-50: 339.13 92% 95.1%;
  --heroui-danger-100: 340 91.84% 90.39%;
  --heroui-danger-200: 339.3299999999999 90% 80.39%;
  --heroui-danger-300: 339.11 90.6% 70.78%;
  --heroui-danger-400: 339 90% 60.78%;
  --heroui-danger-500: 339.20000000000005 90.36% 51.18%;
  --heroui-danger-600: 339 86.54% 40.78%;
  --heroui-danger-700: 339.11 85.99% 30.78%;
  --heroui-danger-800: 339.3299999999999 86.54% 20.39%;
  --heroui-danger-900: 340 84.91% 10.39%;
  --heroui-danger-foreground: 0 0% 100%;
  --heroui-danger: 339.20000000000005 90.36% 51.18%;
  --heroui-divider-weight: 1px;
  --heroui-disabled-opacity: .5;
  --heroui-font-size-tiny: 0.75rem;
  --heroui-font-size-small: 0.875rem;
  --heroui-font-size-medium: 1rem;
  --heroui-font-size-large: 1.125rem;
  --heroui-line-height-tiny: 1rem;
  --heroui-line-height-small: 1.25rem;
  --heroui-line-height-medium: 1.5rem;
  --heroui-line-height-large: 1.75rem;
  --heroui-radius-small: 8px;
  --heroui-radius-medium: 12px;
  --heroui-radius-large: 14px;
  --heroui-border-width-small: 1px;
  --heroui-border-width-medium: 2px;
  --heroui-border-width-large: 3px;
  --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3);
  --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3);
  --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3);
  --heroui-hover-opacity: .8;
}

/* TABAN RENGI YALNIZCA `html`DE. `body` bilincli olarak SAYDAM: kok perde
     (AppBackdrop) `z-index: -1` ile body'nin blok zemininin ALTINDA boyanir,
     yani body opak kalirsa perde hic gorunmez. html'in arkaplani sayfa
     tuvaline yayildigi icin beyaz flash riski yok. */

html{
  --tw-bg-opacity: 1;
  background-color: rgb(3 3 5 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

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

html.light{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

html.light body{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@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;
  }
}
@media (min-width: 1920px){
  .\!container{
    max-width: 1920px !important;
  }
  .container{
    max-width: 1920px;
  }
}
@media (min-width: 2560px){
  .\!container{
    max-width: 2560px !important;
  }
  .container{
    max-width: 2560px;
  }
}
@media (min-width: 3200px){
  .\!container{
    max-width: 3200px !important;
  }
  .container{
    max-width: 3200px;
  }
}
/* Glass Effects */
.glass-effect{
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  background-color: rgb(255 255 255 / 0.05);
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.glass-effect-strong{
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  background-color: rgb(255 255 255 / 0.1);
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
/* Gradient Text */
.gradient-text {
    background: linear-gradient(135deg, #ffffff 0%, #9333ea 50%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
/* Buttons */
.btn-primary{
  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: 0.75rem;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.btn-primary:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(168 85 247 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.btn-primary:active{
  --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));
}
.btn-primary:disabled{
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-primary:hover:disabled{
  --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));
}
.btn-secondary{
  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: 0.75rem;
  border-width: 2px;
  border-color: rgb(168 85 247 / 0.3);
  background-color: transparent;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.btn-secondary:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
  background-color: rgb(168 85 247 / 0.1);
}
.btn-secondary:active{
  --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));
}
/* Input Fields */
.input-field{
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  background-color: rgb(0 0 0 / 0.5);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.input-field::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.input-field{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.input-field:hover{
  border-color: rgb(255 255 255 / 0.3);
}
.input-field:focus{
  border-color: rgb(255 255 255 / 0.4);
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(255 255 255 / 0.5);
}
/* Cards */
.card{
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  background-color: rgb(255 255 255 / 0.05);
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  border-radius: 1rem;
  padding: 1.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
/* Animations */
.animate-slide-in {
    animation: slideInUp 0.6s ease-out;
  }
.animate-slide-down {
    animation: slideInDown 0.6s ease-out;
  }
.animate-slide-up {
    animation: slideUp 0.4s ease-out;
  }
.animate-fade-in {
    animation: fadeIn 0.8s ease-out;
  }
/* Page Transitions - Ultra smooth fade and slide */
.page-transition {
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    contain: layout style paint;
  }
.page-transition-enter {
    animation: pageFadeIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  }
@keyframes pageFadeIn {
    0% {
      opacity: 0;
      transform: translateY(6px) translateZ(0) scale(0.98);
    }

    100% {
      opacity: 1;
      transform: translateY(0) translateZ(0) scale(1);
    }
  }
.page-transition>* {
    min-height: 1px;
  }
/* Smooth scrolling for page transitions */
@media (prefers-reduced-motion: no-preference) {
    html {
      scroll-behavior: smooth;
    }
  }
/* Section transition animations */
@keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
/* Smooth section transitions */
/* Section divider animations */
@keyframes dividerSlide {

    0%,
    100% {
      left: -100%;
    }

    50% {
      left: 100%;
    }
  }
.floating {
    animation: float 3s ease-in-out infinite;
  }
.shimmer {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    background-size: 2000px 100%;
    animation: shimmer 2s infinite;
  }
.pulse-slow {
    animation: pulse-slow 3s ease-in-out infinite;
  }
/* Skeleton Loader */
.skeleton {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    background-size: 2000px 100%;
    animation: shimmer 2s infinite;
    border-radius: 0.25rem;
    background-color: rgb(255 255 255 / 0.05);
  }
/* Logo Container */
/* Grid Pattern Background */
.grid-background {
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 50px 50px;
  }
/* Spotlight Effect */
.spotlight {
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  }
.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 !important;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.-inset-\[1px\]{
  inset: -1px;
}
.-inset-px{
  inset: -1px;
}
.inset-0{
  inset: 0px;
}
.inset-\[6px\]{
  inset: 6px;
}
.-inset-x-16{
  left: -4rem;
  right: -4rem;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-x-2{
  left: 0.5rem;
  right: 0.5rem;
}
.inset-x-6{
  left: 1.5rem;
  right: 1.5rem;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.inset-y-3{
  top: 0.75rem;
  bottom: 0.75rem;
}
.-bottom-0\.5{
  bottom: -0.125rem;
}
.-bottom-1{
  bottom: -0.25rem;
}
.-bottom-10{
  bottom: -2.5rem;
}
.-bottom-2{
  bottom: -0.5rem;
}
.-bottom-24{
  bottom: -6rem;
}
.-bottom-3{
  bottom: -0.75rem;
}
.-left-0\.5{
  left: -0.125rem;
}
.-left-1\.5{
  left: -0.375rem;
}
.-left-2{
  left: -0.5rem;
}
.-left-24{
  left: -6rem;
}
.-left-4{
  left: -1rem;
}
.-right-0\.5{
  right: -0.125rem;
}
.-right-1{
  right: -0.25rem;
}
.-right-1\.5{
  right: -0.375rem;
}
.-right-10{
  right: -2.5rem;
}
.-right-2{
  right: -0.5rem;
}
.-right-20{
  right: -5rem;
}
.-right-24{
  right: -6rem;
}
.-right-3{
  right: -0.75rem;
}
.-right-4{
  right: -1rem;
}
.-right-px{
  right: -1px;
}
.-top-0\.5{
  top: -0.125rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-1\.5{
  top: -0.375rem;
}
.-top-10{
  top: -2.5rem;
}
.-top-12{
  top: -3rem;
}
.-top-2{
  top: -0.5rem;
}
.-top-20{
  top: -5rem;
}
.-top-24{
  top: -6rem;
}
.-top-3{
  top: -0.75rem;
}
.-top-4{
  top: -1rem;
}
.-top-40{
  top: -10rem;
}
.-top-6{
  top: -1.5rem;
}
.-top-px{
  top: -1px;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1{
  bottom: 0.25rem;
}
.bottom-1\.5{
  bottom: 0.375rem;
}
.bottom-12{
  bottom: 3rem;
}
.bottom-14{
  bottom: 3.5rem;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-24{
  bottom: 6rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-32{
  bottom: 8rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-48{
  bottom: 12rem;
}
.bottom-5{
  bottom: 1.25rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-\[-20\%\]{
  bottom: -20%;
}
.bottom-\[10\%\]{
  bottom: 10%;
}
.bottom-\[320px\]{
  bottom: 320px;
}
.bottom-\[5\%\]{
  bottom: 5%;
}
.bottom-full{
  bottom: 100%;
}
.end-1{
  inset-inline-end: 0.25rem;
}
.end-1\.5{
  inset-inline-end: 0.375rem;
}
.end-18{
  inset-inline-end: 4.5rem;
}
.end-3{
  inset-inline-end: 0.75rem;
}
.end-auto{
  inset-inline-end: auto;
}
.left-0{
  left: 0px;
}
.left-0\.5{
  left: 0.125rem;
}
.left-1{
  left: 0.25rem;
}
.left-1\.5{
  left: 0.375rem;
}
.left-1\/2{
  left: 50%;
}
.left-1\/4{
  left: 25%;
}
.left-2{
  left: 0.5rem;
}
.left-2\.5{
  left: 0.625rem;
}
.left-3{
  left: 0.75rem;
}
.left-3\.5{
  left: 0.875rem;
}
.left-4{
  left: 1rem;
}
.left-6{
  left: 1.5rem;
}
.left-8{
  left: 2rem;
}
.left-\[-12\%\]{
  left: -12%;
}
.left-\[10\%\]{
  left: 10%;
}
.left-\[15px\]{
  left: 15px;
}
.left-\[18px\]{
  left: 18px;
}
.left-\[32px\]{
  left: 32px;
}
.left-\[5\%\]{
  left: 5%;
}
.left-\[calc\(37\.5\%\)\]{
  left: calc(37.5%);
}
.left-full{
  left: 100%;
}
.right-0{
  right: 0px;
}
.right-0\.5{
  right: 0.125rem;
}
.right-1{
  right: 0.25rem;
}
.right-1\.5{
  right: 0.375rem;
}
.right-1\/4{
  right: 25%;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.right-6{
  right: 1.5rem;
}
.right-8{
  right: 2rem;
}
.right-\[-15\%\]{
  right: -15%;
}
.right-\[10\%\]{
  right: 10%;
}
.right-\[32px\]{
  right: 32px;
}
.right-\[5\%\]{
  right: 5%;
}
.start-0{
  inset-inline-start: 0px;
}
.start-1\.5{
  inset-inline-start: 0.375rem;
}
.start-2{
  inset-inline-start: 0.5rem;
}
.start-3{
  inset-inline-start: 0.75rem;
}
.start-auto{
  inset-inline-start: auto;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\.5{
  top: 0.375rem;
}
.top-1\/2{
  top: 50%;
}
.top-1\/4{
  top: 25%;
}
.top-10{
  top: 2.5rem;
}
.top-2{
  top: 0.5rem;
}
.top-2\.5{
  top: 0.625rem;
}
.top-20{
  top: 5rem;
}
.top-3{
  top: 0.75rem;
}
.top-32{
  top: 8rem;
}
.top-4{
  top: 1rem;
}
.top-6{
  top: 1.5rem;
}
.top-8{
  top: 2rem;
}
.top-\[10\%\]{
  top: 10%;
}
.top-\[300px\]{
  top: 300px;
}
.top-\[5\%\]{
  top: 5%;
}
.top-\[55\%\]{
  top: 55%;
}
.top-\[calc\(100\%_\+_2px\)\]{
  top: calc(100% + 2px);
}
.top-\[calc\(46\%\)\]{
  top: calc(46%);
}
.top-\[var\(--navbar-height\)\]{
  top: var(--navbar-height);
}
.top-full{
  top: 100%;
}
.-z-10{
  z-index: -10;
}
.-z-30{
  z-index: -30;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[100000\]{
  z-index: 100000;
}
.z-\[10000\]{
  z-index: 10000;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[101\]{
  z-index: 101;
}
.z-\[110\]{
  z-index: 110;
}
.z-\[112\]{
  z-index: 112;
}
.z-\[113\]{
  z-index: 113;
}
.z-\[114\]{
  z-index: 114;
}
.z-\[120\]{
  z-index: 120;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[200\]{
  z-index: 200;
}
.z-\[2\]{
  z-index: 2;
}
.z-\[55\]{
  z-index: 55;
}
.z-\[5\]{
  z-index: 5;
}
.z-\[60\]{
  z-index: 60;
}
.z-\[70\]{
  z-index: 70;
}
.z-\[75\]{
  z-index: 75;
}
.z-\[8000\]{
  z-index: 8000;
}
.z-\[80\]{
  z-index: 80;
}
.z-\[8200\]{
  z-index: 8200;
}
.z-\[8250\]{
  z-index: 8250;
}
.z-\[8300\]{
  z-index: 8300;
}
.z-\[85\]{
  z-index: 85;
}
.z-\[9000\]{
  z-index: 9000;
}
.z-\[9500\]{
  z-index: 9500;
}
.z-\[9998\]{
  z-index: 9998;
}
.z-\[99999\]{
  z-index: 99999;
}
.z-\[9999\]{
  z-index: 9999;
}
.z-\[999\]{
  z-index: 999;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-3{
  order: 3;
}
.order-last{
  order: 9999;
}
.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-4{
  grid-column: span 4 / span 4;
}
.col-span-5{
  grid-column: span 5 / span 5;
}
.col-span-6{
  grid-column: span 6 / span 6;
}
.-m-0\.5{
  margin: -0.125rem;
}
.-m-2{
  margin: -0.5rem;
}
.-m-2\.5{
  margin: -0.625rem;
}
.-m-3{
  margin: -0.75rem;
}
.m-0{
  margin: 0px;
}
.-mx-0\.5{
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.-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;
}
.-my-0\.5{
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}
.mx-0{
  margin-left: 0px;
  margin-right: 0px;
}
.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\]{
  margin-left: calc((1.25rem - 0.25rem) / 2);
  margin-right: calc((1.25rem - 0.25rem) / 2);
}
.mx-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\]{
  margin-left: calc((1.5rem - 0.75rem) / 2);
  margin-right: calc((1.5rem - 0.75rem) / 2);
}
.mx-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\]{
  margin-left: calc((1.75rem - 1.25rem) / 2);
  margin-right: calc((1.75rem - 1.25rem) / 2);
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-16{
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\]{
  margin-top: calc((1.25rem - 0.25rem) / 2);
  margin-bottom: calc((1.25rem - 0.25rem) / 2);
}
.my-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\]{
  margin-top: calc((1.5rem - 0.75rem) / 2);
  margin-bottom: calc((1.5rem - 0.75rem) / 2);
}
.my-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\]{
  margin-top: calc((1.75rem - 1.25rem) / 2);
  margin-bottom: calc((1.75rem - 1.25rem) / 2);
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-px{
  margin-bottom: -1px;
}
.-ml-1{
  margin-left: -0.25rem;
}
.-ml-4{
  margin-left: -1rem;
}
.-mr-1{
  margin-right: -0.25rem;
}
.-mr-1\.5{
  margin-right: -0.375rem;
}
.-mr-2{
  margin-right: -0.5rem;
}
.-mr-20{
  margin-right: -5rem;
}
.-mr-4{
  margin-right: -1rem;
}
.-ms-2{
  margin-inline-start: -0.5rem;
}
.-mt-0\.5{
  margin-top: -0.125rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.-mt-20{
  margin-top: -5rem;
}
.-mt-6{
  margin-top: -1.5rem;
}
.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-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-14{
  margin-bottom: 3.5rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-20{
  margin-bottom: 5rem;
}
.mb-24{
  margin-bottom: 6rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-3\.5{
  margin-bottom: 0.875rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-7{
  margin-bottom: 1.75rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-9{
  margin-bottom: 2.25rem;
}
.mb-\[27px\]{
  margin-bottom: 27px;
}
.mb-px{
  margin-bottom: 1px;
}
.me-2{
  margin-inline-end: 0.5rem;
}
.me-4{
  margin-inline-end: 1rem;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-2\.5{
  margin-left: 0.625rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-7{
  margin-left: 1.75rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-0\.5{
  margin-right: 0.125rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-10{
  margin-right: 2.5rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-8{
  margin-right: 2rem;
}
.mr-auto{
  margin-right: auto;
}
.ms-2{
  margin-inline-start: 0.5rem;
}
.ms-3{
  margin-inline-start: 0.75rem;
}
.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-3\.5{
  margin-top: 0.875rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-auto{
  margin-top: auto;
}
.mt-px{
  margin-top: 1px;
}
.box-border{
  box-sizing: border-box;
}
.box-content{
  box-sizing: content-box;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.\!table{
  display: table !important;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.inline-grid{
  display: inline-grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.aspect-\[16\/10\]{
  aspect-ratio: 16/10;
}
.aspect-\[21\/9\]{
  aspect-ratio: 21/9;
}
.aspect-\[3\/2\]{
  aspect-ratio: 3/2;
}
.aspect-\[3\/4\]{
  aspect-ratio: 3/4;
}
.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.size-1{
  width: 0.25rem;
  height: 0.25rem;
}
.size-1\.5{
  width: 0.375rem;
  height: 0.375rem;
}
.size-2{
  width: 0.5rem;
  height: 0.5rem;
}
.size-full{
  width: 100%;
  height: 100%;
}
.\!h-10{
  height: 2.5rem !important;
}
.\!h-11{
  height: 2.75rem !important;
}
.\!h-16{
  height: 4rem !important;
}
.\!h-6{
  height: 1.5rem !important;
}
.\!h-7{
  height: 1.75rem !important;
}
.\!h-8{
  height: 2rem !important;
}
.\!h-9{
  height: 2.25rem !important;
}
.\!h-auto{
  height: auto !important;
}
.h-0{
  height: 0px;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-1\/2{
  height: 50%;
}
.h-1\/3{
  height: 33.333333%;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-28{
  height: 7rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-44{
  height: 11rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-52{
  height: 13rem;
}
.h-6{
  height: 1.5rem;
}
.h-60{
  height: 15rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-72{
  height: 18rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-9{
  height: 2.25rem;
}
.h-96{
  height: 24rem;
}
.h-\[\.\.dvh\]{
  height: ..dvh;
}
.h-\[100dvh\]{
  height: 100dvh;
}
.h-\[120px\]{
  height: 120px;
}
.h-\[130\%\]{
  height: 130%;
}
.h-\[156px\]{
  height: 156px;
}
.h-\[15px\]{
  height: 15px;
}
.h-\[15vh\]{
  height: 15vh;
}
.h-\[17px\]{
  height: 17px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[200px\]{
  height: 200px;
}
.h-\[22vh\]{
  height: 22vh;
}
.h-\[26px\]{
  height: 26px;
}
.h-\[26rem\]{
  height: 26rem;
}
.h-\[280px\]{
  height: 280px;
}
.h-\[2px\]{
  height: 2px;
}
.h-\[300px\]{
  height: 300px;
}
.h-\[30px\]{
  height: 30px;
}
.h-\[30vh\]{
  height: 30vh;
}
.h-\[34vh\]{
  height: 34vh;
}
.h-\[360px\]{
  height: 360px;
}
.h-\[38vh\]{
  height: 38vh;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[400px\]{
  height: 400px;
}
.h-\[42\%\]{
  height: 42%;
}
.h-\[420px\]{
  height: 420px;
}
.h-\[460px\]{
  height: 460px;
}
.h-\[46px\]{
  height: 46px;
}
.h-\[50\%\]{
  height: 50%;
}
.h-\[500px\]{
  height: 500px;
}
.h-\[520px\]{
  height: 520px;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[540px\]{
  height: 540px;
}
.h-\[54px\]{
  height: 54px;
}
.h-\[560px\]{
  height: 560px;
}
.h-\[5px\]{
  height: 5px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[60px\]{
  height: 60px;
}
.h-\[620px\]{
  height: 620px;
}
.h-\[62px\]{
  height: 62px;
}
.h-\[8\%\]{
  height: 8%;
}
.h-\[803px\]{
  height: 803px;
}
.h-\[86dvh\]{
  height: 86dvh;
}
.h-\[88px\]{
  height: 88px;
}
.h-\[94dvh\]{
  height: 94dvh;
}
.h-\[calc\(100\%-12px\)\]{
  height: calc(100% - 12px);
}
.h-\[calc\(100\%-8px\)\]{
  height: calc(100% - 8px);
}
.h-\[calc\(100dvh_-_var\(--navbar-height\)\)\]{
  height: calc(100dvh - var(--navbar-height));
}
.h-\[calc\(100vh-320px\)\]{
  height: calc(100vh - 320px);
}
.h-\[calc\(100vh-7rem\)\]{
  height: calc(100vh - 7rem);
}
.h-\[min\(744px\2c calc\(100vh-1rem\)\)\]{
  height: min(744px,calc(100vh - 1rem));
}
.h-\[min\(800px\2c calc\(100vh-1rem\)\)\]{
  height: min(800px,calc(100vh - 1rem));
}
.h-\[min\(92dvh\2c 860px\)\]{
  height: min(92dvh,860px);
}
.h-\[var\(--navbar-height\)\]{
  height: var(--navbar-height);
}
.h-\[var\(--picker-height\)\]{
  height: var(--picker-height);
}
.h-auto{
  height: auto;
}
.h-divider{
  height: var(--heroui-divider-weight);
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.max-h-0{
  max-height: 0px;
}
.max-h-20{
  max-height: 5rem;
}
.max-h-24{
  max-height: 6rem;
}
.max-h-32{
  max-height: 8rem;
}
.max-h-40{
  max-height: 10rem;
}
.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-\[\.\.px\]{
  max-height: ..px;
}
.max-h-\[150px\]{
  max-height: 150px;
}
.max-h-\[1600px\]{
  max-height: 1600px;
}
.max-h-\[20rem\]{
  max-height: 20rem;
}
.max-h-\[24rem\]{
  max-height: 24rem;
}
.max-h-\[280px\]{
  max-height: 280px;
}
.max-h-\[28rem\]{
  max-height: 28rem;
}
.max-h-\[300px\]{
  max-height: 300px;
}
.max-h-\[32rem\]{
  max-height: 32rem;
}
.max-h-\[36rem\]{
  max-height: 36rem;
}
.max-h-\[400px\]{
  max-height: 400px;
}
.max-h-\[42rem\]{
  max-height: 42rem;
}
.max-h-\[42vh\]{
  max-height: 42vh;
}
.max-h-\[430px\]{
  max-height: 430px;
}
.max-h-\[46vh\]{
  max-height: 46vh;
}
.max-h-\[48rem\]{
  max-height: 48rem;
}
.max-h-\[5\.25rem\]{
  max-height: 5.25rem;
}
.max-h-\[500px\]{
  max-height: 500px;
}
.max-h-\[52vh\]{
  max-height: 52vh;
}
.max-h-\[56rem\]{
  max-height: 56rem;
}
.max-h-\[600px\]{
  max-height: 600px;
}
.max-h-\[60vh\]{
  max-height: 60vh;
}
.max-h-\[64rem\]{
  max-height: 64rem;
}
.max-h-\[64vh\]{
  max-height: 64vh;
}
.max-h-\[78vh\]{
  max-height: 78vh;
}
.max-h-\[80dvh\]{
  max-height: 80dvh;
}
.max-h-\[80vh\]{
  max-height: 80vh;
}
.max-h-\[85dvh\]{
  max-height: 85dvh;
}
.max-h-\[85vh\]{
  max-height: 85vh;
}
.max-h-\[85vw\]{
  max-height: 85vw;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[92vh\]{
  max-height: 92vh;
}
.max-h-\[980px\]{
  max-height: 980px;
}
.max-h-\[calc\(100\%_-_8rem\)\]{
  max-height: calc(100% - 8rem);
}
.max-h-\[calc\(100vh-3rem\)\]{
  max-height: calc(100vh - 3rem);
}
.max-h-\[none\]{
  max-height: none;
}
.max-h-full{
  max-height: 100%;
}
.min-h-0{
  min-height: 0px;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-12{
  min-height: 3rem;
}
.min-h-14{
  min-height: 3.5rem;
}
.min-h-16{
  min-height: 4rem;
}
.min-h-3{
  min-height: 0.75rem;
}
.min-h-3\.5{
  min-height: 0.875rem;
}
.min-h-4{
  min-height: 1rem;
}
.min-h-5{
  min-height: 1.25rem;
}
.min-h-6{
  min-height: 1.5rem;
}
.min-h-7{
  min-height: 1.75rem;
}
.min-h-8{
  min-height: 2rem;
}
.min-h-\[1\.4em\]{
  min-height: 1.4em;
}
.min-h-\[100dvh\]{
  min-height: 100dvh;
}
.min-h-\[180px\]{
  min-height: 180px;
}
.min-h-\[2\.5rem\]{
  min-height: 2.5rem;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[220px\]{
  min-height: 220px;
}
.min-h-\[24px\]{
  min-height: 24px;
}
.min-h-\[260px\]{
  min-height: 260px;
}
.min-h-\[32px\]{
  min-height: 32px;
}
.min-h-\[36px\]{
  min-height: 36px;
}
.min-h-\[3rem\]{
  min-height: 3rem;
}
.min-h-\[400px\]{
  min-height: 400px;
}
.min-h-\[40vh\]{
  min-height: 40vh;
}
.min-h-\[42px\]{
  min-height: 42px;
}
.min-h-\[44px\]{
  min-height: 44px;
}
.min-h-\[48px\]{
  min-height: 48px;
}
.min-h-\[500px\]{
  min-height: 500px;
}
.min-h-\[520px\]{
  min-height: 520px;
}
.min-h-\[55vh\]{
  min-height: 55vh;
}
.min-h-\[560px\]{
  min-height: 560px;
}
.min-h-\[56px\]{
  min-height: 56px;
}
.min-h-\[600px\]{
  min-height: 600px;
}
.min-h-\[60px\]{
  min-height: 60px;
}
.min-h-\[60vh\]{
  min-height: 60vh;
}
.min-h-\[70vh\]{
  min-height: 70vh;
}
.min-h-\[80px\]{
  min-height: 80px;
}
.min-h-\[96px\]{
  min-height: 96px;
}
.min-h-\[calc\(100vh-250px\)\]{
  min-height: calc(100vh - 250px);
}
.min-h-dvh{
  min-height: 100dvh;
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.\!w-16{
  width: 4rem !important;
}
.\!w-7{
  width: 1.75rem !important;
}
.\!w-8{
  width: 2rem !important;
}
.\!w-9{
  width: 2.25rem !important;
}
.\!w-full{
  width: 100% !important;
}
.w-0{
  width: 0px;
}
.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-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-4\/6{
  width: 66.666667%;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\/6{
  width: 83.333333%;
}
.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-\[130\%\]{
  width: 130%;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[1px\]{
  width: 1px;
}
.w-\[200px\]{
  width: 200px;
}
.w-\[220px\]{
  width: 220px;
}
.w-\[25\%\]{
  width: 25%;
}
.w-\[260px\]{
  width: 260px;
}
.w-\[26px\]{
  width: 26px;
}
.w-\[280px\]{
  width: 280px;
}
.w-\[290px\]{
  width: 290px;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[30px\]{
  width: 30px;
}
.w-\[316px\]{
  width: 316px;
}
.w-\[360px\]{
  width: 360px;
}
.w-\[38\%\]{
  width: 38%;
}
.w-\[3px\]{
  width: 3px;
}
.w-\[400px\]{
  width: 400px;
}
.w-\[460px\]{
  width: 460px;
}
.w-\[500px\]{
  width: 500px;
}
.w-\[52px\]{
  width: 52px;
}
.w-\[540px\]{
  width: 540px;
}
.w-\[60\%\]{
  width: 60%;
}
.w-\[600px\]{
  width: 600px;
}
.w-\[60px\]{
  width: 60px;
}
.w-\[62px\]{
  width: 62px;
}
.w-\[68px\]{
  width: 68px;
}
.w-\[80\%\]{
  width: 80%;
}
.w-\[84px\]{
  width: 84px;
}
.w-\[88px\]{
  width: 88px;
}
.w-\[90vw\]{
  width: 90vw;
}
.w-\[calc\(100\%-12px\)\]{
  width: calc(100% - 12px);
}
.w-\[calc\(100\%_-_16px\)\]{
  width: calc(100% - 16px);
}
.w-\[calc\(100\%_-theme\(spacing\.6\)\)\]{
  width: calc(100% - 1.5rem);
}
.w-\[calc\(100vw-4rem\)\]{
  width: calc(100vw - 4rem);
}
.w-\[calc\(var\(--visible-months\)_\*_var\(--calendar-width\)\)\]{
  width: calc(var(--visible-months) * var(--calendar-width));
}
.w-\[clamp\(110px\2c 24vw\2c 200px\)\]{
  width: clamp(110px,24vw,200px);
}
.w-auto{
  width: auto;
}
.w-divider{
  width: var(--heroui-divider-weight);
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: max-content;
}
.w-px{
  width: 1px;
}
.w-screen{
  width: 100vw;
}
.\!min-w-\[0px\]{
  min-width: 0px !important;
}
.min-w-0{
  min-width: 0px;
}
.min-w-10{
  min-width: 2.5rem;
}
.min-w-12{
  min-width: 3rem;
}
.min-w-16{
  min-width: 4rem;
}
.min-w-20{
  min-width: 5rem;
}
.min-w-24{
  min-width: 6rem;
}
.min-w-3{
  min-width: 0.75rem;
}
.min-w-3\.5{
  min-width: 0.875rem;
}
.min-w-4{
  min-width: 1rem;
}
.min-w-40{
  min-width: 10rem;
}
.min-w-5{
  min-width: 1.25rem;
}
.min-w-6{
  min-width: 1.5rem;
}
.min-w-7{
  min-width: 1.75rem;
}
.min-w-8{
  min-width: 2rem;
}
.min-w-9{
  min-width: 2.25rem;
}
.min-w-\[1\.5rem\]{
  min-width: 1.5rem;
}
.min-w-\[110px\]{
  min-width: 110px;
}
.min-w-\[1500px\]{
  min-width: 1500px;
}
.min-w-\[15px\]{
  min-width: 15px;
}
.min-w-\[16px\]{
  min-width: 16px;
}
.min-w-\[170px\]{
  min-width: 170px;
}
.min-w-\[17px\]{
  min-width: 17px;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[2\.25rem\]{
  min-width: 2.25rem;
}
.min-w-\[2\.5rem\]{
  min-width: 2.5rem;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[20px\]{
  min-width: 20px;
}
.min-w-\[220px\]{
  min-width: 220px;
}
.min-w-\[22px\]{
  min-width: 22px;
}
.min-w-\[240px\]{
  min-width: 240px;
}
.min-w-\[250px\]{
  min-width: 250px;
}
.min-w-\[260px\]{
  min-width: 260px;
}
.min-w-\[280px\]{
  min-width: 280px;
}
.min-w-\[28px\]{
  min-width: 28px;
}
.min-w-\[420px\]{
  min-width: 420px;
}
.min-w-\[44px\]{
  min-width: 44px;
}
.min-w-\[480px\]{
  min-width: 480px;
}
.min-w-\[54px\]{
  min-width: 54px;
}
.min-w-\[600px\]{
  min-width: 600px;
}
.min-w-\[60px\]{
  min-width: 60px;
}
.min-w-\[620px\]{
  min-width: 620px;
}
.min-w-full{
  min-width: 100%;
}
.min-w-max{
  min-width: max-content;
}
.min-w-min{
  min-width: min-content;
}
.max-w-12{
  max-width: 3rem;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[10\.5rem\]{
  max-width: 10.5rem;
}
.max-w-\[1024px\]{
  max-width: 1024px;
}
.max-w-\[104px\]{
  max-width: 104px;
}
.max-w-\[1100px\]{
  max-width: 1100px;
}
.max-w-\[120px\]{
  max-width: 120px;
}
.max-w-\[1280px\]{
  max-width: 1280px;
}
.max-w-\[1400px\]{
  max-width: 1400px;
}
.max-w-\[140px\]{
  max-width: 140px;
}
.max-w-\[14ch\]{
  max-width: 14ch;
}
.max-w-\[150px\]{
  max-width: 150px;
}
.max-w-\[1536px\]{
  max-width: 1536px;
}
.max-w-\[160px\]{
  max-width: 160px;
}
.max-w-\[16rem\]{
  max-width: 16rem;
}
.max-w-\[1700px\]{
  max-width: 1700px;
}
.max-w-\[1720px\]{
  max-width: 1720px;
}
.max-w-\[180px\]{
  max-width: 180px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[210px\]{
  max-width: 210px;
}
.max-w-\[220px\]{
  max-width: 220px;
}
.max-w-\[230px\]{
  max-width: 230px;
}
.max-w-\[240px\]{
  max-width: 240px;
}
.max-w-\[260px\]{
  max-width: 260px;
}
.max-w-\[270px\]{
  max-width: 270px;
}
.max-w-\[280px\]{
  max-width: 280px;
}
.max-w-\[30ch\]{
  max-width: 30ch;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[340px\]{
  max-width: 340px;
}
.max-w-\[34ch\]{
  max-width: 34ch;
}
.max-w-\[380px\]{
  max-width: 380px;
}
.max-w-\[38ch\]{
  max-width: 38ch;
}
.max-w-\[420px\]{
  max-width: 420px;
}
.max-w-\[42rem\]{
  max-width: 42rem;
}
.max-w-\[500px\]{
  max-width: 500px;
}
.max-w-\[58ch\]{
  max-width: 58ch;
}
.max-w-\[60\%\]{
  max-width: 60%;
}
.max-w-\[640px\]{
  max-width: 640px;
}
.max-w-\[70\%\]{
  max-width: 70%;
}
.max-w-\[700px\]{
  max-width: 700px;
}
.max-w-\[74\%\]{
  max-width: 74%;
}
.max-w-\[75\%\]{
  max-width: 75%;
}
.max-w-\[768px\]{
  max-width: 768px;
}
.max-w-\[80vw\]{
  max-width: 80vw;
}
.max-w-\[85\%\]{
  max-width: 85%;
}
.max-w-\[85vw\]{
  max-width: 85vw;
}
.max-w-\[92vw\]{
  max-width: 92vw;
}
.max-w-\[940px\]{
  max-width: 940px;
}
.max-w-\[9rem\]{
  max-width: 9rem;
}
.max-w-\[calc\(100\%-0\.75rem\)\]{
  max-width: calc(100% - 0.75rem);
}
.max-w-\[calc\(100vw-2rem\)\]{
  max-width: calc(100vw - 2rem);
}
.max-w-\[min\(190px\2c 100\%\)\]{
  max-width: min(190px,100%);
}
.max-w-\[min\(20rem\2c 90vw\)\]{
  max-width: min(20rem,90vw);
}
.max-w-\[min\(240px\2c 100\%\)\]{
  max-width: min(240px,100%);
}
.max-w-\[min\(96vw\2c 820px\)\]{
  max-width: min(96vw,820px);
}
.max-w-\[min\(96vw\2c 840px\)\]{
  max-width: min(96vw,840px);
}
.max-w-\[none\]{
  max-width: none;
}
.max-w-fit{
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.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-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-auto{
  flex: 1 1 auto;
}
.flex-initial{
  flex: 0 1 auto;
}
.flex-none{
  flex: none;
}
.flex-shrink-0{
  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;
}
.basis-\[13rem\]{
  flex-basis: 13rem;
}
.basis-full{
  flex-basis: 100%;
}
.table-auto{
  table-layout: auto;
}
.table-fixed{
  table-layout: fixed;
}
.border-collapse{
  border-collapse: collapse;
}
.origin-bottom-right{
  transform-origin: bottom right;
}
.origin-center{
  transform-origin: center;
}
.origin-left{
  transform-origin: left;
}
.origin-right{
  transform-origin: right;
}
.origin-top{
  transform-origin: top;
}
.origin-top-left{
  transform-origin: top left;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  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-1{
  --tw-translate-y: -0.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));
}
.-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-0\.5{
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/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-x-4{
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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));
}
.translate-x-6{
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-7{
  --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));
}
.translate-x-\[-4px\]{
  --tw-translate-x: -4px;
  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-1{
  --tw-translate-y: 0.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));
}
.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-y-2\/4{
  --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-y-3\/4{
  --tw-translate-y: 75%;
  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-\[-2px\]{
  --tw-translate-y: -2px;
  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-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-0{
  --tw-rotate: 0deg;
  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-2{
  --tw-rotate: 2deg;
  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-\[225deg\]{
  --tw-rotate: 225deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0{
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  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-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.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-125{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-50{
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90{
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.96\]{
  --tw-scale-x: 0.96;
  --tw-scale-y: 0.96;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.97\]{
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.98\]{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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-\[1\.01\]{
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  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-\[1\.04\]{
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
  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-\[1\.06\]{
  --tw-scale-x: 1.06;
  --tw-scale-y: 1.06;
  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-x-0{
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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));
}
.transform-gpu{
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes appearance-in{
  0%{
    opacity: 0;
    transform: translateZ(0)  scale(0.95);
  }
  60%{
    opacity: 0.75;
    backface-visibility: hidden;
    webkit-font-smoothing: antialiased;
    transform: translateZ(0) scale(1.05);
  }
  100%{
    opacity: 1;
    transform: translateZ(0) scale(1);
  }
}
.animate-\[appearance-in_1s_infinite\]{
  animation: appearance-in 1s infinite;
}
.animate-\[guestFloatIn_0\.6s_cubic-bezier\(0\.16\2c 1\2c 0\.3\2c 1\)_both\]{
  animation: guestFloatIn 0.6s cubic-bezier(0.16,1,0.3,1) both;
}
.animate-\[guestFloatIn_0\.75s_cubic-bezier\(0\.16\2c 1\2c 0\.3\2c 1\)_both\]{
  animation: guestFloatIn 0.75s cubic-bezier(0.16,1,0.3,1) both;
}
.animate-\[guestFloatIn_0\.8s_cubic-bezier\(0\.16\2c 1\2c 0\.3\2c 1\)_both\]{
  animation: guestFloatIn 0.8s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-\[pulse_5s_infinite\]{
  animation: pulse 5s infinite;
}
@keyframes blink{
  0%{
    opacity: 0.2;
  }
  20%{
    opacity: 1;
  }
  100%{
    opacity: 0.2;
  }
}
.animate-blink{
  animation: blink 1.4s infinite both;
}
@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }
  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce{
  animation: bounce 1s infinite;
}
@keyframes drip-expand{
  0%{
    opacity: 0.2;
    transform: scale(0);
  }
  100%{
    opacity: 0;
    transform: scale(2);
  }
}
.animate-drip-expand{
  animation: drip-expand 420ms linear;
}
@keyframes fadeIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.animate-fade-in{
  animation: fadeIn 0.3s ease-out forwards;
}
@keyframes indeterminate-bar{
  0%{
    transform: translateX(-50%) scaleX(0.2);
  }
  100%{
    transform: translateX(100%) scaleX(1);
  }
}
.animate-indeterminate-bar{
  animation: indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none running;
}
@keyframes modalIn{
  0%{
    transform: scale(0.95) translateY(16px);
    opacity: 0;
  }
  100%{
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
.animate-modal-in{
  animation: modalIn 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.animate-none{
  animation: none;
}
@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping{
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes scaleIn{
  0%{
    transform: scale(0.95);
    opacity: 0;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}
.animate-scale-in{
  animation: scaleIn 0.3s ease-out forwards;
}
@keyframes shimmer{
  100%{
    transform: translateX(200%);
    background-position: 200% 0;
  }
  0%{
    background-position: -200% 0;
  }
}
.animate-shimmer{
  animation: shimmer 2s linear infinite;
}
@keyframes slideDown{
  0%{
    transform: translateY(-16px);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}
.animate-slide-down{
  animation: slideDown 0.4s ease-out forwards;
}
@keyframes slideUp{
  0%{
    transform: translateY(16px);
    opacity: 0;
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}
.animate-slide-up{
  animation: slideUp 0.4s ease-out forwards;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
@keyframes spinner-spin{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
.animate-spinner-ease-spin{
  animation: spinner-spin 0.8s ease infinite;
}
@keyframes spinner-spin{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
.animate-spinner-linear-spin{
  animation: spinner-spin 0.8s linear infinite;
}
@keyframes sway{
  0%{
    transform: translate(0px, 0px);
  }
  50%{
    transform: translate(0px, -150%);
  }
  100%{
    transform: translate(0px, 0px);
  }
}
.animate-sway{
  animation: sway 750ms ease infinite;
}
.cursor-col-resize{
  cursor: col-resize;
}
.cursor-crosshair{
  cursor: crosshair;
}
.cursor-default{
  cursor: default;
}
.cursor-grab{
  cursor: grab;
}
.cursor-grabbing{
  cursor: grabbing;
}
.cursor-help{
  cursor: help;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-row-resize{
  cursor: row-resize;
}
.cursor-text{
  cursor: text;
}
.cursor-zoom-in{
  cursor: zoom-in;
}
.touch-none{
  touch-action: none;
}
.touch-manipulation{
  touch-action: manipulation;
}
.select-none{
  -webkit-user-select: none;
          user-select: none;
}
.select-text{
  -webkit-user-select: text;
          user-select: text;
}
.select-all{
  -webkit-user-select: all;
          user-select: all;
}
.resize-none{
  resize: none;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.snap-x{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-y{
  scroll-snap-type: y var(--tw-scroll-snap-strictness);
}
.snap-mandatory{
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start{
  scroll-snap-align: start;
}
.snap-center{
  scroll-snap-align: center;
}
.snap-always{
  scroll-snap-stop: always;
}
.scroll-py-6{
  scroll-padding-top: 1.5rem;
  scroll-padding-bottom: 1.5rem;
}
.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{
  appearance: none;
}
.break-inside-avoid{
  break-inside: avoid;
}
.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-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[1\.4fr_0\.8fr_1\.2fr_0\.9fr_1fr\]{
  grid-template-columns: 1.4fr 0.8fr 1.2fr 0.9fr 1fr;
}
.grid-cols-\[auto_minmax\(0\2c 1fr\)\]{
  grid-template-columns: auto minmax(0,1fr);
}
.grid-rows-3{
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-\[0fr\]{
  grid-template-rows: 0fr;
}
.grid-rows-\[1fr\]{
  grid-template-rows: 1fr;
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.place-content-center{
  place-content: center;
}
.place-items-center{
  place-items: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.\!items-center{
  align-items: center !important;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.\!justify-center{
  justify-content: center !important;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.\!gap-0{
  gap: 0px !important;
}
.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-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-x-0{
  column-gap: 0px;
}
.gap-x-0\.5{
  column-gap: 0.125rem;
}
.gap-x-1{
  column-gap: 0.25rem;
}
.gap-x-2{
  column-gap: 0.5rem;
}
.gap-x-2\.5{
  column-gap: 0.625rem;
}
.gap-x-3{
  column-gap: 0.75rem;
}
.gap-x-4{
  column-gap: 1rem;
}
.gap-x-5{
  column-gap: 1.25rem;
}
.gap-x-6{
  column-gap: 1.5rem;
}
.gap-x-8{
  column-gap: 2rem;
}
.gap-y-0{
  row-gap: 0px;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-1\.5{
  row-gap: 0.375rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-2\.5{
  row-gap: 0.625rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.space-x-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-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-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-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * 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-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * 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-3\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * 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-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * 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 > :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)));
}
.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-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-200\/70 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(229 231 235 / 0.7);
}
.divide-slate-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1));
}
.divide-white\/10 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(255 255 255 / 0.1);
}
.divide-white\/5 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(255 255 255 / 0.05);
}
.self-start{
  align-self: flex-start;
}
.self-center{
  align-self: center;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-clip{
  overflow: clip;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-y-hidden{
  overflow-y: hidden;
}
.overflow-x-clip{
  overflow-x: clip;
}
.overflow-x-scroll{
  overflow-x: scroll;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.overscroll-contain{
  overscroll-behavior: contain;
}
.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-balance{
  text-wrap: balance;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded-3xl{
  border-radius: 1.5rem !important;
}
.\!rounded-none{
  border-radius: 0px !important;
}
.\!rounded-xl{
  border-radius: 0.75rem !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[14px\]{
  border-radius: 14px;
}
.rounded-\[18px\]{
  border-radius: 18px;
}
.rounded-\[20px\]{
  border-radius: 20px;
}
.rounded-\[22px\]{
  border-radius: 22px;
}
.rounded-\[24px\]{
  border-radius: 24px;
}
.rounded-\[26px\]{
  border-radius: 26px;
}
.rounded-\[28px\]{
  border-radius: 28px;
}
.rounded-\[32px\]{
  border-radius: 32px;
}
.rounded-\[40px\]{
  border-radius: 40px;
}
.rounded-\[50\%\]{
  border-radius: 50%;
}
.rounded-\[5px\]{
  border-radius: 5px;
}
.rounded-\[calc\(var\(--heroui-radius-large\)\/1\.5\)\]{
  border-radius: calc(var(--heroui-radius-large) / 1.5);
}
.rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\]{
  border-radius: calc(var(--heroui-radius-medium) * 0.5);
}
.rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\]{
  border-radius: calc(var(--heroui-radius-medium) * 0.6);
}
.rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\]{
  border-radius: calc(var(--heroui-radius-medium) * 0.7);
}
.rounded-\[calc\(var\(--heroui-radius-medium\)\/2\)\]{
  border-radius: calc(var(--heroui-radius-medium) / 2);
}
.rounded-\[calc\(var\(--heroui-radius-small\)\/2\)\]{
  border-radius: calc(var(--heroui-radius-small) / 2);
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-large{
  border-radius: var(--heroui-radius-large);
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-medium{
  border-radius: var(--heroui-radius-medium);
}
.rounded-none{
  border-radius: 0px;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-small{
  border-radius: var(--heroui-radius-small);
}
.rounded-xl{
  border-radius: 0.75rem;
}
.\!rounded-e-none{
  border-start-end-radius: 0px !important;
  border-end-end-radius: 0px !important;
}
.\!rounded-s-none{
  border-start-start-radius: 0px !important;
  border-end-start-radius: 0px !important;
}
.rounded-b-large{
  border-bottom-right-radius: var(--heroui-radius-large);
  border-bottom-left-radius: var(--heroui-radius-large);
}
.rounded-b-medium{
  border-bottom-right-radius: var(--heroui-radius-medium);
  border-bottom-left-radius: var(--heroui-radius-medium);
}
.rounded-b-none{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-b-small{
  border-bottom-right-radius: var(--heroui-radius-small);
  border-bottom-left-radius: var(--heroui-radius-small);
}
.rounded-l-\[18px\]{
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}
.rounded-l-lg{
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-l-none{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-l-xl{
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-r-\[18px\]{
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}
.rounded-r-lg{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-r-none{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-r-xl{
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.rounded-t-3xl{
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-\[28px\]{
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
}
.rounded-t-large{
  border-top-left-radius: var(--heroui-radius-large);
  border-top-right-radius: var(--heroui-radius-large);
}
.rounded-t-md{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-t-medium{
  border-top-left-radius: var(--heroui-radius-medium);
  border-top-right-radius: var(--heroui-radius-medium);
}
.rounded-t-none{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-t-small{
  border-top-left-radius: var(--heroui-radius-small);
  border-top-right-radius: var(--heroui-radius-small);
}
.rounded-t-xl{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-bl-lg{
  border-bottom-left-radius: 0.5rem;
}
.rounded-bl-md{
  border-bottom-left-radius: 0.375rem;
}
.rounded-br-2xl{
  border-bottom-right-radius: 1rem;
}
.rounded-br-lg{
  border-bottom-right-radius: 0.5rem;
}
.rounded-br-md{
  border-bottom-right-radius: 0.375rem;
}
.rounded-br-xl{
  border-bottom-right-radius: 0.75rem;
}
.rounded-tl-2xl{
  border-top-left-radius: 1rem;
}
.rounded-tl-lg{
  border-top-left-radius: 0.5rem;
}
.rounded-tl-md{
  border-top-left-radius: 0.375rem;
}
.rounded-tl-xl{
  border-top-left-radius: 0.75rem;
}
.rounded-tr-lg{
  border-top-right-radius: 0.5rem;
}
.rounded-tr-md{
  border-top-right-radius: 0.375rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-1{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-3{
  border-width: 3px;
}
.border-4{
  border-width: 4px;
}
.border-\[1\.5px\]{
  border-width: 1.5px;
}
.border-\[2\.5px\]{
  border-width: 2.5px;
}
.border-\[3px\]{
  border-width: 3px;
}
.border-medium{
  border-width: var(--heroui-border-width-medium);
}
.border-small{
  border-width: var(--heroui-border-width-small);
}
.border-x-\[calc\(theme\(spacing\.5\)\/2\)\]{
  border-left-width: calc(1.25rem / 2);
  border-right-width: calc(1.25rem / 2);
}
.border-x-\[calc\(theme\(spacing\.6\)\/2\)\]{
  border-left-width: calc(1.5rem / 2);
  border-right-width: calc(1.5rem / 2);
}
.border-x-\[calc\(theme\(spacing\.7\)\/2\)\]{
  border-left-width: calc(1.75rem / 2);
  border-right-width: calc(1.75rem / 2);
}
.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-y-\[5px\]{
  border-top-width: 5px;
  border-bottom-width: 5px;
}
.border-y-\[7px\]{
  border-top-width: 7px;
  border-bottom-width: 7px;
}
.border-y-\[calc\(theme\(spacing\.5\)\/2\)\]{
  border-top-width: calc(1.25rem / 2);
  border-bottom-width: calc(1.25rem / 2);
}
.border-y-\[calc\(theme\(spacing\.6\)\/2\)\]{
  border-top-width: calc(1.5rem / 2);
  border-bottom-width: calc(1.5rem / 2);
}
.border-y-\[calc\(theme\(spacing\.7\)\/2\)\]{
  border-top-width: calc(1.75rem / 2);
  border-bottom-width: calc(1.75rem / 2);
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-b-4{
  border-bottom-width: 4px;
}
.border-b-\[4px\]{
  border-bottom-width: 4px;
}
.border-b-\[5px\]{
  border-bottom-width: 5px;
}
.border-b-medium{
  border-bottom-width: var(--heroui-border-width-medium);
}
.border-l{
  border-left-width: 1px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-l-\[12px\]{
  border-left-width: 12px;
}
.border-l-\[7px\]{
  border-left-width: 7px;
}
.border-l-\[8px\]{
  border-left-width: 8px;
}
.border-r{
  border-right-width: 1px;
}
.border-r-2{
  border-right-width: 2px;
}
.border-r-4{
  border-right-width: 4px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-2{
  border-top-width: 2px;
}
.border-t-4{
  border-top-width: 4px;
}
.border-t-\[4px\]{
  border-top-width: 4px;
}
.border-t-\[5px\]{
  border-top-width: 5px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.border-dotted{
  border-style: dotted;
}
.\!border-none{
  border-style: none !important;
}
.border-none{
  border-style: none;
}
.\!border-danger{
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1)) !important;
}
.\!border-gray-900\/10{
  border-color: rgb(17 24 39 / 0.1) !important;
}
.border-\[\#00FFE1\]{
  --tw-border-opacity: 1;
  border-color: rgb(0 255 225 / var(--tw-border-opacity, 1));
}
.border-\[\#693BFF\]{
  --tw-border-opacity: 1;
  border-color: rgb(105 59 255 / var(--tw-border-opacity, 1));
}
.border-\[\#C43BFF\]{
  --tw-border-opacity: 1;
  border-color: rgb(196 59 255 / var(--tw-border-opacity, 1));
}
.border-\[var\(--pv-line-strong\)\]{
  border-color: var(--pv-line-strong);
}
.border-amber-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}
.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-400\/25{
  border-color: rgb(251 191 36 / 0.25);
}
.border-amber-400\/30{
  border-color: rgb(251 191 36 / 0.3);
}
.border-amber-400\/80{
  border-color: rgb(251 191 36 / 0.8);
}
.border-amber-500{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-amber-500\/20{
  border-color: rgb(245 158 11 / 0.2);
}
.border-amber-500\/25{
  border-color: rgb(245 158 11 / 0.25);
}
.border-amber-500\/30{
  border-color: rgb(245 158 11 / 0.3);
}
.border-background{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-background) / var(--tw-border-opacity, 1));
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}
.border-black\/5{
  border-color: rgb(0 0 0 / 0.05);
}
.border-black\/\[0\.06\]{
  border-color: rgb(0 0 0 / 0.06);
}
.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-300{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.border-blue-400{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.border-blue-400\/30{
  border-color: rgb(96 165 250 / 0.3);
}
.border-blue-400\/60{
  border-color: rgb(96 165 250 / 0.6);
}
.border-blue-500{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-blue-500\/20{
  border-color: rgb(59 130 246 / 0.2);
}
.border-blue-500\/30{
  border-color: rgb(59 130 246 / 0.3);
}
.border-blue-500\/40{
  border-color: rgb(59 130 246 / 0.4);
}
.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-current{
  border-color: currentColor;
}
.border-danger{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}
.border-danger-100{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger-100) / var(--tw-border-opacity, 1));
}
.border-danger-200{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger-200) / var(--tw-border-opacity, 1));
}
.border-danger-400{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger-400) / var(--tw-border-opacity, 1));
}
.border-default{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default) / var(--tw-border-opacity, 1));
}
.border-default-100{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-100) / var(--tw-border-opacity, 1));
}
.border-default-200{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-200) / var(--tw-border-opacity, 1));
}
.border-default-300{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-300) / var(--tw-border-opacity, 1));
}
.border-default-400{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-400) / var(--tw-border-opacity, 1));
}
.border-divider{
  border-color: hsl(var(--heroui-divider) / 0.15);
}
.border-emerald-100{
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}
.border-emerald-200{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-200\/50{
  border-color: rgb(167 243 208 / 0.5);
}
.border-emerald-300\/30{
  border-color: rgb(110 231 183 / 0.3);
}
.border-emerald-400{
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.border-emerald-500{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-emerald-500\/20{
  border-color: rgb(16 185 129 / 0.2);
}
.border-emerald-500\/25{
  border-color: rgb(16 185 129 / 0.25);
}
.border-emerald-500\/30{
  border-color: rgb(16 185 129 / 0.3);
}
.border-emerald-600{
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}
.border-foreground{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-foreground) / var(--tw-border-opacity, 1));
}
.border-foreground-400{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-foreground-400) / var(--tw-border-opacity, 1));
}
.border-fuchsia-400{
  --tw-border-opacity: 1;
  border-color: rgb(232 121 249 / var(--tw-border-opacity, 1));
}
.border-fuchsia-500{
  --tw-border-opacity: 1;
  border-color: rgb(217 70 239 / var(--tw-border-opacity, 1));
}
.border-fuchsia-500\/20{
  border-color: rgb(217 70 239 / 0.2);
}
.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-200\/50{
  border-color: rgb(229 231 235 / 0.5);
}
.border-gray-200\/60{
  border-color: rgb(229 231 235 / 0.6);
}
.border-gray-200\/80{
  border-color: rgb(229 231 235 / 0.8);
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-300\/50{
  border-color: rgb(209 213 219 / 0.5);
}
.border-gray-500\/30{
  border-color: rgb(107 114 128 / 0.3);
}
.border-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-gray-700\/30{
  border-color: rgb(55 65 81 / 0.3);
}
.border-gray-700\/50{
  border-color: rgb(55 65 81 / 0.5);
}
.border-gray-800{
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-gray-900\/10{
  border-color: rgb(17 24 39 / 0.1);
}
.border-gray-900\/30{
  border-color: rgb(17 24 39 / 0.3);
}
.border-gray-900\/40{
  border-color: rgb(17 24 39 / 0.4);
}
.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-500\/30{
  border-color: rgb(34 197 94 / 0.3);
}
.border-indigo-200{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.border-indigo-400\/30{
  border-color: rgb(129 140 248 / 0.3);
}
.border-neutral-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-neutral-200\/50{
  border-color: rgb(229 229 229 / 0.5);
}
.border-neutral-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.border-neutral-500\/25{
  border-color: rgb(115 115 115 / 0.25);
}
.border-neutral-600{
  --tw-border-opacity: 1;
  border-color: rgb(82 82 82 / var(--tw-border-opacity, 1));
}
.border-neutral-700{
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity, 1));
}
.border-neutral-800\/50{
  border-color: rgb(38 38 38 / 0.5);
}
.border-orange-100{
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / 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-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}
.border-orange-500\/10{
  border-color: rgb(249 115 22 / 0.1);
}
.border-orange-500\/40{
  border-color: rgb(249 115 22 / 0.4);
}
.border-orange-500\/60{
  border-color: rgb(249 115 22 / 0.6);
}
.border-orange-600{
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity, 1));
}
.border-orange-900\/30{
  border-color: rgb(124 45 18 / 0.3);
}
.border-pink-100{
  --tw-border-opacity: 1;
  border-color: rgb(252 231 243 / var(--tw-border-opacity, 1));
}
.border-pink-200{
  --tw-border-opacity: 1;
  border-color: rgb(251 207 232 / var(--tw-border-opacity, 1));
}
.border-pink-500{
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-pink-500\/10{
  border-color: rgb(236 72 153 / 0.1);
}
.border-pink-500\/20{
  border-color: rgb(236 72 153 / 0.2);
}
.border-pink-500\/30{
  border-color: rgb(236 72 153 / 0.3);
}
.border-pink-500\/40{
  border-color: rgb(236 72 153 / 0.4);
}
.border-pink-600{
  --tw-border-opacity: 1;
  border-color: rgb(219 39 119 / var(--tw-border-opacity, 1));
}
.border-primary{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}
.border-primary-100{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary-100) / var(--tw-border-opacity, 1));
}
.border-primary-200{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary-200) / var(--tw-border-opacity, 1));
}
.border-primary-400{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary-400) / var(--tw-border-opacity, 1));
}
.border-purple-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 232 255 / 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-200\/40{
  border-color: rgb(233 213 255 / 0.4);
}
.border-purple-200\/50{
  border-color: rgb(233 213 255 / 0.5);
}
.border-purple-200\/60{
  border-color: rgb(233 213 255 / 0.6);
}
.border-purple-200\/80{
  border-color: rgb(233 213 255 / 0.8);
}
.border-purple-300{
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}
.border-purple-400{
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.border-purple-400\/25{
  border-color: rgb(192 132 252 / 0.25);
}
.border-purple-400\/30{
  border-color: rgb(192 132 252 / 0.3);
}
.border-purple-400\/40{
  border-color: rgb(192 132 252 / 0.4);
}
.border-purple-400\/50{
  border-color: rgb(192 132 252 / 0.5);
}
.border-purple-400\/60{
  border-color: rgb(192 132 252 / 0.6);
}
.border-purple-400\/70{
  border-color: rgb(192 132 252 / 0.7);
}
.border-purple-500{
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-purple-500\/10{
  border-color: rgb(168 85 247 / 0.1);
}
.border-purple-500\/20{
  border-color: rgb(168 85 247 / 0.2);
}
.border-purple-500\/25{
  border-color: rgb(168 85 247 / 0.25);
}
.border-purple-500\/30{
  border-color: rgb(168 85 247 / 0.3);
}
.border-purple-500\/40{
  border-color: rgb(168 85 247 / 0.4);
}
.border-purple-500\/50{
  border-color: rgb(168 85 247 / 0.5);
}
.border-purple-600{
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}
.border-purple-800\/30{
  border-color: rgb(107 33 168 / 0.3);
}
.border-red-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / 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\/30{
  border-color: rgb(248 113 113 / 0.3);
}
.border-red-400\/40{
  border-color: rgb(248 113 113 / 0.4);
}
.border-red-400\/50{
  border-color: rgb(248 113 113 / 0.5);
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-red-500\/10{
  border-color: rgb(239 68 68 / 0.1);
}
.border-red-500\/20{
  border-color: rgb(239 68 68 / 0.2);
}
.border-red-500\/25{
  border-color: rgb(239 68 68 / 0.25);
}
.border-red-500\/30{
  border-color: rgb(239 68 68 / 0.3);
}
.border-red-500\/40{
  border-color: rgb(239 68 68 / 0.4);
}
.border-red-500\/50{
  border-color: rgb(239 68 68 / 0.5);
}
.border-red-500\/70{
  border-color: rgb(239 68 68 / 0.7);
}
.border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-rose-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.border-rose-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}
.border-rose-500\/20{
  border-color: rgb(244 63 94 / 0.2);
}
.border-rose-500\/30{
  border-color: rgb(244 63 94 / 0.3);
}
.border-secondary{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}
.border-secondary-100{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary-100) / var(--tw-border-opacity, 1));
}
.border-secondary-200{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary-200) / var(--tw-border-opacity, 1));
}
.border-secondary-400{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary-400) / var(--tw-border-opacity, 1));
}
.border-secondary\/30{
  border-color: hsl(var(--heroui-secondary) / 0.3);
}
.border-sky-500\/30{
  border-color: rgb(14 165 233 / 0.3);
}
.border-slate-100{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-200\/70{
  border-color: rgb(226 232 240 / 0.7);
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-slate-500\/30{
  border-color: rgb(100 116 139 / 0.3);
}
.border-slate-700{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.border-success{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}
.border-success-100{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success-100) / var(--tw-border-opacity, 1));
}
.border-success-200{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success-200) / var(--tw-border-opacity, 1));
}
.border-success-300{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success-300) / var(--tw-border-opacity, 1));
}
.border-success-400{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success-400) / var(--tw-border-opacity, 1));
}
.border-success\/30{
  border-color: hsl(var(--heroui-success) / 0.3);
}
.border-transparent{
  border-color: transparent;
}
.border-violet-100{
  --tw-border-opacity: 1;
  border-color: rgb(237 233 254 / var(--tw-border-opacity, 1));
}
.border-violet-200{
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
}
.border-violet-300{
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity, 1));
}
.border-violet-400{
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
}
.border-violet-400\/15{
  border-color: rgb(167 139 250 / 0.15);
}
.border-violet-400\/20{
  border-color: rgb(167 139 250 / 0.2);
}
.border-violet-400\/30{
  border-color: rgb(167 139 250 / 0.3);
}
.border-violet-500\/30{
  border-color: rgb(139 92 246 / 0.3);
}
.border-violet-600{
  --tw-border-opacity: 1;
  border-color: rgb(124 58 237 / var(--tw-border-opacity, 1));
}
.border-warning{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}
.border-warning-100{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning-100) / var(--tw-border-opacity, 1));
}
.border-warning-200{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning-200) / var(--tw-border-opacity, 1));
}
.border-warning-300{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning-300) / var(--tw-border-opacity, 1));
}
.border-warning-400{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning-400) / var(--tw-border-opacity, 1));
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15{
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/25{
  border-color: rgb(255 255 255 / 0.25);
}
.border-white\/30{
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/40{
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/5{
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/70{
  border-color: rgb(255 255 255 / 0.7);
}
.border-white\/80{
  border-color: rgb(255 255 255 / 0.8);
}
.border-white\/\[0\.04\]{
  border-color: rgb(255 255 255 / 0.04);
}
.border-white\/\[0\.06\]{
  border-color: rgb(255 255 255 / 0.06);
}
.border-white\/\[0\.07\]{
  border-color: rgb(255 255 255 / 0.07);
}
.border-white\/\[0\.08\]{
  border-color: rgb(255 255 255 / 0.08);
}
.border-yellow-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.border-yellow-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}
.border-yellow-500\/30{
  border-color: rgb(234 179 8 / 0.3);
}
.border-yellow-500\/40{
  border-color: rgb(234 179 8 / 0.4);
}
.border-yellow-500\/50{
  border-color: rgb(234 179 8 / 0.5);
}
.border-zinc-100{
  --tw-border-opacity: 1;
  border-color: rgb(244 244 245 / var(--tw-border-opacity, 1));
}
.border-zinc-200{
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}
.border-zinc-200\/50{
  border-color: rgb(228 228 231 / 0.5);
}
.border-zinc-700{
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
}
.border-zinc-800{
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
}
.border-x-transparent{
  border-left-color: transparent;
  border-right-color: transparent;
}
.border-y-transparent{
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.border-b-current{
  border-bottom-color: currentColor;
}
.border-b-danger{
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}
.border-b-default{
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--heroui-default) / var(--tw-border-opacity, 1));
}
.border-b-primary{
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}
.border-b-secondary{
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}
.border-b-success{
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}
.border-b-transparent{
  border-bottom-color: transparent;
}
.border-b-warning{
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}
.border-b-white{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-l-pink-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-l-red-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-l-transparent{
  border-left-color: transparent;
}
.border-l-white{
  --tw-border-opacity: 1;
  border-left-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-r-transparent{
  border-right-color: transparent;
}
.border-t-gray-700{
  --tw-border-opacity: 1;
  border-top-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-t-purple-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-t-transparent{
  border-top-color: transparent;
}
.border-t-violet-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}
.border-t-white{
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.\!bg-danger-50{
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--heroui-danger-50) / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-gray-900\/\[0\.06\]{
  background-color: rgb(17 24 39 / 0.06) !important;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.\!bg-white\/70{
  background-color: rgb(255 255 255 / 0.7) !important;
}
.bg-\[\#030305\]{
  --tw-bg-opacity: 1;
  background-color: rgb(3 3 5 / var(--tw-bg-opacity, 1));
}
.bg-\[\#05070b\]{
  --tw-bg-opacity: 1;
  background-color: rgb(5 7 11 / var(--tw-bg-opacity, 1));
}
.bg-\[\#07060c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(7 6 12 / var(--tw-bg-opacity, 1));
}
.bg-\[\#080b12\]{
  --tw-bg-opacity: 1;
  background-color: rgb(8 11 18 / var(--tw-bg-opacity, 1));
}
.bg-\[\#09090b\]\/95{
  background-color: rgb(9 9 11 / 0.95);
}
.bg-\[\#0A0012\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 0 18 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0A0A0A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0A0A0F\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 15 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0A0A0F\]\/90{
  background-color: rgb(10 10 15 / 0.9);
}
.bg-\[\#0a0a0c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 12 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a0a0f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 15 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a0a0f\]\/80{
  background-color: rgb(10 10 15 / 0.8);
}
.bg-\[\#0a0e17\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 14 23 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a0f1e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 15 30 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a0f1e\]\/95{
  background-color: rgb(10 15 30 / 0.95);
}
.bg-\[\#0b0b10\]{
  --tw-bg-opacity: 1;
  background-color: rgb(11 11 16 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0b0b12\]{
  --tw-bg-opacity: 1;
  background-color: rgb(11 11 18 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0b0b12\]\/95{
  background-color: rgb(11 11 18 / 0.95);
}
.bg-\[\#0b0e16\]\/90{
  background-color: rgb(11 14 22 / 0.9);
}
.bg-\[\#0b1120\]\/0{
  background-color: rgb(11 17 32 / 0);
}
.bg-\[\#0b1220\]{
  --tw-bg-opacity: 1;
  background-color: rgb(11 18 32 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0b1223\]{
  --tw-bg-opacity: 1;
  background-color: rgb(11 18 35 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0c0c0f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(12 12 15 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0d0d11\]{
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0d0d12\]{
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 18 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0f0f1a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0f172a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0f172a\]\/40{
  background-color: rgb(15 23 42 / 0.4);
}
.bg-\[\#0f172a\]\/60{
  background-color: rgb(15 23 42 / 0.6);
}
.bg-\[\#0f172a\]\/80{
  background-color: rgb(15 23 42 / 0.8);
}
.bg-\[\#101828\]{
  --tw-bg-opacity: 1;
  background-color: rgb(16 24 40 / var(--tw-bg-opacity, 1));
}
.bg-\[\#12121c\]\/95{
  background-color: rgb(18 18 28 / 0.95);
}
.bg-\[\#15151a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(21 21 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#16161c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(22 22 28 / var(--tw-bg-opacity, 1));
}
.bg-\[\#17121f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(23 18 31 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a1a24\]{
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 36 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a1a2e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 46 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a1a2e\]\/95{
  background-color: rgb(26 26 46 / 0.95);
}
.bg-\[\#1e293b\]{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-\[\#25252e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 46 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6d28d9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1));
}
.bg-\[\#c084fc\]{
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
}
.bg-\[\#efeff2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5f5f7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fbfbfd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 253 / var(--tw-bg-opacity, 1));
}
.bg-\[var\(--pv-fill-2\)\]{
  background-color: var(--pv-fill-2);
}
.bg-\[var\(--pv-fill-3\)\]{
  background-color: var(--pv-fill-3);
}
.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-amber-400\/10{
  background-color: rgb(251 191 36 / 0.1);
}
.bg-amber-400\/15{
  background-color: rgb(251 191 36 / 0.15);
}
.bg-amber-400\/5{
  background-color: rgb(251 191 36 / 0.05);
}
.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-50\/80{
  background-color: rgb(255 251 235 / 0.8);
}
.bg-amber-50\/90{
  background-color: rgb(255 251 235 / 0.9);
}
.bg-amber-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-500\/10{
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-500\/15{
  background-color: rgb(245 158 11 / 0.15);
}
.bg-amber-500\/20{
  background-color: rgb(245 158 11 / 0.2);
}
.bg-amber-500\/5{
  background-color: rgb(245 158 11 / 0.05);
}
.bg-amber-500\/85{
  background-color: rgb(245 158 11 / 0.85);
}
.bg-amber-500\/90{
  background-color: rgb(245 158 11 / 0.9);
}
.bg-amber-500\/\[0\.07\]{
  background-color: rgb(245 158 11 / 0.07);
}
.bg-amber-600\/10{
  background-color: rgb(217 119 6 / 0.1);
}
.bg-background{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-background) / var(--tw-bg-opacity, 1));
}
.bg-background\/10{
  background-color: hsl(var(--heroui-background) / 0.1);
}
.bg-background\/70{
  background-color: hsl(var(--heroui-background) / 0.7);
}
.bg-background\/80{
  background-color: hsl(var(--heroui-background) / 0.8);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/0{
  background-color: rgb(0 0 0 / 0);
}
.bg-black\/10{
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/25{
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/35{
  background-color: rgb(0 0 0 / 0.35);
}
.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/45{
  background-color: rgb(0 0 0 / 0.45);
}
.bg-black\/5{
  background-color: rgb(0 0 0 / 0.05);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/55{
  background-color: rgb(0 0 0 / 0.55);
}
.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70{
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/75{
  background-color: rgb(0 0 0 / 0.75);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/90{
  background-color: rgb(0 0 0 / 0.9);
}
.bg-black\/95{
  background-color: rgb(0 0 0 / 0.95);
}
.bg-black\/\[0\.03\]{
  background-color: rgb(0 0 0 / 0.03);
}
.bg-black\/\[0\.06\]{
  background-color: rgb(0 0 0 / 0.06);
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-300{
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1));
}
.bg-blue-400{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / 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-50\/90{
  background-color: rgb(239 246 255 / 0.9);
}
.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/10{
  background-color: rgb(59 130 246 / 0.1);
}
.bg-blue-500\/15{
  background-color: rgb(59 130 246 / 0.15);
}
.bg-blue-500\/20{
  background-color: rgb(59 130 246 / 0.2);
}
.bg-blue-500\/40{
  background-color: rgb(59 130 246 / 0.4);
}
.bg-blue-500\/5{
  background-color: rgb(59 130 246 / 0.05);
}
.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-blue-600\/10{
  background-color: rgb(37 99 235 / 0.1);
}
.bg-blue-600\/20{
  background-color: rgb(37 99 235 / 0.2);
}
.bg-blue-900\/20{
  background-color: rgb(30 58 138 / 0.2);
}
.bg-blue-900\/30{
  background-color: rgb(30 58 138 / 0.3);
}
.bg-content1{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-content1) / var(--tw-bg-opacity, 1));
}
.bg-content3{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-content3) / var(--tw-bg-opacity, 1));
}
.bg-current{
  background-color: currentColor;
}
.bg-danger{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}
.bg-danger-100{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-100) / var(--tw-bg-opacity, 1));
}
.bg-danger-400{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-400) / var(--tw-bg-opacity, 1));
}
.bg-danger-50{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-50) / var(--tw-bg-opacity, 1));
}
.bg-danger\/20{
  background-color: hsl(var(--heroui-danger) / 0.2);
}
.bg-default{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default) / var(--tw-bg-opacity, 1));
}
.bg-default-100{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-100) / var(--tw-bg-opacity, 1));
}
.bg-default-200{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-200) / var(--tw-bg-opacity, 1));
}
.bg-default-300\/50{
  background-color: hsl(var(--heroui-default-300) / 0.5);
}
.bg-default-400{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-400) / var(--tw-bg-opacity, 1));
}
.bg-default-50{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-50) / var(--tw-bg-opacity, 1));
}
.bg-default-500{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-500) / var(--tw-bg-opacity, 1));
}
.bg-default-800{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-800) / var(--tw-bg-opacity, 1));
}
.bg-default\/40{
  background-color: hsl(var(--heroui-default) / 0.4);
}
.bg-divider{
  background-color: hsl(var(--heroui-divider) / 0.15);
}
.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400\/15{
  background-color: rgb(52 211 153 / 0.15);
}
.bg-emerald-400\/70{
  background-color: rgb(52 211 153 / 0.7);
}
.bg-emerald-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50\/80{
  background-color: rgb(236 253 245 / 0.8);
}
.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10{
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-500\/15{
  background-color: rgb(16 185 129 / 0.15);
}
.bg-emerald-500\/20{
  background-color: rgb(16 185 129 / 0.2);
}
.bg-emerald-500\/35{
  background-color: rgb(16 185 129 / 0.35);
}
.bg-emerald-500\/40{
  background-color: rgb(16 185 129 / 0.4);
}
.bg-emerald-500\/5{
  background-color: rgb(16 185 129 / 0.05);
}
.bg-emerald-500\/60{
  background-color: rgb(16 185 129 / 0.6);
}
.bg-emerald-600{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-foreground{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-foreground) / var(--tw-bg-opacity, 1));
}
.bg-foreground-100{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-foreground-100) / var(--tw-bg-opacity, 1));
}
.bg-foreground-400{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-foreground-400) / var(--tw-bg-opacity, 1));
}
.bg-foreground\/10{
  background-color: hsl(var(--heroui-foreground) / 0.1);
}
.bg-fuchsia-500{
  --tw-bg-opacity: 1;
  background-color: rgb(217 70 239 / var(--tw-bg-opacity, 1));
}
.bg-fuchsia-500\/20{
  background-color: rgb(217 70 239 / 0.2);
}
.bg-fuchsia-500\/\[0\.04\]{
  background-color: rgb(217 70 239 / 0.04);
}
.bg-fuchsia-600{
  --tw-bg-opacity: 1;
  background-color: rgb(192 38 211 / var(--tw-bg-opacity, 1));
}
.bg-fuchsia-600\/80{
  background-color: rgb(192 38 211 / 0.8);
}
.bg-fuchsia-900\/15{
  background-color: rgb(112 26 117 / 0.15);
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-100\/60{
  background-color: rgb(243 244 246 / 0.6);
}
.bg-gray-100\/80{
  background-color: rgb(243 244 246 / 0.8);
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-200\/60{
  background-color: rgb(229 231 235 / 0.6);
}
.bg-gray-200\/70{
  background-color: rgb(229 231 235 / 0.7);
}
.bg-gray-200\/80{
  background-color: rgb(229 231 235 / 0.8);
}
.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-400\/20{
  background-color: rgb(156 163 175 / 0.2);
}
.bg-gray-400\/40{
  background-color: rgb(156 163 175 / 0.4);
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-50\/40{
  background-color: rgb(249 250 251 / 0.4);
}
.bg-gray-50\/50{
  background-color: rgb(249 250 251 / 0.5);
}
.bg-gray-50\/60{
  background-color: rgb(249 250 251 / 0.6);
}
.bg-gray-50\/70{
  background-color: rgb(249 250 251 / 0.7);
}
.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-gray-500\/10{
  background-color: rgb(107 114 128 / 0.1);
}
.bg-gray-500\/20{
  background-color: rgb(107 114 128 / 0.2);
}
.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-700\/50{
  background-color: rgb(55 65 81 / 0.5);
}
.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-gray-800\/30{
  background-color: rgb(31 41 55 / 0.3);
}
.bg-gray-800\/50{
  background-color: rgb(31 41 55 / 0.5);
}
.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-gray-900\/10{
  background-color: rgb(17 24 39 / 0.1);
}
.bg-gray-900\/40{
  background-color: rgb(17 24 39 / 0.4);
}
.bg-gray-900\/50{
  background-color: rgb(17 24 39 / 0.5);
}
.bg-gray-900\/60{
  background-color: rgb(17 24 39 / 0.6);
}
.bg-gray-900\/80{
  background-color: rgb(17 24 39 / 0.8);
}
.bg-gray-900\/95{
  background-color: rgb(17 24 39 / 0.95);
}
.bg-gray-900\/\[0\.06\]{
  background-color: rgb(17 24 39 / 0.06);
}
.bg-gray-950{
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}
.bg-gray-950\/80{
  background-color: rgb(3 7 18 / 0.8);
}
.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-500\/10{
  background-color: rgb(34 197 94 / 0.1);
}
.bg-green-500\/20{
  background-color: rgb(34 197 94 / 0.2);
}
.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-green-600\/20{
  background-color: rgb(22 163 74 / 0.2);
}
.bg-green-900\/30{
  background-color: rgb(20 83 45 / 0.3);
}
.bg-indigo-50\/90{
  background-color: rgb(238 242 255 / 0.9);
}
.bg-indigo-500\/20{
  background-color: rgb(99 102 241 / 0.2);
}
.bg-neutral-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-neutral-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}
.bg-neutral-500\/10{
  background-color: rgb(115 115 115 / 0.1);
}
.bg-neutral-900{
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.bg-neutral-900\/50{
  background-color: rgb(23 23 23 / 0.5);
}
.bg-neutral-900\/95{
  background-color: rgb(23 23 23 / 0.95);
}
.bg-neutral-950{
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / 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-500\/10{
  background-color: rgb(249 115 22 / 0.1);
}
.bg-orange-500\/20{
  background-color: rgb(249 115 22 / 0.2);
}
.bg-orange-500\/5{
  background-color: rgb(249 115 22 / 0.05);
}
.bg-orange-600{
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
.bg-orange-900\/10{
  background-color: rgb(124 45 18 / 0.1);
}
.bg-orange-900\/20{
  background-color: rgb(124 45 18 / 0.2);
}
.bg-orange-900\/30{
  background-color: rgb(124 45 18 / 0.3);
}
.bg-overlay\/30{
  background-color: hsl(var(--heroui-overlay) / 0.3);
}
.bg-overlay\/50{
  background-color: hsl(var(--heroui-overlay) / 0.5);
}
.bg-pink-100{
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-pink-200\/30{
  background-color: rgb(251 207 232 / 0.3);
}
.bg-pink-200\/40{
  background-color: rgb(251 207 232 / 0.4);
}
.bg-pink-300{
  --tw-bg-opacity: 1;
  background-color: rgb(249 168 212 / var(--tw-bg-opacity, 1));
}
.bg-pink-400{
  --tw-bg-opacity: 1;
  background-color: rgb(244 114 182 / var(--tw-bg-opacity, 1));
}
.bg-pink-400\/10{
  background-color: rgb(244 114 182 / 0.1);
}
.bg-pink-50{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));
}
.bg-pink-500{
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.bg-pink-500\/10{
  background-color: rgb(236 72 153 / 0.1);
}
.bg-pink-500\/15{
  background-color: rgb(236 72 153 / 0.15);
}
.bg-pink-500\/20{
  background-color: rgb(236 72 153 / 0.2);
}
.bg-pink-500\/5{
  background-color: rgb(236 72 153 / 0.05);
}
.bg-pink-600\/10{
  background-color: rgb(219 39 119 / 0.1);
}
.bg-pink-600\/20{
  background-color: rgb(219 39 119 / 0.2);
}
.bg-pink-600\/5{
  background-color: rgb(219 39 119 / 0.05);
}
.bg-pink-900\/15{
  background-color: rgb(131 24 67 / 0.15);
}
.bg-pink-900\/20{
  background-color: rgb(131 24 67 / 0.2);
}
.bg-primary{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}
.bg-primary-100{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary-100) / var(--tw-bg-opacity, 1));
}
.bg-primary-400{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary-400) / var(--tw-bg-opacity, 1));
}
.bg-primary-50{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary-50) / var(--tw-bg-opacity, 1));
}
.bg-primary\/20{
  background-color: hsl(var(--heroui-primary) / 0.2);
}
.bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-100\/80{
  background-color: rgb(243 232 255 / 0.8);
}
.bg-purple-200\/40{
  background-color: rgb(233 213 255 / 0.4);
}
.bg-purple-300\/40{
  background-color: rgb(216 180 254 / 0.4);
}
.bg-purple-400{
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
}
.bg-purple-400\/10{
  background-color: rgb(192 132 252 / 0.1);
}
.bg-purple-400\/30{
  background-color: rgb(192 132 252 / 0.3);
}
.bg-purple-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-50\/50{
  background-color: rgb(250 245 255 / 0.5);
}
.bg-purple-50\/60{
  background-color: rgb(250 245 255 / 0.6);
}
.bg-purple-50\/90{
  background-color: rgb(250 245 255 / 0.9);
}
.bg-purple-500{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.bg-purple-500\/10{
  background-color: rgb(168 85 247 / 0.1);
}
.bg-purple-500\/15{
  background-color: rgb(168 85 247 / 0.15);
}
.bg-purple-500\/20{
  background-color: rgb(168 85 247 / 0.2);
}
.bg-purple-500\/25{
  background-color: rgb(168 85 247 / 0.25);
}
.bg-purple-500\/30{
  background-color: rgb(168 85 247 / 0.3);
}
.bg-purple-500\/5{
  background-color: rgb(168 85 247 / 0.05);
}
.bg-purple-500\/50{
  background-color: rgb(168 85 247 / 0.5);
}
.bg-purple-500\/80{
  background-color: rgb(168 85 247 / 0.8);
}
.bg-purple-600{
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.bg-purple-600\/10{
  background-color: rgb(147 51 234 / 0.1);
}
.bg-purple-600\/20{
  background-color: rgb(147 51 234 / 0.2);
}
.bg-purple-600\/30{
  background-color: rgb(147 51 234 / 0.3);
}
.bg-purple-600\/40{
  background-color: rgb(147 51 234 / 0.4);
}
.bg-purple-600\/5{
  background-color: rgb(147 51 234 / 0.05);
}
.bg-purple-600\/80{
  background-color: rgb(147 51 234 / 0.8);
}
.bg-purple-600\/90{
  background-color: rgb(147 51 234 / 0.9);
}
.bg-purple-800\/25{
  background-color: rgb(107 33 168 / 0.25);
}
.bg-purple-900\/10{
  background-color: rgb(88 28 135 / 0.1);
}
.bg-purple-900\/20{
  background-color: rgb(88 28 135 / 0.2);
}
.bg-purple-900\/30{
  background-color: rgb(88 28 135 / 0.3);
}
.bg-purple-900\/5{
  background-color: rgb(88 28 135 / 0.05);
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / 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-500\/10{
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red-500\/15{
  background-color: rgb(239 68 68 / 0.15);
}
.bg-red-500\/20{
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-500\/30{
  background-color: rgb(239 68 68 / 0.3);
}
.bg-red-500\/40{
  background-color: rgb(239 68 68 / 0.4);
}
.bg-red-500\/5{
  background-color: rgb(239 68 68 / 0.05);
}
.bg-red-500\/70{
  background-color: rgb(239 68 68 / 0.7);
}
.bg-red-500\/80{
  background-color: rgb(239 68 68 / 0.8);
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-600\/20{
  background-color: rgb(220 38 38 / 0.2);
}
.bg-red-600\/30{
  background-color: rgb(220 38 38 / 0.3);
}
.bg-red-600\/55{
  background-color: rgb(220 38 38 / 0.55);
}
.bg-red-600\/75{
  background-color: rgb(220 38 38 / 0.75);
}
.bg-red-900\/30{
  background-color: rgb(127 29 29 / 0.3);
}
.bg-red-950\/40{
  background-color: rgb(69 10 10 / 0.4);
}
.bg-red-950\/60{
  background-color: rgb(69 10 10 / 0.6);
}
.bg-rose-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.bg-rose-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-rose-500{
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.bg-rose-500\/10{
  background-color: rgb(244 63 94 / 0.1);
}
.bg-rose-500\/15{
  background-color: rgb(244 63 94 / 0.15);
}
.bg-rose-500\/5{
  background-color: rgb(244 63 94 / 0.05);
}
.bg-secondary{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}
.bg-secondary-100{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary-100) / var(--tw-bg-opacity, 1));
}
.bg-secondary-400{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary-400) / var(--tw-bg-opacity, 1));
}
.bg-secondary-50{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary-50) / var(--tw-bg-opacity, 1));
}
.bg-secondary\/15{
  background-color: hsl(var(--heroui-secondary) / 0.15);
}
.bg-secondary\/20{
  background-color: hsl(var(--heroui-secondary) / 0.2);
}
.bg-sky-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.bg-sky-500\/10{
  background-color: rgb(14 165 233 / 0.1);
}
.bg-sky-500\/15{
  background-color: rgb(14 165 233 / 0.15);
}
.bg-sky-500\/20{
  background-color: rgb(14 165 233 / 0.2);
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-100\/60{
  background-color: rgb(241 245 249 / 0.6);
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-200\/70{
  background-color: rgb(226 232 240 / 0.7);
}
.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-50\/50{
  background-color: rgb(248 250 252 / 0.5);
}
.bg-slate-50\/60{
  background-color: rgb(248 250 252 / 0.6);
}
.bg-slate-50\/80{
  background-color: rgb(248 250 252 / 0.8);
}
.bg-slate-500\/15{
  background-color: rgb(100 116 139 / 0.15);
}
.bg-slate-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-slate-900\/85{
  background-color: rgb(15 23 42 / 0.85);
}
.bg-slate-900\/90{
  background-color: rgb(15 23 42 / 0.9);
}
.bg-slate-900\/95{
  background-color: rgb(15 23 42 / 0.95);
}
.bg-slate-950{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}
.bg-slate-950\/70{
  background-color: rgb(2 6 23 / 0.7);
}
.bg-slate-950\/90{
  background-color: rgb(2 6 23 / 0.9);
}
.bg-slate-950\/95{
  background-color: rgb(2 6 23 / 0.95);
}
.bg-success{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}
.bg-success-100{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-100) / var(--tw-bg-opacity, 1));
}
.bg-success-400{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-400) / var(--tw-bg-opacity, 1));
}
.bg-success-50{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-50) / var(--tw-bg-opacity, 1));
}
.bg-success\/10{
  background-color: hsl(var(--heroui-success) / 0.1);
}
.bg-success\/20{
  background-color: hsl(var(--heroui-success) / 0.2);
}
.bg-transparent{
  background-color: transparent;
}
.bg-violet-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.bg-violet-400{
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
}
.bg-violet-400\/15{
  background-color: rgb(167 139 250 / 0.15);
}
.bg-violet-400\/\[0\.06\]{
  background-color: rgb(167 139 250 / 0.06);
}
.bg-violet-50{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.bg-violet-50\/70{
  background-color: rgb(245 243 255 / 0.7);
}
.bg-violet-500{
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.bg-violet-500\/10{
  background-color: rgb(139 92 246 / 0.1);
}
.bg-violet-500\/15{
  background-color: rgb(139 92 246 / 0.15);
}
.bg-violet-500\/20{
  background-color: rgb(139 92 246 / 0.2);
}
.bg-violet-500\/30{
  background-color: rgb(139 92 246 / 0.3);
}
.bg-violet-500\/85{
  background-color: rgb(139 92 246 / 0.85);
}
.bg-violet-600{
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
}
.bg-violet-600\/20{
  background-color: rgb(124 58 237 / 0.2);
}
.bg-violet-600\/80{
  background-color: rgb(124 58 237 / 0.8);
}
.bg-violet-600\/90{
  background-color: rgb(124 58 237 / 0.9);
}
.bg-warning{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}
.bg-warning-100{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-100) / var(--tw-bg-opacity, 1));
}
.bg-warning-400{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-400) / var(--tw-bg-opacity, 1));
}
.bg-warning-50{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-50) / var(--tw-bg-opacity, 1));
}
.bg-warning\/20{
  background-color: hsl(var(--heroui-warning) / 0.2);
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15{
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/30{
  background-color: rgb(255 255 255 / 0.3);
}
.bg-white\/40{
  background-color: rgb(255 255 255 / 0.4);
}
.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/50{
  background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/60{
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/70{
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/85{
  background-color: rgb(255 255 255 / 0.85);
}
.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/95{
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white\/\[0\.015\]{
  background-color: rgb(255 255 255 / 0.015);
}
.bg-white\/\[0\.01\]{
  background-color: rgb(255 255 255 / 0.01);
}
.bg-white\/\[0\.02\]{
  background-color: rgb(255 255 255 / 0.02);
}
.bg-white\/\[0\.035\]{
  background-color: rgb(255 255 255 / 0.035);
}
.bg-white\/\[0\.03\]{
  background-color: rgb(255 255 255 / 0.03);
}
.bg-white\/\[0\.04\]{
  background-color: rgb(255 255 255 / 0.04);
}
.bg-white\/\[0\.05\]{
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/\[0\.06\]{
  background-color: rgb(255 255 255 / 0.06);
}
.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / 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-500\/10{
  background-color: rgb(234 179 8 / 0.1);
}
.bg-yellow-500\/20{
  background-color: rgb(234 179 8 / 0.2);
}
.bg-yellow-500\/40{
  background-color: rgb(234 179 8 / 0.4);
}
.bg-zinc-100{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}
.bg-zinc-100\/80{
  background-color: rgb(244 244 245 / 0.8);
}
.bg-zinc-800{
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}
.bg-zinc-900{
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}
.bg-zinc-950\/30{
  background-color: rgb(9 9 11 / 0.3);
}
.bg-zinc-950\/50{
  background-color: rgb(9 9 11 / 0.5);
}
.bg-opacity-10{
  --tw-bg-opacity: 0.1;
}
.bg-\[radial-gradient\(circle_at_30\%_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.45\)\2c _transparent_65\%\)\]{
  background-image: radial-gradient(circle at 30% 0%, rgba(255,255,255,0.45), transparent 65%);
}
.bg-\[radial-gradient\(circle_at_top\2c rgba\(255\2c 255\2c 255\2c 0\.2\)\2c transparent_60\%\)\]{
  background-image: radial-gradient(circle at top,rgba(255,255,255,0.2),transparent 60%);
}
.bg-\[radial-gradient\(ellipse_at_center\2c _rgba\(147\2c 51\2c 234\2c 0\.2\)\2c _transparent_60\%\)\]{
  background-image: radial-gradient(ellipse at center, rgba(147,51,234,0.2), transparent 60%);
}
.bg-\[radial-gradient\(ellipse_at_center\2c rgba\(147\2c 51\2c 234\2c 0\.12\)_0\%\2c rgba\(3\2c 3\2c 5\2c 1\)_70\%\)\]{
  background-image: radial-gradient(ellipse at center,rgba(147,51,234,0.12) 0%,rgba(3,3,5,1) 70%);
}
.bg-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48cGF0dGVybiBpZD0iZ3JpZCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDE2LDE4NSwxMjksMC4xKSIgc3Ryb2tlLXdpZHRoPSIxIi8\+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIi8\+PC9zdmc\+\'\)\]{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48cGF0dGVybiBpZD0iZ3JpZCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDE2LDE4NSwxMjksMC4xKSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIi8+PC9zdmc+');
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-gradient-to-tr{
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.bg-stripe-gradient-danger{
  background-image: linear-gradient(45deg,  hsl(var(--heroui-danger-200)) 25%,  hsl(var(--heroui-danger)) 25%,  hsl(var(--heroui-danger)) 50%,  hsl(var(--heroui-danger-200)) 50%,  hsl(var(--heroui-danger-200)) 75%,  hsl(var(--heroui-danger)) 75%,  hsl(var(--heroui-danger)));
}
.bg-stripe-gradient-default{
  background-image: linear-gradient(45deg,  hsl(var(--heroui-default-200)) 25%,  hsl(var(--heroui-default-400)) 25%,  hsl(var(--heroui-default-400)) 50%,  hsl(var(--heroui-default-200)) 50%,  hsl(var(--heroui-default-200)) 75%,  hsl(var(--heroui-default-400)) 75%,  hsl(var(--heroui-default-400)));
}
.bg-stripe-gradient-primary{
  background-image: linear-gradient(45deg,  hsl(var(--heroui-primary-200)) 25%,  hsl(var(--heroui-primary)) 25%,  hsl(var(--heroui-primary)) 50%,  hsl(var(--heroui-primary-200)) 50%,  hsl(var(--heroui-primary-200)) 75%,  hsl(var(--heroui-primary)) 75%,  hsl(var(--heroui-primary)));
}
.bg-stripe-gradient-secondary{
  background-image: linear-gradient(45deg,  hsl(var(--heroui-secondary-200)) 25%,  hsl(var(--heroui-secondary)) 25%,  hsl(var(--heroui-secondary)) 50%,  hsl(var(--heroui-secondary-200)) 50%,  hsl(var(--heroui-secondary-200)) 75%,  hsl(var(--heroui-secondary)) 75%,  hsl(var(--heroui-secondary)));
}
.bg-stripe-gradient-success{
  background-image: linear-gradient(45deg,  hsl(var(--heroui-success-200)) 25%,  hsl(var(--heroui-success)) 25%,  hsl(var(--heroui-success)) 50%,  hsl(var(--heroui-success-200)) 50%,  hsl(var(--heroui-success-200)) 75%,  hsl(var(--heroui-success)) 75%,  hsl(var(--heroui-success)));
}
.bg-stripe-gradient-warning{
  background-image: linear-gradient(45deg,  hsl(var(--heroui-warning-200)) 25%,  hsl(var(--heroui-warning)) 25%,  hsl(var(--heroui-warning)) 50%,  hsl(var(--heroui-warning-200)) 50%,  hsl(var(--heroui-warning-200)) 75%,  hsl(var(--heroui-warning)) 75%,  hsl(var(--heroui-warning)));
}
.from-\[\#030305\]{
  --tw-gradient-from: #030305 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 3 5 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0a0118\]{
  --tw-gradient-from: #0a0118 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 1 24 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0a0612\]\/55{
  --tw-gradient-from: rgb(10 6 18 / 0.55) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 6 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0b0b12\]{
  --tw-gradient-from: #0b0b12 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(11 11 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#0f0a1f\]{
  --tw-gradient-from: #0f0a1f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 10 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1a0a2e\]{
  --tw-gradient-from: #1a0a2e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 10 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#5b21b6\]{
  --tw-gradient-from: #5b21b6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(91 33 182 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-300{
  --tw-gradient-from: #fcd34d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400{
  --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-50{
  --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500{
  --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500\/10{
  --tw-gradient-from: rgb(245 158 11 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-600{
  --tw-gradient-from: #d97706 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black{
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/20{
  --tw-gradient-from: rgb(0 0 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/45{
  --tw-gradient-from: rgb(0 0 0 / 0.45) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/55{
  --tw-gradient-from: rgb(0 0 0 / 0.55) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/60{
  --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/70{
  --tw-gradient-from: rgb(0 0 0 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/75{
  --tw-gradient-from: rgb(0 0 0 / 0.75) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/80{
  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/90{
  --tw-gradient-from: rgb(0 0 0 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.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);
}
.from-blue-500\/10{
  --tw-gradient-from: rgb(59 130 246 / 0.1) 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);
}
.from-blue-500\/20{
  --tw-gradient-from: rgb(59 130 246 / 0.2) 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);
}
.from-blue-600{
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-900\/70{
  --tw-gradient-from: rgb(30 58 138 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-100{
  --tw-gradient-from: #cffafe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(207 250 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-400{
  --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500\/25{
  --tw-gradient-from: rgb(6 182 212 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-100{
  --tw-gradient-from: #d1fae5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500{
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500\/10{
  --tw-gradient-from: rgb(16 185 129 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-600{
  --tw-gradient-from: #059669 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-600\/20{
  --tw-gradient-from: rgb(5 150 105 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-500{
  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-600{
  --tw-gradient-from: #c026d3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 38 211 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-950\/60{
  --tw-gradient-from: rgb(74 4 78 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 4 78 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-100{
  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-50{
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-500{
  --tw-gradient-from: #6b7280 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-700{
  --tw-gradient-from: #374151 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900{
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900\/80{
  --tw-gradient-from: rgb(17 24 39 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900\/90{
  --tw-gradient-from: rgb(17 24 39 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900\/95{
  --tw-gradient-from: rgb(17 24 39 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-950{
  --tw-gradient-from: #030712 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 7 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-400{
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500{
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500\/20{
  --tw-gradient-from: rgb(34 197 94 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-600{
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500{
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500\/10{
  --tw-gradient-from: rgb(99 102 241 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-600{
  --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-lime-500{
  --tw-gradient-from: #84cc16 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(132 204 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-400{
  --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500{
  --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500\/10{
  --tw-gradient-from: rgb(249 115 22 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-500{
  --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-600\/20{
  --tw-gradient-from: rgb(219 39 119 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-50{
  --tw-gradient-from: hsl(var(--heroui-primary-50) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--heroui-primary-50) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-100{
  --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-400{
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-50{
  --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-50\/80{
  --tw-gradient-from: rgb(250 245 255 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500{
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/10{
  --tw-gradient-from: rgb(168 85 247 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/15{
  --tw-gradient-from: rgb(168 85 247 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/20{
  --tw-gradient-from: rgb(168 85 247 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/30{
  --tw-gradient-from: rgb(168 85 247 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/5{
  --tw-gradient-from: rgb(168 85 247 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/60{
  --tw-gradient-from: rgb(168 85 247 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600{
  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600\/15{
  --tw-gradient-from: rgb(147 51 234 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600\/20{
  --tw-gradient-from: rgb(147 51 234 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600\/30{
  --tw-gradient-from: rgb(147 51 234 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600\/35{
  --tw-gradient-from: rgb(147 51 234 / 0.35) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600\/40{
  --tw-gradient-from: rgb(147 51 234 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600\/80{
  --tw-gradient-from: rgb(147 51 234 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600\/90{
  --tw-gradient-from: rgb(147 51 234 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900{
  --tw-gradient-from: #581c87 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/20{
  --tw-gradient-from: rgb(88 28 135 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/30{
  --tw-gradient-from: rgb(88 28 135 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/50{
  --tw-gradient-from: rgb(88 28 135 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/70{
  --tw-gradient-from: rgb(88 28 135 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/80{
  --tw-gradient-from: rgb(88 28 135 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/90{
  --tw-gradient-from: rgb(88 28 135 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-950\/40{
  --tw-gradient-from: rgb(59 7 100 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-950\/60{
  --tw-gradient-from: rgb(59 7 100 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500{
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-600{
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-700{
  --tw-gradient-from: #334155 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-800{
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-950{
  --tw-gradient-from: #020617 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-100{
  --tw-gradient-from: #ede9fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(237 233 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-400{
  --tw-gradient-from: #a78bfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500{
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/15{
  --tw-gradient-from: rgb(139 92 246 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/25{
  --tw-gradient-from: rgb(139 92 246 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/5{
  --tw-gradient-from: rgb(139 92 246 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-600{
  --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white{
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/10{
  --tw-gradient-from: rgb(255 255 255 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/50{
  --tw-gradient-from: rgb(255 255 255 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/55{
  --tw-gradient-from: rgb(255 255 255 / 0.55) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/60{
  --tw-gradient-from: rgb(255 255 255 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/95{
  --tw-gradient-from: rgb(255 255 255 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/\[0\.08\]{
  --tw-gradient-from: rgb(255 255 255 / 0.08) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-400{
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-500{
  --tw-gradient-from: #eab308 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-500\/20{
  --tw-gradient-from: rgb(234 179 8 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#0a0612\]{
  --tw-gradient-to: rgb(10 6 18 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0a0612 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#0a0612\]\/20{
  --tw-gradient-to: rgb(10 6 18 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(10 6 18 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#0a0612\]\/25{
  --tw-gradient-to: rgb(10 6 18 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(10 6 18 / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#0f0724\]{
  --tw-gradient-to: rgb(15 7 36 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f0724 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#7c3aed\]{
  --tw-gradient-to: rgb(124 58 237 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/0{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/20{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/25{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/40{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/5{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/60{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/70{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/75{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.75) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/90{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/95{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-50{
  --tw-gradient-to: rgb(239 246 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-900{
  --tw-gradient-to: rgb(30 58 138 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-400{
  --tw-gradient-to: rgb(52 211 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #34d399 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-fuchsia-400{
  --tw-gradient-to: rgb(232 121 249 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #e879f9 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-fuchsia-400\/20{
  --tw-gradient-to: rgb(232 121 249 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(232 121 249 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-fuchsia-500{
  --tw-gradient-to: rgb(217 70 239 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d946ef var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-fuchsia-500\/10{
  --tw-gradient-to: rgb(217 70 239 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(217 70 239 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-fuchsia-500\/20{
  --tw-gradient-to: rgb(217 70 239 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(217 70 239 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-fuchsia-600{
  --tw-gradient-to: rgb(192 38 211 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #c026d3 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-fuchsia-900\/20{
  --tw-gradient-to: rgb(112 26 117 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(112 26 117 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-400\/50{
  --tw-gradient-to: rgb(156 163 175 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(156 163 175 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-50{
  --tw-gradient-to: rgb(249 250 251 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-50\/95{
  --tw-gradient-to: rgb(249 250 251 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(249 250 251 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-700\/60{
  --tw-gradient-to: rgb(55 65 81 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(55 65 81 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-900{
  --tw-gradient-to: rgb(17 24 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-green-900\/20{
  --tw-gradient-to: rgb(20 83 45 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(20 83 45 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-50{
  --tw-gradient-to: rgb(238 242 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-600{
  --tw-gradient-to: rgb(79 70 229 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-900\/20{
  --tw-gradient-to: rgb(49 46 129 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(49 46 129 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-900\/90{
  --tw-gradient-to: rgb(49 46 129 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(49 46 129 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-500{
  --tw-gradient-to: rgb(249 115 22 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-50{
  --tw-gradient-to: rgb(253 242 248 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-500{
  --tw-gradient-to: rgb(236 72 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-500\/10{
  --tw-gradient-to: rgb(236 72 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(236 72 153 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-500\/40{
  --tw-gradient-to: rgb(236 72 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(236 72 153 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-600{
  --tw-gradient-to: rgb(219 39 119 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #db2777 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-900\/50{
  --tw-gradient-to: rgb(131 24 67 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(131 24 67 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-100{
  --tw-gradient-to: rgb(243 232 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f3e8ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-200{
  --tw-gradient-to: rgb(233 213 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #e9d5ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-50\/50{
  --tw-gradient-to: rgb(250 245 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(250 245 255 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500\/20{
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500\/5{
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500\/50{
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-700{
  --tw-gradient-to: rgb(126 34 206 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #7e22ce var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-800{
  --tw-gradient-to: rgb(107 33 168 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6b21a8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-900\/20{
  --tw-gradient-to: rgb(88 28 135 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(88 28 135 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-900\/30{
  --tw-gradient-to: rgb(88 28 135 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(88 28 135 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-900\/50{
  --tw-gradient-to: rgb(88 28 135 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(88 28 135 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-950\/20{
  --tw-gradient-to: rgb(59 7 100 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(59 7 100 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-950\/40{
  --tw-gradient-to: rgb(59 7 100 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(59 7 100 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/10{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/15{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/20{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/40{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/70{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/75{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.75) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#030305\]{
  --tw-gradient-to: #030305 var(--tw-gradient-to-position);
}
.to-\[\#040208\]{
  --tw-gradient-to: #040208 var(--tw-gradient-to-position);
}
.to-\[\#0a0612\]\/0{
  --tw-gradient-to: rgb(10 6 18 / 0) var(--tw-gradient-to-position);
}
.to-\[\#1a0a2e\]{
  --tw-gradient-to: #1a0a2e var(--tw-gradient-to-position);
}
.to-\[\#1a1030\]{
  --tw-gradient-to: #1a1030 var(--tw-gradient-to-position);
}
.to-\[\#ec4899\]{
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}
.to-\[\#fbfbfd\]{
  --tw-gradient-to: #fbfbfd var(--tw-gradient-to-position);
}
.to-amber-500{
  --tw-gradient-to: #f59e0b var(--tw-gradient-to-position);
}
.to-amber-500\/20{
  --tw-gradient-to: rgb(245 158 11 / 0.2) var(--tw-gradient-to-position);
}
.to-black{
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-black\/15{
  --tw-gradient-to: rgb(0 0 0 / 0.15) var(--tw-gradient-to-position);
}
.to-black\/20{
  --tw-gradient-to: rgb(0 0 0 / 0.2) var(--tw-gradient-to-position);
}
.to-black\/35{
  --tw-gradient-to: rgb(0 0 0 / 0.35) var(--tw-gradient-to-position);
}
.to-black\/45{
  --tw-gradient-to: rgb(0 0 0 / 0.45) var(--tw-gradient-to-position);
}
.to-black\/90{
  --tw-gradient-to: rgb(0 0 0 / 0.9) var(--tw-gradient-to-position);
}
.to-blue-100{
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.to-blue-50{
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}
.to-blue-500{
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.to-blue-500\/25{
  --tw-gradient-to: rgb(59 130 246 / 0.25) var(--tw-gradient-to-position);
}
.to-blue-500\/5{
  --tw-gradient-to: rgb(59 130 246 / 0.05) var(--tw-gradient-to-position);
}
.to-blue-600{
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-blue-600\/0{
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
}
.to-blue-600\/10{
  --tw-gradient-to: rgb(37 99 235 / 0.1) var(--tw-gradient-to-position);
}
.to-blue-600\/20{
  --tw-gradient-to: rgb(37 99 235 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-900\/20{
  --tw-gradient-to: rgb(30 58 138 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-900\/90{
  --tw-gradient-to: rgb(30 58 138 / 0.9) var(--tw-gradient-to-position);
}
.to-current{
  --tw-gradient-to: currentColor var(--tw-gradient-to-position);
}
.to-cyan-300{
  --tw-gradient-to: #67e8f9 var(--tw-gradient-to-position);
}
.to-cyan-500{
  --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
}
.to-cyan-600{
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}
.to-cyan-900\/70{
  --tw-gradient-to: rgb(22 78 99 / 0.7) var(--tw-gradient-to-position);
}
.to-danger{
  --tw-gradient-to: hsl(var(--heroui-danger) / 1) var(--tw-gradient-to-position);
}
.to-default{
  --tw-gradient-to: hsl(var(--heroui-default) / 1) var(--tw-gradient-to-position);
}
.to-emerald-300{
  --tw-gradient-to: #6ee7b7 var(--tw-gradient-to-position);
}
.to-emerald-500{
  --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
}
.to-emerald-500\/20{
  --tw-gradient-to: rgb(16 185 129 / 0.2) var(--tw-gradient-to-position);
}
.to-emerald-600{
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}
.to-emerald-600\/10{
  --tw-gradient-to: rgb(5 150 105 / 0.1) var(--tw-gradient-to-position);
}
.to-fuchsia-500{
  --tw-gradient-to: #d946ef var(--tw-gradient-to-position);
}
.to-fuchsia-500\/5{
  --tw-gradient-to: rgb(217 70 239 / 0.05) var(--tw-gradient-to-position);
}
.to-fuchsia-600{
  --tw-gradient-to: #c026d3 var(--tw-gradient-to-position);
}
.to-fuchsia-950\/60{
  --tw-gradient-to: rgb(74 4 78 / 0.6) var(--tw-gradient-to-position);
}
.to-gray-100{
  --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
}
.to-gray-200{
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}
.to-gray-50{
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}
.to-gray-600{
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}
.to-gray-800{
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}
.to-gray-900{
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.to-gray-900\/60{
  --tw-gradient-to: rgb(17 24 39 / 0.6) var(--tw-gradient-to-position);
}
.to-gray-900\/95{
  --tw-gradient-to: rgb(17 24 39 / 0.95) var(--tw-gradient-to-position);
}
.to-green-400{
  --tw-gradient-to: #4ade80 var(--tw-gradient-to-position);
}
.to-green-500{
  --tw-gradient-to: #22c55e var(--tw-gradient-to-position);
}
.to-green-600{
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}
.to-indigo-500{
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}
.to-indigo-500\/20{
  --tw-gradient-to: rgb(99 102 241 / 0.2) var(--tw-gradient-to-position);
}
.to-indigo-600{
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.to-indigo-900{
  --tw-gradient-to: #312e81 var(--tw-gradient-to-position);
}
.to-indigo-900\/80{
  --tw-gradient-to: rgb(49 46 129 / 0.8) var(--tw-gradient-to-position);
}
.to-lime-500{
  --tw-gradient-to: #84cc16 var(--tw-gradient-to-position);
}
.to-orange-50{
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}
.to-orange-500{
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}
.to-orange-500\/10{
  --tw-gradient-to: rgb(249 115 22 / 0.1) var(--tw-gradient-to-position);
}
.to-orange-600{
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}
.to-pink-100{
  --tw-gradient-to: #fce7f3 var(--tw-gradient-to-position);
}
.to-pink-400{
  --tw-gradient-to: #f472b6 var(--tw-gradient-to-position);
}
.to-pink-50{
  --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);
}
.to-pink-50\/80{
  --tw-gradient-to: rgb(253 242 248 / 0.8) var(--tw-gradient-to-position);
}
.to-pink-500{
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}
.to-pink-500\/10{
  --tw-gradient-to: rgb(236 72 153 / 0.1) var(--tw-gradient-to-position);
}
.to-pink-500\/15{
  --tw-gradient-to: rgb(236 72 153 / 0.15) var(--tw-gradient-to-position);
}
.to-pink-500\/20{
  --tw-gradient-to: rgb(236 72 153 / 0.2) var(--tw-gradient-to-position);
}
.to-pink-500\/30{
  --tw-gradient-to: rgb(236 72 153 / 0.3) var(--tw-gradient-to-position);
}
.to-pink-500\/5{
  --tw-gradient-to: rgb(236 72 153 / 0.05) var(--tw-gradient-to-position);
}
.to-pink-600{
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
}
.to-pink-600\/10{
  --tw-gradient-to: rgb(219 39 119 / 0.1) var(--tw-gradient-to-position);
}
.to-pink-600\/20{
  --tw-gradient-to: rgb(219 39 119 / 0.2) var(--tw-gradient-to-position);
}
.to-pink-600\/30{
  --tw-gradient-to: rgb(219 39 119 / 0.3) var(--tw-gradient-to-position);
}
.to-pink-600\/35{
  --tw-gradient-to: rgb(219 39 119 / 0.35) var(--tw-gradient-to-position);
}
.to-pink-600\/40{
  --tw-gradient-to: rgb(219 39 119 / 0.4) var(--tw-gradient-to-position);
}
.to-pink-600\/80{
  --tw-gradient-to: rgb(219 39 119 / 0.8) var(--tw-gradient-to-position);
}
.to-pink-600\/90{
  --tw-gradient-to: rgb(219 39 119 / 0.9) var(--tw-gradient-to-position);
}
.to-pink-900{
  --tw-gradient-to: #831843 var(--tw-gradient-to-position);
}
.to-pink-900\/20{
  --tw-gradient-to: rgb(131 24 67 / 0.2) var(--tw-gradient-to-position);
}
.to-pink-900\/30{
  --tw-gradient-to: rgb(131 24 67 / 0.3) var(--tw-gradient-to-position);
}
.to-pink-900\/50{
  --tw-gradient-to: rgb(131 24 67 / 0.5) var(--tw-gradient-to-position);
}
.to-pink-900\/70{
  --tw-gradient-to: rgb(131 24 67 / 0.7) var(--tw-gradient-to-position);
}
.to-pink-950\/40{
  --tw-gradient-to: rgb(80 7 36 / 0.4) var(--tw-gradient-to-position);
}
.to-primary{
  --tw-gradient-to: hsl(var(--heroui-primary) / 1) var(--tw-gradient-to-position);
}
.to-primary-100{
  --tw-gradient-to: hsl(var(--heroui-primary-100) / 1) var(--tw-gradient-to-position);
}
.to-purple-200{
  --tw-gradient-to: #e9d5ff var(--tw-gradient-to-position);
}
.to-purple-50{
  --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);
}
.to-purple-500{
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
  --tw-gradient-to: rgb(168 85 247 / 0.1) var(--tw-gradient-to-position);
}
.to-purple-500\/20{
  --tw-gradient-to: rgb(168 85 247 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-600{
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-purple-600\/10{
  --tw-gradient-to: rgb(147 51 234 / 0.1) var(--tw-gradient-to-position);
}
.to-purple-600\/30{
  --tw-gradient-to: rgb(147 51 234 / 0.3) var(--tw-gradient-to-position);
}
.to-purple-700{
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}
.to-purple-950\/60{
  --tw-gradient-to: rgb(59 7 100 / 0.6) var(--tw-gradient-to-position);
}
.to-red-500{
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
}
.to-red-600\/10{
  --tw-gradient-to: rgb(220 38 38 / 0.1) var(--tw-gradient-to-position);
}
.to-red-700{
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}
.to-rose-500{
  --tw-gradient-to: #f43f5e var(--tw-gradient-to-position);
}
.to-rose-600{
  --tw-gradient-to: #e11d48 var(--tw-gradient-to-position);
}
.to-secondary{
  --tw-gradient-to: hsl(var(--heroui-secondary) / 1) var(--tw-gradient-to-position);
}
.to-slate-800{
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}
.to-slate-900{
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}
.to-slate-950{
  --tw-gradient-to: #020617 var(--tw-gradient-to-position);
}
.to-success{
  --tw-gradient-to: hsl(var(--heroui-success) / 1) var(--tw-gradient-to-position);
}
.to-teal-500{
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}
.to-teal-600{
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-violet-100{
  --tw-gradient-to: #ede9fe var(--tw-gradient-to-position);
}
.to-violet-400{
  --tw-gradient-to: #a78bfa var(--tw-gradient-to-position);
}
.to-violet-500\/25{
  --tw-gradient-to: rgb(139 92 246 / 0.25) var(--tw-gradient-to-position);
}
.to-violet-600{
  --tw-gradient-to: #7c3aed var(--tw-gradient-to-position);
}
.to-warning{
  --tw-gradient-to: hsl(var(--heroui-warning) / 1) var(--tw-gradient-to-position);
}
.to-white{
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-white\/0{
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
}
.to-white\/20{
  --tw-gradient-to: rgb(255 255 255 / 0.2) var(--tw-gradient-to-position);
}
.to-white\/40{
  --tw-gradient-to: rgb(255 255 255 / 0.4) var(--tw-gradient-to-position);
}
.to-white\/5{
  --tw-gradient-to: rgb(255 255 255 / 0.05) var(--tw-gradient-to-position);
}
.to-white\/95{
  --tw-gradient-to: rgb(255 255 255 / 0.95) var(--tw-gradient-to-position);
}
.to-white\/\[0\.02\]{
  --tw-gradient-to: rgb(255 255 255 / 0.02) var(--tw-gradient-to-position);
}
.to-yellow-500{
  --tw-gradient-to: #eab308 var(--tw-gradient-to-position);
}
.to-yellow-600{
  --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position);
}
.bg-stripe-size{
  background-size: 1.25rem 1.25rem;
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.fill-amber-400{
  fill: #fbbf24;
}
.fill-current{
  fill: currentColor;
}
.fill-white{
  fill: #fff;
}
.stroke-current{
  stroke: currentColor;
}
.stroke-default-300\/50{
  stroke: hsl(var(--heroui-default-300) / 0.5);
}
.object-contain{
  object-fit: contain;
}
.object-cover{
  object-fit: cover;
}
.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-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-7{
  padding: 1.75rem;
}
.p-8{
  padding: 2rem;
}
.p-\[2px\]{
  padding: 2px;
}
.\!px-1{
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.\!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-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!py-1\.5{
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.\!py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.\!py-2\.5{
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.\!py-4{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.\!py-5{
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9{
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.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-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.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-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-32{
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.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-9{
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-\[15px\]{
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}
.\!pb-0{
  padding-bottom: 0px !important;
}
.\!pl-8{
  padding-left: 2rem !important;
}
.\!pl-9{
  padding-left: 2.25rem !important;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-0\.5{
  padding-bottom: 0.125rem;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-2\.5{
  padding-bottom: 0.625rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-24{
  padding-bottom: 6rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-3\.5{
  padding-bottom: 0.875rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\]{
  padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
}
.pb-\[env\(safe-area-inset-bottom\)\]{
  padding-bottom: env(safe-area-inset-bottom);
}
.pe-2{
  padding-inline-end: 0.5rem;
}
.pe-6{
  padding-inline-end: 1.5rem;
}
.pl-0\.5{
  padding-left: 0.125rem;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-1\.5{
  padding-left: 0.375rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-11{
  padding-left: 2.75rem;
}
.pl-12{
  padding-left: 3rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-3\.5{
  padding-left: 0.875rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-9{
  padding-left: 2.25rem;
}
.pl-\[1px\]{
  padding-left: 1px;
}
.pr-0\.5{
  padding-right: 0.125rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-2\.5{
  padding-right: 0.625rem;
}
.pr-20{
  padding-right: 5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-9{
  padding-right: 2.25rem;
}
.ps-1{
  padding-inline-start: 0.25rem;
}
.ps-2{
  padding-inline-start: 0.5rem;
}
.pt-0{
  padding-top: 0px;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-24{
  padding-top: 6rem;
}
.pt-28{
  padding-top: 7rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-3\.5{
  padding-top: 0.875rem;
}
.pt-32{
  padding-top: 8rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-8{
  padding-top: 2rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-start{
  text-align: start;
}
.text-end{
  text-align: end;
}
.align-top{
  vertical-align: top;
}
.align-middle{
  vertical-align: middle;
}
.\!font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}
.\!text-\[10\.5px\]{
  font-size: 10.5px !important;
}
.\!text-\[10px\]{
  font-size: 10px !important;
}
.\!text-\[11px\]{
  font-size: 11px !important;
}
.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.\!text-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !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-\[0\.55rem\]{
  font-size: 0.55rem;
}
.text-\[0\.5rem\]{
  font-size: 0.5rem;
}
.text-\[0\.6rem\]{
  font-size: 0.6rem;
}
.text-\[10\.5px\]{
  font-size: 10.5px;
}
.text-\[100\%\]{
  font-size: 100%;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11\.5px\]{
  font-size: 11.5px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12\.5px\]{
  font-size: 12.5px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13\.5px\]{
  font-size: 13.5px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14\.5px\]{
  font-size: 14.5px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[15\.5px\]{
  font-size: 15.5px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-\[19px\]{
  font-size: 19px;
}
.text-\[2\.5rem\]{
  font-size: 2.5rem;
}
.text-\[20px\]{
  font-size: 20px;
}
.text-\[22px\]{
  font-size: 22px;
}
.text-\[7px\]{
  font-size: 7px;
}
.text-\[8px\]{
  font-size: 8px;
}
.text-\[9\.5px\]{
  font-size: 9.5px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-\[clamp\(10px\2c 2\.6vw\2c 12px\)\]{
  font-size: clamp(10px,2.6vw,12px);
}
.text-\[clamp\(4\.5rem\2c 16vw\2c 11rem\)\]{
  font-size: clamp(4.5rem,16vw,11rem);
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-extralight{
  font-weight: 200;
}
.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;
}
.normal-case{
  text-transform: none;
}
.italic{
  font-style: italic;
}
.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-5{
  line-height: 1.25rem;
}
.leading-\[0\.98\]{
  line-height: 0.98;
}
.leading-\[1\.15\]{
  line-height: 1.15;
}
.leading-\[1\.1\]{
  line-height: 1.1;
}
.leading-\[1\.65\]{
  line-height: 1.65;
}
.leading-\[32px\]{
  line-height: 32px;
}
.leading-none{
  line-height: 1;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[-0\.011em\]{
  letter-spacing: -0.011em;
}
.tracking-\[-0\.01em\]{
  letter-spacing: -0.01em;
}
.tracking-\[0\.02em\]{
  letter-spacing: 0.02em;
}
.tracking-\[0\.06em\]{
  letter-spacing: 0.06em;
}
.tracking-\[0\.12em\]{
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\]{
  letter-spacing: 0.14em;
}
.tracking-\[0\.15em\]{
  letter-spacing: 0.15em;
}
.tracking-\[0\.16em\]{
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\]{
  letter-spacing: 0.18em;
}
.tracking-\[0\.25em\]{
  letter-spacing: 0.25em;
}
.tracking-\[0\.28em\]{
  letter-spacing: 0.28em;
}
.tracking-\[0\.2em\]{
  letter-spacing: 0.2em;
}
.tracking-\[0\.3em\]{
  letter-spacing: 0.3em;
}
.tracking-\[0\.4em\]{
  letter-spacing: 0.4em;
}
.tracking-\[0\.5em\]{
  letter-spacing: 0.5em;
}
.tracking-normal{
  letter-spacing: 0em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-tighter{
  letter-spacing: -0.05em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.\!text-amber-300{
  --tw-text-opacity: 1 !important;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1)) !important;
}
.\!text-blue-300{
  --tw-text-opacity: 1 !important;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1)) !important;
}
.\!text-danger{
  --tw-text-opacity: 1 !important;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-400{
  --tw-text-opacity: 1 !important;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#6d28d9\]{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-\[\#c084fc\]{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.text-\[var\(--pv-ink\)\]{
  color: var(--pv-ink);
}
.text-\[var\(--pv-ink\2c \#f5f5f7\)\]{
  color: var(--pv-ink,#f5f5f7);
}
.text-\[var\(--pv-ink-2\)\]{
  color: var(--pv-ink-2);
}
.text-\[var\(--pv-ink-2\2c rgba\(245\2c 245\2c 247\2c 0\.66\)\)\]{
  color: var(--pv-ink-2,rgba(245,245,247,0.66));
}
.text-amber-100{
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.text-amber-100\/70{
  color: rgb(254 243 199 / 0.7);
}
.text-amber-200{
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.text-amber-200\/50{
  color: rgb(253 230 138 / 0.5);
}
.text-amber-200\/60{
  color: rgb(253 230 138 / 0.6);
}
.text-amber-200\/75{
  color: rgb(253 230 138 / 0.75);
}
.text-amber-200\/80{
  color: rgb(253 230 138 / 0.8);
}
.text-amber-200\/90{
  color: rgb(253 230 138 / 0.9);
}
.text-amber-300{
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.text-amber-300\/80{
  color: rgb(252 211 77 / 0.8);
}
.text-amber-400{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-amber-400\/80{
  color: rgb(251 191 36 / 0.8);
}
.text-amber-50{
  --tw-text-opacity: 1;
  color: rgb(255 251 235 / 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-600\/70{
  color: rgb(217 119 6 / 0.7);
}
.text-amber-600\/80{
  color: rgb(217 119 6 / 0.8);
}
.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-700\/70{
  color: rgb(180 83 9 / 0.7);
}
.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-800\/90{
  color: rgb(146 64 14 / 0.9);
}
.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-background{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-background) / var(--tw-text-opacity, 1));
}
.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-200\/80{
  color: rgb(191 219 254 / 0.8);
}
.text-blue-300{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 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-current{
  color: currentColor;
}
.text-cyan-300{
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}
.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-danger{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}
.text-danger-300{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-300) / var(--tw-text-opacity, 1));
}
.text-danger-400{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-400) / var(--tw-text-opacity, 1));
}
.text-danger-500{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-500) / var(--tw-text-opacity, 1));
}
.text-danger-600{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-600) / var(--tw-text-opacity, 1));
}
.text-danger-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-foreground) / var(--tw-text-opacity, 1));
}
.text-danger\/80{
  color: hsl(var(--heroui-danger) / 0.8);
}
.text-default{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default) / var(--tw-text-opacity, 1));
}
.text-default-300{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-300) / var(--tw-text-opacity, 1));
}
.text-default-400{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-400) / var(--tw-text-opacity, 1));
}
.text-default-500{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-500) / var(--tw-text-opacity, 1));
}
.text-default-600{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-600) / var(--tw-text-opacity, 1));
}
.text-default-700{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-700) / var(--tw-text-opacity, 1));
}
.text-default-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-foreground) / var(--tw-text-opacity, 1));
}
.text-emerald-200{
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.text-emerald-300{
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-400{
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-emerald-400\/70{
  color: rgb(52 211 153 / 0.7);
}
.text-emerald-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-500\/60{
  color: rgb(16 185 129 / 0.6);
}
.text-emerald-600{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground) / var(--tw-text-opacity, 1));
}
.text-foreground-400{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground-400) / var(--tw-text-opacity, 1));
}
.text-foreground-500{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground-500) / var(--tw-text-opacity, 1));
}
.text-foreground-600{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground-600) / var(--tw-text-opacity, 1));
}
.text-foreground\/50{
  color: hsl(var(--heroui-foreground) / 0.5);
}
.text-fuchsia-300\/90{
  color: rgb(240 171 252 / 0.9);
}
.text-fuchsia-400{
  --tw-text-opacity: 1;
  color: rgb(232 121 249 / var(--tw-text-opacity, 1));
}
.text-fuchsia-500{
  --tw-text-opacity: 1;
  color: rgb(217 70 239 / var(--tw-text-opacity, 1));
}
.text-fuchsia-600{
  --tw-text-opacity: 1;
  color: rgb(192 38 211 / var(--tw-text-opacity, 1));
}
.text-gray-100{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.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-300{
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 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-green-900{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.text-indigo-300{
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.text-indigo-300\/50{
  color: rgb(165 180 252 / 0.5);
}
.text-indigo-700{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-inherit{
  color: inherit;
}
.text-neutral-100{
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity, 1));
}
.text-neutral-200{
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
}
.text-neutral-300{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
}
.text-neutral-400{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.text-neutral-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-neutral-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}
.text-neutral-700{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}
.text-neutral-800{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.text-neutral-900{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}
.text-orange-300{
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / 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-pink-200{
  --tw-text-opacity: 1;
  color: rgb(251 207 232 / var(--tw-text-opacity, 1));
}
.text-pink-300{
  --tw-text-opacity: 1;
  color: rgb(249 168 212 / var(--tw-text-opacity, 1));
}
.text-pink-400{
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.text-pink-400\/20{
  color: rgb(244 114 182 / 0.2);
}
.text-pink-500{
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.text-pink-600{
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}
.text-pink-700{
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}
.text-primary{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary) / var(--tw-text-opacity, 1));
}
.text-primary-300{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-300) / var(--tw-text-opacity, 1));
}
.text-primary-400{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-400) / var(--tw-text-opacity, 1));
}
.text-primary-500{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-500) / var(--tw-text-opacity, 1));
}
.text-primary-600{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-600) / var(--tw-text-opacity, 1));
}
.text-primary-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-foreground) / var(--tw-text-opacity, 1));
}
.text-primary\/80{
  color: hsl(var(--heroui-primary) / 0.8);
}
.text-purple-100{
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}
.text-purple-200{
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}
.text-purple-200\/60{
  color: rgb(233 213 255 / 0.6);
}
.text-purple-300{
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.text-purple-400{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.text-purple-400\/20{
  color: rgb(192 132 252 / 0.2);
}
.text-purple-400\/80{
  color: rgb(192 132 252 / 0.8);
}
.text-purple-500{
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.text-purple-500\/50{
  color: rgb(168 85 247 / 0.5);
}
.text-purple-600{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-purple-600\/80{
  color: rgb(147 51 234 / 0.8);
}
.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-100{
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.text-red-100\/70{
  color: rgb(254 226 226 / 0.7);
}
.text-red-100\/80{
  color: rgb(254 226 226 / 0.8);
}
.text-red-200{
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.text-red-200\/70{
  color: rgb(254 202 202 / 0.7);
}
.text-red-200\/80{
  color: rgb(254 202 202 / 0.8);
}
.text-red-300{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-400\/50{
  color: rgb(248 113 113 / 0.5);
}
.text-red-400\/80{
  color: rgb(248 113 113 / 0.8);
}
.text-red-50{
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-500\/50{
  color: rgb(239 68 68 / 0.5);
}
.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-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-rose-300{
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}
.text-rose-400{
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}
.text-rose-500{
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.text-rose-600{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-rose-700{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-secondary{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary) / var(--tw-text-opacity, 1));
}
.text-secondary-300{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-300) / var(--tw-text-opacity, 1));
}
.text-secondary-400{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-400) / var(--tw-text-opacity, 1));
}
.text-secondary-500{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-500) / var(--tw-text-opacity, 1));
}
.text-secondary-600{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-600) / var(--tw-text-opacity, 1));
}
.text-secondary-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-foreground) / var(--tw-text-opacity, 1));
}
.text-secondary\/80{
  color: hsl(var(--heroui-secondary) / 0.8);
}
.text-sky-200{
  --tw-text-opacity: 1;
  color: rgb(186 230 253 / var(--tw-text-opacity, 1));
}
.text-sky-300{
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}
.text-sky-400{
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}
.text-sky-700{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-success{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success) / var(--tw-text-opacity, 1));
}
.text-success-400{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-400) / var(--tw-text-opacity, 1));
}
.text-success-500{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-500) / var(--tw-text-opacity, 1));
}
.text-success-600{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-600) / var(--tw-text-opacity, 1));
}
.text-success-700{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-700) / var(--tw-text-opacity, 1));
}
.text-success-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}
.text-success\/80{
  color: hsl(var(--heroui-success) / 0.8);
}
.text-teal-400{
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}
.text-transparent{
  color: transparent;
}
.text-violet-200{
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity, 1));
}
.text-violet-300{
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}
.text-violet-300\/70{
  color: rgb(196 181 253 / 0.7);
}
.text-violet-400{
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.text-violet-500{
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
.text-violet-600{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.text-violet-700{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-violet-900{
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}
.text-warning{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning) / var(--tw-text-opacity, 1));
}
.text-warning-400{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-400) / var(--tw-text-opacity, 1));
}
.text-warning-500{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-500) / var(--tw-text-opacity, 1));
}
.text-warning-600{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-600) / var(--tw-text-opacity, 1));
}
.text-warning-700{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-700) / var(--tw-text-opacity, 1));
}
.text-warning-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-foreground) / var(--tw-text-opacity, 1));
}
.text-warning\/80{
  color: hsl(var(--heroui-warning) / 0.8);
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/15{
  color: rgb(255 255 255 / 0.15);
}
.text-white\/20{
  color: rgb(255 255 255 / 0.2);
}
.text-white\/25{
  color: rgb(255 255 255 / 0.25);
}
.text-white\/30{
  color: rgb(255 255 255 / 0.3);
}
.text-white\/35{
  color: rgb(255 255 255 / 0.35);
}
.text-white\/40{
  color: rgb(255 255 255 / 0.4);
}
.text-white\/45{
  color: rgb(255 255 255 / 0.45);
}
.text-white\/50{
  color: rgb(255 255 255 / 0.5);
}
.text-white\/55{
  color: rgb(255 255 255 / 0.55);
}
.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}
.text-white\/65{
  color: rgb(255 255 255 / 0.65);
}
.text-white\/70{
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75{
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}
.text-white\/85{
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90{
  color: rgb(255 255 255 / 0.9);
}
.text-white\/\[0\.05\]{
  color: rgb(255 255 255 / 0.05);
}
.text-yellow-200{
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}
.text-yellow-200\/80{
  color: rgb(254 240 138 / 0.8);
}
.text-yellow-300{
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.text-yellow-300\/80{
  color: rgb(253 224 71 / 0.8);
}
.text-yellow-400{
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.text-yellow-400\/80{
  color: rgb(250 204 21 / 0.8);
}
.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-yellow-900{
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}
.text-zinc-400{
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}
.text-zinc-500{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}
.text-zinc-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}
.text-zinc-700{
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
}
.text-zinc-900{
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.line-through{
  text-decoration-line: line-through;
}
.no-underline{
  text-decoration-line: none;
}
.decoration-dotted{
  text-decoration-style: dotted;
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased{
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-500::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.placeholder-red-200\/60::placeholder{
  color: rgb(254 202 202 / 0.6);
}
.placeholder-red-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(248 113 113 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-300::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(203 213 225 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.placeholder-white\/30::placeholder{
  color: rgb(255 255 255 / 0.3);
}
.placeholder-white\/35::placeholder{
  color: rgb(255 255 255 / 0.35);
}
.placeholder-white\/40::placeholder{
  color: rgb(255 255 255 / 0.4);
}
.placeholder-white\/45::placeholder{
  color: rgb(255 255 255 / 0.45);
}
.placeholder-white\/60::placeholder{
  color: rgb(255 255 255 / 0.6);
}
.placeholder-zinc-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(161 161 170 / var(--tw-placeholder-opacity, 1));
}
.accent-pink-500{
  accent-color: #ec4899;
}
.accent-purple-500{
  accent-color: #a855f7;
}
.accent-purple-600{
  accent-color: #9333ea;
}
.accent-violet-500{
  accent-color: #8b5cf6;
}
.accent-violet-600{
  accent-color: #7c3aed;
}
.opacity-0{
  opacity: 0;
}
.opacity-10{
  opacity: 0.1;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-35{
  opacity: 0.35;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-45{
  opacity: 0.45;
}
.opacity-5{
  opacity: 0.05;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-55{
  opacity: 0.55;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-65{
  opacity: 0.65;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-90{
  opacity: 0.9;
}
.opacity-95{
  opacity: 0.95;
}
.opacity-\[0\.0001\]{
  opacity: 0.0001;
}
.opacity-\[0\.05\]{
  opacity: 0.05;
}
.opacity-\[0\.35\]{
  opacity: 0.35;
}
.opacity-\[value\]{
  opacity: value;
}
.opacity-disabled{
  opacity: var(--heroui-disabled-opacity);
}
.\!shadow-\[inset_0_0_0_2px_rgba\(248\2c 113\2c 113\2c 0\.9\)\]{
  --tw-shadow: inset 0 0 0 2px rgba(248,113,113,0.9) !important;
  --tw-shadow-colored: inset 0 0 0 2px 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;
}
.\!shadow-none{
  --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;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1\.5px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]{
  --tw-shadow: 0 0 0 1.5px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 0 0 1.5px 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-\[0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]{
  --tw-shadow: 0 0 0 1px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 0 0 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-\[0_0_15px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{
  --tw-shadow: 0 0 15px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 0 15px 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-\[0_0_16px_rgba\(125\2c 211\2c 252\2c 0\.45\)\]{
  --tw-shadow: 0 0 16px rgba(125,211,252,0.45);
  --tw-shadow-colored: 0 0 16px 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-\[0_0_16px_rgba\(167\2c 139\2c 250\2c 0\.45\)\]{
  --tw-shadow: 0 0 16px rgba(167,139,250,0.45);
  --tw-shadow-colored: 0 0 16px 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-\[0_0_16px_rgba\(168\2c 85\2c 247\2c 0\.45\)\]{
  --tw-shadow: 0 0 16px rgba(168,85,247,0.45);
  --tw-shadow-colored: 0 0 16px 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-\[0_0_18px_rgba\(125\2c 211\2c 252\2c 0\.45\)\]{
  --tw-shadow: 0 0 18px rgba(125,211,252,0.45);
  --tw-shadow-colored: 0 0 18px 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-\[0_0_20px_rgba\(168\2c 85\2c 247\2c 0\.3\)\]{
  --tw-shadow: 0 0 20px rgba(168,85,247,0.3);
  --tw-shadow-colored: 0 0 20px 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-\[0_0_20px_rgba\(255\2c 255\2c 255\2c 0\.3\)\]{
  --tw-shadow: 0 0 20px rgba(255,255,255,0.3);
  --tw-shadow-colored: 0 0 20px 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-\[0_0_24px_rgba\(139\2c 92\2c 246\2c 0\.5\)\]{
  --tw-shadow: 0 0 24px rgba(139,92,246,0.5);
  --tw-shadow-colored: 0 0 24px 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-\[0_0_28px_-6px_rgba\(251\2c 191\2c 36\2c 0\.45\)\]{
  --tw-shadow: 0 0 28px -6px rgba(251,191,36,0.45);
  --tw-shadow-colored: 0 0 28px -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-\[0_0_30px_rgba\(139\2c 92\2c 246\2c 0\.18\)\]{
  --tw-shadow: 0 0 30px rgba(139,92,246,0.18);
  --tw-shadow-colored: 0 0 30px 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-\[0_0_30px_rgba\(168\2c 85\2c 247\2c 0\.2\)\]{
  --tw-shadow: 0 0 30px rgba(168,85,247,0.2);
  --tw-shadow-colored: 0 0 30px 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-\[0_10px_30px_-10px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{
  --tw-shadow: 0 10px 30px -10px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 10px 30px -10px 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-\[0_10px_50px_-10px_rgba\(0\2c 0\2c 0\2c 0\.7\)\]{
  --tw-shadow: 0 10px 50px -10px rgba(0,0,0,0.7);
  --tw-shadow-colored: 0 10px 50px -10px 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-\[0_12px_36px_-14px_rgba\(168\2c 85\2c 247\2c 0\.55\)\]{
  --tw-shadow: 0 12px 36px -14px rgba(168,85,247,0.55);
  --tw-shadow-colored: 0 12px 36px -14px 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-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow: 0 1px 0px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 1px 0px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_5px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]{
  --tw-shadow: 0 1px 5px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 1px 5px 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-\[0_24px_70px_-20px_rgba\(0\2c 0\2c 0\2c 0\.85\)\]{
  --tw-shadow: 0 24px 70px -20px rgba(0,0,0,0.85);
  --tw-shadow-colored: 0 24px 70px -20px 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-\[0_32px_64px_-16px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{
  --tw-shadow: 0 32px 64px -16px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 32px 64px -16px 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-\[0_4px_30px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  --tw-shadow: 0 4px 30px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 4px 30px 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-\[0_8px_24px_rgba\(109\2c 40\2c 217\2c 0\.35\)\]{
  --tw-shadow: 0 8px 24px rgba(109,40,217,0.35);
  --tw-shadow-colored: 0 8px 24px 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-\[0_8px_30px_rgba\(139\2c 92\2c 246\2c 0\.3\)\]{
  --tw-shadow: 0 8px 30px rgba(139,92,246,0.3);
  --tw-shadow-colored: 0 8px 30px 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-\[0_8px_30px_rgba\(139\2c 92\2c 246\2c 0\.35\)\]{
  --tw-shadow: 0 8px 30px rgba(139,92,246,0.35);
  --tw-shadow-colored: 0 8px 30px 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-\[0_8px_32px_-8px_rgba\(139\2c 92\2c 246\2c 0\.3\)\2c 0_4px_16px_-4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 8px 32px -8px rgba(139,92,246,0.3),0 4px 16px -4px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 8px 32px -8px var(--tw-shadow-color), 0 4px 16px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\]{
  --tw-shadow: 0px 20px 20px 0px rgb(0 0 0/0.05);
  --tw-shadow-colored: 0px 20px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_rgba\(168\2c 85\2c 247\2c 0\.4\)\2c 0_0_30px_rgba\(168\2c 85\2c 247\2c 0\.15\)\]{
  --tw-shadow: inset 0 0 0 1px rgba(168,85,247,0.4),0 0 30px rgba(168,85,247,0.15);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 0 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-large{
  --tw-shadow: var(--heroui-box-shadow-large);
  --tw-shadow-colored: var(--heroui-box-shadow-large);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-medium{
  --tw-shadow: var(--heroui-box-shadow-medium);
  --tw-shadow-colored: var(--heroui-box-shadow-medium);
  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-purple-glow{
  --tw-shadow: 0 0 20px rgba(147, 51, 234, 0.3);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-small{
  --tw-shadow: var(--heroui-box-shadow-small);
  --tw-shadow-colored: var(--heroui-box-shadow-small);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[\#00FFE1\]{
  --tw-shadow-color: #00FFE1;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#693BFF\]{
  --tw-shadow-color: #693BFF;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#C43BFF\]{
  --tw-shadow-color: #C43BFF;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-500\/20{
  --tw-shadow-color: rgb(245 158 11 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-500\/25{
  --tw-shadow-color: rgb(245 158 11 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-500\/40{
  --tw-shadow-color: rgb(245 158 11 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/20{
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/35{
  --tw-shadow-color: rgb(0 0 0 / 0.35);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/40{
  --tw-shadow-color: rgb(0 0 0 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/5{
  --tw-shadow-color: rgb(0 0 0 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/50{
  --tw-shadow-color: rgb(0 0 0 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/60{
  --tw-shadow-color: rgb(0 0 0 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-danger\/40{
  --tw-shadow-color: hsl(var(--heroui-danger) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-default\/50{
  --tw-shadow-color: hsl(var(--heroui-default) / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-emerald-500\/25{
  --tw-shadow-color: rgb(16 185 129 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-foreground\/40{
  --tw-shadow-color: hsl(var(--heroui-foreground) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-fuchsia-500\/25{
  --tw-shadow-color: rgb(217 70 239 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-200\/50{
  --tw-shadow-color: rgb(229 231 235 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-200\/60{
  --tw-shadow-color: rgb(229 231 235 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-400\/30{
  --tw-shadow-color: rgb(156 163 175 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-400\/40{
  --tw-shadow-color: rgb(156 163 175 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-500\/20{
  --tw-shadow-color: rgb(34 197 94 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-500\/30{
  --tw-shadow-color: rgb(34 197 94 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-500\/50{
  --tw-shadow-color: rgb(34 197 94 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-500\/30{
  --tw-shadow-color: rgb(99 102 241 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-500\/50{
  --tw-shadow-color: rgb(99 102 241 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-400\/20{
  --tw-shadow-color: rgb(251 146 60 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-500\/25{
  --tw-shadow-color: rgb(249 115 22 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-500\/30{
  --tw-shadow-color: rgb(249 115 22 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-pink-500\/10{
  --tw-shadow-color: rgb(236 72 153 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-pink-500\/20{
  --tw-shadow-color: rgb(236 72 153 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/40{
  --tw-shadow-color: hsl(var(--heroui-primary) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/10{
  --tw-shadow-color: rgb(168 85 247 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/20{
  --tw-shadow-color: rgb(168 85 247 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/25{
  --tw-shadow-color: rgb(168 85 247 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/30{
  --tw-shadow-color: rgb(168 85 247 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/40{
  --tw-shadow-color: rgb(168 85 247 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/5{
  --tw-shadow-color: rgb(168 85 247 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/50{
  --tw-shadow-color: rgb(168 85 247 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-600\/50{
  --tw-shadow-color: rgb(147 51 234 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-600\/70{
  --tw-shadow-color: rgb(147 51 234 / 0.7);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-900\/20{
  --tw-shadow-color: rgb(88 28 135 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-500\/20{
  --tw-shadow-color: rgb(239 68 68 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-500\/25{
  --tw-shadow-color: rgb(239 68 68 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-500\/30{
  --tw-shadow-color: rgb(239 68 68 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-600\/20{
  --tw-shadow-color: rgb(220 38 38 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-secondary\/40{
  --tw-shadow-color: hsl(var(--heroui-secondary) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-success\/40{
  --tw-shadow-color: hsl(var(--heroui-success) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-violet-500\/20{
  --tw-shadow-color: rgb(139 92 246 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-violet-500\/25{
  --tw-shadow-color: rgb(139 92 246 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-violet-500\/30{
  --tw-shadow-color: rgb(139 92 246 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-violet-900\/40{
  --tw-shadow-color: rgb(76 29 149 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-warning\/40{
  --tw-shadow-color: hsl(var(--heroui-warning) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.outline-transparent{
  outline-color: transparent;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-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-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4{
  --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(4px + 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-inset{
  --tw-ring-inset: inset;
}
.ring-\[\#030305\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(3 3 5 / var(--tw-ring-opacity, 1));
}
.ring-amber-500\/20{
  --tw-ring-color: rgb(245 158 11 / 0.2);
}
.ring-background{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--heroui-background) / var(--tw-ring-opacity, 1));
}
.ring-black\/10{
  --tw-ring-color: rgb(0 0 0 / 0.1);
}
.ring-black\/20{
  --tw-ring-color: rgb(0 0 0 / 0.2);
}
.ring-black\/30{
  --tw-ring-color: rgb(0 0 0 / 0.3);
}
.ring-black\/5{
  --tw-ring-color: rgb(0 0 0 / 0.05);
}
.ring-blue-500\/20{
  --tw-ring-color: rgb(59 130 246 / 0.2);
}
.ring-danger{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--heroui-danger) / var(--tw-ring-opacity, 1));
}
.ring-default{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--heroui-default) / var(--tw-ring-opacity, 1));
}
.ring-emerald-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}
.ring-focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--heroui-focus) / var(--tw-ring-opacity, 1));
}
.ring-fuchsia-500\/40{
  --tw-ring-color: rgb(217 70 239 / 0.4);
}
.ring-gray-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
}
.ring-gray-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
}
.ring-green-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.ring-green-500\/30{
  --tw-ring-color: rgb(34 197 94 / 0.3);
}
.ring-green-500\/50{
  --tw-ring-color: rgb(34 197 94 / 0.5);
}
.ring-indigo-500\/30{
  --tw-ring-color: rgb(99 102 241 / 0.3);
}
.ring-indigo-500\/50{
  --tw-ring-color: rgb(99 102 241 / 0.5);
}
.ring-pink-500\/30{
  --tw-ring-color: rgb(236 72 153 / 0.3);
}
.ring-primary{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--heroui-primary) / var(--tw-ring-opacity, 1));
}
.ring-purple-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1));
}
.ring-purple-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(216 180 254 / var(--tw-ring-opacity, 1));
}
.ring-purple-400\/40{
  --tw-ring-color: rgb(192 132 252 / 0.4);
}
.ring-purple-400\/50{
  --tw-ring-color: rgb(192 132 252 / 0.5);
}
.ring-purple-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1));
}
.ring-purple-500\/20{
  --tw-ring-color: rgb(168 85 247 / 0.2);
}
.ring-purple-500\/30{
  --tw-ring-color: rgb(168 85 247 / 0.3);
}
.ring-purple-500\/40{
  --tw-ring-color: rgb(168 85 247 / 0.4);
}
.ring-purple-500\/50{
  --tw-ring-color: rgb(168 85 247 / 0.5);
}
.ring-red-500\/40{
  --tw-ring-color: rgb(239 68 68 / 0.4);
}
.ring-secondary{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--heroui-secondary) / var(--tw-ring-opacity, 1));
}
.ring-sky-300\/85{
  --tw-ring-color: rgb(125 211 252 / 0.85);
}
.ring-sky-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(56 189 248 / var(--tw-ring-opacity, 1));
}
.ring-success{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--heroui-success) / var(--tw-ring-opacity, 1));
}
.ring-transparent{
  --tw-ring-color: transparent;
}
.ring-violet-300\/50{
  --tw-ring-color: rgb(196 181 253 / 0.5);
}
.ring-violet-300\/85{
  --tw-ring-color: rgb(196 181 253 / 0.85);
}
.ring-violet-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity, 1));
}
.ring-violet-400\/40{
  --tw-ring-color: rgb(167 139 250 / 0.4);
}
.ring-violet-400\/50{
  --tw-ring-color: rgb(167 139 250 / 0.5);
}
.ring-violet-400\/60{
  --tw-ring-color: rgb(167 139 250 / 0.6);
}
.ring-violet-400\/70{
  --tw-ring-color: rgb(167 139 250 / 0.7);
}
.ring-violet-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1));
}
.ring-violet-600{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity, 1));
}
.ring-warning{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--heroui-warning) / var(--tw-ring-opacity, 1));
}
.ring-white{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.ring-white\/10{
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.ring-white\/15{
  --tw-ring-color: rgb(255 255 255 / 0.15);
}
.ring-white\/20{
  --tw-ring-color: rgb(255 255 255 / 0.2);
}
.ring-white\/25{
  --tw-ring-color: rgb(255 255 255 / 0.25);
}
.ring-white\/30{
  --tw-ring-color: rgb(255 255 255 / 0.3);
}
.ring-white\/40{
  --tw-ring-color: rgb(255 255 255 / 0.4);
}
.ring-white\/50{
  --tw-ring-color: rgb(255 255 255 / 0.5);
}
.ring-white\/80{
  --tw-ring-color: rgb(255 255 255 / 0.8);
}
.ring-white\/85{
  --tw-ring-color: rgb(255 255 255 / 0.85);
}
.ring-white\/\[0\.04\]{
  --tw-ring-color: rgb(255 255 255 / 0.04);
}
.ring-white\/\[0\.06\]{
  --tw-ring-color: rgb(255 255 255 / 0.06);
}
.ring-offset-2{
  --tw-ring-offset-width: 2px;
}
.ring-offset-background{
  --tw-ring-offset-color: hsl(var(--heroui-background) / 1);
}
.ring-offset-transparent{
  --tw-ring-offset-color: transparent;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl{
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl{
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[100px\]{
  --tw-blur: blur(100px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[110px\]{
  --tw-blur: blur(110px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[120px\]{
  --tw-blur: blur(120px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[150px\]{
  --tw-blur: blur(150px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[160px\]{
  --tw-blur: blur(160px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[6px\]{
  --tw-blur: blur(6px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[80px\]{
  --tw-blur: blur(80px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-lg{
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-md{
  --tw-blur: blur(12px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-sm{
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl{
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-95{
  --tw-brightness: brightness(.95);
  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{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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-2xl{
  --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
  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-\[0_0_8px_rgba\(168\2c 85\2c 247\2c 0\.6\)\]{
  --tw-drop-shadow: drop-shadow(0 0 8px rgba(168,85,247,0.6));
  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-\[0_1px_6px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  --tw-drop-shadow: drop-shadow(0 1px 6px rgba(0,0,0,0.5));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_6px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{
  --tw-drop-shadow: drop-shadow(0 1px 6px rgba(0,0,0,0.6));
  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-\[0_1px_8px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  --tw-drop-shadow: drop-shadow(0 1px 8px rgba(0,0,0,0.5));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_2px_12px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  --tw-drop-shadow: drop-shadow(0 2px 12px rgba(0,0,0,0.5));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_8px_18px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{
  --tw-drop-shadow: drop-shadow(0 8px 18px rgba(0,0,0,0.35));
  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-lg{
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md{
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  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);
}
.invert{
  --tw-invert: invert(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);
}
.saturate-150{
  --tw-saturate: saturate(1.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-50{
  --tw-saturate: saturate(.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia{
  --tw-sepia: sepia(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{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-2xl{
  --tw-backdrop-blur: blur(40px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\]{
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg{
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl{
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-disabled{
  --tw-backdrop-opacity: opacity(var(--heroui-disabled-opacity));
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-saturate-150{
  --tw-backdrop-saturate: saturate(1.5);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.\!transition-none{
  transition-property: none !important;
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c opacity\]{
  transition-property: color,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[filter\]{
  transition-property: filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[grid-template-rows\]{
  transition-property: grid-template-rows;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\2c max-height\]{
  transition-property: height,max-height;
  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-\[opacity\2c transform\]{
  transition-property: opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[stroke-dashoffset\]{
  transition-property: stroke-dashoffset;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c background-color\2c color\]{
  transition-property: transform,background-color,color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c box-shadow\2c opacity\]{
  transition-property: transform,box-shadow,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c color\2c left\2c opacity\2c translate\2c scale\]{
  transition-property: transform,color,left,opacity,translate,scale;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c opacity\]{
  transition-property: transform,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\2c opacity\]{
  transition-property: width,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\2c transform\2c visibility\]{
  transition-property: width,transform,visibility;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  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-none{
  transition-property: none;
}
.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;
}
.delay-1000{
  transition-delay: 1000ms;
}
.\!duration-100{
  transition-duration: 100ms !important;
}
.\!duration-150{
  transition-duration: 150ms !important;
}
.\!duration-200{
  transition-duration: 200ms !important;
}
.\!duration-250{
  transition-duration: 250ms !important;
}
.\!duration-300{
  transition-duration: 300ms !important;
}
.\!duration-500{
  transition-duration: 500ms !important;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-700{
  transition-duration: 700ms;
}
.duration-\[1100ms\]{
  transition-duration: 1100ms;
}
.\!ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.\!ease-soft-spring{
  transition-timing-function: cubic-bezier(0.155, 1.105, 0.295, 1.12) !important;
}
.ease-\[cubic-bezier\(0\.16\2c 1\2c 0\.3\2c 1\)\]{
  transition-timing-function: cubic-bezier(0.16,1,0.3,1);
}
.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);
}
.will-change-\[transform\2c width\2c height\]{
  will-change: transform,width,height;
}
.will-change-auto{
  will-change: auto;
}
.will-change-transform{
  will-change: transform;
}
.light{
  color-scheme: light;
  --heroui-background: 0 0% 100%;
  --heroui-foreground-50: 0 0% 98.04%;
  --heroui-foreground-100: 240 4.76% 95.88%;
  --heroui-foreground-200: 240 5.88% 90%;
  --heroui-foreground-300: 240 4.88% 83.92%;
  --heroui-foreground-400: 240 5.03% 64.9%;
  --heroui-foreground-500: 240 3.83% 46.08%;
  --heroui-foreground-600: 240 5.2% 33.92%;
  --heroui-foreground-700: 240 5.26% 26.08%;
  --heroui-foreground-800: 240 3.7% 15.88%;
  --heroui-foreground-900: 240 5.88% 10%;
  --heroui-foreground: 201.81999999999994 24.44% 8.82%;
  --heroui-divider: 0 0% 6.67%;
  --heroui-focus: 212.01999999999998 100% 46.67%;
  --heroui-overlay: 0 0% 0%;
  --heroui-content1: 0 0% 100%;
  --heroui-content1-foreground: 201.81999999999994 24.44% 8.82%;
  --heroui-content2: 240 4.76% 95.88%;
  --heroui-content2-foreground: 240 3.7% 15.88%;
  --heroui-content3: 240 5.88% 90%;
  --heroui-content3-foreground: 240 5.26% 26.08%;
  --heroui-content4: 240 4.88% 83.92%;
  --heroui-content4-foreground: 240 5.2% 33.92%;
  --heroui-default-50: 0 0% 98.04%;
  --heroui-default-100: 240 4.76% 95.88%;
  --heroui-default-200: 240 5.88% 90%;
  --heroui-default-300: 240 4.88% 83.92%;
  --heroui-default-400: 240 5.03% 64.9%;
  --heroui-default-500: 240 3.83% 46.08%;
  --heroui-default-600: 240 5.2% 33.92%;
  --heroui-default-700: 240 5.26% 26.08%;
  --heroui-default-800: 240 3.7% 15.88%;
  --heroui-default-900: 240 5.88% 10%;
  --heroui-default-foreground: 0 0% 0%;
  --heroui-default: 240 4.88% 83.92%;
  --heroui-primary-50: 270 100% 98.04%;
  --heroui-primary-100: 268.70000000000005 100% 95.49%;
  --heroui-primary-200: 268.56999999999994 100% 91.76%;
  --heroui-primary-300: 269.19000000000005 97.37% 85.1%;
  --heroui-primary-400: 270 95.24% 75.29%;
  --heroui-primary-500: 270.74 91.01% 65.1%;
  --heroui-primary-600: 271.48 81.33% 55.88%;
  --heroui-primary-700: 272.0899999999999 71.67% 47.06%;
  --heroui-primary-800: 272.89 67.16% 39.41%;
  --heroui-primary-900: 273.64 65.64% 31.96%;
  --heroui-primary-foreground: 0 0% 100%;
  --heroui-primary: 271.48 81.33% 55.88%;
  --heroui-secondary-50: 270 61.54% 94.9%;
  --heroui-secondary-100: 270 59.26% 89.41%;
  --heroui-secondary-200: 270 59.26% 78.82%;
  --heroui-secondary-300: 270 59.26% 68.24%;
  --heroui-secondary-400: 270 59.26% 57.65%;
  --heroui-secondary-500: 270 66.67% 47.06%;
  --heroui-secondary-600: 270 66.67% 37.65%;
  --heroui-secondary-700: 270 66.67% 28.24%;
  --heroui-secondary-800: 270 66.67% 18.82%;
  --heroui-secondary-900: 270 66.67% 9.41%;
  --heroui-secondary-foreground: 0 0% 100%;
  --heroui-secondary: 270 66.67% 47.06%;
  --heroui-success-50: 146.66999999999996 64.29% 94.51%;
  --heroui-success-100: 145.71000000000004 61.4% 88.82%;
  --heroui-success-200: 146.2 61.74% 77.45%;
  --heroui-success-300: 145.78999999999996 62.57% 66.47%;
  --heroui-success-400: 146.01 62.45% 55.1%;
  --heroui-success-500: 145.96000000000004 79.46% 43.92%;
  --heroui-success-600: 146.01 79.89% 35.1%;
  --heroui-success-700: 145.78999999999996 79.26% 26.47%;
  --heroui-success-800: 146.2 79.78% 17.45%;
  --heroui-success-900: 145.71000000000004 77.78% 8.82%;
  --heroui-success-foreground: 0 0% 0%;
  --heroui-success: 145.96000000000004 79.46% 43.92%;
  --heroui-warning-50: 54.55000000000001 91.67% 95.29%;
  --heroui-warning-100: 37.139999999999986 91.3% 90.98%;
  --heroui-warning-200: 37.139999999999986 91.3% 81.96%;
  --heroui-warning-300: 36.95999999999998 91.24% 73.14%;
  --heroui-warning-400: 37.00999999999999 91.26% 64.12%;
  --heroui-warning-500: 37.02999999999997 91.27% 55.1%;
  --heroui-warning-600: 37.00999999999999 74.22% 44.12%;
  --heroui-warning-700: 36.95999999999998 73.96% 33.14%;
  --heroui-warning-800: 37.139999999999986 75% 21.96%;
  --heroui-warning-900: 37.139999999999986 75% 10.98%;
  --heroui-warning-foreground: 0 0% 0%;
  --heroui-warning: 37.02999999999997 91.27% 55.1%;
  --heroui-danger-50: 339.13 92% 95.1%;
  --heroui-danger-100: 340 91.84% 90.39%;
  --heroui-danger-200: 339.3299999999999 90% 80.39%;
  --heroui-danger-300: 339.11 90.6% 70.78%;
  --heroui-danger-400: 339 90% 60.78%;
  --heroui-danger-500: 339.20000000000005 90.36% 51.18%;
  --heroui-danger-600: 339 86.54% 40.78%;
  --heroui-danger-700: 339.11 85.99% 30.78%;
  --heroui-danger-800: 339.3299999999999 86.54% 20.39%;
  --heroui-danger-900: 340 84.91% 10.39%;
  --heroui-danger-foreground: 0 0% 100%;
  --heroui-danger: 339.20000000000005 90.36% 51.18%;
  --heroui-divider-weight: 1px;
  --heroui-disabled-opacity: .5;
  --heroui-font-size-tiny: 0.75rem;
  --heroui-font-size-small: 0.875rem;
  --heroui-font-size-medium: 1rem;
  --heroui-font-size-large: 1.125rem;
  --heroui-line-height-tiny: 1rem;
  --heroui-line-height-small: 1.25rem;
  --heroui-line-height-medium: 1.5rem;
  --heroui-line-height-large: 1.75rem;
  --heroui-radius-small: 8px;
  --heroui-radius-medium: 12px;
  --heroui-radius-large: 14px;
  --heroui-border-width-small: 1px;
  --heroui-border-width-medium: 2px;
  --heroui-border-width-large: 3px;
  --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3);
  --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3);
  --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3);
  --heroui-hover-opacity: .8;
}
.dark{
  color-scheme: dark;
  --heroui-background: 0 0% 0%;
  --heroui-foreground-50: 240 5.88% 10%;
  --heroui-foreground-100: 240 3.7% 15.88%;
  --heroui-foreground-200: 240 5.26% 26.08%;
  --heroui-foreground-300: 240 5.2% 33.92%;
  --heroui-foreground-400: 240 3.83% 46.08%;
  --heroui-foreground-500: 240 5.03% 64.9%;
  --heroui-foreground-600: 240 4.88% 83.92%;
  --heroui-foreground-700: 240 5.88% 90%;
  --heroui-foreground-800: 240 4.76% 95.88%;
  --heroui-foreground-900: 0 0% 98.04%;
  --heroui-foreground: 210 5.56% 92.94%;
  --heroui-focus: 212.01999999999998 100% 46.67%;
  --heroui-overlay: 0 0% 0%;
  --heroui-divider: 0 0% 100%;
  --heroui-content1: 240 5.88% 10%;
  --heroui-content1-foreground: 0 0% 98.04%;
  --heroui-content2: 240 3.7% 15.88%;
  --heroui-content2-foreground: 240 4.76% 95.88%;
  --heroui-content3: 240 5.26% 26.08%;
  --heroui-content3-foreground: 240 5.88% 90%;
  --heroui-content4: 240 5.2% 33.92%;
  --heroui-content4-foreground: 240 4.88% 83.92%;
  --heroui-default-50: 240 5.88% 10%;
  --heroui-default-100: 240 3.7% 15.88%;
  --heroui-default-200: 240 5.26% 26.08%;
  --heroui-default-300: 240 5.2% 33.92%;
  --heroui-default-400: 240 3.83% 46.08%;
  --heroui-default-500: 240 5.03% 64.9%;
  --heroui-default-600: 240 4.88% 83.92%;
  --heroui-default-700: 240 5.88% 90%;
  --heroui-default-800: 240 4.76% 95.88%;
  --heroui-default-900: 0 0% 98.04%;
  --heroui-default-foreground: 0 0% 100%;
  --heroui-default: 240 5.26% 26.08%;
  --heroui-primary-50: 270 100% 98.04%;
  --heroui-primary-100: 268.70000000000005 100% 95.49%;
  --heroui-primary-200: 268.56999999999994 100% 91.76%;
  --heroui-primary-300: 269.19000000000005 97.37% 85.1%;
  --heroui-primary-400: 270 95.24% 75.29%;
  --heroui-primary-500: 270.74 91.01% 65.1%;
  --heroui-primary-600: 271.48 81.33% 55.88%;
  --heroui-primary-700: 272.0899999999999 71.67% 47.06%;
  --heroui-primary-800: 272.89 67.16% 39.41%;
  --heroui-primary-900: 273.64 65.64% 31.96%;
  --heroui-primary-foreground: 0 0% 100%;
  --heroui-primary: 270.74 91.01% 65.1%;
  --heroui-secondary-50: 270 66.67% 9.41%;
  --heroui-secondary-100: 270 66.67% 18.82%;
  --heroui-secondary-200: 270 66.67% 28.24%;
  --heroui-secondary-300: 270 66.67% 37.65%;
  --heroui-secondary-400: 270 66.67% 47.06%;
  --heroui-secondary-500: 270 59.26% 57.65%;
  --heroui-secondary-600: 270 59.26% 68.24%;
  --heroui-secondary-700: 270 59.26% 78.82%;
  --heroui-secondary-800: 270 59.26% 89.41%;
  --heroui-secondary-900: 270 61.54% 94.9%;
  --heroui-secondary-foreground: 0 0% 100%;
  --heroui-secondary: 270 59.26% 57.65%;
  --heroui-success-50: 145.71000000000004 77.78% 8.82%;
  --heroui-success-100: 146.2 79.78% 17.45%;
  --heroui-success-200: 145.78999999999996 79.26% 26.47%;
  --heroui-success-300: 146.01 79.89% 35.1%;
  --heroui-success-400: 145.96000000000004 79.46% 43.92%;
  --heroui-success-500: 146.01 62.45% 55.1%;
  --heroui-success-600: 145.78999999999996 62.57% 66.47%;
  --heroui-success-700: 146.2 61.74% 77.45%;
  --heroui-success-800: 145.71000000000004 61.4% 88.82%;
  --heroui-success-900: 146.66999999999996 64.29% 94.51%;
  --heroui-success-foreground: 0 0% 0%;
  --heroui-success: 145.96000000000004 79.46% 43.92%;
  --heroui-warning-50: 37.139999999999986 75% 10.98%;
  --heroui-warning-100: 37.139999999999986 75% 21.96%;
  --heroui-warning-200: 36.95999999999998 73.96% 33.14%;
  --heroui-warning-300: 37.00999999999999 74.22% 44.12%;
  --heroui-warning-400: 37.02999999999997 91.27% 55.1%;
  --heroui-warning-500: 37.00999999999999 91.26% 64.12%;
  --heroui-warning-600: 36.95999999999998 91.24% 73.14%;
  --heroui-warning-700: 37.139999999999986 91.3% 81.96%;
  --heroui-warning-800: 37.139999999999986 91.3% 90.98%;
  --heroui-warning-900: 54.55000000000001 91.67% 95.29%;
  --heroui-warning-foreground: 0 0% 0%;
  --heroui-warning: 37.02999999999997 91.27% 55.1%;
  --heroui-danger-50: 340 84.91% 10.39%;
  --heroui-danger-100: 339.3299999999999 86.54% 20.39%;
  --heroui-danger-200: 339.11 85.99% 30.78%;
  --heroui-danger-300: 339 86.54% 40.78%;
  --heroui-danger-400: 339.20000000000005 90.36% 51.18%;
  --heroui-danger-500: 339 90% 60.78%;
  --heroui-danger-600: 339.11 90.6% 70.78%;
  --heroui-danger-700: 339.3299999999999 90% 80.39%;
  --heroui-danger-800: 340 91.84% 90.39%;
  --heroui-danger-900: 339.13 92% 95.1%;
  --heroui-danger-foreground: 0 0% 100%;
  --heroui-danger: 339.20000000000005 90.36% 51.18%;
  --heroui-divider-weight: 1px;
  --heroui-disabled-opacity: .5;
  --heroui-font-size-tiny: 0.75rem;
  --heroui-font-size-small: 0.875rem;
  --heroui-font-size-medium: 1rem;
  --heroui-font-size-large: 1.125rem;
  --heroui-line-height-tiny: 1rem;
  --heroui-line-height-small: 1.25rem;
  --heroui-line-height-medium: 1.5rem;
  --heroui-line-height-large: 1.75rem;
  --heroui-radius-small: 8px;
  --heroui-radius-medium: 12px;
  --heroui-radius-large: 14px;
  --heroui-border-width-small: 1px;
  --heroui-border-width-medium: 2px;
  --heroui-border-width-large: 3px;
  --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.05), 0px 2px 10px 0px rgb(0 0 0 / 0.2), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15);
  --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.06), 0px 2px 30px 0px rgb(0 0 0 / 0.22), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15);
  --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.07), 0px 30px 60px 0px rgb(0 0 0 / 0.26), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15);
  --heroui-hover-opacity: .9;
}
.leading-inherit{
  line-height: inherit;
}
.bg-img-inherit{
  background-image: inherit;
}
.bg-clip-inherit{
  background-clip: inherit;
}
.text-fill-inherit{
  -webkit-text-fill-color: inherit;
}
.tap-highlight-transparent{
  -webkit-tap-highlight-color: transparent;
}
.input-search-cancel-button-none::-webkit-search-cancel-button{
  -webkit-appearance: none;
}
.transition-background{
  transition-property: background;
  transition-timing-function: ease;
  transition-duration: 250ms;
}
.transition-colors-opacity{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity;
  transition-timing-function: ease;
  transition-duration: 250ms;
}
.transition-width{
  transition-property: width;
  transition-timing-function: ease;
  transition-duration: 250ms;
}
.transition-height{
  transition-property: height;
  transition-timing-function: ease;
  transition-duration: 250ms;
}
.transition-size{
  transition-property: width, height;
  transition-timing-function: ease;
  transition-duration: 250ms;
}
.transition-left{
  transition-property: left;
  transition-timing-function: ease;
  transition-duration: 250ms;
}
.transition-transform-opacity{
  transition-property: transform, scale, opacity rotate;
  transition-timing-function: ease;
  transition-duration: 250ms;
}
.transition-transform-background{
  transition-property: transform, scale, background;
  transition-timing-function: ease;
  transition-duration: 250ms;
}
.transition-transform-colors{
  transition-property: transform, scale, color, background, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: ease;
  transition-duration: 250ms;
}
.transition-transform-colors-opacity{
  transition-property: transform, scale, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity;
  transition-timing-function: ease;
  transition-duration: 250ms;
}
.scrollbar-hide{
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar{
  display: none;
}
.scrollbar-default{
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}
.scrollbar-default::-webkit-scrollbar{
  display: block;
}
.text-tiny{
  font-size: var(--heroui-font-size-tiny);
  line-height: var(--heroui-line-height-tiny);
}
.text-small{
  font-size: var(--heroui-font-size-small);
  line-height: var(--heroui-line-height-small);
}
.text-medium{
  font-size: var(--heroui-font-size-medium);
  line-height: var(--heroui-line-height-medium);
}
.text-large{
  font-size: var(--heroui-font-size-large);
  line-height: var(--heroui-line-height-large);
}
.spinner-bar-animation{
  animation: fade-out 1.2s linear infinite;
  animation-delay: calc(-1.2s + (0.1s * var(--bar-index)));
  transform: rotate(calc(30deg * var(--bar-index))) translate(140%);
}
.spinner-dot-animation{
  animation-delay: calc(250ms * var(--dot-index));
}
.spinner-dot-blink-animation{
  animation-delay: calc(200ms * var(--dot-index));
}
.\[--picker-height\:224px\]{
  --picker-height: 224px;
}
.\[--scale-enter\:100\%\]{
  --scale-enter: 100%;
}
.\[--scale-exit\:100\%\]{
  --scale-exit: 100%;
}
.\[--scroll-shadow-size\:100px\]{
  --scroll-shadow-size: 100px;
}
.\[--slide-enter\:0px\]{
  --slide-enter: 0px;
}
.\[--slide-exit\:80px\]{
  --slide-exit: 80px;
}
.\[-webkit-mask\:radial-gradient\(closest-side\2c rgba\(0\2c 0\2c 0\2c 0\.0\)calc\(100\%-3px\)\2c rgba\(0\2c 0\2c 0\2c 1\)calc\(100\%-3px\)\)\]{
  -webkit-mask: radial-gradient(closest-side,rgba(0,0,0,0.0)calc(100% - 3px),rgba(0,0,0,1)calc(100% - 3px));
}
.\[animation-delay\:0\.12s\]{
  animation-delay: 0.12s;
}
.\[animation-delay\:0\.24s\]{
  animation-delay: 0.24s;
}
.\[animation-duration\:1s\]{
  animation-duration: 1s;
}
.\[color-scheme\:dark\]{
  color-scheme: dark;
}
.\[mask-image\:linear-gradient\(\#000\2c \#000\2c transparent_0\2c \#000_var\(--scroll-shadow-size\)\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\]{
  -webkit-mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent);
}
.\[scrollbar-width\:thin\]{
  scrollbar-width: thin;
}
.\[transform-origin\:var\(--trigger-anchor-point\)\]{
  transform-origin: var(--trigger-anchor-point);
}

/* Override Tailwind base layer to enforce theme background */

:root {
  /* Theme colors */
  color-scheme: dark;

  /* Piano Black */
  --piano-black: #0A0A0A;
  --piano-black-50: #1A1A1A;
  --piano-black-100: #141414;

  /* Brand Purple — ana marka aksani (eski "Dark Green Accent" kaldirildi) */
  --brand-purple: #9333ea;
  --brand-purple-light: #a855f7;
  --brand-purple-dark: #7e22ce;
  --brand-pink: #ec4899;

  /* Primary (Brand Purple) */
  --primary-500: #a855f7;
  --primary-600: #9333ea;
  --primary-700: #7e22ce;

  /* Luxury Gray */
  --luxury-gray: #6B7280;
  --luxury-gray-light: #9CA3AF;
  --luxury-gray-dark: #4B5563;
}

/* Animations */
@keyframes float {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-20px);
  }
}

@keyframes float-smooth {

  0%,
  100% {
    transform: translateX(-50%) translateY(0px);
  }

  50% {
    transform: translateX(-50%) translateY(-8px);
  }
}

@keyframes glow {

  0%,
  100% {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  }

  50% {
    box-shadow: 0 0 40px rgba(255, 255, 255, 0.6);
  }
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

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

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }

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

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

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

/* Liveness Detection Animations */
@keyframes pulse-glow {

  0%,
  100% {
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.3);
    transform: scale(1);
  }

  50% {
    box-shadow: 0 0 40px rgba(16, 185, 129, 0.6);
    transform: scale(1.05);
  }
}

@keyframes shake {

  0%,
  100% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-5px);
  }

  75% {
    transform: translateX(5px);
  }
}

@keyframes scanline {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: translateY(100vh);
    opacity: 0;
  }
}

@keyframes scanLine {
  0% {
    top: 0%;
    opacity: 0.6;
  }

  50% {
    top: 100%;
    opacity: 1;
  }

  100% {
    top: 0%;
    opacity: 0.6;
  }
}

@keyframes face-detected {
  0% {
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 rgba(16, 185, 129, 0);
  }

  50% {
    border-color: rgba(16, 185, 129, 1);
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.5);
  }

  100% {
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 rgba(16, 185, 129, 0);
  }
}

@keyframes challenge-success {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes progress-fill {
  0% {
    width: 0%;
  }

  100% {
    width: var(--progress-width, 0%);
  }
}

/* Liveness Detection Utility Classes */
.animate-pulse-glow {
  animation: pulse-glow 2s ease-in-out infinite;
}

.animate-shake {
  animation: shake 0.5s ease-in-out;
}

.animate-scanline {
  animation: scanline 2s linear infinite;
}

.animate-face-detected {
  animation: face-detected 1s ease-in-out;
}

.animate-challenge-success {
  animation: challenge-success 0.6s ease-out;
}

.face-mesh-overlay {
  position: absolute;
  pointer-events: none;
  border-radius: 1rem;
  transition: all 0.3s ease;
}

.face-mesh-overlay.detected {
  border: 2px solid rgba(16, 185, 129, 0.8);
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.3);
}

.face-mesh-overlay.not-detected {
  border: 2px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.challenge-indicator {
  transition: all 0.3s ease;
}

.challenge-indicator.active {
  color: rgba(16, 185, 129, 1);
  transform: scale(1.1);
}

.challenge-indicator.completed {
  color: rgba(34, 197, 94, 1);
  animation: challenge-success 0.6s ease-out;
}

.progress-bar-liveness {
  background: linear-gradient(90deg,
      rgba(16, 185, 129, 0.2) 0%,
      rgba(16, 185, 129, 0.8) 100%);
  transition: width 0.5s ease-in-out;
  animation: progress-fill 0.5s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }

  100% {
    background-position: 1000px 0;
  }
}

@keyframes pulse-slow {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  overflow-x: hidden;
  /* ARKAPLAN BILINCLI OLARAK YOK. Onceki hali `background: var(--piano-black)`
     + `background-color: #030305 !important` idi; o `!important` kok perdeyi
     (AppBackdrop, `z-index: -1`) tamamen ortuyordu, cunku negatif z-index akis
     icindeki blok zeminlerinin ALTINDA boyanir. Taban rengi artik yalnizca
     `html`de (dosyanin basindaki FOUC blogu) ve html'in arkaplani sayfa
     tuvaline yayildigi icin beyaz flash riski yok. */
}

/* Picsolv Brand Font */
.picsolv-brand {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.picsolv-brand-bold {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #000000;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4);
}

/* Hide Scrollbar Utility */
.scrollbar-hide {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari and Opera */
}

/* Pagination Scrollbar - Thin and visible */
.pagination-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(168, 85, 247, 0.4) transparent;
}

.pagination-scrollbar::-webkit-scrollbar {
  height: 6px;
}

.pagination-scrollbar::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}

.pagination-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(168, 85, 247, 0.4);
  border-radius: 3px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.pagination-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(168, 85, 247, 0.6);
}

/* /public/event sayfalama SURGUSU — native range, gorsel deger balonu
   JSX'te thumb'in uzerine bindirilir. Thumb genis (36px) ama SEFFAF:
   dokunma hedefi o, gorunen yuz balon. Arkaplan (dolu iz gradyani)
   inline style'dan gelir. */
.page-slider {
  appearance: none;
  height: 8px;
  border-radius: 9999px;
  outline: none;
  cursor: pointer;
}

.page-slider::-webkit-slider-thumb {
  appearance: none;
  width: 36px;
  height: 26px;
  border-radius: 9999px;
  background: transparent;
  border: none;
}

.page-slider::-moz-range-thumb {
  width: 36px;
  height: 26px;
  border-radius: 9999px;
  background: transparent;
  border: none;
}

.page-slider:focus-visible {
  outline: 2px solid #a855f7;
  outline-offset: 3px;
}

/* Selection - Light Theme (Default) - Blue selection like browsers */
::selection {
  background: #3b82f6;
  color: #ffffff;
}

::-moz-selection {
  background: #3b82f6;
  color: #ffffff;
}

/* Selection - Dark Theme - White selection */
html.dark ::selection,
html[data-theme="dark"] ::selection {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

html.dark ::-moz-selection,
html[data-theme="dark"] ::-moz-selection {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

/* ================================================================
   Global Chat Widget Animations
   ================================================================ */

@keyframes bounce-slow {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.animate-bounce-slow {
  animation: bounce-slow 2s ease-in-out infinite;
}

/* Premium Chat Bubble - Aceternity Style Animated Border */
@property --border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes border-rotate {
  to {
    --border-angle: 360deg;
  }
}

.chat-bubble-premium {
  --border-angle: 0deg;
  animation: border-rotate 4s linear infinite;
  background:
    linear-gradient(to right, white, white) padding-box,
    conic-gradient(from var(--border-angle), transparent 40%, rgba(139, 92, 246, 0.8) 50%, rgba(236, 72, 153, 0.8) 55%, transparent 60%) border-box;
  border: 2px solid transparent;
}

.dark .chat-bubble-premium {
  background:
    linear-gradient(to right, rgb(24, 24, 27), rgb(24, 24, 27)) padding-box,
    conic-gradient(from var(--border-angle), transparent 40%, rgba(139, 92, 246, 0.8) 50%, rgba(236, 72, 153, 0.8) 55%, transparent 60%) border-box;
}

/* Subtle shimmer effect for premium bubble */
@keyframes bubble-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.chat-bubble-shimmer::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.03) 50%,
    transparent 100%
  );
  background-size: 200% 100%;
  animation: bubble-shimmer 3s ease-in-out infinite;
  pointer-events: none;
}

/* ================================================================
   Guest Upload — liquid aurora background + glass motion
   (compositor-friendly: transform/opacity only)
   ================================================================ */

@keyframes guestBlobA {
  0%, 100% { transform: translate3d(-8%, -6%, 0) scale(1); }
  33%      { transform: translate3d(10%, 6%, 0) scale(1.25); }
  66%      { transform: translate3d(-4%, 12%, 0) scale(0.92); }
}
@keyframes guestBlobB {
  0%, 100% { transform: translate3d(6%, 8%, 0) scale(1.1); }
  50%      { transform: translate3d(-12%, -8%, 0) scale(1.32); }
}
@keyframes guestBlobC {
  0%, 100% { transform: translate3d(4%, -8%, 0) scale(0.9); }
  50%      { transform: translate3d(-9%, 9%, 0) scale(1.18); }
}
@keyframes guestKenBurns {
  from { transform: scale(1.05) translate3d(0, 0, 0); }
  to   { transform: scale(1.2) translate3d(-2%, -2%, 0); }
}
@keyframes guestFloatIn {
  from { opacity: 0; transform: translateY(18px) scale(0.985); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes guestSheen {
  0%   { transform: translateX(-130%) skewX(-12deg); opacity: 0; }
  18%  { opacity: 0.5; }
  100% { transform: translateX(130%) skewX(-12deg); opacity: 0; }
}
@keyframes guestSpinSlow {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .guest-blob,
  [class*="guestBlob"],
  [class*="guestKenBurns"],
  [class*="guestSheen"] {
    animation: none !important;
  }
}

/* ================================================================
   Auth "Liquid Glass" (Apple usulu)
   Ilkeler: (1) camin arkasinda ISIK olmali -> .auth-orb kureleri,
   (2) yuzey arkayi guclu blur + doygunluk + hafif parlaklikla gecirir,
   (3) Chromium'da SVG displacement ile gercek KIRILMA (Safari: duz blur),
   (4) ust kenarda keskin specular rim, altta zayif rim, ustte gloss,
   (5) kapsul/buyuk yaricap.
   ================================================================ */
.auth-glass {
  position: relative;
  isolation: isolate;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.012) 45%, rgba(255, 255, 255, 0.02) 100%);
  -webkit-backdrop-filter: blur(72px) saturate(130%);
  backdrop-filter: blur(72px) saturate(130%);
  border: 1px solid rgba(255, 255, 255, 0.13);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08),
    inset 1px 0 0 rgba(255, 255, 255, 0.10),
    inset 0 18px 36px -24px rgba(255, 255, 255, 0.16),
    inset 0 -30px 40px -40px rgba(0, 0, 0, 0.35),
    0 30px 70px -30px rgba(0, 0, 0, 0.8);
}
.auth-glass::before {
  /* ust gloss: isik sol-ustten dusuyor */
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(140% 60% at 20% -10%, rgba(255, 255, 255, 0.08), transparent 55%),
    radial-gradient(80% 45% at 100% 105%, rgba(255, 255, 255, 0.02), transparent 60%);
}
.auth-glass::after {
  /* kenar kirilma halkasi: sol-ust parlak, sag-alt hafif */
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  padding: 1px;
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.10) 28%, rgba(255, 255, 255, 0.03) 55%, rgba(255, 255, 255, 0.28) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.auth-glass-inset {
  background: rgba(255, 255, 255, 0.025);
  -webkit-backdrop-filter: blur(30px) saturate(130%);
  backdrop-filter: blur(30px) saturate(130%);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(0, 0, 0, 0.18);
}
.auth-glass-input {
  background: rgba(255, 255, 255, 0.035);
  -webkit-backdrop-filter: blur(26px) saturate(130%);
  backdrop-filter: blur(26px) saturate(130%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -1px 0 rgba(0, 0, 0, 0.22);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.auth-glass-input:hover {
  background: rgba(255, 255, 255, 0.06);
}
.auth-glass-input:focus,
.auth-glass-input:focus-within {
  background: rgba(255, 255, 255, 0.13);
  border-color: rgba(255, 255, 255, 0.55);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 0 3px rgba(255, 255, 255, 0.14), 0 0 28px -6px rgba(217, 70, 239, 0.55);
}
/* Vurgulu buton: gradyan + cam parlamasi (ust rim, alt golge, renkli disip) */
.auth-glass-cta {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -2px 6px rgba(0, 0, 0, 0.28),
    0 14px 34px -12px rgba(168, 85, 247, 0.65);
}
/* Camin arkasindaki isik kureleri */
.auth-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(64px);
  opacity: 0.22;
  mix-blend-mode: screen;
  will-change: transform;
  animation: auth-orb-drift 16s ease-in-out infinite alternate;
}
.auth-orb-a { width: 64%; padding-top: 64%; left: -6%; top: -2%; background: radial-gradient(circle, #a855f7 0%, rgba(168, 85, 247, 0) 70%); }
.auth-orb-b { width: 58%; padding-top: 58%; right: -10%; top: 16%; background: radial-gradient(circle, #ec4899 0%, rgba(236, 72, 153, 0) 70%); animation-delay: -6s; animation-duration: 19s; }
.auth-orb-c { width: 52%; padding-top: 52%; left: 20%; bottom: -8%; background: radial-gradient(circle, #60a5fa 0%, rgba(96, 165, 250, 0) 70%); animation-delay: -11s; animation-duration: 22s; }
@keyframes auth-orb-drift {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to   { transform: translate3d(7%, 9%, 0) scale(1.14); }
}
@media (prefers-reduced-motion: reduce) {
  .auth-orb { animation: none; }
}
/* Acik tema: beyaz cam, sicak kenar; kureler pastel */
html.light .auth-glass {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.40) 50%, rgba(255, 255, 255, 0.52));
  border-color: rgba(255, 255, 255, 0.95);
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(0, 0, 0, 0.04), 0 30px 60px -30px rgba(76, 29, 149, 0.4);
}
html.light .auth-glass::before { background: radial-gradient(140% 60% at 20% -10%, rgba(255, 255, 255, 0.95), transparent 55%); }
html.light .auth-glass::after { background: linear-gradient(140deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(147, 51, 234, 0.18) 100%); }
html.light .auth-glass-inset { background: rgba(255, 255, 255, 0.5); border-color: rgba(0, 0, 0, 0.06); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1); }
html.light .auth-glass-input { background: rgba(255, 255, 255, 0.65); border-color: rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1); }
html.light .auth-glass-input:focus,
html.light .auth-glass-input:focus-within { background: rgba(255, 255, 255, 0.85); border-color: rgba(147, 51, 234, 0.45); box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.16); }
html.light .auth-orb { mix-blend-mode: normal; opacity: 0.16; }

/* ==========================================================================
   LIQUID GLASS — arka plani BUKEN cam yuzey
   Optik lib/hooks/useLiquidGlass.ts icinde (SDF yer-degistirme haritasi +
   kromatik ayrisma). Buradaki CSS malzemenin gorunumudur: aydinlatma, pah
   (camin kalinligi) ve Chromium disi tarayicilar icin buzlu-cam yedegi.
   Degiskenler hook tarafindan elemana yazilir.
   ========================================================================== */

.lg-glass {
  --lg-light: 0.74;
  --lg-depth: 0.65;
  --lg-frost: 9.5px;

  position: relative;
  isolation: isolate;

  /* Koyu perde YOK: okunabilirlik Frost'tan ve ince aydinlatma katmanindan
     gelir, yuzey bastan sona cam kalir. */
  background:
    linear-gradient(
      152deg,
      rgba(255, 255, 255, calc(0.16 * var(--lg-light) + 0.05)) 0%,
      rgba(255, 255, 255, calc(0.06 * var(--lg-light) + 0.02)) 38%,
      rgba(150, 180, 205, 0.03) 62%,
      rgba(10, 18, 26, calc(0.10 + 0.10 * var(--lg-depth))) 100%
    );

  box-shadow:
    /* camin altina dusen golge */
    0 44px 100px -34px rgba(0, 0, 0, calc(0.55 + 0.3 * var(--lg-depth))),
    0 6px 26px -12px rgba(0, 0, 0, 0.45),

    /* PAH: ust-sol isik alir, alt-sag golgede kalir — kalinlik hissi */
    inset 0 calc(1px + 1.5px * var(--lg-depth)) calc(1px + 2px * var(--lg-depth))
      rgba(255, 255, 255, calc(0.70 * var(--lg-light))),
    inset calc(1px + 1px * var(--lg-depth)) 0 calc(2px + 2px * var(--lg-depth))
      rgba(255, 255, 255, calc(0.28 * var(--lg-light))),
    inset 0 calc(-1.5px - 2px * var(--lg-depth)) calc(2px + 3px * var(--lg-depth))
      rgba(8, 14, 22, calc(0.42 + 0.28 * var(--lg-depth))),
    inset calc(-1px - 1px * var(--lg-depth)) 0 calc(2px + 3px * var(--lg-depth))
      rgba(8, 14, 22, calc(0.24 + 0.20 * var(--lg-depth))),

    /* pahin altindaki derinlik: yuzey kubbe gibi okunur */
    inset 0 0 calc(20px + 44px * var(--lg-depth)) rgba(4, 9, 14, calc(0.16 + 0.20 * var(--lg-depth))),

    /* dis hatlar */
    inset 0 0 0 1px rgba(255, 255, 255, calc(0.14 + 0.14 * var(--lg-light))),
    0 0 0 0.5px rgba(255, 255, 255, 0.06);
}

/* Kenar isigi halkasi. Imlec takipli parlama BILEREK YOK: veri okunan bir
   panelde gezinen spekular dikkat dagitiyor, isik kenarda sabit durur. */
.lg-glass::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
  padding: 1px;
  background: linear-gradient(
    148deg,
    rgba(255, 255, 255, calc(0.75 * var(--lg-light))) 0%,
    rgba(255, 255, 255, 0.05) 30%,
    transparent 50%,
    rgba(255, 255, 255, 0.05) 72%,
    rgba(255, 255, 255, calc(0.45 * var(--lg-light))) 100%
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}

/* Chromium disi: kirilma yok, buzlu cama duser. Hook bu sinifi ekler. */
.lg-glass--frosted {
  backdrop-filter: blur(calc(var(--lg-frost) * 2.2)) saturate(1.8) brightness(1.05);
  -webkit-backdrop-filter: blur(calc(var(--lg-frost) * 2.2)) saturate(1.8) brightness(1.05);
}

/* Acik tema: ayni malzeme, isik yonu ayni, zemin sutlu cam */
.lg-glass--light {
  background:
    linear-gradient(
      152deg,
      rgba(255, 255, 255, calc(0.62 + 0.14 * var(--lg-light))) 0%,
      rgba(255, 255, 255, 0.42) 42%,
      rgba(226, 236, 244, 0.34) 70%,
      rgba(198, 214, 228, 0.30) 100%
    );
  box-shadow:
    0 40px 90px -34px rgba(15, 30, 45, 0.34),
    0 6px 22px -12px rgba(15, 30, 45, 0.22),
    inset 0 calc(1px + 1.5px * var(--lg-depth)) calc(1px + 2px * var(--lg-depth))
      rgba(255, 255, 255, 0.95),
    inset 0 calc(-1.5px - 2px * var(--lg-depth)) calc(2px + 3px * var(--lg-depth))
      rgba(120, 145, 165, calc(0.20 + 0.16 * var(--lg-depth))),
    inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}
.lg-glass--light::after {
  background: linear-gradient(
    148deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(255, 255, 255, 0.25) 30%,
    transparent 52%,
    rgba(120, 145, 165, 0.14) 100%
  );
}

/* Cam uzerindeki ic yuzeyler: kutu gibi degil, camin devami gibi dursun */
.lg-inset {
  background: rgba(255, 255, 255, 0.055);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(0, 0, 0, 0.16),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.lg-inset--light {
  background: rgba(255, 255, 255, 0.55);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 0 0 1px rgba(120, 145, 165, 0.16);
}

/* Segment rayi (protokol secici) */
.lg-rail {
  background: rgba(0, 0, 0, 0.14);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.lg-rail--light {
  background: rgba(140, 165, 185, 0.16);
  box-shadow: inset 0 1px 3px rgba(80, 105, 125, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

/* ================================================================
   Baski dock'u (public galeri, sag alt kose)
   ----------------------------------------------------------------
   "Taleplerim / Devam et" paneli yukleme FAB'inin USTUNDE acilip
   kapanir; cipa kose oldugu icin donusum kaynagi sag-alt.

   NEDEN TRANSITION DEGIL KEYFRAME: panel kapaninca DOM'dan gercekten
   kaldiriliyor (gizli ama odaklanabilir buton birakmamak icin). Yeni
   mount edilen bir ogede CSS transition tetiklenmez — "from" karesi
   olan bir keyframe animasyonu ise mount aninda dogru yerden baslar.
   Yalnizca transform+opacity: layout tetiklemez, compositor'da kalir.
   ================================================================ */
@keyframes printDockIn {
  from { opacity: 0; transform: translateY(10px) scale(0.72); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes printDockOut {
  from { opacity: 1; transform: translateY(0) scale(1); }
  to   { opacity: 0; transform: translateY(10px) scale(0.72); }
}

@media (prefers-reduced-motion: reduce) {
  /* Animasyon inline `style` ile veriliyor (bkz. PrintRequestLauncher-v2);
     bu yuzden secici de inline style uzerinden calisir. Suresi sifirlanir
     ama animasyon KALDIRILMAZ: `forwards` dolgusu bitis karesini tuttugu
     icin panel yine gorunur olur. */
  [style*="printDockIn"],
  [style*="printDockOut"] {
    animation-duration: 1ms !important;
  }
}

/* ==========================================================================
   ORGANIZATOR PANELI — "Apple Liquid Glass" yuzeyleri
   --------------------------------------------------------------------------
   Malzeme dili auth ekranlarindaki .auth-glass / .lg-glass ile AYNI: camin
   arkasinda isik olur, yuzey arkayi guclu blur + doygunlukla gecirir, ust-sol
   kenarda keskin specular pah, alt-sag kenarda golge (kalinlik hissi).

   NEDEN AYRI BIR SINIF SETI: .lg-glass yuzeyi JS tarafinda gercek KIRILMA
   (SDF yer-degistirme haritasi, bkz. lib/hooks/useLiquidGlass.ts) ile
   eslesir; her ogeye bir canvas + SVG filtre grafigi kurar. Kenar cubugu ve
   navbar gibi TEK ve buyuk yuzeylerde bedeli sinirli, orada o hook
   kullaniliyor. Etkinlik kartlari ise sayfada 12+ adet; her birine ayri
   backdrop-filter: url() zinciri kurmak kabul edilemez bir maliyet. Bu yuzden
   kartlar ayni gorunumu saf CSS ile (blur + saturate + pah + kenar halkasi)
   alir.
   ========================================================================== */

/* --- Kabuk zemini -------------------------------------------------------
   ARTIK SAYDAM. Zemini uygulama genelindeki tek kalici DarkVeil boyar
   (bkz. components/AppBackdrop.tsx). Onceki hali burada opak bir renk
   (#05050b / #faf9fe) + statik aurora gradyanlari tasiyordu; o aurora, canli
   perde YOKKEN cam yuzeylerin kiracagi taban isigi saglamak icindi. Perde
   artik her sayfada ve kesintisiz oldugu icin hem gereksiz hem de opak rengi
   yuzunden perdeyi ORTUYOR. Cam yuzeylerin kiracagi isik dogrudan perdeden
   geliyor. */
.og-shell {
  background-color: transparent;
  background-image: none;
}

html.light .og-shell {
  background-color: transparent;
  background-image: none;
}

/* ISTISNA — organizator kabugunun <main>'i SAYDAM olmali.
   Dosyanin en ustundeki FOUC kurali her <main>'e opak #030305 basiyor; burada
   o zemin kabugun aurora'sini ve icindeki DarkVeil'i "sayfaya ait olmayan
   simsiyah bir dikdortgen" haline getiriyordu (kullanici raporu: DarkVeil
   gorunmuyor). Kabuk kendi zeminini zaten boyadigi icin FOUC riski yok.
   Desen .public-event-gallery-main istisnasiyla birebir ayni. */
main.og-main,
html.light main.og-main {
  background-color: transparent !important;
}

/* --- Temel cam yuzey ----------------------------------------------------
   MALZEME = /auth/login ekranindaki .auth-glass ile AYNI: 72px blur + %130
   doygunluk, ustte gloss (::before), kenarda keskin specular rim (::after),
   pah + ic golge. Panelde ayni kalite istendi (kullanici talebi), bu yuzden
   deger deger o recete kopyalandi; tek fark yaricapin cagirandan gelmesi.

   KONUMLANDIRMA CAGIRANIN ISI: burada `position: relative` TANIMLANMAZ.
   Tanimlanmisti ve gercek bir hataya yol acti — bu sinif ayni zamanda
   `absolute` acilan menulerde ve `fixed` kenar kulakciginda kullaniliyor;
   `.og-glass` stylesheet'in sonunda geldigi icin Tailwind'in .absolute/.fixed
   utility'leriyle esit ozgullukte (0,1,0) yarisip KAZANIYOR ve o ogeler akisa
   geri dusuyordu. ::before/::after konumlandirilmis bir ata gerektirir: bu
   sinifi kullanan her oge `relative` (ya da absolute/fixed) tasimalidir. */
.og-glass {
  isolation: isolate;
  /* ZEMIN = KENAR CUBUGUNUN RECETESI (`.og-glass--panel`).

     TARIHCE VE NEDEN: bu yuzey once %3 beyazdi, sonra %7.5'e cikarildi.
     Ikisi de yanlisti — cunku BEYAZ katman perdenin ustune bindiginde
     zemin AYDINLANIYOR ve uzerindeki beyaz metinle arasindaki fark
     KAPANIYOR. Olculdu: %7.5 beyazda en zayif ikincil metinler 4.51:1'e
     dayaniyordu (AA esigi 4.5), yani pay yoktu.

     Kenar cubugu ise ayni sayfada SORUNSUZ okunuyordu (kullanici raporu:
     "karanlik temada soldaki sidemenu gayet iyi gorunuyor, onun configini
     diger elementlere gecir") ve tek farki suydu: beyaz katman yerine ince
     bir KOYU perde tasiyor. Mantik ters ama dogru — cam malzeme arkasindaki
     isigi gostermeye devam ediyor, yalnizca metnin ARKASINI koyulastiriyor,
     yani kontrast ZEMINI KARARTMADAN degil ZEMINI SABITLEYEREK kazaniliyor.
     Perde saydam (0.52-0.66), yani DarkVeil hala okunuyor.

     Bu yuzden receteyi kenar cubugundan aldik. `.og-glass--panel` artik
     ayni degerleri tasiyan bir ES ANLAMLI (geriye donuk uyum icin duruyor). */
  background: linear-gradient(160deg,
      rgba(14, 13, 24, 0.52) 0%,
      rgba(10, 10, 18, 0.60) 45%,
      rgba(8, 8, 15, 0.66) 100%);
  -webkit-backdrop-filter: blur(72px) saturate(130%);
  backdrop-filter: blur(72px) saturate(130%);
  border: 1px solid rgba(255, 255, 255, 0.20);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    inset 0 -1px 0 rgba(255, 255, 255, 0.10),
    inset 1px 0 0 rgba(255, 255, 255, 0.12),
    inset 0 18px 36px -24px rgba(255, 255, 255, 0.18),
    inset 0 -30px 40px -40px rgba(0, 0, 0, 0.35),
    0 30px 70px -30px rgba(0, 0, 0, 0.8);
}

/* Ust gloss: isik sol-ustten dusuyor (auth-glass::before ile ayni). */
.og-glass::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(140% 60% at 20% -10%, rgba(255, 255, 255, 0.08), transparent 55%),
    radial-gradient(80% 45% at 100% 105%, rgba(255, 255, 255, 0.02), transparent 60%);
}

html.light .og-glass {
  /* ACIK TEMADA DAHA OPAK: eski degerler (0.62/0.40/0.52) perdeyi fazla
     geciriyordu ve bilesik panel zemini L=0.36-0.49e duyuyordu; koyu gri
     metin orada 3.2-4.4:1 veriyor, yani AA alti. Yeni degerlerle zemin
     ~0.75-0.85 bandinda ve ayni metin 6:1 uzerinde. Perde hala okunuyor,
     yalnizca metnin ARKASINDA degil kenarlarda ve olukta. */
  background: linear-gradient(160deg,
      rgba(255, 255, 255, 0.86),
      rgba(255, 255, 255, 0.74) 50%,
      rgba(255, 255, 255, 0.82));
  border-color: rgba(255, 255, 255, 0.95);
  box-shadow:
    inset 0 1.5px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.04),
    0 30px 60px -30px rgba(76, 29, 149, 0.4);
}

html.light .og-glass::before {
  background: radial-gradient(140% 60% at 20% -10%, rgba(255, 255, 255, 0.95), transparent 55%);
}

/* Metin YOGUN buyuk yuzeyler (kenar cubugu) icin ince koyu perde.
   NEDEN: .og-glass zemini ~%3 beyaz; login KARTI icin dogru cunku orada metin
   buyuk ve kalin. Kenar cubugu ise 14px ikincil metin tasiyor ve DarkVeil'in
   EN PARLAK lobu (shader'da corner1/corner2 = ust koseler) tam arkasinda —
   saf camda `text-white/65` etiketler ~3.5:1'e duyuyordu (AA esigi 4.5:1).
   Perde camligi bozmayacak kadar ince, kontrasti esigin uzerine tasiyacak
   kadar koyu. `background` KISAYOLU bilincli: .og-glass'in gradyanini
   tamamen degistiriyoruz. */
.og-glass--panel {
  background:
    linear-gradient(160deg,
      rgba(14, 13, 24, 0.52) 0%,
      rgba(10, 10, 18, 0.60) 45%,
      rgba(8, 8, 15, 0.66) 100%);
}

html.light .og-glass--panel {
  background:
    linear-gradient(160deg,
      rgba(255, 255, 255, 0.86),
      rgba(255, 255, 255, 0.78) 50%,
      rgba(255, 255, 255, 0.84));
}

/* Kenar kirilma halkasi: sol-ust parlak, sag-alt zayif (auth-glass::after).
   YALNIZCA DIS yuzeylerde. Login ekranindaki hiyerarsinin aynisi: kart/panel
   tam halka alir, ic yuzeyler (auth-glass-inset karsiligi .og-shelf,
   .og-chip) yalnizca inset rim alir — yoksa kartin kendi halkasiyla rafin
   halkasi ust uste binip cift kenar cizgisi olusuyor. */
.og-glass::after,
.og-card::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 3;
  padding: 1px;
  background: linear-gradient(140deg,
    rgba(255, 255, 255, 0.55) 0%,
    rgba(255, 255, 255, 0.10) 28%,
    rgba(255, 255, 255, 0.03) 55%,
    rgba(255, 255, 255, 0.28) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}

html.light .og-glass::after,
html.light .og-card::after {
  background: linear-gradient(140deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.5) 35%,
    rgba(147, 51, 234, 0.18) 100%);
}

/* ==========================================================================
   ETKINLIK KARTI
   --------------------------------------------------------------------------
   Kart = SABIT 16:9 kapak yuzeyi + uzerinde YUZEN tek cam raf (.og-shelf).

   NEDEN TEK RAF: kart 12+ kez, en dar kirilimda ~190px yuksekliginde
   render ediliyor. O alanda birden fazla cam katman (ust serit + alt serit)
   hem kapagi gorunmez yapiyor hem de goz icin iki ayri okuma merkezi
   uretiyordu. Simdi tek bir hiyerarsi var: kapak = zemin, raf = bilgi.

   NEDEN RAF KENARLARDAN ICERI: Apple'in malzeme dilinde cam bir PARCA'dir,
   kabin duvarina yapisan bir kaplama degil. Kenarlardan 8px iceri alinmis
   raf, kendi golgesini kapak fotografinin uzerine dusurur — kalinligi ve
   "ayri nesne" olusu buradan okunur. Yaricaplar da es merkezli: dis 24px,
   ic 24-8 = 16px. Es merkezli olmayan yaricap kart icinde kart hissi verir.
   ========================================================================== */

.og-card {
  position: relative;
  isolation: isolate;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.10),
    0 20px 48px -26px rgba(0, 0, 0, 0.82),
    0 2px 10px -4px rgba(0, 0, 0, 0.55);
  transition:
    transform 0.55s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

html.light .og-card {
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.70),
    0 18px 44px -26px rgba(35, 25, 70, 0.35),
    0 2px 8px -4px rgba(35, 25, 70, 0.18);
}

@media (hover: hover) {
  .og-card:hover {
    transform: translateY(-6px);
    box-shadow:
      inset 0 0 0 1px rgba(196, 155, 255, 0.36),
      0 36px 76px -28px rgba(88, 28, 135, 0.62),
      0 0 44px -10px rgba(168, 85, 247, 0.40);
  }

  html.light .og-card:hover {
    box-shadow:
      inset 0 0 0 1px rgba(168, 85, 247, 0.32),
      0 32px 64px -28px rgba(88, 28, 135, 0.30),
      0 0 36px -12px rgba(168, 85, 247, 0.28);
  }
}

/* --- Okunabilirlik perdesi ----------------------------------------------
   Kapak fotografi her sey olabilir: beyaz bir dugun masasi da, gece sahne
   isiklari da. Ustteki cam chip'ler ve rafin golgesi HER IKISINDE de okunmak
   zorunda; bu yuzden perde temaya degil KARTA ait — acik temada da koyu.
   Ortasi neredeyse seffaf, iki uc koyu: fotografin konusu (genelde merkez)
   acikta kalir. */
.og-card__scrim {
  background:
    linear-gradient(to top,
      rgba(3, 4, 10, 0.72) 0%,
      rgba(3, 4, 10, 0.34) 22%,
      rgba(3, 4, 10, 0.04) 46%,
      rgba(3, 4, 10, 0.10) 74%,
      rgba(3, 4, 10, 0.46) 100%);
}

/* Sablon (kapaksiz) kartlar icin: sablon gorselinin uzerine ince marka
   tonu + biraz daha kuvvetli alt perde. NEDEN: sablonun kendi icinde gomulu
   yazisi var; raf bilgisinin ONDE olmasi gerekiyor, sablon ise DOKU olarak
   geride kalmali. */
.og-card__scrim--template {
  background:
    linear-gradient(to top,
      rgba(3, 4, 10, 0.80) 0%,
      rgba(3, 4, 10, 0.46) 26%,
      rgba(10, 6, 24, 0.16) 52%,
      rgba(10, 6, 24, 0.20) 76%,
      rgba(3, 4, 10, 0.44) 100%),
    radial-gradient(120% 90% at 84% 10%, rgba(168, 85, 247, 0.20), transparent 62%);
}

/* --- Sablon kapagin tema varyanti --------------------------------------
   Iki sablon gorseli (koyu + acik) UST USTE konur; hangisinin gorunecegine
   CSS karar verir. NEDEN JS DEGIL: varyant secimi `useTheme()`e baglandiginda
   sunucu 'dark' isaretliyor, istemci 'light' hesapliyor ve <img src> icin bu
   bir hidrasyon uyusmazligi olur — acik temada kisa sure (bazen kalici) koyu
   sablon gorunur. CSS `html.light` ile eslestigi icin ilk boyamada dogrudur.
   Bedeli: kapaksiz kart basina fazladan bir istek. Kabul edilebilir, cunku
   sablon TEK ve paylasilan bir dosya — sayfadaki butun kapaksiz kartlar ayni
   iki indirmeyi kullanir, uctan uca 2 istek. */
.og-card__tpl--light {
  display: none;
}

html.light .og-card__tpl--dark {
  display: none;
}

html.light .og-card__tpl--light {
  display: block;
}

html.light .og-card__scrim--template {
  background:
    linear-gradient(to top,
      rgba(3, 4, 10, 0.74) 0%,
      rgba(3, 4, 10, 0.34) 26%,
      rgba(255, 255, 255, 0.06) 52%,
      rgba(255, 255, 255, 0.10) 76%,
      rgba(30, 20, 60, 0.20) 100%),
    radial-gradient(120% 90% at 84% 10%, rgba(168, 85, 247, 0.14), transparent 62%);
}

/* --- OLCU SISTEMI: kartin KENDI genisligine bagli -----------------------
   PROBLEM: olculer once Tailwind kirilimlariyla (`sm:` `xl:` `3xl:`)
   veriliyordu. Bu kirilimlar PENCEREYI olcer, karti olcmez. Izgara 768px'de
   2 kolona gectigi icin kart orada ~350px'e DUSER, ama `sm:` tam o noktada
   devreye girip yaziyi BUYUTUR. Sonuc: bilgi rafi sismis halde kapagin buyuk
   kismini yer, sablon gorseli ezilir. Ayni sey 1280px'de 3 kolona gecerken
   `xl:` ile tekrar olur. Yani kirilim yonu ile kartin gercek boyut yonu
   birbirinin TERSI.

   COZUM: kart bir container; butun olculer `cqw` (kart genisliginin %1)
   uzerinden TEK bir olcek katsayisindan (--og-s) turetilir. Boylece bilgi
   kismi kartla birlikte orantili buyur/kuculur — kart daralinca sismek yerine
   kendisi de kuculur, kapak icin ayirdigi oran SABIT kalir.

   KATSAYI BIR UZUNLUKTUR (px), birimsiz sayi DEGIL. Nedeni: `clamp()` icinde
   birimsiz sayi ile `cqw` karistirilamaz — `clamp(0.86, 0.242cqw, 1.12)`
   GECERSIZDIR ve onu kullanan butun calc'lar sessizce cover, sonucta dolgu ve
   yaricap 0'a duser. Katsayi px cinsinden tutulunca `uzunluk * sayi` gecerli
   bir carpim olur: `calc(var(--og-s) * 15)` = 15 birimlik olcek.
     kart 340px (768px pencere, 2 kolon) -> 0.95 (alt sinir)
     kart 392px                           -> 0.95 (akiskan aralik basi)
     kart 463px ve uzeri                  -> 1.12 (ust sinir)
   ALT SINIR 0.95: bu deger baslik 14.25px / ikincil metin 10.45px verir —
   yani mobilde (358px kart) daha once GORSEL OLARAK dogrulanmis olculer. Daha
   asagisi (0.86) ikincil metni 9.5px'e indiriyordu, ki 11px'lik gri metin icin
   okunurluk tabaninin altidir. UST SINIR 1.12: dev ekranda kart 640px'e
   ulastiginda yazinin sismesini engeller.

   FALLBACK: container query'siz tarayicida --og-s 1px kalir, yani tasarim
   bugunku temel olculerle render olur; hicbir calc gecersizlesmez. */
.og-card > * {
  --og-s: 1px;
  --og-pad: 8px;
}

@supports (container-type: inline-size) {
  .og-card {
    container-type: inline-size;
  }

  /* NEDEN `> *`: bir container KENDI cqw'sunu sorgulayamaz; `cqw` en yakin
     UST container'a gore cozulur. Bu yuzden katsayi kartin cocuklarinda
     tanimlanir ve oradan asagi miras alinir. */
  .og-card > * {
    --og-s: clamp(0.95px, 0.242cqw, 1.12px);
    --og-pad: calc(var(--og-s) * 8);
  }
}

/* Ust chip seridi ve raf ayni --og-pad'i kullanir: kapak kenarindan esit
   uzaklik, kart daralirken bosluk da daralir. */
.og-card__chips {
  top: var(--og-pad);
  left: var(--og-pad);
  right: var(--og-pad);
  gap: calc(var(--og-s) * 8);
}

/* Cok dar kapta (kart < 336px) tarih DUSURULUR ---------------------------
   Olcum: 300px kartta tarih + ayirici + 3 metrik + dugme ikincil satiri
   tasitiyor. Uc secenek vardi: (a) yaziyi daha da kucultmek — zaten okunurluk
   tabaninda, (b) satiri sarmalamak — rafi buyutur, kapagi yer, 16:9'da
   dengeyi bozar, (c) EN AZ kritik alani dusurmek. Tarih secildi: uc metrik
   kartin varlik sebebi (kac fotograf/yuz/katilimci islendi), tarih ise
   etkinlik detayinda hemen gorunur. Basligin altindaki bosluk da toparlanir.
   Bu esik SAVUNMA amaclidir: uygulamadaki en dar kart 358px, yani normalde
   devreye girmez. */
@container (max-width: 336px) {
  .og-card__date {
    display: none;
  }
}

/* --- Yuzen cam raf ------------------------------------------------------
   MALZEME login karti (.auth-glass) ile ayni dil: guclu blur + doygunluk,
   ust gloss, kenarda specular pah. Blur 72px degil 40px — bu yuzey sayfada
   12+ kez var ve arkasinda tek bir fotograf duruyor; 40px'te ayni sut-cam
   etkisi olusuyor, bedeli belirgin sekilde dusuk.

   ZEMIN NEDEN BU KADAR KOYU (%62-72): raf 11px ikincil metin tasiyor ve
   arkasindaki fotograf ONGORULEMEZ. Beyaz bir kapakta %30'luk zeminde
   `text-white/70` etiketler 2:1'e duser (AA esigi 4.5:1). Bu deger, en kotu
   durum kapakta (dumduz beyaz) bile esigi tutacak sekilde secildi. */
.og-shelf {
  isolation: isolate;
  /* Konum ve olculer kartin kendi genisligine bagli; bkz. --og-s notu.
     Yaricap es merkezli kalir: dis 24px - kenar boslugu. */
  left: var(--og-pad);
  right: var(--og-pad);
  bottom: var(--og-pad);
  padding: calc(var(--og-s) * 10) calc(var(--og-s) * 12);
  border-radius: calc(24px - var(--og-pad));
  -webkit-backdrop-filter: blur(40px) saturate(160%) brightness(1.05);
  backdrop-filter: blur(40px) saturate(160%) brightness(1.05);
  background: linear-gradient(158deg,
      rgba(12, 13, 24, 0.62) 0%,
      rgba(9, 10, 19, 0.68) 46%,
      rgba(7, 8, 16, 0.74) 100%);
  box-shadow:
    /* pah: ust-sol keskin isik, alt kenar zayif */
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    inset 1px 0 0 rgba(255, 255, 255, 0.10),
    inset -1px 0 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06),
    inset 0 0 0 1px rgba(255, 255, 255, 0.09),
    /* ic hacim: ustten dusen isik, altta toplanan golge */
    inset 0 16px 32px -22px rgba(255, 255, 255, 0.16),
    inset 0 -22px 30px -30px rgba(0, 0, 0, 0.44),
    /* rafin KENDI golgesi — kapagin uzerine duser, kalinlik hissi buradan */
    0 10px 26px -14px rgba(0, 0, 0, 0.62);
  transition: box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Ust gloss: isik sol-ustten dusuyor (auth-glass::before ile ayni yon). */
.og-shelf::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(150% 120% at 16% -30%, rgba(255, 255, 255, 0.13), transparent 58%),
    radial-gradient(80% 60% at 100% 130%, rgba(255, 255, 255, 0.03), transparent 62%);
}

html.light .og-shelf {
  /* Opaklik OLCUMLE belirlendi: %70'te, tamamen SIYAH bir kapak fotografinin
     uzerinde raf zemini rgb(185,185,187)'e kadar koyuluyor ve 11px ikincil
     metin 3.86:1'e duşuyordu (AA esigi 4.5). %84-78 araligi ayni en-kotu
     durumda esigi asiyor, camligi ise gozle ayirt edilir sekilde bozmuyor. */
  background: linear-gradient(158deg,
      rgba(255, 255, 255, 0.88),
      rgba(255, 255, 255, 0.82) 50%,
      rgba(255, 255, 255, 0.86));
  box-shadow:
    inset 0 1.5px 0 rgba(255, 255, 255, 1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.85),
    inset 0 -1px 0 rgba(0, 0, 0, 0.04),
    0 10px 24px -14px rgba(20, 14, 45, 0.45);
}

html.light .og-shelf::before {
  background: radial-gradient(150% 120% at 16% -30%, rgba(255, 255, 255, 0.95), transparent 58%);
}

@media (hover: hover) {
  .og-card:hover .og-shelf {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.40),
      inset 1px 0 0 rgba(255, 255, 255, 0.12),
      inset -1px 0 0 rgba(255, 255, 255, 0.06),
      inset 0 -1px 0 rgba(255, 255, 255, 0.07),
      inset 0 0 0 1px rgba(196, 155, 255, 0.24),
      inset 0 16px 32px -22px rgba(255, 255, 255, 0.20),
      inset 0 -22px 30px -30px rgba(0, 0, 0, 0.44),
      0 14px 30px -14px rgba(0, 0, 0, 0.66);
  }

  html.light .og-card:hover .og-shelf {
    box-shadow:
      inset 0 1.5px 0 rgba(255, 255, 255, 1),
      inset 0 0 0 1px rgba(168, 85, 247, 0.26),
      inset 0 -1px 0 rgba(0, 0, 0, 0.04),
      0 14px 28px -14px rgba(20, 14, 45, 0.48);
  }
}

/* --- Raftaki dikey ayirici ---------------------------------------------
   Tarih ile metrikler arasinda. Cam uzerinde CIZGI degil ISIK: ustte ve
   altta soner, ortada en parlak. */
.og-shelf__rule {
  background: linear-gradient(to bottom,
      transparent,
      rgba(255, 255, 255, 0.24) 50%,
      transparent);
}

html.light .og-shelf__rule {
  background: linear-gradient(to bottom,
      transparent,
      rgba(30, 20, 60, 0.20) 50%,
      transparent);
}

/* --- Rafin acilis dugmesi (affordance) ---------------------------------
   Kartin TAMAMI zaten tiklanabilir; bu kapsul eylemi GORUNUR kilar. Metin
   tasimaz: "Etkinligi Goruntule" etiketi kartin kendisiyle ayni bilgiyi
   tekrar ediyordu ve en dar kirilimda metrikleri kirpiyordu. */
.og-shelf__go {
  /* Dokunma hedefi: kart 358px'te bile ~24px kalir. Kartin TAMAMI ayni eylemi
     tetikledigi icin gercek hedef alani kartin kendisidir (~358x201px), yani
     kapsulun kucuklugu erisilebilirlik sorunu degil — gorsel bir ipuctur. */
  width: calc(var(--og-s) * 28);
  height: calc(var(--og-s) * 28);
  background: linear-gradient(140deg, rgba(167, 74, 245, 0.95), rgba(219, 39, 119, 0.92));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 0 0 1px rgba(255, 255, 255, 0.14),
    0 6px 16px -8px rgba(168, 85, 247, 0.85);
  transition:
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (hover: hover) {
  .og-card:hover .og-shelf__go {
    transform: scale(1.08);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.5),
      inset 0 0 0 1px rgba(255, 255, 255, 0.2),
      0 10px 22px -8px rgba(168, 85, 247, 0.95);
  }
}

/* --- Tipografi ve ikonlar: hepsi ayni olcek katsayisindan ----------------
   Boyutlar `px` cinsinden yazilir ve --og-s ile carpilir; boylece kartin
   ORANI degismez, yalnizca olcegi degisir. Tailwind kirilim siniflari burada
   BILINCLI olarak kullanilmaz — nedeni --og-s notunda. */
.og-card__title {
  font-size: calc(var(--og-s) * 15);
  line-height: 1.2;
}

.og-card__row {
  margin-top: calc(var(--og-s) * 6);
  gap: calc(var(--og-s) * 9);
}

.og-card__meta,
.og-card__metrics {
  font-size: calc(var(--og-s) * 11);
}

/* Metrik grubu ic bosluklari: rakam-ikon cifti sikice bagli kalsin, gruplar
   arasi nefes alsin. */
.og-card__metrics { gap: calc(var(--og-s) * 9); }
.og-card__metric  { gap: calc(var(--og-s) * 4); }
.og-card__meta    { gap: calc(var(--og-s) * 4); }
/* Tarih sarmalayicisi: tarih ile ayirici arasi, satirin genel ritmiyle ayni
   olsun (ic bosluk 4 degil 9). */
.og-card__date    { gap: calc(var(--og-s) * 9); }

.og-card__ico {
  width: calc(var(--og-s) * 13);
  height: calc(var(--og-s) * 13);
}

.og-shelf__rule {
  width: 1px;
  height: calc(var(--og-s) * 14);
}

/* Kartin ust chip'leri: rafla ayni olcekte kalir, yoksa kart daralirken
   chip'ler nispeten sismis gorunur.

   DIKKAT — NEDEN AYRI BIR SINIF (.og-card__chip), NEDEN `.og-chip` DEGIL:
   `.og-chip` PAYLASILAN bir malzeme sinifi; kartin disinda da kullaniliyor
   (etkinlik arama input'u, sayac rozeti, sidebar ogeleri — 22 yer). Olcu
   kurallari dogrudan `.og-chip`e yazildiginda, kart DISINDAKI kullanimlarda
   `--og-s` tanimsiz kalir; `calc()` cozulemez ve dolgu/yaricap/yazi boyutu
   birden COKER (arama input'u yaziyi ve ic boslugunu kaybeder). Olcu, malzeme
   sinifina degil YALNIZCA kartin kendi chip'lerine ait olmali. */
.og-card__chip {
  font-size: calc(var(--og-s) * 11.5);
  padding: calc(var(--og-s) * 5) calc(var(--og-s) * 8);
  border-radius: calc(var(--og-s) * 10);
  gap: calc(var(--og-s) * 5);
}

.og-chip__ico {
  width: calc(var(--og-s) * 13);
  height: calc(var(--og-s) * 13);
}

.og-chip__ico--coin {
  width: calc(var(--og-s) * 11);
  height: calc(var(--og-s) * 11);
}

/* --- Kart metin renkleri -------------------------------------------------
   NEDEN CSS, NEDEN JS DEGIL: renkler onceden `useTheme()` donusune gore
   Tailwind sinifi olarak secilyordu (`isDarkMode ? 'text-white' : ...`).
   theme-context temayi `data-theme` niteliginden okuyor ve SUNUCUDA her zaman
   'dark' donuyor; hidrasyon sirasinda istemci 'light' hesapliyor ve React bu
   className uyusmazligini uyari verip GECIYOR. Sonuc: acik temada beyaz cam
   rafin uzerine beyaz metin — olculen kontrast 1.1:1, yani okunamaz.
   (Uyusmazlik uygulama genelinde mevcut; burada tek cozum kartin ona hic
   bagli OLMAMASI.) CSS `html.light` ile eslestigi icin ilk boyamada dogru.

   Ikincil metin rengi de olcumle secildi: en kotu durum kapakta (tamamen
   siyah) acik temada #4b5563 -> 5.15:1, koyu temada rgba(255,255,255,.65) ->
   5.06:1. Ikisi de AA (4.5) uzerinde. */
.og-card__title {
  color: #fff;
}

.og-card__meta {
  color: rgba(255, 255, 255, 0.66);
}

.og-card__value {
  color: #fff;
}

html.light .og-card__title {
  color: #111827;
}

html.light .og-card__meta {
  color: #4b5563;
}

html.light .og-card__value {
  color: #111827;
}

/* Metrik ikonlari: bilgi TURUNU renkle ayirt eder (fotograf / yuz /
   katilimci). Acik temada ayni tonlar zeminde kaybolur, koyulastirilir. */
.og-card__ico--photo { color: #d8b4fe; }
.og-card__ico--face  { color: #6ee7b7; }
.og-card__ico--guest { color: #93c5fd; }

html.light .og-card__ico--photo { color: #9333ea; }
html.light .og-card__ico--face  { color: #059669; }
html.light .og-card__ico--guest { color: #2563eb; }

/* Butce (coin) vurgusu ve etrafindaki parantezler. */
.og-card__coins { color: rgba(253, 230, 138, 0.95); }
.og-card__paren { color: rgba(255, 255, 255, 0.32); }
.og-chip {
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  backdrop-filter: blur(16px) saturate(180%);
  /* 0.44 -> 0.56: cam panel zemini %3'ten %7.5'e cikinca cip ONUN uzerinde
     durdugu icin daha koyu olmak zorunda. Olculdu — 0.44'te aktif cip metni
     4.51:1'e dayaniyordu (AA esigi 4.5), yani guvenlik payi yoktu; 0.56'da
     ayni metin ~5.5:1. Cip KOYULASIYOR ama panel ACILIYOR: ikisi arasindaki
     kademe farki artiyor, yani hiyerarsi de netlesiyor. */
  background: rgba(10, 12, 20, 0.56);
  /* BEYAZ HALKA VE UST PARLAMA KALDIRILDI (kullanici istegi: "kucuk
     ciplerdeki beyaz cerceve ve parlama efektinden kurtulalim, bu sayede
     cipler arasindaki okunakliligi artiracagiz").

     Eski hali  (ust gloss) +
      (tam halka) tasiyordu. Bir
     cip 24-32px yuksekliginde; o olcude 1px parlak ust cizgi metnin
     hemen ustunde duruyor ve harflerin tepesiyle karisiyor. Ayrica on
     tane cip yan yana dizildiginde yirmi tane parlak cizgi ayni satirda
     titriyor. Cipin siniri artik yalnizca ZEMIN FARKI ile kurulur —
     panel koyu perde, cip ondan daha koyu. Apple da kucuk kontrollerde
     kenari malzemeyle degil TON farkiyla anlatir. */
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

/* ACIK TEMADA DAHA OPAK (0.78 -> 0.90): olculdu — cip zemini kagit uzerinde
   %78 beyaz ama ARKASINDA perdenin mor lobu var ve bilesik zemin L=0.36-0.49
   cikiyordu; koyu gri cip metni (#374151) orada 3.2-4.4:1 veriyordu, yani AA
   altinda (kullanici raporu: "iyice okunamazlik basliyor"). %90'da bilesik
   zemin ~0.75'e cikiyor ve ayni metin 6:1 bandina geliyor.
   Kenar da koyulastirildi: acik zeminde %20 mavi-gri cizgi neredeyse
   gorunmuyordu, cipler birbirine akiyordu. */
html.light .og-chip {
  background: rgba(255, 255, 255, 0.90);
  /* Acik temada da ust gloss kalkti (beyaz uzerine beyaz zaten gorunmez);
     kalan tek sey ince ton cizgisi — kagit uzerinde cipin siniri ancak
     boyle okunur. */
  box-shadow: inset 0 0 0 1px rgba(100, 120, 145, 0.22);
}

/* --- Kenar cubugu / navbar ogeleri -------------------------------------- */
.og-item {
  position: relative;
  transition: background 0.22s ease, box-shadow 0.22s ease, color 0.22s ease;
}

@media (hover: hover) {
  .og-item:hover {
    background: rgba(255, 255, 255, 0.075);
    -webkit-backdrop-filter: blur(14px) saturate(170%);
    backdrop-filter: blur(14px) saturate(170%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.24),
      inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  }

  html.light .og-item:hover {
    background: rgba(255, 255, 255, 0.70);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.95),
      inset 0 0 0 1px rgba(120, 145, 165, 0.16);
  }
}

/* Aktif oge: camin icine gomulu mor isik */
.og-item--active {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.28), rgba(236, 72, 153, 0.16));
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  backdrop-filter: blur(16px) saturate(180%);
  /* Ust gloss ve genis mor parilti kalkti; aktif durum artik ZEMIN
     gradyaniyla ve ince mor halkayla anlatiliyor. Parilti kucuk bir cipte
     kenari bulaniklastirip metni yiyordu. */
  box-shadow: inset 0 0 0 1px rgba(196, 155, 255, 0.38);
}

/* ACIK TEMA — aktif kapsul.

   ZEMIN OPAKLASTIRILDI: eski hali yalnizca mor TINT idi (%16/%10) ve perde
   arkasindan gectigi icin bilesik zemin L=0.36 cikiyordu; ustundeki koyu mor
   metin (#6b21a8) orada 3.4:1 veriyordu — AA alti. Simdi tinti BEYAZ bir
   taban tasiyor: zemin ~0.72'ye cikiyor ve ayni metin 5.5:1 bandina geliyor.
   Kenar da koyulastirildi ki aktif kapsul dingin ciplerden ayrissin. */
html.light .og-item--active {
  background:
    linear-gradient(135deg, rgba(168, 85, 247, 0.20), rgba(236, 72, 153, 0.13)),
    rgba(255, 255, 255, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 0 0 1px rgba(147, 51, 234, 0.42);
}

/* Aktif kapsulun METIN rengi.

   NEDEN SINIF, `text-white` DEGIL: koyu temada aktif zemin mor gradyan,
   beyaz metin dogru. Ama ACIK temada ayni zemin yalnizca hafif bir mor
   tint (yukaridaki kural) ve beyaz metin uzerinde 1.08:1 veriyordu -
   yani aktif sekme/siralama secimi OKUNMUYORDU. Olculdu: aktif 1.08,
   aktif olmayan 10.31. Acik temada koyu mor metin kullanilir. */
.ogv-active-fg { color: #fff; }
html.light .ogv-active-fg { color: #6b21a8; }

/* --- backdrop-filter yoksa (eski tarayici) ------------------------------
   Cam saydam kalirsa metin okunmaz hale gelir; zemin opaklastirilir. */
@supports not (((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) or (-webkit-backdrop-filter: blur(1px))) {

  .og-glass,
  .og-shelf,
  .og-chip {
    background: rgba(12, 14, 24, 0.90);
  }

  html.light .og-glass,
  html.light .og-shelf,
  html.light .og-chip {
    background: rgba(255, 255, 255, 0.94);
  }
}

@media (prefers-reduced-motion: reduce) {

  .og-card,
  .og-card:hover {
    transform: none;
    transition: box-shadow 0.2s ease;
  }

  .og-card:hover .og-shelf__go {
    transform: none;
  }

  /* Kapak yakinlastirma animasyonu da kapanir. */
  .og-card__cover,
  .og-card:hover .og-card__cover {
    transform: none;
    transition: none;
  }
}

/* ==========================================================================
   V2 SAYFA MALZEMELERI — /organizer/events dilinin veri sayfalarina tasinmasi
   --------------------------------------------------------------------------
   Etkinlikler sayfasi malzeme olarak `.og-glass` + `.og-chip` + `.og-item`
   ucluşunu kullaniyor ve BUNLAR AYNEN kullanilir; asagidaki sinifiar yalnizca
   o ucluye eksik olan seyleri ekler: metin katmanlari, ayiricilar, tablo
   satirlari, alan girisleri. Yeni bir cam recetesi YOK.

   NEDEN CSS, NEDEN `isDarkMode ?` DEGIL: theme-context temayi `data-theme`den
   okur ve SUNUCUDA her zaman 'dark' doner; istemci ilk boyamada 'light'
   hesaplarsa React className uyusmazligini UYARIP GECER. Sonuc: acik temada
   beyaz cam uzerine beyaz metin (olculen kontrast 1.1:1). Ayni tuzak
   `.og-card__title` notunda belgeli. Bu yuzden RENK kararlari `html.light`
   uzerinden CSS'te verilir; Tailwind ternary'leri yalnizca yerlesim icin.

   HIYERARSI (cam ustune cam YOK):
     kabuk perdesi  -> .og-glass (birincil yuzey, sayfa bolumleri)
     .og-glass ici  -> .og-chip (rozet/giris) veya .ogv-inset (satir/kutu)
   Ucuncu bir blur katmani BILINCLI olarak yok: her ek backdrop-filter yeni
   bir "backdrop root" acar, altindaki blur hicbir sey ornekleyemez ve yuzey
   dumduz griye doner.
   ========================================================================== */

/* --- Metin katmanlari ---------------------------------------------------
   Uc kademe: baslik / govde / ikincil. Alfa degerleri, cam zemin uzerinde
   AA (4.5:1) esiginin UZERINDE kalacak sekilde secildi.

   YUKSELTILDI (%82 -> %88, %62 -> %72, etiket %66 -> %76): cam zeminleri
   %3'ten %7.5'e cikarildi (bkz. `.og-glass`) ve zemin acilinca ayni alfa
   DAHA AZ kontrast veriyor. Olculdu — yukseltme oncesi en zayif ikincil
   metinler 4.5 sinirina dayaniyordu (Tumu 4.51:1, 520 4.57:1), yani
   guvenlik payi sifirdi; kullanici raporu "iyice okunamazlik basliyor".
   Yeni degerlerle ayni metinler ~5.5-6:1 bandinda.

   DENGE KURALI: bu dosyada zemin yuzdesini degistiren biri BU alfa
   degerlerini de gozden gecirmek zorunda. Ikisi tek bir denklemin iki
   tarafi; birini kimildatmak digerini bozar. */
.ogv-title { color: #fff; letter-spacing: -0.011em; }
.ogv-body  { color: rgba(255, 255, 255, 0.88); }
.ogv-muted { color: rgba(255, 255, 255, 0.72); }
/* Etiket: kucuk + buyuk harf oldugu icin ayni alfa'da daha zayif okunur;
   bir kademe yukari alinir. */
.ogv-label {
  color: rgba(255, 255, 255, 0.76);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

html.light .ogv-title { color: #111827; }
html.light .ogv-body  { color: #374151; }
html.light .ogv-muted { color: #4b5563; }
html.light .ogv-label { color: #4b5563; }

/* Hover'da birincil metin rengine cik. Tailwind `hover:text-white` yerine
   BU kullanilir: acik temada beyaz hover gorunmez oluyordu. */
@media (hover: hover) {
  .ogv-hover-title:hover { color: #fff; }
  html.light .ogv-hover-title:hover { color: #111827; }
}

/* --- Ayirici: cizgi degil ISIK (raftaki .og-shelf__rule ile ayni dil) --- */
.ogv-divider { border-color: rgba(255, 255, 255, 0.09); }
html.light .ogv-divider { border-color: rgba(17, 24, 39, 0.09); }

/* --- Vurgu fayansi / vurgu metni ---------------------------------------
   Yedi vurgu ailesi, her biri koyu ve acik tema icin AYRI ton tasir. Ayni
   ton iki temada calismaz: `#a5f3fc` acik zeminde 1.13:1'e duser (OLCULDU,
   AA esigi 4.5) — yani rozet metni okunmaz.

   NEDEN SINIF, NEDEN CSS DEGISKENI DEGIL: iki deneme BASARISIZ oldu ve ikisi
   de ogretici.
     1) `html.light` icinde `--ogv-fg`i yeniden atamak: degiskenler ogeye
        satir ici `style` ile yaziliyor ve satir ici tanim ayni ozel ozellik
        icin stylesheet kuralini HER ZAMAN yener.
     2) `:root { --ogv-pick: var(--ogv-fg-d) }`: `var()` ikamesi TANIMIN
        yapildigi kapsamda cozulur; `:root`ta `--ogv-fg-d` yok, dolayisiyla
        deger gecersiz kalip renk tamamen kayboldu (olculdu: tum rozetler
        govde metni rengine dustu).
   Tema kararini tamamen CSS'e birakan tek saglam yol sinif. Ayni desen
   `.og-card__ico--photo/face/guest`ta zaten var.

   Zemin ve kenar tonu temaya gore DEGISMEZ (saydam vurgu, cam uzerinde iki
   temada da ayni okunuyor); yalnizca METIN/IKON rengi degisir. */
.ogv-accent {
  background: var(--ogv-tile);
  box-shadow: inset 0 0 0 1px var(--ogv-ring);
}

.ogv-accent--purple  { --ogv-tile: rgba(168, 85, 247, 0.18); --ogv-ring: rgba(196, 155, 255, 0.34); color: #d8b4fe; }
.ogv-accent--pink    { --ogv-tile: rgba(236, 72, 153, 0.18); --ogv-ring: rgba(244, 114, 182, 0.34); color: #f9a8d4; }
.ogv-accent--emerald { --ogv-tile: rgba(16, 185, 129, 0.18); --ogv-ring: rgba(52, 211, 153, 0.34); color: #6ee7b7; }
.ogv-accent--cyan    { --ogv-tile: rgba(34, 211, 238, 0.18); --ogv-ring: rgba(103, 232, 249, 0.34); color: #a5f3fc; }
.ogv-accent--amber   { --ogv-tile: rgba(245, 158, 11, 0.18); --ogv-ring: rgba(252, 211, 77, 0.34); color: #fcd34d; }
.ogv-accent--indigo  { --ogv-tile: rgba(99, 102, 241, 0.18); --ogv-ring: rgba(129, 140, 248, 0.34); color: #a5b4fc; }
.ogv-accent--rose    { --ogv-tile: rgba(244, 63, 94, 0.18);  --ogv-ring: rgba(251, 113, 133, 0.34); color: #fda4af; }

/* Acik tema: doygun/koyu tonlar. Hepsi cam yuzeyde >= 4.5:1. */
html.light .ogv-accent--purple  { color: #6b21a8; }
html.light .ogv-accent--pink    { color: #9d174d; }
html.light .ogv-accent--emerald { color: #065f46; }
html.light .ogv-accent--cyan    { color: #155e75; }
html.light .ogv-accent--amber   { color: #92400e; }
html.light .ogv-accent--indigo  { color: #3730a3; }
html.light .ogv-accent--rose    { color: #9f1239; }

/* --- Cam ICI kutu (ikinci kademe) --------------------------------------
   `.og-chip`in blur'suz kardesi. Blur TASIMAZ: bir `.og-glass` panelin
   icindeki her backdrop-filter, panelin kendi blur'unu ornekleyemeyen yeni
   bir kok acar. Burada gereken sey derinlik, ikinci bir bulaniklik degil.

   ZEMIN YUKSELTILDI: %4.5 -> %8 beyaz, kenar %7 -> %12. Birinci kademe
   %7.5'e cikinca ikinci kademe ONUN UZERINDE ayirt edilebilir olmak
   zorunda; eski deger panelin zeminine yapisip kutu sinirini yok ediyordu.
   Kademe farki korunuyor: dis panel blur + %7.5, ic kutu blur'suz + %8 —
   ayrimi yapan sey blur ve kenar, ham parlaklik degil. */
.ogv-inset {
  /* Zemin KOYU perde, beyaz katman DEGIL — ayni gerekce icin bkz.
     og-glass kurali. Panelden bir tik daha koyu ki kademe okunsun. */
  background: rgba(6, 6, 12, 0.42);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 0 0 1px rgba(255, 255, 255, 0.09);
}

html.light .ogv-inset {
  /* 0.58 -> 0.80: ayni gerekce (bkz. html.light .og-glass). */
  background: rgba(255, 255, 255, 0.80);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 0 0 1px rgba(120, 145, 165, 0.16);
}

/* --- Tablo / liste satiri ----------------------------------------------
   Zebra YOK: cam uzerinde donusumlu zemin, perdenin kendi gradyani ile
   carpisip bant etkisi uretiyor. Ayrim ust cizgi + hover ile kurulur. */
.ogv-row { border-top: 1px solid rgba(255, 255, 255, 0.07); }
html.light .ogv-row { border-top-color: rgba(17, 24, 39, 0.08); }

@media (hover: hover) {
  .ogv-row:hover { background: rgba(255, 255, 255, 0.045); }
  html.light .ogv-row:hover { background: rgba(255, 255, 255, 0.55); }
}

/* --- Form alani --------------------------------------------------------
   `.og-chip` zemini + gorunur odak halkasi. Odak `outline` DEGIL box-shadow:
   `.og-chip` zaten inset box-shadow ile pah yapiyor, outline onun uzerine
   ikinci bir dis cizgi koyup kapsulu kalinlastiriyordu. */
.ogv-field {
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  backdrop-filter: blur(16px) saturate(180%);
  background: rgba(10, 12, 20, 0.44);
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.20),
    inset 0 0 0 1px rgba(255, 255, 255, 0.10);
  transition: box-shadow 0.22s ease;
}

.ogv-field::placeholder { color: rgba(255, 255, 255, 0.38); }

.ogv-field:focus,
.ogv-field:focus-visible {
  outline: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 0 0 1px rgba(196, 155, 255, 0.55),
    0 0 0 3px rgba(168, 85, 247, 0.22);
}

.ogv-field:disabled { opacity: 0.55; cursor: not-allowed; }

html.light .ogv-field {
  background: rgba(255, 255, 255, 0.82);
  color: #111827;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 0 0 1px rgba(120, 145, 165, 0.22);
}

html.light .ogv-field::placeholder { color: #9ca3af; }

html.light .ogv-field:focus,
html.light .ogv-field:focus-visible {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 0 0 1px rgba(168, 85, 247, 0.45),
    0 0 0 3px rgba(168, 85, 247, 0.16);
}

/* --- Acilir yuzey (menu / popover) -------------------------------------
   `.og-glass` + OPAK zemin. Zorunlu: cagiran yuzey backdrop-filter tasidigi
   icin menu bir backdrop root ICINDE kalir ve kendi blur'u hicbir sey
   ornekleyemez; saydam kalirsa arkasindaki metin menunun icinden okunur.
   Ayni gerekce events sayfasinda `style={{background}}` ile satir ici
   yaziliydi — burada sinifa aliniyor ki her -v2 menusu ayni sekilde davransin. */
.ogv-pop { background: rgba(13, 12, 22, 0.96); }
html.light .ogv-pop { background: rgba(255, 255, 255, 0.97); }

/* Modal PANELI: menuden bir ton ACIK. Menu kucuk ve kisa omurlu, panel ise
   form tasiyor ve uzun sure ekranda kaliyor; ayni koyulukta "cam" hissi
   kayboluyor ve yuzey duz siyah bir dikdortgene donuyordu (goruldu). Perde
   zaten blur uyguladigi icin bu zeminin saydamlasmasi guvenli degil — deger
   opak kalir, yalnizca acilir. */
.ogv-pop--panel { background: rgba(26, 23, 42, 0.97); }
html.light .ogv-pop--panel { background: rgba(255, 255, 255, 0.98); }

/* --- Devralinan izin secici (.ogv-perms) -------------------------------
   `components/PermissionSelector` renklerini `isDarkMode` PROP'una gore
   seciyor ve prop verilmezse ACIK tema degerlerini kullaniyor: koyu panelde
   `text-gray-700` -> 1.7:1 (OLCULDU, okunamaz).

   Prop'u gecmek COZUM DEGIL: theme-context sunucuda her zaman 'dark' donuyor,
   istemci 'light' hesaplarsa React className uyusmazligini uyarip geciyor ve
   bu kez TERS yonde okunamayan metin kaliyor. Ayni tuzak `.og-card__title`
   notunda belgeli. Bu yuzden karar CSS'e alinir.

   Bilesen PAYLASIMLI (orjinal modallar da kullaniyor), dosyasina
   dokunulmuyor; kural yalnizca `.ogv-perms` kapsaminda etkili. */
.ogv-perms label span { color: rgba(255, 255, 255, 0.85) !important; }
.ogv-perms p { color: rgba(255, 255, 255, 0.60) !important; }

html.light .ogv-perms label span { color: #374151 !important; }
html.light .ogv-perms p { color: #6b7280 !important; }

/* Isaretli satir vurgusu ve hover: acik tema degerleri (`bg-purple-50`,
   `hover:bg-gray-100`) koyu panelde beyaz bir blok uretiyordu. */
.ogv-perms label { background: transparent !important; }

.ogv-perms label:has(input:checked) {
  background: rgba(168, 85, 247, 0.20) !important;
}

@media (hover: hover) {
  .ogv-perms label:not(:has(input:disabled)):hover {
    background: rgba(255, 255, 255, 0.06) !important;
  }

  html.light .ogv-perms label:not(:has(input:disabled)):hover {
    background: rgba(17, 24, 39, 0.05) !important;
  }
}

html.light .ogv-perms label:has(input:checked) {
  background: rgba(168, 85, 247, 0.12) !important;
}

/* Isaretsiz kutu kenari: koyu panelde `border-gray-300` gorunmuyor. */
.ogv-perms label > div > div:first-child {
  border-color: rgba(255, 255, 255, 0.30) !important;
}

html.light .ogv-perms label > div > div:first-child {
  border-color: rgba(17, 24, 39, 0.25) !important;
}

.ogv-perms label:has(input:checked) > div > div:first-child {
  background: #9333ea !important;
  border-color: #9333ea !important;
}

/* --- Modal perdesi ----------------------------------------------------- */
.ogv-scrim {
  background: rgba(3, 3, 8, 0.72);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  backdrop-filter: blur(10px) saturate(120%);
}

html.light .ogv-scrim { background: rgba(30, 22, 55, 0.42); }

/* --- Medya sahnesi perdesi (tam ekran foto/video izleyici) --------------
   Standart modal perdesinden DAHA KOYU ve DAHA NOTR.

   NEDEN AYRI DEGER: `.ogv-scrim`in isi metni tasiyan bir paneli arka plandan
   ayirmak. Burada perdenin isi GORUNTUYU tasimak — organizator bu ekranda
   pozlama, ten tonu ve netlik karari veriyor. %72'de kabugun DarkVeil'i
   (mor lob) perdeden geciyor ve fotografin koyu tonlarina karisiyor: notr
   gri bir gomlek morumsu okunuyor, yani kullanici YANLIS bilgiyle karar
   veriyor. Blur da 10 -> 24px: arkadaki izgara/kart kenarlari fotografin
   kenariyla hizalanip "hayalet cerceve" uretiyordu.

   ACIK TEMADA DA KOYU KALIR — bu dosyadaki tek bilincli istisna. Bir
   goruntunun tonu yalnizca notr-koyu zeminde dogru okunur; Photos, Lightroom
   ve Capture One hepsi acik arayuzde bile medya sahnesini koyu tutar.
   Uzerinde yuzen kontroller `.og-glass` + `.ogv-pop` tasiyor, yani OPAK ve
   kendi temasini koruyor — acik temada beyaz cam + koyu metin olarak okunur,
   kontrast bu yuzden bozulmaz. */
.ogv-scrim--media {
  background: rgba(4, 4, 9, 0.94);
  -webkit-backdrop-filter: blur(24px) saturate(115%);
  backdrop-filter: blur(24px) saturate(115%);
}

html.light .ogv-scrim--media { background: rgba(8, 8, 14, 0.92); }

/* --- Grafik yuzeyi -----------------------------------------------------
   Chart.js tuvali kendi zeminini boyamaz; cam paneldeki izgara cizgileri ve
   eksen etiketleri icin renkler JS'ten geliyor (bkz. huiHelpers chartTheme).
   Burada yalnizca tuvalin oturdugu kutu var: sabit yukseklik + tasma kesme,
   yoksa `responsive: true` tuval her yeniden boyamada birkac piksel buyuyup
   sonsuz dongu yapiyor. */
.ogv-chartbox { position: relative; overflow: hidden; }

/* --- backdrop-filter yoksa -------------------------------------------- */
@supports not (((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) or (-webkit-backdrop-filter: blur(1px))) {
  .ogv-field,
  .ogv-scrim {
    background: rgba(12, 14, 24, 0.94);
  }

  html.light .ogv-field,
  html.light .ogv-scrim {
    background: rgba(255, 255, 255, 0.96);
  }
}

/* --- Yuzde halkasinin bos kismi ---------------------------------------
   `currentColor` ile cizilir; renk buradan gelir. `.ogv-inset` zemini ile
   ayni siddet: halka cam yuzeyin uzerinde bir OLUK gibi okunmali, ayri bir
   cizgi gibi degil. */
.ogv-track { color: rgba(255, 255, 255, 0.10); }
html.light .ogv-track { color: rgba(17, 24, 39, 0.10); }

/* --- Ucuncu kademe kutu -------------------------------------------------
   `.ogv-inset` bir cam panelin icinde oluk gibi okunur. O oluğun ICINDE
   bir kutu daha gerektiginde (bolum -> dagilim blogu) ayni siddeti
   tekrarlamak katmanlari birbirine yapistiriyor: uc kademe ayni
   parlaklikta olunca hangisinin hangisini kapsadigi okunmuyor.
   Bu yuzden zemin YOK, yalnizca ince bir kenar - kapsama iliskisi
   cizgiyle kurulur, malzemeyle degil. */
.ogv-subblock {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
html.light .ogv-subblock {
  box-shadow: inset 0 0 0 1px rgba(120, 145, 165, 0.14);
}

/* --- Ic kaydirma alani --------------------------------------------------
   Sayfa DEGIL, kutu kaydirir. Cubuk ince ve saydam: cam yuzeyin uzerinde
   kalin gri bir sistem cubugu malzemeyi kesiyor.

   `overscroll-behavior: contain`: ic alan sonuna gelince kaydirma DIS
   kabuga sizmasin - yoksa liste sonunda tekerlek cevirmek butun paneli
   oynatiyor ve "no-scroll" yerlesim bozuluyor.

   `scrollbar-gutter: stable`: cubuk icin yer HER ZAMAN ayrilir. Yoksa
   filtre uygulanip icerik kisaldiginda cubuk kayboluyor, kolon genisligi
   aniden 8px degisiyor ve butun izgara yatay ziplama yapiyor. */
.ogv-scrollarea {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
}
html.light .ogv-scrollarea {
  scrollbar-color: rgba(17, 24, 39, 0.20) transparent;
}
.ogv-scrollarea::-webkit-scrollbar { width: 8px; height: 8px; }
.ogv-scrollarea::-webkit-scrollbar-track { background: transparent; }
.ogv-scrollarea::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 9999px;
  border: 2px solid transparent;
  background-clip: content-box;
}
html.light .ogv-scrollarea::-webkit-scrollbar-thumb {
  background: rgba(17, 24, 39, 0.18);
  background-clip: content-box;
}
@media (hover: hover) {
  .ogv-scrollarea::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.28); background-clip: content-box; }
  html.light .ogv-scrollarea::-webkit-scrollbar-thumb:hover { background: rgba(17, 24, 39, 0.30); background-clip: content-box; }
}

/* ==========================================================================
   LIQUID GLASS (.lqg) - dashersw/liquid-glass-js gorsel dilinin CSS cevirisi
   ==========================================================================
   NEDEN KUTUPHANE DEGIL: gerekce bilesende ayrintili
   (components/organizer/create-event/CreateEventWizard.tsx -> GlassButtonLqg
   yorumu). Ozet: NPM'de yok, her ornek bir WebGL baglami + html2canvas sayfa
   yakalamasi istiyor, ve butonlar yerli `<button>` olmaktan cikip canvas'a
   donuyor (bu modal odak tuzagina ve ekran okuyucuya bagli).

   PARAMETRE ESLEME (verilen degerler tasarim speki olarak okundu):
     Blur Radius   5.0            -> backdrop-filter: blur(5px)
     Tint Opacity  0.2            -> beyaz gradyan tepe %20
     Rim           0.089 @ 0.450  -> en parlak katman: 1px halka + ic parlama
     Edge          0.030 @ 0.15   -> kenara yakin kisa menzilli parlama
     Base          0.004 @ 0.220  -> merkezde cok zayif genis parlama
     Corner Boost  0.02           -> iki kosede radyal vurgu (::before)
     Center Warp   true           -> merkezde radyal mercek vurgusu (::after)
     Ripple        0.1            -> cok hafif yuzey dokusu (::after 2. kat)

   TAKAS ACIK: gercek KIRILMA (arkadaki icerigin buklumu) yok - o yalnizca
   shader ile olur. Malzeme kademeleri, isik yonu ve kalinlik hissi ayni.

   `isolation: isolate` + `z-index: -1` ZORUNLU: ::before ogenin ARKASINDA
   kalmali, yoksa metni ortuyor. Ayni desen `.og-glass::before`ta da var. */
.lqg {
  position: relative;
  isolation: isolate;
  /**
   * BLUR YOK — BILINCLI (kullanici istegi: "butonlarin arkasindaki bluru
   * kaldirirsak cok seksi olur, daha gercek cammis gibi dursun").
   *
   * Iki gerekce ortusuyor:
   *  1) GORSEL: gercek cam arkasini BULANIKLASTIRMAZ, KIRAR. Kucuk bir
   *     kontrolun arkasini bulandirmak onu "buzlu cam" yapiyor; Apple'in
   *     Liquid Glass dilinde de kucuk kontrollerde blur neredeyse yok,
   *     hacim hissi ISIK ve KIRILMA ile kuruluyor.
   *  2) TEKNIK: bu butonlar `backdrop-filter: blur(56px)` tasiyan sihirbaz
   *     panelinin ICINDE. Ic ice backdrop-filter, ustteki katmanin ZATEN
   *     bulanik ciktisini yeniden ornekler ve sonuc duz griye doner — ayni
   *     tuzak `.og-glass` ve `.ogv-inset` notlarinda belgeli. Yani blur
   *     hem istenmiyordu hem de zaten ise yaramiyordu.
   *
   * `saturate`/`brightness` KALIYOR: bunlar bulandirmaz, arkadaki rengi
   * "mercek" gibi guclendirir. Cam hissini veren sey tam olarak bu.
   */
  -webkit-backdrop-filter: saturate(190%) brightness(1.12);
  backdrop-filter: saturate(190%) brightness(1.12);
  /* Tint Opacity 0.2 - isik sol-ustten dusuyor. Blur gidince tint bir tik
     DUSURULDU: bulaniklik olmayinca ayni alfa yuzeyi sutlu gosteriyordu. */
  background: linear-gradient(140deg,
      rgba(255, 255, 255, 0.155) 0%,
      rgba(255, 255, 255, 0.035) 46%,
      rgba(255, 255, 255, 0.10) 100%);
  color: #fff;
  box-shadow:
    /* Rim 0.089 @ 0.450 - en guclu katman: dis halka + ust isik cizgisi.
       Blur gidince kenar cizgileri tek hacim ipucu; bir tik GUCLENDIRILDI. */
    inset 0 0 0 1px rgba(255, 255, 255, 0.34),
    inset 0 1.5px 1px -0.5px rgba(255, 255, 255, 0.66),
    /* Edge 0.030 @ 0.15 - kenara yakin, kisa menzil */
    inset 0 0 9px -3px rgba(255, 255, 255, 0.38),
    inset 0 -1.5px 1px -0.5px rgba(255, 255, 255, 0.20),
    /* Base 0.004 @ 0.220 - merkez, cok zayif ve genis */
    inset 0 0 24px -10px rgba(255, 255, 255, 0.08),
    /* Cam kalinligi: dis golge */
    0 6px 18px -8px rgba(0, 0, 0, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.25);
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

html.light .lqg {
  background: linear-gradient(140deg,
      rgba(255, 255, 255, 0.62) 0%,
      rgba(255, 255, 255, 0.30) 46%,
      rgba(255, 255, 255, 0.50) 100%);
  color: #1f2937;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.95),
    inset 0 1.5px 1px -0.5px rgba(255, 255, 255, 1),
    inset 0 0 9px -3px rgba(255, 255, 255, 0.9),
    inset 0 0 0 1.5px rgba(120, 145, 165, 0.18),
    0 6px 16px -10px rgba(76, 29, 149, 0.35);
}

/* Corner Boost 0.02 - capraz iki kosede radyal vurgu. */
.lqg::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(58% 58% at 2% 2%, rgba(255, 255, 255, 0.16), transparent 72%),
    radial-gradient(58% 58% at 98% 98%, rgba(255, 255, 255, 0.10), transparent 72%);
}

html.light .lqg::before {
  background:
    radial-gradient(58% 58% at 2% 2%, rgba(255, 255, 255, 0.95), transparent 72%),
    radial-gradient(58% 58% at 98% 98%, rgba(255, 255, 255, 0.7), transparent 72%);
}

/* Center Warp (acik) + Ripple 0.1 - merkezde mercek vurgusu ve cok hafif
   yuzey dokusu. Iki gradyan TEK katmanda: ikinci bir pseudo-element yok. */
.lqg--warp::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(72% 130% at 50% 46%, rgba(255, 255, 255, 0.11), transparent 62%),
    repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 7px);
  opacity: 0.85;
}

html.light .lqg--warp::after {
  background:
    radial-gradient(72% 130% at 50% 46%, rgba(255, 255, 255, 0.55), transparent 62%),
    repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.28) 0 1px, transparent 1px 7px);
}

/* --- Buton bicimi --- */
.lqg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  flex-shrink: 0;
  height: 2.35rem;
  padding: 0 0.95rem;
  border-radius: 9999px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: -0.005em;
  white-space: nowrap;
  /**
   * OLCU GECISI — son adimda buyuyen birincil eylem icin (`.lqg-btn--final`).
   *
   * `.lqg`in gecis listesi BURADA TEKRARLANIYOR: `transition` tek bir ozellik,
   * yani sadece `height/padding/font-size` yazmak `.lqg`den gelen
   * background/box-shadow/transform gecislerini SILERDI (hover'lar aniden
   * ziplardi).
   */
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease,
    height 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    font-size 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

.lqg-btn--icon { width: 2.35rem; padding: 0; }

@media (hover: hover) {
  .lqg-btn:not(:disabled):hover {
    background: linear-gradient(140deg,
        rgba(255, 255, 255, 0.24) 0%,
        rgba(255, 255, 255, 0.075) 46%,
        rgba(255, 255, 255, 0.17) 100%);
    transform: translateY(-1px);
  }
  html.light .lqg-btn:not(:disabled):hover {
    background: linear-gradient(140deg,
        rgba(255, 255, 255, 0.82) 0%,
        rgba(255, 255, 255, 0.48) 46%,
        rgba(255, 255, 255, 0.70) 100%);
  }
}

.lqg-btn:not(:disabled):active { transform: translateY(0) scale(0.975); }

.lqg-btn:disabled { opacity: 0.42; cursor: not-allowed; }

.lqg-btn:focus-visible {
  outline: none;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.42),
    inset 0 1.5px 1px -0.5px rgba(255, 255, 255, 0.6),
    0 0 0 3px rgba(168, 85, 247, 0.45);
}

/**
 * BIRINCIL EYLEM - ayni malzeme, MOR/PEMBE tint.
 *
 * Gradyan dolgu YERINE tint: kullanici istegi "butonlarin tamamini liquid
 * glass yap". Duz gradyan bir buton cam ailesinin DISINA cikiyordu. Hiyerarsi
 * artik renkle degil DOYGUNLUK ve isikla kuruluyor: birincil buton renkli cam,
 * digerleri renksiz cam.
 */
.lqg-btn--primary {
  background: linear-gradient(140deg,
      rgba(192, 132, 252, 0.42) 0%,
      rgba(147, 51, 234, 0.30) 45%,
      rgba(236, 72, 153, 0.38) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.34),
    inset 0 1.5px 1px -0.5px rgba(255, 255, 255, 0.62),
    inset 0 0 10px -3px rgba(255, 255, 255, 0.38),
    inset 0 0 26px -10px rgba(255, 255, 255, 0.12),
    0 8px 22px -10px rgba(168, 85, 247, 0.65),
    0 1px 2px rgba(0, 0, 0, 0.25);
}

html.light .lqg-btn--primary {
  background: linear-gradient(140deg,
      rgba(192, 132, 252, 0.52) 0%,
      rgba(147, 51, 234, 0.40) 45%,
      rgba(236, 72, 153, 0.46) 100%);
  color: #fff;
}

@media (hover: hover) {
  .lqg-btn--primary:not(:disabled):hover,
  html.light .lqg-btn--primary:not(:disabled):hover {
    background: linear-gradient(140deg,
        rgba(192, 132, 252, 0.56) 0%,
        rgba(147, 51, 234, 0.42) 45%,
        rgba(236, 72, 153, 0.52) 100%);
  }
}

/* Son adimda nefes alan hare: dikkat cekmesi gereken tek an bu. */
@media (prefers-reduced-motion: no-preference) {
  .lqg-btn--pulse { animation: lqgPulse 2.8s ease-in-out infinite; }
}

/**
 * SON ADIM: BIRINCIL EYLEM BUYUR (kullanici istegi: "son asamaya gecince
 * genisleyip buyuyebilir").
 *
 * "Devam Et" ile "Etkinligi Olustur" AYNI butondur — bilesen adimlar arasinda
 * monte kalir, yalnizca sinifi ve icerigi degisir. Bu yuzden olcu degisimi
 * `.lqg-btn`teki gecisle YUMUSAK animasyona doner: buton son adima gelindiginde
 * gozun onunde acilir. Ayri bir buton render etmek ayni etkiyi vermezdi —
 * yeni bir DOM ogesi gecis yapamaz, aniden yerine oturur.
 *
 * YUKSEKLIK AZ, GENISLIK COK ARTIYOR (2.35 -> 2.8rem, dolgu 0.95 -> 1.7rem):
 * alt cubuk sabit yuksekliktedir ve panelin toplam boyu `h-[744px]` ile kilitli
 * — yuksekligi cok artirmak icerik kolonundan yer yer. Genislik ise bedava ve
 * "bu son adim" mesajini zaten tasiyor.
 */
.lqg-btn--final {
  height: 2.8rem;
  padding: 0 1.7rem;
  font-size: 13.5px;
  letter-spacing: 0.005em;
}

@keyframes lqgPulse {
  0%, 100% { box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.34),
      inset 0 1.5px 1px -0.5px rgba(255, 255, 255, 0.62),
      0 8px 22px -10px rgba(168, 85, 247, 0.6),
      0 0 0 0 rgba(236, 72, 153, 0.45); }
  50%      { box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.44),
      inset 0 1.5px 1px -0.5px rgba(255, 255, 255, 0.72),
      0 10px 26px -10px rgba(168, 85, 247, 0.8),
      0 0 0 7px rgba(236, 72, 153, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .lqg { transition: none; }
  /* `.lqg-btn` kendi gecis listesini tasiyor (olcu animasyonu icin); yukaridaki
     kural onu ORTMEZ — ayni ozgullukte ama daha erken. Ayrica kapatilmali. */
  .lqg-btn { transition: none; }
}

/* backdrop-filter yoksa: tint'i koyulastir, yoksa buton kaybolur.
   (Blur ZATEN yok — bkz. `.lqg` notu; burada yalnizca saturate/brightness
   destegi aranıyor.) */
@supports not (((-webkit-backdrop-filter: saturate(150%)) or (backdrop-filter: saturate(150%))) or (-webkit-backdrop-filter: saturate(150%))) {
  .lqg { background: rgba(48, 43, 72, 0.88); }
  html.light .lqg { background: rgba(255, 255, 255, 0.92); }
}

/* ==========================================================================
   CAM ANAHTAR (.ogv-switch) — GlassSwitch
   ==========================================================================
   Yerel `<input type=checkbox>` `sr-only` ile gizli, durum `data-on`
   attribute'undan okunur. NEDEN `:has(:checked)` DEGIL: Safari 15.x'te
   `:has()` yok ve o surumde anahtar HER ZAMAN kapali gorunuyordu. Attribute
   secicisi her yerde calisir ve React durumu zaten tek kaynak.

   Acik hali GRADYAN: sayfadaki tek gradyan CTA butonudur (bkz.
   GlassPrimaryButton notu) — anahtarin acik hali onunla ayni aileden olmali
   ki "etkin" kavrami tek bir gorsel dille anlatilsin. */
.ogv-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 40px;
  height: 22px;
  flex-shrink: 0;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
  transition: background 0.22s ease, box-shadow 0.22s ease;
}

html.light .ogv-switch {
  background: rgba(17, 24, 39, 0.14);
  box-shadow: inset 0 0 0 1px rgba(120, 145, 165, 0.24);
}

.ogv-switch[data-on='true'] {
  background: linear-gradient(90deg, #9333ea 0%, #db2777 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.24),
    0 0 12px rgba(168, 85, 247, 0.38);
}

.ogv-switch__knob {
  position: absolute;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  /* `transform` ile kaydirilir, `left` ile DEGIL: layout ozelliklerini
     canlandirmak her karede yeniden yerlesim tetikliyor. */
  transform: translateX(0);
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.ogv-switch[data-on='true'] .ogv-switch__knob { transform: translateX(18px); }

/* Odak halkasi TOPUZUN uzerinde: yerel kutu gizli oldugu icin tarayicinin
   kendi halkasi hicbir yerde gorunmuyor ve klavye kullanicisi nerede
   oldugunu kaybediyordu.

   NEDEN `:has()` DEGIL, KARDES SECICI: ayni gerekce yukarida — Safari 15.x'te
   `:has()` yok. `input + span` her yerde calisir. */
.ogv-switch input:focus-visible + .ogv-switch__knob {
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.35),
    0 0 0 3px rgba(168, 85, 247, 0.45);
}

.ogv-switch--off { opacity: 0.45; }

@media (prefers-reduced-motion: reduce) {
  .ogv-switch,
  .ogv-switch__knob { transition: none; }
}

/* ==========================================================================
   HARITA (.ogv-map) — LocationMapPicker
   ==========================================================================
   Dosekler ham OSM rasterlari. Koyu temada CSS `filter` ile cevrilirler:
   ayri bir koyu dosek saglayicisi ikinci bir lisans ve kota sorusu acardi
   (gerekce LocationMapPicker dosya basi notunda). `hue-rotate(180deg)`
   invert'in mavi-turuncu takasini geri alir, yani su mavi kalir. */
.ogv-map {
  /* Dosekler artik ACIK temali (bkz. `.ogv-map__tile`), bu yuzden kap zemini
     de acik: yuklenmemis dosek bosluklari koyu delikler gibi gorunmesin. */
  background: rgba(236, 240, 245, 0.92);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
  /* `isolate`: dosek filtresi ust yuzeylere sizmasin. */
  isolation: isolate;
}

html.light .ogv-map {
  background: rgba(240, 243, 247, 0.95);
  box-shadow: inset 0 0 0 1px rgba(120, 145, 165, 0.20);
}

.ogv-map__canvas {
  overflow: hidden;
  /* Dosekler `position:absolute` ve kaba piksel hesabiyla yerlestiriliyor;
     alt piksel kaymalarinda aralarinda sac teli cizgi olusmamasi icin. */
  backface-visibility: hidden;
}

.ogv-map__tile {
  position: absolute;
  width: 256px;
  height: 256px;
  /* Dosekler saydam degil; `pointer-events` kapali olmasi surukleme
     olaylarinin goruntuye takilmasini engeller. */
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  /* SADE + ACIK, IKI TEMADA DA (kullanici istegi: "mumkunse beyaz tema olsun
     karanlik temada bile").

     Koyu temadaki `invert(1) hue-rotate(180deg)` KALDIRILDI: cevirme yol ve su
     renklerini tanidik olmayan tonlara sokuyor, etiketler sisli gorunuyordu.

     Simdi tek recete: DOYGUNLUK DUSUK + hafif acilmis. Harita bir ZEMIN,
     arayuzun kendisi degil — mor/pembe arayuzle renk yarisina girmemeli.
     Kontrast 0.94: OSM dosekleri arayuzun yanina konunca fazla "sert"
     duruyordu. */
  filter: saturate(0.32) brightness(1.06) contrast(0.94);
}

/* Igne: uc TAM olarak secilen noktada durur (`translate(-50%, -100%)`).
   Ortalamak (-50%, -50%) igneyi 12px kuzeye kaydiriyordu ve kullanici
   "yanlis yeri sectim" diyordu. */
.ogv-map__pin {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 9999px;
  transform: translate(-50%, -100%);
  background: linear-gradient(140deg, #a855f7 0%, #db2777 100%);
  color: #fff;
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.28),
    0 6px 16px rgba(168, 85, 247, 0.55);
  pointer-events: none;
  z-index: 5;
}

/* Onizlemede igne kabin TAM ORTASINDA: harita zaten o noktaya odakli. */
.ogv-map__pin--preview {
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  transform: translate(-50%, -100%);
}

.ogv-map--preview { pointer-events: none; }

/* Konum secilmemis onizleme: rastgele bir sehir GOSTERILMEZ (yanlis "secildi"
   hissi verirdi). Yerine notr bir izgara dokusu. */
.ogv-map__empty {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 22px 22px;
}

html.light .ogv-map__empty {
  background-image:
    linear-gradient(rgba(17, 24, 39, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 24, 39, 0.05) 1px, transparent 1px);
}

/* Harita denetimleri: dosegin UZERINDE durduklari icin OPAK zemin sart —
   saydam olsalar altlarindaki sokak adlari ikonlarin icinden okunuyordu.
   Harita acik temali oldugu icin denetimler IKI TEMADA DA koyu. */
.ogv-map__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: rgba(17, 18, 28, 0.88);
  color: rgba(255, 255, 255, 0.94);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
  transition: background 0.18s ease;
}

.ogv-map__btn--sm { width: 24px; height: 24px; border-radius: 8px; }

@media (hover: hover) {
  .ogv-map__btn:hover { background: rgba(147, 51, 234, 0.92); }
}

/* Harita uzerindeki ust/alt seritler. Haritanin ICINDE oldugu icin dosegi
   kirpmasinlar diye `absolute`; zemin OPAK degil ama yeterince koyu ki
   uzerindeki 10px metin sokak adlarinin icinden okunmasin. */
.ogv-map__bar {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  pointer-events: none;
}

.ogv-map__bar > * { pointer-events: auto; }

.ogv-map__bar--top {
  top: 0;
  /* Harita ARTIK ACIK (bkz. `.ogv-map__tile`): serit gradyani da beyaz
     olmali, yoksa acik dosek uzerinde koyu bir bant gibi duruyor. */
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.35) 55%, transparent 100%);
}

.ogv-map__bar--bottom {
  bottom: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, transparent 100%);
}

/* Harita uzerindeki bilgi kapsulu: acik dosek uzerinde KOYU chip — ters
   kombinasyon (acik chip / acik zemin) 1.4:1 veriyordu, okunmuyordu. */
.ogv-map__hint {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-width: 0;
  max-width: calc(100% - 2.75rem);
  padding: 0.2rem 0.55rem;
  border-radius: 9999px;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.3;
  background: rgba(17, 18, 28, 0.88);
  color: rgba(255, 255, 255, 0.94);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.22);
}

.ogv-map__hint--warn {
  background: rgba(120, 53, 15, 0.92);
  color: #fde68a;
}

/* Atif GORUNUR kalmali (dosek kullanim kosulu). Kucuk ama okunur. */
.ogv-map__attrib {
  position: absolute;
  right: 5px;
  bottom: 3px;
  z-index: 10;
  padding: 1px 5px;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.01em;
  background: rgba(255, 255, 255, 0.78);
  color: #4b5563;
  pointer-events: none;
}

/* ==========================================================================
   ETKINLIK OLUSTURMA SIHIRBAZI (.ogv-wiz)
   ==========================================================================
   Iki kolon: sol adim rayi · icerik. (Sag "sirada ne var" kolonu kullanici
   karariyla kaldirildi; adimlar ve icerikleri sol rayda zaten yaziyor.)

   ZEMIN YOK — GERCEK CAM (kullanici istegi)
   -----------------------------------------
   "modalin backgroundunu tamamen seffaflastir, bir backgroundu olmasin,
   azcik blurlu sekilde modal arkasindaki itemleri yansitabilsin."

   Yani panelin KENDI zemini olmayacak ama uzerindeki metin okunacak. Bu iki
   sart birlikte tek bir araci zorunlu kiliyor: `backdrop-filter`in
   `brightness()` bileseni.

   NEDEN OPAK KATMAN DEGIL: bir zemin rengi (rgba) arkadaki ogeleri ORTER —
   sekiller ve renkler kaybolur, panel duz bir kutuya doner. `brightness()`
   ise arkadaki goruntuyu KARARTIR ama yok etmez: pencereler, kartlar, renk
   lekeleri seciliyor kalir, yalnizca parlaklik metnin altina inecek kadar
   duser. Gerçek fume cam davranisi tam olarak bu.

   BLUR 56 -> 11: yuksek blur arkadaki her seyi tek bir renk bulamacina
   ceviriyordu, yani "arkasindaki itemleri yansitsin" sarti bozuluyordu.
   Deger PERDEYLE PAYLASILIR: perde de 7px blur tasiyor ve iki filtre ust uste
   binip panelin arkasinda ~13px'lik bilesik bir bulaniklik uretiyor
   (hesap `.ogv-scrim--wiz` notunda). Buradaki sayiyi degistiren kisi o notu
   okumak zorunda.

   ZEMIN TAM SIFIR DEGIL (%2.5 beyaz): tamamen sifirda panel kenarlari
   (`.og-glass` rim'i) havada asili duruyor ve yuzeyin NEREDE bittigi
   okunmuyordu. %2.5 gorunmeyecek kadar az ama yuzeyi var ediyor.

   OLCULEN PAY: baslik (`.ogv-title`, saf beyaz) bu bilesik zeminde en parlak
   arkaplan ornegiyle 8.5:1; en zayif halka olan `.ogv-label` (%76 beyaz)
   ~4.8:1 (AA esigi 4.5). `brightness` degerini yukseltmek isteyen once bu iki
   olcumu yeniden yapmali. */
.ogv-wiz {
  background: rgba(255, 255, 255, 0.025);
  -webkit-backdrop-filter: blur(11px) saturate(145%) brightness(0.42);
  backdrop-filter: blur(11px) saturate(145%) brightness(0.42);
  border-color: rgba(255, 255, 255, 0.24);
}

/* Acik temada `brightness` TERS YONE calisir: arkadaki goruntuyu KARARTMAK
   degil ACMAK gerekiyor ki koyu metin okunsun. */
html.light .ogv-wiz {
  background: rgba(255, 255, 255, 0.10);
  -webkit-backdrop-filter: blur(11px) saturate(130%) brightness(1.55);
  backdrop-filter: blur(11px) saturate(130%) brightness(1.55);
}

/**
 * PERDE — ODAK KATMANI.
 *
 * Modal acilinca arkadaki her sey hafifce bulaniklasir ve bir tik geri
 * cekilir (kullanici istegi: "modal acildiginda bir focus durumu
 * yaratilabilir, azcik background blur"). Blur `motion` ile kademeli gelir,
 * bkz. bilesendeki perde yorumu.
 *
 * BLUR BUTCESI — PANELLE PAYLASILIR (onemli):
 * Perde, panelden ONCE boyanir; panelin `backdrop-filter`i perdenin ZATEN
 * filtrelenmis ciktisini ornekler. Yani iki blur UST USTE biner ve panelin
 * arkasindaki toplam bulaniklik ikisinin bilesimi olur:
 *     sigma_toplam = sqrt(sigma1^2 + sigma2^2),  radius ~= 2*sigma
 * Panel 14px ile tek basina dogru ayarlanmisti (o deger "arkadaki itemler
 * seciliyor kalsin" sartinin sonucu). Perdeye 7px eklenince panel 11px'e
 * DUSURULDU:  sqrt(3.5^2 + 5.5^2) = 6.5  ->  ~13px toplam.
 * Yani panelin arkasindaki his korunur, DISARIDA temiz bir 7px odak blur'u
 * olusur. Perdenin blur'unu artiran kisi panelin degerini dusurmek zorunda.
 *
 * Karartma %22 -> %26: odak durumu, bulanikligin yaninda hafif bir geri
 * cekilme de ister; yalnizca blur "arkasi bozuldu" gibi okunuyordu.
 */
.ogv-scrim--wiz {
  background: rgba(3, 3, 8, 0.26);
  -webkit-backdrop-filter: blur(7px) saturate(115%);
  backdrop-filter: blur(7px) saturate(115%);
}

html.light .ogv-scrim--wiz {
  background: rgba(30, 22, 55, 0.16);
  -webkit-backdrop-filter: blur(7px) saturate(110%);
  backdrop-filter: blur(7px) saturate(110%);
}

.ogv-wiz__body {
  display: grid;
  /* Mobil: tek kolon. Sol ray `md`de devreye girer. */
  grid-template-columns: 1fr;
  /* `min-height: 0` ZORUNLU: grid ogesinin varsayilani icerigi kucultmeyi
     engeller ve ic kaydirma yerine panelin kendisi tasar. */
  min-height: 0;
}

@media (min-width: 768px) {
  .ogv-wiz__body { grid-template-columns: 224px minmax(0, 1fr); }
}

/* --- Sol ray ---
   ARKAPLAN: BUZLU SABIT RENK. Dekoratif desen YOK.

   IKI DENEME BASARISIZ OLDU, IKISI DE OGRETICI:
     1) DarkVeil shader - CPPN ve `uv`si KISA eksene gore normalize ediliyor,
        yani KARE bir alan varsayiyor. 224px'lik dikey seritte desenin ince bir
        dilimi goruntuye giriyor: ustte sert bir leke, altta olu siyah.
        Hiz/zoom/harmanlama/filtre ile uc tur ayar denendi; sorun AYARDA degil
        DESENIN OLCEGINDE oldugu icin hicbiri ise yaramadi.
     2) CSS aurora (dort yumusak leke) - kapsama sorunu cozuldu ama yuzey
        "lekeli" duruyordu; dar bir seritte buyuk yumusak lekeler her zaman
        rastgele bir bulut gibi okunuyor.

   ORTAK DERS: bu genislikte ALAN dekoru islemiyor. Yuzey SAKIN olmali; hareket
   anlami olan bir OGEYE baglanmali. Bu yuzden ray duz bir buzlu yuzey oldu ve
   loop animasyonu adim CIZGISINE tasindi (`.ogv-wiz__railline::after`) -
   adimlar boyunca akan isik. Orada hareket dekor degil BILGI: "ilerliyorsun".

   IKINCI bir `backdrop-filter` VERILMEZ: panel zaten `blur(14px)` +
   `brightness()` tasiyor ve ic ice blur, ustteki katmanin ZATEN islenmis
   ciktisini yeniden ornekleyip yuzeyi duz griye cevirir (ayni tuzak
   `.og-glass` ve `.ogv-inset` notlarinda belgeli). Buzlu his panelin
   filtresinden gelir; buradaki tint yalnizca icerik kolonundan AYRISMAK icin.

   TINT COK HAFIF: panel artik kendi zeminini tasimiyor ve karartmayi
   `brightness(0.42)` yapiyor. Rayda eskisi gibi %60 koyu bir katman
   kullanmak, seffaflastirdigimiz paneli tam ortasindan siyah bir blokla
   bolerdi. %4.5 beyaz yeterli: ayrim OKUNUYOR, saydamlik KORUNUYOR. */
.ogv-wiz__rail {
  position: relative;
  overflow: hidden;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 0.75rem;
  border-right-width: 1px;
  min-height: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.025) 100%);
}

html.light .ogv-wiz__rail {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.28) 100%);
}

/**
 * ADIM LISTESI — KOMPAKT, ustte kumelenmis.
 *
 * "Rayin tum yuksekligine yay" DENENDI VE GERI ALINDI (kullanici karari:
 * "spacing konusunu iyi hayal edememisim"). Seyreltilmis liste, adimlar
 * arasindaki GRUP hissini bozuyordu: dort adim tek bir akis degil, birbirinden
 * kopuk dort blok gibi okunuyordu.
 *
 * SATIRLAR ESIT YUKSEKLIKTE (5rem) — cizgiler de esit.
 *
 * Neden 5rem: kullanici istegi "her biri 2 satirlik aciklamaya sahip olsun ama
 * line uzunluklari ve aralarindaki spacing 3 SATIR aciklamasi varmis gibi
 * olsun". Uc satirlik bir satirin olcusu:
 *     buton dolgusu 2x8    = 16px
 *     baslik (12.5px/1.25) = 15.6px
 *     aciklama ust bosluk  =  2px
 *     aciklama 3x(10.5/1.375) = 43.3px
 *                          -------
 *                            76.9px  -> 5rem (80px)
 * 80px ayni zamanda EN UZUN gercek icerigi de kapsiyor ("Ozellestirme & Son
 * Kontrol" basligi iki satira sariyor: 78.1px). Yani hem istenen nefes payi
 * saglaniyor hem hicbir satir kirpilmiyor.
 *
 * Bu, cizgi uzunlugunu da SABITLER: animasyonun yol aldigi mesafe her
 * segmentte ayni, dolayisiyla akan isigin hizi da ayni gorunur.
 *
 * `display: flex` — SECIM KUTUSU SATIRIN TAMAMINI DOLDURSUN.
 * Onceden satir 5rem, buton ise icerigine gore ~62px idi; aktif adimin kutusu
 * satirdan kisa kalip altta 18px bosluk birakiyordu (kullanici istegi:
 * "2 satirlik yeri de secince 3 satirlik bir secim alani yapmasi iyi gelmez
 * mi?"). Flex + `align-items: stretch` (varsayilan) butonu satir boyuna
 * gerer; kutu artik her adimda AYNI olcude.
 */
.ogv-wiz__railrow {
  display: flex;
  min-height: 5rem;
}

/**
 * Adimlar arasi dikey baglanti. Rozetin MERKEZINDEN gecer (left: 1.4rem =
 * padding 0.5rem + rozet yarim capi 0.9rem).
 *
 * `z-index: 1` — AKTIF KUTUNUN USTUNDE cizilir.
 * Onceden cizgi butondan ONCE geliyordu ve aktif adimin kutu zemini onu
 * ORTUYORDU: akan isik kutunun ust kenarinda kaybolup altindan yeniden
 * cikiyordu, yani "animasyon tasiyor" gibi okunuyordu (kullanici raporu).
 * z-index ile cizgi kutu zemininin UZERINE gecer ve kesintisiz akar.
 *
 * Rozetin uzerine CIKMAZ: rozet de `z-index: 1` ve DOM'da cizgiden SONRA
 * geliyor; buton `z-index: auto` oldugu icin yigin baglami acmaz, dolayisiyla
 * esit z'de DOM sirasi kazanir ve rozet cizgiyi orter. Istenen tam bu.
 *
 * `bottom: -1.125rem` = satir araligi (0.625rem) + bir sonraki rozetin buton
 * dolgusu (0.5rem). Yani cizgi tam olarak SONRAKI ROZETIN UST KENARINDA
 * biter — ne once kesilir ne de rozetin icine girer.
 */
.ogv-wiz__railline {
  position: absolute;
  z-index: 1;
  left: 1.4rem;
  top: 2.45rem;
  bottom: -1.125rem;
  width: 2px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.10);
}

html.light .ogv-wiz__railline { background: rgba(17, 24, 39, 0.10); }

.ogv-wiz__railline--done {
  background: linear-gradient(180deg, #22c55e 0%, rgba(34, 197, 94, 0.35) 100%);
}

/**
 * LOOP ANIMASYONU — adimlar boyunca AKAN ISIK.
 *
 * NEDEN BURADA, ARKAPLANDA DEGIL: rayin arkaplaninda iki deneme yapildi
 * (WebGL shader ve CSS aurora) ve ikisi de "zorla konmus" duruyordu — cunku
 * dar bir seritte ALAN dekorunun tutunacagi bir sey yok. Cizgi ise ZATEN
 * orada ve ZATEN bir anlam tasiyor: adimlari birbirine bagliyor. Isigin o
 * cizgide asagi dogru akmasi dekor degil BILGI ("akis bu yonde, ilerliyorsun")
 * ve hicbir zaman yamali gorunmuyor.
 *
 * `overflow: hidden` ZORUNLU: isik parcasi cizginin disina cikmasin.
 * Yalnizca `transform` canlanir — compositor uzerinde, yeniden yerlesim yok.
 *
 * SAYFADAKI TEK HAREKET BU: aktif rozete "sonar" halkasi da eklenmisti ve
 * KALDIRILDI (kullanici istegi) — iki ayri ritim goze cok geliyordu.
 */
.ogv-wiz__railline { overflow: hidden; }

.ogv-wiz__railline::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 45%;
  border-radius: inherit;
  /* Ucu sivri bir isik parcasi: iki ucta saydam, ortada parlak. */
  background: linear-gradient(180deg,
      rgba(216, 180, 254, 0) 0%,
      rgba(216, 180, 254, 0.95) 50%,
      rgba(236, 72, 153, 0) 100%);
  animation: ogvRailFlow 2.8s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

/* Tamamlanan segmentte isik da YESIL: renk kodu her yerde ayni anlami
   tasimali (mor = buradasin, yesil = bitti). */
.ogv-wiz__railline--done::after {
  background: linear-gradient(180deg,
      rgba(110, 231, 183, 0) 0%,
      rgba(110, 231, 183, 0.95) 50%,
      rgba(110, 231, 183, 0) 100%);
}

html.light .ogv-wiz__railline::after {
  background: linear-gradient(180deg,
      rgba(147, 51, 234, 0) 0%,
      rgba(147, 51, 234, 0.75) 50%,
      rgba(219, 39, 119, 0) 100%);
}

html.light .ogv-wiz__railline--done::after {
  background: linear-gradient(180deg,
      rgba(5, 150, 105, 0) 0%,
      rgba(5, 150, 105, 0.8) 50%,
      rgba(5, 150, 105, 0) 100%);
}

/* KADEMELI GECIKME: isik bir segmentten cikip digerine giriyormus gibi
   okunsun. Ayni anda uc segmentte parlamak "uc ayri animasyon" gibi
   duruyordu; gecikme onlari TEK bir akisa baglar. */
.ogv-wiz__rail li:nth-child(2) .ogv-wiz__railline::after { animation-delay: 0.5s; }
.ogv-wiz__rail li:nth-child(3) .ogv-wiz__railline::after { animation-delay: 1s; }

@keyframes ogvRailFlow {
  0%   { transform: translateY(-110%); opacity: 0; }
  18%  { opacity: 1; }
  82%  { opacity: 1; }
  100% { transform: translateY(240%); opacity: 0; }
}

/* AKTIF ROZETTE "SONAR" HALKASI DENENDI VE KALDIRILDI (kullanici istegi).
   Genisleyip kaybolan halka, akan cizgi isigiyla ayni anda oynayinca iki ayri
   ritim uretiyordu ve gozu rozette tutuyordu. Aktif adim ZATEN gradyan zemin
   ve dis parlama ile isaretli — ikinci bir vurgu gereksizdi. Hareket artik
   yalnizca cizgide. */

@media (prefers-reduced-motion: reduce) {
  .ogv-wiz__railline::after { animation: none; opacity: 0; }
}

.ogv-wiz__railitem {
  position: relative;
  display: flex;
  /* Satirin tamamini doldurur (genislik + yukseklik): secim kutusu her adimda
     ayni olcude olsun. Yukseklik `align-items: stretch` ile satirdan gelir,
     bkz. `.ogv-wiz__railrow`. */
  flex: 1;
  width: 100%;
  /* Icerik USTTE hizali kalir, ortalanmaz: baglanti cizgisinin `top`
     degeri rozetin satir ustunden sabit uzakligini varsayiyor
     (`top: 2.45rem`). Icerigi ortalamak rozeti asagi kaydirip cizgi
     geometrisini bozardi. */
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding: 0.5rem;
  text-align: left;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

@media (hover: hover) {
  .ogv-wiz__railitem:not(:disabled):not(.ogv-wiz__railitem--on):hover {
    background: rgba(255, 255, 255, 0.05);
  }
  html.light .ogv-wiz__railitem:not(:disabled):not(.ogv-wiz__railitem--on):hover {
    background: rgba(17, 24, 39, 0.04);
  }
}

.ogv-wiz__railitem--on {
  background: rgba(168, 85, 247, 0.16);
  box-shadow: inset 0 0 0 1px rgba(196, 155, 255, 0.42);
}

html.light .ogv-wiz__railitem--on {
  background: rgba(168, 85, 247, 0.10);
  box-shadow: inset 0 0 0 1px rgba(147, 51, 234, 0.30);
}

/* Numara/onay rozeti. Baglanti cizgisinin UZERINDE kalmali, yoksa cizgi
   rozetin icinden geciyor gorunur. */
.ogv-wiz__railbadge {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  flex-shrink: 0;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  background: rgba(6, 6, 12, 0.55);
  color: rgba(255, 255, 255, 0.70);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

html.light .ogv-wiz__railbadge {
  background: rgba(255, 255, 255, 0.92);
  color: #4b5563;
  box-shadow: inset 0 0 0 1px rgba(120, 145, 165, 0.24);
}

.ogv-wiz__railbadge--on {
  background: linear-gradient(140deg, #a855f7 0%, #db2777 100%);
  color: #fff;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.28),
    0 0 14px rgba(168, 85, 247, 0.5);
}

/* Tamamlanan adim YESIL: mor "buradasin" demek, yesil "bitti" demek. Ayni
   rengi iki anlama vermek ilerlemeyi okunmaz kiliyordu. */
.ogv-wiz__railbadge--done {
  background: rgba(34, 197, 94, 0.22);
  color: #6ee7b7;
  box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.45);
}

html.light .ogv-wiz__railbadge--done { color: #065f46; }

.ogv-wiz__railico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  flex-shrink: 0;
  border-radius: 0.5rem;
  margin-top: 0.05rem;
}

.ogv-wiz__railico > svg { width: 0.85rem; height: 0.85rem; }

/* Rayin dibindeki marka blogu.
   YEREL PERDE KALDIRILDI: shader surumunde gerekliydi (parlak lekeler metnin
   arkasina biniyordu), ama CSS aurora cok daha yumusak ve dusuk siddetli —
   metnin kendi golgesi yetiyor. Perde kalsaydi rayin dibinde koyu bir bant
   gorunecekti. */
.ogv-wiz__motto {
  position: relative;
  padding: 0.75rem 0.5rem 0.25rem;
}

/* --- Kucuk ekran yatay adim seridi ---
   `display` BURADA VERILMEZ: Tailwind'in `md:hidden` utility'si bu
   stylesheet'ten ONCE geliyor, dolayisiyla buradaki bir `display:flex`
   utility'yi ezer ve serit genis ekranda da gorunur. Gorunurluk kararini
   bilesendeki `flex md:hidden` verir. */
.ogv-wiz__hrail {
  gap: 0.375rem;
  overflow-x: auto;
  padding: 0.625rem 0.875rem;
  border-bottom-width: 1px;
  scrollbar-width: none;
}
.ogv-wiz__hrail::-webkit-scrollbar { display: none; }

.ogv-wiz__hrailitem {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
  border-radius: 9999px;
  padding: 0.25rem 0.625rem 0.25rem 0.25rem;
  max-width: 11rem;
}

.ogv-wiz__hrailitem--on {
  background: rgba(168, 85, 247, 0.16);
  box-shadow: inset 0 0 0 1px rgba(196, 155, 255, 0.42);
}

html.light .ogv-wiz__hrailitem--on {
  background: rgba(168, 85, 247, 0.10);
  box-shadow: inset 0 0 0 1px rgba(147, 51, 234, 0.30);
}

/* --- Icerik kolonu --- */
.ogv-wiz__content {
  min-height: 0;
  overflow-y: auto;
  padding: 0.875rem 0.875rem 1.125rem;
}

@media (min-width: 640px) {
  .ogv-wiz__content { padding: 1rem 1.25rem 1.25rem; }
}

/* --- Sag onizleme kolonu KALDIRILDI --- */

/* Alan ICINE gomulu eylem butonlari (Haritada Sec / Ara / Olustur).
   Kapsul(ler) alanin SAGINA, dikeyde ORTALANMIS oturur; girdi de o kadar sag
   dolgu alir ki yazi butonlarin altina girmez.

   NEDEN ICERIDE: yan yana duran ayri buton, kisa ekranlarda girdiyi 9
   karakter genisligine sikistiriyordu ve iki ayri tiklama hedefi gibi
   okunuyordu (kullanici istegi: "input box'u uzatip onun icine al"). */
.ogv-wiz__inputwide { padding-right: 9rem; }

/* Kisa etiketli buton ("Olustur") icin daha az sag dolgu: 9rem verildiginde
   10 haneli kod alani gorsel olarak yarim kaliyordu. */
.ogv-wiz__inputwide--sm { padding-right: 6.5rem; }

/* Harita ACIKKEN konum alaninda IKI ikon buton var (ara + kapat). */
.ogv-wiz__inputwide--duo { padding-right: 5.25rem; }

@media (max-width: 639px) {
  /* Kucuk ekranda etiketler gizli (`hidden sm:inline`), yalnizca ikon. */
  .ogv-wiz__inputwide,
  .ogv-wiz__inputwide--sm { padding-right: 3.25rem; }
}

/* Butonlari tasiyan yuva: girdinin sag icine, dikeyde ortali. */
.ogv-wiz__inslot {
  position: absolute;
  right: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.ogv-wiz__inbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  height: 2.1rem;
  padding: 0 0.7rem;
  border-radius: 0.6rem;
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}

.ogv-wiz__inbtn--icon { width: 2.1rem; padding: 0; }

.ogv-wiz__inbtn:disabled { opacity: 0.42; cursor: not-allowed; }

@media (hover: hover) {
  .ogv-wiz__inbtn:not(:disabled):hover { transform: translateY(-1px); }
}

.ogv-wiz__inbtn:not(:disabled):active { transform: scale(0.96); }

/* --- Konum arama sonuclari (dropdown) ---
   MUTLAK KONUMLU: liste uzadiginda formu asagi itmemeli (kullanici istegi:
   "kendi scroll'u olsun, sayfayi kirletmesin").

   `.ogv-pop` OPAK zemin verir ve bu ZORUNLU: liste bir `backdrop-filter`
   tasiyan panelin (sihirbaz) icinde duruyor, yani kendi blur'u hicbir sey
   ornekleyemez; saydam kalsa arkasindaki form alanlari listenin icinden
   okunurdu. Ayni gerekce `.ogv-pop` tanimida belgeli. */
.ogv-wiz__results {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 0.375rem);
  z-index: 30;
  max-height: 13.5rem;
  overflow-y: auto;
  padding: 0.25rem;
  border-radius: 0.85rem;
  background: rgba(24, 21, 38, 0.97);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    0 18px 40px -16px rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

html.light .ogv-wiz__results {
  background: rgba(255, 255, 255, 0.98);
  box-shadow:
    inset 0 0 0 1px rgba(120, 145, 165, 0.20),
    0 18px 40px -18px rgba(76, 29, 149, 0.35);
}

.ogv-wiz__result {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.55rem;
  border-radius: 0.6rem;
  text-align: left;
  transition: background 0.14s ease;
}

.ogv-wiz__result--on { background: rgba(168, 85, 247, 0.22); }
html.light .ogv-wiz__result--on { background: rgba(168, 85, 247, 0.12); }

.ogv-wiz__result-ico {
  width: 0.95rem;
  height: 0.95rem;
  flex-shrink: 0;
  color: rgba(216, 180, 254, 0.9);
}

html.light .ogv-wiz__result-ico { color: #7e22ce; }

/* Aciklama alani: yukseklik JS'ten gelir (icerige gore), gecis CSS'te.
   `transition` OLMADAN odaklanma aninda 44 -> 92 ziplamasi sert duruyordu. */
.ogv-wiz__desc { transition: height 0.2s cubic-bezier(0.22, 1, 0.36, 1); }

@media (prefers-reduced-motion: reduce) {
  .ogv-wiz__desc { transition: none; }
}

/* --- Baslik seridindeki adim noktalari --- */
.ogv-wiz__dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  border-radius: 9999px;
  font-size: 10px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.62);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
  transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

html.light .ogv-wiz__dot {
  background: rgba(17, 24, 39, 0.06);
  color: #6b7280;
  box-shadow: inset 0 0 0 1px rgba(120, 145, 165, 0.22);
}

.ogv-wiz__dot--on {
  background: linear-gradient(140deg, #a855f7 0%, #db2777 100%);
  color: #fff;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.3),
    0 0 0 3px rgba(168, 85, 247, 0.22);
}

.ogv-wiz__dot--done {
  background: rgba(34, 197, 94, 0.20);
  color: #6ee7b7;
  box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.42);
}

html.light .ogv-wiz__dot--done { color: #065f46; }

.ogv-wiz__dot:disabled { cursor: not-allowed; opacity: 0.55; }

.ogv-wiz__dotline {
  display: inline-block;
  width: 1.125rem;
  height: 2px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.12);
}

html.light .ogv-wiz__dotline { background: rgba(17, 24, 39, 0.12); }

.ogv-wiz__dotline--done { background: rgba(34, 197, 94, 0.5); }

/* Adim basligindaki kucuk nokta serisi (sag ust). */
.ogv-wiz__minidot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.20);
}

html.light .ogv-wiz__minidot { background: rgba(17, 24, 39, 0.18); }

.ogv-wiz__minidot--on {
  width: 16px;
  background: linear-gradient(90deg, #a855f7 0%, #db2777 100%);
}

/* Onizlemedeki kucuk adim numarasi KALDIRILDI (sag kolon ile birlikte). */

/* El yazisi rozeti: "4 adimda etkinliginiz hazir!".
   BUYUTULDU (kullanici istegi): 12px -> 16px, sayi ayrica bir kademe daha
   buyuk. Sistem yazi tipinin italigi kullaniliyor — ayri bir font dosyasi
   indirmek bir dekor cumlesi icin kabul edilemez agirlik (ilk boyamayi
   geciktirir). */
.ogv-wiz__tagline {
  font-family: 'Segoe Script', 'Bradley Hand', 'Comic Sans MS', cursive;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.12;
  max-width: 12.5rem;
  text-align: right;
  color: rgba(226, 200, 255, 0.95);
  text-shadow: 0 1px 10px rgba(168, 85, 247, 0.45);
}

.ogv-wiz__tagline b {
  font-size: 21px;
  font-weight: 700;
  color: #fff;
}

html.light .ogv-wiz__tagline { color: #7e22ce; text-shadow: none; }
html.light .ogv-wiz__tagline b { color: #581c87; }

/* --- Etkinlik turu karti --- */
.ogv-wiz__typecard { transition: background 0.2s ease, box-shadow 0.2s ease; }

.ogv-wiz__typecard--on {
  background: rgba(168, 85, 247, 0.15);
  box-shadow: inset 0 0 0 1.5px rgba(196, 155, 255, 0.60);
}

html.light .ogv-wiz__typecard--on {
  background: rgba(168, 85, 247, 0.09);
  box-shadow: inset 0 0 0 1.5px rgba(147, 51, 234, 0.45);
}

.ogv-wiz__radio {
  width: 1rem;
  height: 1rem;
  accent-color: #9333ea;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CERCEVE STUDYOSU (3. adim) — uc oranin yan yana durdugu "galeri duvari".

   ESIT YUKSEKLIK BEDAVA GELIYOR — SIHIR DEGIL, TEK SAYI:
   `--ogv-fr` hem `flex-grow` hem `aspect-ratio`. Genislikler orana gore
   dagilir (0.563 : 1 : 1.777), yukseklik = genislik / oran, yani UCUNDE DE
   ayni sabit. Elle olculmus bir yukseklik verilmedi; panel daralinca uc kart
   birlikte kuculur ve satir HICBIR genislikte tasmaz.

   ELENEN IKI YERLESIM:
   1) Esit genislikte uc kart (grid-cols-3): dikey kare 9:16'de kutuyu asiyor,
      `contain` ile kucultulunce kartin yarisi bos kaliyordu — uc kart ayni
      genislikte ama farkli dolulukta, "hizalanmamis" gorunuyordu.
   2) Tek buyuk sahne + uc sekme: cerceve UC AYRI DOSYA ve bu bilgi ancak yan
      yana durunca anlasiliyor; sekmeli halde organizator digerlerini hic
      gormeden adimi geciyordu (ayni sorun bugun ayarlar modalinda var).

   KUCUK EKRAN (<640px): orana gore dagitim, dikey kareyi 70px'e dusuruyor.
   Orada oran KORUNUR ama yukseklik SABITLENIR ve satir yatayda kayar — kesik
   bir kart "devam ediyor" der, 70px'lik bir kart hicbir sey demez.
   ══════════════════════════════════════════════════════════════════════════ */

/* Arka fon: bolumu cevresinden ayiran cok yumusak bir mor aura. Panel zaten
   buzlu oldugu icin BURADA ikinci bir `backdrop-filter` VERILMEZ (ic ice blur
   yuzeyi duz griye cevirir — ayni tuzak `.ogv-wiz__rail` notunda belgeli). */
.ogv-wiz__framestudio {
  position: relative;
  border-radius: 1.1rem;
  /* Yatay dolgu DAR: her piksel cerceve kartlarina gidiyor (en dar kart
     ~87px'te, bkz. FRAME_ROW_MAX_WIDTH dokumu). */
  padding: 0.7rem 0.6rem 0.8rem;
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(168, 85, 247, 0.16) 0%, transparent 58%),
    radial-gradient(110% 100% at 100% 100%, rgba(236, 72, 153, 0.13) 0%, transparent 60%),
    rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10);
}

html.light .ogv-wiz__framestudio {
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(168, 85, 247, 0.11) 0%, transparent 58%),
    radial-gradient(110% 100% at 100% 100%, rgba(236, 72, 153, 0.09) 0%, transparent 60%),
    rgba(255, 255, 255, 0.40);
  box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.07);
}

.ogv-wiz__framewrap {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.ogv-wiz__framerow {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  /**
   * KELEPCE YOK: satir, ipucu sutununun ARDINDA KALAN yerin tamamini alir
   * (~533px -> kart yuksekligi ~155px). Denge bu ikilinin gorev dagilimindan
   * geliyor: sutun SABIT genislikte (`flex: 0 0 7rem`), satir esnek.
   *
   * IKI VARYANT DENENDI VE GERI ALINDI:
   *   1) Sutuna `flex: 1 1 ...` vermek — bos alan 1:1 BOLUSULUYOR ve satirin
   *      `flex-basis: auto` temel olcusu neredeyse SIFIR (ic kartlar
   *      `flex-basis: 0%`, gorseller `position: absolute`). Sonuc: satir
   *      266px'e dusup kartlari 43px'e sikistirdi, "Dikey" etiketi "Di" oldu.
   *   2) Sutunu tamamen kaldirip satiri 38rem'e cikarmak — kartlar 177px'e
   *      cikti ama sahne devasa duruyordu ve sagdaki aciklamalar kayboldu.
   *      Kullanici karari: dengeli olan, sabit sutun + esnek satir.
   */
  flex: 1 1 auto;
  min-width: 0;
}

/* Kisit listesi — cerceve satirinin ve kapak sahnesinin SAGINDA.
   Ikisi de SABIT ya da sabite yakin genislikte; esnek olan taraf komsusu.
   Gerekce `.ogv-wiz__framerow` notunda (esneklik iki tarafa birden verilince
   kartlar 43px'e sikisiyor). */
.ogv-wiz__frametips,
.ogv-wiz__covertips {
  display: none;
  flex-direction: column;
  gap: 0.3rem;
  padding-top: 0.15rem;
}

.ogv-wiz__frametips li,
.ogv-wiz__covertips li {
  display: flex;
  align-items: flex-start;
  gap: 0.3rem;
  font-size: 10.5px;
  line-height: 1.35;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.62);
}

.ogv-wiz__frametips li > svg,
.ogv-wiz__covertips li > svg {
  margin-top: 0.2rem;
  color: rgba(110, 231, 183, 0.9);
}

html.light .ogv-wiz__frametips li,
html.light .ogv-wiz__covertips li { color: rgba(55, 65, 81, 0.85); }
html.light .ogv-wiz__frametips li > svg,
html.light .ogv-wiz__covertips li > svg { color: #059669; }

@media (min-width: 640px) {
  /* Kapak sahnesi 13rem'e SABIT, yani sutun yalnizca ARTAN yeri alir; burada
     `1 1 auto` guvenli ve 640px'te bile genis bir alan kaliyor. */
  .ogv-wiz__covertips {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.35rem;
  }
}

@media (min-width: 1024px) {
  /* SABIT 7rem, BUYUMEZ: cerceve satiri esnek olan taraf. Panel
     `max-w-[940px]` ile kelepceli oldugu icin bu esikten sonra icerik kolonu
     buyumez; sutunu daha dar ekranlarda gostermek satirdan yer alirdi. */
  .ogv-wiz__frametips { display: flex; flex: 0 0 7rem; }
}

.ogv-wiz__frameslot {
  position: relative;
  flex-grow: var(--ogv-fr);
  flex-shrink: 1;
  /* `0%` ZORUNLU (`auto` DEGIL): `auto` bazda tarayici ic resimlerin dogal
     genisligini dikkate alir ve 941px'lik PNG orani ezip kartlari sisirir. */
  flex-basis: 0%;
  min-width: 0;
  aspect-ratio: var(--ogv-fr);
  border-radius: 0.85rem;
  overflow: hidden;
  /* Resim yuklenene kadar kutu bos parlamaz. */
  background: linear-gradient(160deg, rgba(76, 29, 149, 0.55) 0%, rgba(12, 10, 24, 0.85) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.16),
    0 6px 18px -8px rgba(0, 0, 0, 0.55);
  transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.24s ease;
}

@media (prefers-reduced-motion: reduce) {
  .ogv-wiz__frameslot { transition: box-shadow 0.24s ease; }
}

/* Havalanma yalnizca ISARET aygitinda: dokunmatikte `:hover` yapisir kalir. */
@media (hover: hover) {
  .ogv-wiz__frameslot:hover {
    transform: translateY(-3px);
    box-shadow:
      inset 0 0 0 1px rgba(216, 180, 254, 0.55),
      0 14px 30px -12px rgba(147, 51, 234, 0.75);
  }
}

@media (hover: hover) and (prefers-reduced-motion: reduce) {
  .ogv-wiz__frameslot:hover { transform: none; }
}

/* Kendi cercevesi yuklu: yesil halka — "bu yuva tamam" tek bakista okunur. */
.ogv-wiz__frameslot--own {
  box-shadow:
    inset 0 0 0 1.5px rgba(52, 211, 153, 0.75),
    0 8px 22px -10px rgba(16, 185, 129, 0.55);
}

/* Surukleme sirasinda hedef ACIKCA isaretlenir: dosya birakma, geri
   bildirimi olmayan tek etkilesim turudur. */
.ogv-wiz__frameslot--drag {
  box-shadow:
    inset 0 0 0 2px rgba(216, 180, 254, 0.9),
    0 14px 30px -10px rgba(147, 51, 234, 0.8);
}

/* Duz bindirme: YALNIZCA organizatorun dosyasinin penceresi olculurken (ya da
   pencere bulunamazsa). Ornek set ve olculmus cerceve `.ogv-wiz__framecomposite`
   ile, sunucuyla ayni geometride (pencereye yerlesim) cizilir — bkz. FrameSlot.

   Konum/olcu BURADA veriliyor: `next/image` yerine duz `<img>` kullaniliyor
   (dosyalar zaten hedef olcude WebP) ve onun `fill` moduyla gelen satir ici
   `position/inset` stilleri artik yok. */
.ogv-wiz__framephoto {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}

/* Cerceve katmani: `contain`. Organizator yuvanin oranindan farkli bir dosya
   secerse kenarda bosluk KALIR — sessizce germek, sonucta olmayan bir
   kompozisyonu gostermek olurdu. Mock ciftlerinde oranlar birebir ayni
   oldugu icin ornekte hicbir bosluk olusmaz. */
/* Organizatorun cercevesi: FrameComposite karta `contain` ile ortalanir. */
.ogv-wiz__framecomposite {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.ogv-wiz__frameover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

/* Dosya girdisi: GORUNMEZ AMA ODAKLANABILIR. `display:none` klavye erisimini
   keserdi; `sr-only` deseni odagi korur ve halka `+ label` ile ciziliyor. */
.ogv-wiz__frameinput {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border-width: 0;
}

/* Tiklama katmani = KARTIN TAMAMI. Ayri bir "Dosya Sec" butonu, 100px
   genisligindeki dikey kartin yarisini yerdi. */
.ogv-wiz__framedrop {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /* Perde KAPALI dogar: cerceve tasarimi gorunur kalmali, cagri ancak
     yaklasinca belirir. */
  opacity: 0;
  background: linear-gradient(180deg, rgba(8, 5, 20, 0.35) 0%, rgba(8, 5, 20, 0.72) 100%);
  transition: opacity 0.2s ease;
}

.ogv-wiz__framedrop:hover,
.ogv-wiz__frameslot--drag .ogv-wiz__framedrop,
.ogv-wiz__frameinput:focus-visible + .ogv-wiz__framedrop {
  opacity: 1;
}

/* Klavye odagi: perde acilmasi tek basina yetmez, halka da gerekir. */
.ogv-wiz__frameinput:focus-visible + .ogv-wiz__framedrop {
  box-shadow: inset 0 0 0 2px rgba(216, 180, 254, 0.95);
}

/**
 * YUKLEME CAGRISI — DIKEY YIGIN (ikon ustte, etiket altta).
 *
 * Yatay dizilim DENENDI VE YETMEDI: en dar kart ~87px ve kapsul icin kullanilir
 * genislik ~76px. Yatayda "Degistir" + ikon + dolgu 95px istiyor, yani etiket
 * her zaman kirpiliyordu. Dikey yiginda genislik en uzun TEK ogeye duser
 * (~59px) ve klasik "birakma alani" gorunumu de bedavaya gelir.
 */
.ogv-wiz__framecta {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  max-width: calc(100% - 0.7rem);
  padding: 0.35rem 0.45rem;
  border-radius: 0.75rem;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #fff;
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.95) 0%, rgba(219, 39, 119, 0.95) 100%);
  box-shadow: 0 6px 16px -6px rgba(147, 51, 234, 0.9);
}

/* Olcu kapsulu (sol ust) ve durum kapsulu (sol alt) — ikisi de kartin
   uzerinde yuzer. Blur BURADA mesru: bu kapsullerin arkasinda panel degil
   FOTOGRAF var, yani ic ice filtre sorunu olusmaz. */
.ogv-wiz__framechip,
.ogv-wiz__framestate {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  max-width: calc(100% - 0.7rem);
  padding: 0.12rem 0.34rem;
  border-radius: 999px;
  font-size: 9px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.95);
  background: rgba(10, 8, 22, 0.55);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
  pointer-events: none;
}

.ogv-wiz__framechip { top: 0.3rem; left: 0.3rem; }
.ogv-wiz__framestate { bottom: 0.3rem; left: 0.3rem; }

.ogv-wiz__framechip b { font-weight: 700; }

/* Oran etiketi ikincil bilgi: ayni kapsulde ama solgun ve duz. */
.ogv-wiz__framechip i {
  font-style: normal;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: rgba(233, 213, 255, 0.85);
}

/* En dar kartta (dikey, ~87px) oran etiketi DUSER: yuva adi "Dikey" zaten
   9:16'yi ima ediyor, iki etiketi birlikte sigdirmaya calismak ikisini de
   kirpardi. */
.ogv-wiz__frameslot[data-narrow] .ogv-wiz__framechip i { display: none; }

.ogv-wiz__framechipico {
  display: inline-flex;
  flex-shrink: 0;
  color: rgba(233, 213, 255, 0.95);
}

.ogv-wiz__framechipico > svg { width: 0.6rem; height: 0.6rem; }

.ogv-wiz__framestate {
  font-weight: 700;
  color: rgba(233, 213, 255, 0.95);
}

.ogv-wiz__framestate--own {
  color: #a7f3d0;
  background: rgba(6, 40, 30, 0.6);
  box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.5);
}

/* Silme butonu LABEL'IN KARDESI, icinde DEGIL: ic ice etkilesimli oge
   gecersiz HTML ve tiklama hedefini belirsizlestirir. Bu yuzden z-index ile
   tiklama katmaninin UZERINDE duruyor. */
.ogv-wiz__framedel {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 999px;
  color: #fecdd3;
  background: rgba(24, 6, 12, 0.62);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: inset 0 0 0 1px rgba(253, 164, 175, 0.45);
  transition: background 0.18s ease, color 0.18s ease;
}

.ogv-wiz__framedel:hover {
  color: #fff;
  background: rgba(190, 18, 60, 0.85);
}

.ogv-wiz__framedel:focus-visible {
  outline: 2px solid rgba(253, 164, 175, 0.9);
  outline-offset: 2px;
}

@media (max-width: 639px) {
  /* Oran korunur, yukseklik sabitlenir, satir yatayda kayar (gerekce yukarida).
     Genislik ELLE hesaplaniyor: `flex-basis: auto` + `aspect-ratio` birlesimi
     tarayicilar arasinda tutarsiz cozuluyor, `calc` her yerde ayni. */
  .ogv-wiz__framerow { overflow-x: auto; padding-bottom: 0.2rem; }
  .ogv-wiz__frameslot {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    height: 8.25rem;
    width: calc(8.25rem * var(--ogv-fr));
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   KAPAK SAHNESI (4. adim) — panodaki etkinlik KARTININ canli onizlemesi.

   BU BLOK CERCEVE BLOGUNDAN SONRA DURMAK ZORUNDA. Kapsulleri cerceve
   yuvasiyla paylasiyor (`framedrop/framecta/framechip/framestate/framedel`)
   ve bazilarini eziyor — `.ogv-wiz__framestate--right` ile `.ogv-wiz__framestate`
   ayni ozgullukte (tek sinif), yani kazanani KAYNAK SIRASI belirliyor. Yukari
   tasinirsa durum kapsulu sag uste degil sol alta duser ve kart metninin
   ustune biner. (Ilk yazimda tam bu oldu.)

   ORAN 16:9 SABIT: EventCard `aspect-video` ve kapagi `object-cover` ile
   kartin tamamina yayiyor. Baska bir oranla onizlemek, uretimde kirpilacak
   bir kadraji "boyle gorunecek" diye gostermek olurdu.

   GENISLIK KELEPCELI (13rem): serbest biraksak 676px'lik kolonda 380px
   yuksekligine cikar ve adimin asil isi olan OZET ekrani katlanan alanin
   altina duserdi. 13rem -> 117px yukseklik; kart okunuyor, ozet gorunur
   kaliyor. Kucuk ekranda tam genislik (orada zaten dikey akis var).
   ══════════════════════════════════════════════════════════════════════════ */
.ogv-wiz__coverstage {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  flex: 0 0 auto;
  border-radius: 0.85rem;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(76, 29, 149, 0.55) 0%, rgba(12, 10, 24, 0.85) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.16),
    0 6px 18px -8px rgba(0, 0, 0, 0.55);
  transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.24s ease;
}

@media (min-width: 640px) {
  /* 16rem DENENDI VE KUCULTULDU (kullanici raporu: "modalin ic scrollu
     olustu"). 16rem -> 144px yukseklik, 13rem -> 117px; kazanilan 27px, son
     adimin ic kaydirmasini kapatan uc kalemden biri (digerleri: ozetten ad ve
     tarih satirlarinin cikarilmasi, son notun tek satira indirilmesi). Kart
     bu olcude hala okunuyor: ad 12px kalin, tarih 9.5px. */
  .ogv-wiz__coverstage { width: 13rem; }
}

@media (hover: hover) {
  .ogv-wiz__coverstage:hover {
    transform: translateY(-3px);
    box-shadow:
      inset 0 0 0 1px rgba(216, 180, 254, 0.55),
      0 14px 30px -12px rgba(147, 51, 234, 0.75);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ogv-wiz__coverstage { transition: box-shadow 0.24s ease; }
  .ogv-wiz__coverstage:hover { transform: none; }
}

.ogv-wiz__coverimg {
  object-fit: cover;
  object-position: center;
}

/* Alt perde: ad ve tarih okunsun. Kartin kendi perdesiyle AYNI mantik —
   kapak ONGORULEMEZ oldugu icin acik temada da koyu (bkz. `.og-card__scrim`). */
.ogv-wiz__coverscrim {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(4, 2, 12, 0.82) 0%, rgba(4, 2, 12, 0.35) 34%, transparent 62%);
}

/* Kart metni: kapagin UZERINE gelecek yaziyi onceden gosterir, boylece
   organizator acik bir bolgeye acik metin denk getirmez. */
.ogv-wiz__covermeta {
  position: absolute;
  z-index: 3;
  bottom: 0.45rem;
  left: 0.5rem;
  /* Sag bosluk silme butonu icin ayrildi. */
  right: 2.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  pointer-events: none;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.75);
}

.ogv-wiz__covermeta b {
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  color: #fff;
}

.ogv-wiz__covermeta i {
  font-style: normal;
  font-size: 9.5px;
  font-weight: 600;
  color: rgba(233, 213, 255, 0.92);
}

/* Durum kapsulu kapakta SAG USTE gecer: sol alt kose kart metninin. */
.ogv-wiz__framestate--right {
  left: auto;
  right: 0.3rem;
  bottom: auto;
  top: 0.3rem;
}

/* Silme butonu da ALT SAGA gecer (sag ustte artik durum kapsulu var). */
.ogv-wiz__coverstage .ogv-wiz__framedel {
  top: auto;
  bottom: 0.3rem;
}

/* DURUM HALKALARI KAPAK ICIN YENIDEN YAZILIYOR — OZGULLUK MESELESI.
   `.ogv-wiz__frameslot--own/--drag` tek sinifli ve kapak sahnesi de kendi
   `box-shadow`unu veriyor; iki sinifli secici kaynak sirasini onemsizlestirir
   ve halka her durumda ustte kalir. */
.ogv-wiz__coverstage.ogv-wiz__frameslot--own {
  box-shadow:
    inset 0 0 0 1.5px rgba(52, 211, 153, 0.75),
    0 8px 22px -10px rgba(16, 185, 129, 0.55);
}

.ogv-wiz__coverstage.ogv-wiz__frameslot--drag {
  box-shadow:
    inset 0 0 0 2px rgba(216, 180, 254, 0.9),
    0 14px 30px -10px rgba(147, 51, 234, 0.8);
}

/* --- Harita uzerindeki "Haritada Sec" cagrisi KALDIRILDI ---
   Buton artik konum ALANININ ICINDE (bkz. `.ogv-wiz__inbtn`); harita
   uzerinde ayri bir cagri kalmadi. */

/* Marka fayansi: ARTIK GRADYAN DEGIL, liquid-glass malzemesinden bir kapsul
   (kullanici istegi). Gradyan dolgu sayfadaki tek BIRINCIL EYLEM'in isareti
   olmali; baslik ikonu bir eylem degil. */
.ogv-wiz__brandico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.65rem;
  height: 2.65rem;
  flex-shrink: 0;
  border-radius: 1rem;
  color: #e9d5ff;
}

html.light .ogv-wiz__brandico { color: #7e22ce; }

/* Son adimdaki birincil buton hare'si `.lqg-btn--pulse`a tasindi
   (bkz. LIQUID GLASS blogu). */


/* --- Yatay tasma kenar solmasi ------------------------------------------
   Yatayda kayan cip raylari icin. Kesik bir kenar KAZA gibi okunur ("son
   cip neden yarim?"), solan kenar ise "devam ediyor" der.

   Olculdu: kategori rayi 10 kategoride 446px'i gizli kaydirmada tutuyordu
   ve son cip sag kenarda sert kesiliyordu — kullaniciya "daha var" bilgisi
   hic verilmiyordu (rapor: "kategoriler ve filtreler birbirine giriyor").

   ELENEN IKI CSS-ONLY DENEME (ikisi de olculdu):
   1) Sabit `mask-image`: tasmayan raylarda da kenari yiyordu — o raylarda
      ilk cip 0-2px'de basliyor, yani bedavaya kirpiliyordu.
   2) `animation-timeline: scroll()` ile maskeyi canlandirmak: `mask-image`
      INTERPOLE EDILEBILIR degil, tarayici ozelligi tamamen DUSURDU
      (computed `mask-image: none`, solma hic yok). Pseudo-element'i flex
      ogesi yapmak da ilk cipi -39px kaydirdi.

   Bu yuzden gorunurluk kararini BILESEN veriyor (kaydirma durumu olculur,
   `data-fade-start`/`data-fade-end` yazilir) ve CSS yalnizca gorunumu
   cizer. Katman `absolute`, kaydiran ogenin DISINDA duran sarmalayicida.

   `--ogv-fade-bg`: solmanin ARKASINDAKI zemin. Ray bir cam yuzeyin icinde
   durdugu icin saf siyaha degil o yuzeyin zeminine dogru solar. */
.ogv-fade-x {
  position: relative;
  --ogv-fade: 28px;
}

.ogv-fade-x__edge {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 5;
  width: var(--ogv-fade);
  pointer-events: none;
  opacity: 0;
  transition: opacity 180ms ease-out;
}

/* Gorunurluk (opacity 0/1) BILESENDEN satir ici stille gelir, buradan
   DEGIL. Denendi ve olculdu: `[data-fade-end='true']` secicisi eslesmesine
   ragmen uygulanmadi — derlenmis sayfada `.ogv-fade-x__edge` taban kurali
   IKI KEZ kayitli oluyor ve ikinci kopya ozgul kuraldan sonra geldigi icin
   `opacity: 0` kazaniyor (CDP `getMatchedStylesForNode` ile dogrulandi).
   Burasi yalnizca gradyani, olcuyu ve gecisi tasir. */

/* Solmanin RENGI: yuzey zeminleri yukseltildikten sonra (bkz. `.og-glass`)
   eski koyu gradyan (rgba(12,11,20,.92)) yanlis yone soluyordu — cipler
   panelin zemininden DAHA KOYU bir seye dogru kayboluyor ve o kenar
   "kirli" okunuyordu. Artik `.ogv-inset`in kendi zeminiyle ayni aile:
   solma yuzeyin ICINE dogru, ustelik daha kisa mesafede. */
.ogv-fade-x__edge--start {
  left: 0;
  background: linear-gradient(to right, var(--ogv-fade-bg, rgba(30, 27, 46, 0.88)), transparent);
}

.ogv-fade-x__edge--end {
  right: 0;
  background: linear-gradient(to left, var(--ogv-fade-bg, rgba(30, 27, 46, 0.88)), transparent);
}

html.light .ogv-fade-x__edge--start {
  background: linear-gradient(to right, var(--ogv-fade-bg, rgba(246, 244, 251, 0.94)), transparent);
}
html.light .ogv-fade-x__edge--end {
  background: linear-gradient(to left, var(--ogv-fade-bg, rgba(246, 244, 251, 0.94)), transparent);
}

/* --- Fotograf karosu ----------------------------------------------------
   Galeri karosu cam DEGIL: arkasinda gorsel var, blur ve zemin gorseli
   kirletir. Yalnizca ince bir kenar ve hover'da hafif yukselme.

   Zemin KOYU: gorsel yuklenene kadar (lazy) parlak bir dikdortgen
   yanip sonmesin - izgarada 24 karo varken bu goz yorucu. */
.ogv-tile {
  background: rgba(8, 8, 14, 0.55);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}
html.light .ogv-tile {
  background: rgba(226, 232, 240, 0.7);
  box-shadow: inset 0 0 0 1px rgba(120, 145, 165, 0.18);
}
@media (hover: hover) {
  .ogv-tile:hover { transform: translateY(-1px); }
}

/* Karsilastirmaya secilmis karo: halka RENKLI ve kalin - secim izgarada
   tararken tek bakista gorulmeli. */
.ogv-tile--picked {
  box-shadow:
    inset 0 0 0 2px rgba(168, 85, 247, 0.9),
    0 4px 14px rgba(168, 85, 247, 0.25);
}

/* Karo uzerindeki kucuk etiket. Kendi blur'u YOK (gorsel uzerinde blur
   pahali ve 24 karoda hissedilir); opak koyu zemin + beyaz metin. */
.ogv-tilechip {
  background: rgba(8, 8, 14, 0.72);
  color: rgba(255, 255, 255, 0.92);
}
html.light .ogv-tilechip {
  background: rgba(255, 255, 255, 0.9);
  color: rgba(17, 24, 39, 0.86);
}

/* Yan yana kolon basligi: kolon kendi icinde kayarken baslik yapisik
   kalir, yani ARKASI opak olmali - yoksa kayan karolar basligin
   icinden gecer. */
.ogv-colhead {
  background: rgba(17, 16, 28, 0.92);
}
html.light .ogv-colhead {
  background: rgba(244, 246, 251, 0.95);
}

/* --- Cam aralik kaydiricisi ---------------------------------------------
   Iki `<input type="range">` ust uste biner; yalnizca TUTAMAKLAR tiklama
   alir, ray gorsel katmanda cizilir. `pointer-events: none` govdede,
   `auto` tutamakta: aksi halde ustteki girdi butun rayi kaplar ve alttaki
   tutamaga hic erisilemez.

   `appearance: none` + seffaf arka plan: tarayicinin kendi rayini
   gizliyoruz, cam ray bizim. */
.ogv-range {
  appearance: none;
  background: transparent;
  pointer-events: none;
  height: 1.5rem;
  margin: 0;
}

.ogv-range::-webkit-slider-thumb {
  appearance: none;
  pointer-events: auto;
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 9999px;
  background: #fff;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.4),
    inset 0 0 0 1px rgba(17, 24, 39, 0.12);
  cursor: grab;
  -webkit-transition: transform 0.15s ease, box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ogv-range::-moz-range-thumb {
  pointer-events: auto;
  width: 1.05rem;
  height: 1.05rem;
  border: none;
  border-radius: 9999px;
  background: #fff;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.4),
    inset 0 0 0 1px rgba(17, 24, 39, 0.12);
  cursor: grab;
}

.ogv-range::-moz-range-track { background: transparent; }

@media (hover: hover) {
  .ogv-range:not(:disabled)::-webkit-slider-thumb:hover { transform: scale(1.12); }
}

.ogv-range:active::-webkit-slider-thumb { cursor: grabbing; }

/* Odak halkasi GORUNUR olmali - klavye kullanicisi hangi tutamakta
   oldugunu bilmeli. Tarayici varsayilani seffaf zeminde kayboluyor. */
.ogv-range:focus-visible::-webkit-slider-thumb {
  box-shadow:
    0 0 0 3px rgba(168, 85, 247, 0.5),
    0 1px 3px rgba(0, 0, 0, 0.4);
}
.ogv-range:focus-visible::-moz-range-thumb {
  box-shadow:
    0 0 0 3px rgba(168, 85, 247, 0.5),
    0 1px 3px rgba(0, 0, 0, 0.4);
}

.ogv-range:disabled::-webkit-slider-thumb { opacity: 0.5; cursor: not-allowed; }
.ogv-range:disabled::-moz-range-thumb { opacity: 0.5; cursor: not-allowed; }

/* --- Cam onay kutusu ----------------------------------------------------
   Isaret `currentColor` ile cizilir ve yalnizca isaretliyken gorunur.
   `peer-checked:` yerine CSS: bu kutu form primitivinde tek yerde
   kullaniliyor ve durum gecisleri (odak halkasi + isaret) tek blokta
   okunuyor. */
.ogv-check {
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
  color: transparent;
  transition: background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

html.light .ogv-check {
  background: rgba(255, 255, 255, 0.85);
  box-shadow: inset 0 0 0 1px rgba(120, 145, 165, 0.35);
}

.peer:checked ~ .ogv-check {
  background: linear-gradient(135deg, #a855f7, #ec4899);
  box-shadow: inset 0 0 0 1px rgba(196, 155, 255, 0.55);
  color: #fff;
}

/* Odak GORUNUR olmali: yerel kutu `sr-only`, yani kendi halkasi gozukmez. */
.peer:focus-visible ~ .ogv-check {
  box-shadow:
    inset 0 0 0 1px rgba(196, 155, 255, 0.55),
    0 0 0 3px rgba(168, 85, 247, 0.30);
}

/* ==========================================================================
   DEVRALINAN YUZEYLERI CAMA CEVIREN KAPSAM (.ogv-legacy)
   --------------------------------------------------------------------------
   Analitik arac panelleri (HuiTrendsTab / ExplorerV2 / LogoDetectionTab /
   CategoryComparisonSection) HeroUI `Card` kullaniyor ve zeminini
   `!bg-white/70 dark:!bg-black/40` ile ZORLUYOR. O `!important` yuzunden
   sarmalayicidan sinif eklemek yetmez.

   NEDEN O BILESENLER DEGISTIRILMIYOR: hepsi ESKI /analytics rotasi tarafindan
   da kullaniliyor ve gorev "orjinaline dokunmadan -v2 uret". Dosyalari
   degistirmek eski sayfayi da degistirirdi. Bu yuzden yuzey donusumu
   KAPSAMLI bir CSS katmani olarak burada duruyor: yalnizca `.ogv-legacy`
   altinda etkili.

   Ozgulluk: `.ogv-legacy [data-slot="base"]` = (0,2,1) + `!important`;
   Tailwind'in `!bg-*` utility'si (0,1,0)+`!important` ile yarisir ve
   KAYBEDER. Bu bilincli — baska yolu yok.
   ========================================================================== */

/* HeroUI Card kokunu cam yuzeye cevir. Malzeme `.og-glass` recetesiyle AYNI
   degerler; sinifi dogrudan veremedigimiz icin kopyalaniyor. */
.ogv-legacy [data-slot='base'] {
  background: linear-gradient(160deg,
      rgba(255, 255, 255, 0.03) 0%,
      rgba(255, 255, 255, 0.012) 45%,
      rgba(255, 255, 255, 0.02) 100%) !important;
  -webkit-backdrop-filter: blur(72px) saturate(130%);
  backdrop-filter: blur(72px) saturate(130%);
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 22px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08),
    inset 0 18px 36px -24px rgba(255, 255, 255, 0.16),
    inset 0 -30px 40px -40px rgba(0, 0, 0, 0.35),
    0 30px 70px -30px rgba(0, 0, 0, 0.8) !important;
}

html.light .ogv-legacy [data-slot='base'] {
  background: linear-gradient(160deg,
      rgba(255, 255, 255, 0.62),
      rgba(255, 255, 255, 0.40) 50%,
      rgba(255, 255, 255, 0.52)) !important;
  border-color: rgba(255, 255, 255, 0.95) !important;
  box-shadow:
    inset 0 1.5px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.04),
    0 30px 60px -30px rgba(76, 29, 149, 0.4) !important;
}

/* Cam ustune cam olmasin: kart ICINDEKI ikincil zeminler (ray, kapsul, sekme
   listesi, kategori kutulari) blur'suz `.ogv-inset` siddetine indirilir.

   IKI YAZIM BIRDEN kapsanir: kose parantezli (`bg-white/[0.03]`) ve duz
   bolmeli (`bg-white/5`, `bg-gray-50/60`). Ikisi de bu bilesenlerde elle
   yazilmis durumda ve yalnizca birini hedeflemek yarim donusum uretiyordu
   (goruldu: Kategoriler sekmesindeki kirilim kutulari cam olmadi).

   `.ogv-legacy` kapsami ZORUNLU: bu desenler uygulamanin her yerinde var,
   kapsamsiz yazmak tum siteyi degistirirdi. */
.ogv-legacy [class*='bg-white/['],
.ogv-legacy [class*='bg-black/['],
.ogv-legacy [class*='bg-white/5'],
.ogv-legacy [class*='bg-white/10'],
.ogv-legacy [class*='bg-black/40'],
.ogv-legacy [class*='bg-gray-50/'],
.ogv-legacy [data-slot='tabList'] {
  background: rgba(255, 255, 255, 0.05) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html.light .ogv-legacy [class*='bg-white/['],
html.light .ogv-legacy [class*='bg-black/['],
html.light .ogv-legacy [class*='bg-white/5'],
html.light .ogv-legacy [class*='bg-white/10'],
html.light .ogv-legacy [class*='bg-black/40'],
html.light .ogv-legacy [class*='bg-gray-50/'],
html.light .ogv-legacy [data-slot='tabList'] {
  background: rgba(255, 255, 255, 0.58) !important;
}

/* Baslik olcegi: devralinan panellerde `text-2xl sm:text-3xl` var ve -v2
   baslik seridi `text-base sm:text-lg lg:text-xl` kullaniyor. Panel icindeki
   baslik sayfa basligindan BUYUK olamaz — hiyerarsi tersine doner. */
.ogv-legacy h2 {
  font-size: 1rem !important;
  line-height: 1.4 !important;
}

@media (min-width: 640px) {
  .ogv-legacy h2 {
    font-size: 1.125rem !important;
  }
}

/* Acilir yuzeyler (Select / Dropdown popover) OPAK ve panelle AYNI TONDA
   olmali.

   NEDEN OPAK: bu menuler cam bir kartin uzerinde acilir; kendi
   backdrop-filter'lari o kartin blur'unu ornekleyemez (ic ice backdrop root),
   saydam kalirsa arkasindaki metin menunun icinden okunur. Ayni gerekce
   events sayfasinin org secicisinde `style={{background}}` olarak belgeli.

   NEDEN `[data-slot='content']`: DOM'da olculdu — HeroUI popover'in zemini
   `content` slotunda (varsayilan `rgb(24,24,27)`), `popoverContent` diye bir
   slot YOK. Menu PORTAL ile <body>'ye tasindigi icin `.ogv-legacy`
   kapsayicisinin ALTINDA degil; bu yuzden kapsamsiz yazilir. Panel geneli
   zaten bu tonu paylastigi icin yan etkisi tutarlilik yonunde. */
[data-slot='popover'] [data-slot='content'] {
  background: rgba(13, 12, 22, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
}

html.light [data-slot='popover'] [data-slot='content'] {
  background: rgba(255, 255, 255, 0.97) !important;
  border-color: rgba(120, 145, 165, 0.22) !important;
}

/* Sinir cizgileri: cam uzerinde `border-black/5` gorunmez, `border-white/10`
   ise acik temada siyah bir cizgiye donuyor. Ikisi de tek tona baglanir. */
.ogv-legacy [class*='border-black/'],
.ogv-legacy [class*='border-white/'] {
  border-color: rgba(255, 255, 255, 0.10) !important;
}

html.light .ogv-legacy [class*='border-black/'],
html.light .ogv-legacy [class*='border-white/'] {
  border-color: rgba(17, 24, 39, 0.10) !important;
}


/* =============================================================
   PILL NAV — CAM PANELLER (hamburger menusu + "Urunler" dropdown'i)
   =============================================================
   SORUN (kullanici raporu): ust bar cam gibi duruyor ama acilan iki panel
   de "dandirik" — koyu/opak bloklar halinde pat diye beliriyordu. Uc ayri
   sebebi vardi:

   1) OPAKLIK. Hamburger paneli `bg-gray-900/95`, masaustu dropdown'i
      dark'ta `bg-gray-900/95` ve light'ta DUZ `bg-white` (blur bile yok)
      yaziyordu; ust bar ise `bg-gray-900/98`. tailwind.config.js basindaki
      nota gore 98 varsayilan opaklik skalasinda YOK, o yuzden bar'in dolgu
      sinifi sessizce dusuyor ve bar dolgusuz saf `backdrop-blur-xl` kaliyor
      (= algilanan cam). 95 ise skalada VAR — paneller gercekten %95 opak
      cizilip blur'u gorunmez hale getiriyordu.

      Ayni "sinif dussun" hilesini panellerde tekrarlamak olmaz: bar ince ve
      sayfanin en ustunde, paneller ise sayfa icerigi/galeri fotograflarinin
      uzerine uzuyor; dolgusuz saf blur orada metni okunmaz yapardi.

      Cozum, macOS/iOS'un vibrancy recetesi (`.pnav-glass`): DUSUK dolgu +
      guclu blur + saturate + brightness. Brightness arkadaki parlak icerigi
      bastirdigi icin dolgu dusuk kalabiliyor — cam hissi bar ile ayni, metin
      her zemin uzerinde okunur. Iki panel AYNI receteyi paylasir; yalnizca
      olcege bagli seyler (yariçap, dis golge, animasyon mesafesi) ayrisir.

   2) ANIMASYON YOKTU. Iki panel de `kosul &&` ile render ediliyor,
      uzerlerindeki `transition-all` ise DOM'a yeni giren bir elemanda hicbir
      sey tetiklemez (gecis icin onceki bir deger gerekir). Bu yuzden gecis
      `animation` ile veriliyor; cikis da `data-state="closed"` +
      geciktirilmis unmount ile animasyonlanir.

   3) YARIÇAP DILI. Paneller `rounded-xl` / `rounded-2xl` ile bar'in
      `rounded-[28px]` kapsulunden kopuktu. Artik ayni aileden, olcege gore:
      buyuk sheet 28px, kucuk dropdown 18px.

   IC ICE FILTRE YOK: panellerin ebeveynleri filtre kullanmaz, ic satirlar
   yalnizca duz dolgu alir — yani blur'un ornekleyecegi tek sey sayfa
   icerigi. */

/* --- Paylasilan cam yuzey ------------------------------------------- */
.pnav-glass {
  position: relative;
  overflow: hidden;
}

/* Dis golge `--pnav-drop` ile geliyor: box-shadow BOLUNEMEZ tek bir ozellik
   oldugu icin (ikinci bir kural birincisini tumden ezer) cam kenar isigi
   burada, olcege bagli golge ise panel sinifinda tanimlanir. */
.pnav-glass--dark {
  background: rgba(10, 9, 20, 0.44);
  -webkit-backdrop-filter: blur(30px) saturate(175%) brightness(0.58);
  backdrop-filter: blur(30px) saturate(175%) brightness(0.58);
  /* Kenar CIZGI degil ISIK: ustte parlak, cevrede cok solgun — cam kalinligi
     hissi. */
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    var(--pnav-drop, 0 0 0 0 transparent);
}

/* LIGHT TARAF NEDEN DAHA DOLGUN (0.52 degil 0.72) — OLCULDU.
   Light temada bile nav cevresindeki zemin cogu sayfada KOYU: anasayfada
   hero neredeyse siyah (#0d0818), fiyatlandirmada doygun mor (#6b3fc4).
   Dark tarafta bu sorun yok (metin beyaz, brightness zemini karartiyor), ama
   light tarafta metin KOYU — %52 dolgu ile panel orta griye oturuyor ve
   `text-gray-700` uzerindeki kontrast ~3.4:1'e dusuyordu (AA siniri 4.5:1;
   onceki OPAK `bg-white` bu sorunu yasamiyordu, yani cama gecerken regresyon
   olurdu). 0.72 + brightness(1.6) ile: siyah zeminde ~5.7:1, mor zeminde
   ~7:1 — iki durumda da okunur, arkadaki renkler blur'la hala geciyor. */
.pnav-glass--light {
  background: rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: blur(30px) saturate(180%) brightness(1.6);
  backdrop-filter: blur(30px) saturate(180%) brightness(1.6);
  box-shadow:
    inset 0 0 0 1px rgba(17, 24, 39, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    var(--pnav-drop, 0 0 0 0 transparent);
}

/* Ust kenardan yayilan yansima. Icerik `z-index: 1` aldigi icin bu katman
   metnin ALTINDA kalir. */
.pnav-glass::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

.pnav-glass--dark::after {
  background: radial-gradient(130% 70% at 50% -20%, rgba(255, 255, 255, 0.1), transparent 62%);
}

.pnav-glass--light::after {
  background: radial-gradient(130% 70% at 50% -20%, rgba(255, 255, 255, 0.55), transparent 62%);
}

.pnav-glass__body {
  position: relative;
  z-index: 1;
}

/* Blur desteklenmiyorsa cam yerine OPAK panel: yarim saydam dolgu tek basina
   okunmaz bir yuzey olurdu. */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .pnav-glass--dark {
    background: rgba(10, 9, 20, 0.96);
  }

  .pnav-glass--light {
    background: rgba(255, 255, 255, 0.97);
  }
}

/* --- Hamburger paneli (buyuk sheet) -------------------------------- */
.pnav-sheet {
  /* Ust bar ile ayni kapsul yariçapi: `rounded-[28px]`. */
  border-radius: 28px;
  transform-origin: top center;
  animation: pnav-sheet-in 280ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pnav-sheet--dark {
  --pnav-drop: 0 26px 60px -26px rgba(0, 0, 0, 0.9);
}

.pnav-sheet--light {
  --pnav-drop: 0 22px 50px -24px rgba(15, 23, 42, 0.32);
}

/* Cikis: daha kisa ve hizlanan egri — kapanis "cekilme" gibi hissedilir. */
.pnav-sheet[data-state='closed'] {
  animation: pnav-sheet-out 170ms cubic-bezier(0.4, 0, 1, 1) both;
  pointer-events: none;
}

/* Satirlar panelden hemen sonra sirayla duser: panel bir bütun olarak
   belirmek yerine icerigi akar. KAPANISTA STAGGER YOK — cikis tek hareket
   olmali, yoksa panel kapanirken satirlar yeniden belirmeye baslar. */
.pnav-sheet__row {
  animation: pnav-row-in 300ms cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(70ms + var(--pnav-i, 0) * 32ms);
}

.pnav-sheet[data-state='closed'] .pnav-sheet__row {
  animation: none;
}

/* --- "Urunler" dropdown'i (kucuk popover) -------------------------- */
/* Olcek farki: 192px genislikte bir menude 28px yariçap baloncuk gibi durur,
   bu yuzden ayni aileden daha kucuk bir deger. Animasyon da daha kisa ve
   daha az mesafeli — hover ile aciliyor, uzun bir hareket gecikme gibi
   hissedilir. Kaynak kose SOL UST: menu tetikleyici dugmenin altindan acilir. */
.pnav-pop {
  border-radius: 18px;
  transform-origin: top left;
  animation: pnav-pop-in 170ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pnav-pop--dark {
  --pnav-drop: 0 16px 34px -14px rgba(0, 0, 0, 0.85);
}

.pnav-pop--light {
  --pnav-drop: 0 14px 30px -14px rgba(15, 23, 42, 0.28);
}

.pnav-pop[data-state='closed'] {
  animation: pnav-pop-out 130ms cubic-bezier(0.4, 0, 1, 1) both;
  pointer-events: none;
}

/* Ogeler kenara dayanmaz: cam yuzeyde ic bosluk birakmak hover dolgusunu
   yuzen bir kapsule cevirir (macOS menu davranisi) ve ilk/son ogeye ayri
   kose sinifi vermek gerekmez. */
.pnav-pop__item {
  border-radius: 12px;
}

@keyframes pnav-sheet-in {
  from {
    opacity: 0;
    transform: translate3d(0, -12px, 0) scale(0.97);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes pnav-sheet-out {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -8px, 0) scale(0.985);
  }
}

@keyframes pnav-row-in {
  from {
    opacity: 0;
    transform: translate3d(0, -7px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes pnav-pop-in {
  from {
    opacity: 0;
    transform: translate3d(0, -6px, 0) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes pnav-pop-out {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -4px, 0) scale(0.98);
  }
}

@media (prefers-reduced-motion: reduce) {

  .pnav-sheet,
  .pnav-sheet__row,
  .pnav-pop {
    animation: none;
  }

  /* Cikis animasyonu da kapali; paneller unmount timer'ini beklerken ekranda
     donup kalmasin diye aninda seffaflasir. */
  .pnav-sheet[data-state='closed'],
  .pnav-pop[data-state='closed'] {
    animation: none;
    opacity: 0;
  }
}

/* ==========================================================================
   CERCEVE EDITORU (.ogv-fe__*) — ayarlar panelindeki "Cerceve Studyosu"
   (components/organizer/frame-studio/*).

   Duzen: ustte sekil sekmeleri + araclar, altta SAHNE (buyuk sonuc) ve sagda
   denetim paneli. Sahne yuksekligi TEK degiskende (`--fe-stage-h`): kompozit
   bu yukseklige oranini koruyarak sigar; panel yuksekligi sabit oldugu icin
   sekme degistirince hicbir sey ziplamaz.

   Malzeme ayarlar panelinin cam dili: yuzeyler hafif beyaz tint + ince ic
   halka; birincil eylemler (secili sekme, yukle) marka gradyani.
   ========================================================================== */

.ogv-fe {
  --fe-stage-h: clamp(220px, calc(100vh - 430px), 470px);
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

@media (max-width: 767px) {
  .ogv-fe { --fe-stage-h: clamp(200px, 62vw, 360px); }
}

/* --- Sekme seridi (sol sutunun ustu) --- */
.ogv-fe__tabsrow {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  /* Icerik genisliginde: yedi sekme DARALTILMAZ. Yer yetmezse araclar alt
     satira gecer (bar flex-wrap), sekmeler kesilmez. Cok dar ekranda
     (tabsrow tum satirdan genis) sekme seridi kendi icinde kayar. */
  min-width: 0;
}

.ogv-fe__tabs {
  display: flex;
  gap: 0.2rem;
  min-width: 0;
  padding: 0.2rem;
  overflow-x: auto;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09);
  scrollbar-width: none;
}

.ogv-fe__tabs::-webkit-scrollbar { display: none; }

.ogv-fe__tab {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  flex-shrink: 0;
  height: 2rem;
  padding: 0 0.55rem;
  border-radius: 999px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.74);
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.ogv-fe__tab b {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.ogv-fe__tab:hover { background: rgba(255, 255, 255, 0.08); color: #fff; }

.ogv-fe__tab--on,
.ogv-fe__tab--on:hover {
  color: #fff;
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.92) 0%, rgba(219, 39, 119, 0.88) 100%);
  box-shadow: 0 6px 16px -8px rgba(147, 51, 234, 0.95);
}

.ogv-fe__tab:focus-visible {
  outline: 2px solid rgba(216, 180, 254, 0.95);
  outline-offset: 1px;
}

/* Seklin minik silueti — sekmede oran etiketinden once goz onu yakalar. */
.ogv-fe__shape {
  display: inline-block;
  flex-shrink: 0;
  border-radius: 2px;
  border: 1.5px solid currentColor;
  opacity: 0.85;
}

.ogv-fe__tabok {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 999px;
  color: #fff;
  background: rgba(16, 185, 129, 0.92);
}

.ogv-fe__tab--on .ogv-fe__tabok { color: #7e22ce; background: rgba(255, 255, 255, 0.95); }

/* Uygulanmamis degisiklik isareti (sekme, ayarlar rayindaki Cerceve bolumu).
   Kehribar: "henuz sunucuda degil" — yesil onaydan (kayitli) ayri bir renk. */
.ogv-fe__tabdot {
  display: inline-block;
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: #fbbf24;
  box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.25);
}

.ogv-fe__tab--on .ogv-fe__tabdot { background: #fff; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); }

/* Araclar sag sutunun ustunde: iki sutunlu izgara, Tek/Tumu tam genislik.
   Sekme seridiyle ayni satirdayken onu daraltip oranlari disari itiyordu. */
.ogv-fe__tools {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
}

.ogv-fe__tools .ogv-fe__tool { width: 100%; min-width: 0; }
.ogv-fe__tools .ogv-fe__viewtoggle,
.ogv-fe__tools .ogv-fe__tool--wide { grid-column: 1 / -1; }

/* Dosya secici etiket: odak halkasi ic girdiden gelir. */
label.ogv-fe__tool:has(input:focus-visible) { outline: 2px solid rgba(216, 180, 254, 0.95); outline-offset: 1px; }

.ogv-fe__tool {
  display: inline-flex;
  align-items: center;
  /* Yalniz ikon: etiket ipucunda (title) ve ekran okuyucuda (sr-only).
     Etiketli surum sekme seridini daraltip 3:2 ve 16:9'u disari itiyordu. */
  justify-content: center;
  gap: 0.35rem;
  flex-shrink: 0;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.ogv-fe__tool:hover { background: rgba(255, 255, 255, 0.1); color: #fff; }

.ogv-fe__tool[aria-pressed='true'],
.ogv-fe__tool--on {
  color: #f3e8ff;
  background: rgba(168, 85, 247, 0.24);
  box-shadow: inset 0 0 0 1px rgba(196, 155, 255, 0.6);
}

.ogv-fe__tool:disabled { opacity: 0.45; cursor: not-allowed; }

.ogv-fe__tool:focus-visible,
.ogv-fe__viewtoggle button:focus-visible {
  outline: 2px solid rgba(216, 180, 254, 0.95);
  outline-offset: 1px;
}

.ogv-fe__viewtoggle {
  display: flex;
  padding: 0.15rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.ogv-fe__viewtoggle button {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  height: 1.7rem;
  padding: 0 0.55rem;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
  flex: 1 1 0;
  justify-content: center;
}

.ogv-fe__viewtoggle button[aria-pressed='true'] { color: #fff; background: rgba(255, 255, 255, 0.15); }
.ogv-fe__viewtoggle button:disabled { opacity: 0.4; cursor: not-allowed; }

/* --- Govde: sahne | denetim paneli --- */
.ogv-fe__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
}

@media (min-width: 900px) {
  .ogv-fe__body { grid-template-columns: minmax(0, 1fr) 16rem; }
}

.ogv-fe__main,
.ogv-fe__side {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  min-width: 0;
}

/* --- Sahne ---
   Dama zemini cok hafif: kompozitin kenarlari ve saydam alanlar okunur ama
   goz sonucun kendisine gider. Alt dolgu sonuc kapsulleri icin. */
.ogv-fe__stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--fe-stage-h) + 3.6rem);
  padding: 1rem 1rem 2.6rem;
  border-radius: 1.1rem;
  overflow: hidden;
  background: radial-gradient(120% 90% at 50% 0%, rgba(168, 85, 247, 0.16) 0%, rgba(8, 6, 16, 0.55) 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  transition: box-shadow 0.2s ease;
}

.ogv-fe__stage::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: conic-gradient(
    rgba(255, 255, 255, 0.035) 25%,
    transparent 0 50%,
    rgba(255, 255, 255, 0.035) 0 75%,
    transparent 0
  );
  background-size: 18px 18px;
  pointer-events: none;
}

.ogv-fe__stage--drag { box-shadow: inset 0 0 0 2px rgba(216, 180, 254, 0.95); }

.ogv-fe__composite,
.ogv-fe__raw {
  position: relative;
  z-index: 1;
  border-radius: 0.35rem;
  box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.85);
}

.ogv-fe__raw { display: block; overflow: hidden; }
.ogv-fe__raw img { display: block; width: 100%; height: 100%; object-fit: cover; }

.ogv-fe__stagechips {
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 0.65rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  pointer-events: none;
}

.ogv-fe__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.16rem 0.55rem;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

/* "Ornek cerceve" kapsulu: sahnedeki sonuc organizatorun degil, ornek setin. */
.ogv-fe__chip--sample {
  color: #e9d5ff;
  background: rgba(147, 51, 234, 0.32);
  box-shadow: inset 0 0 0 1px rgba(216, 180, 254, 0.35);
}

/* Taslak durumu (Yeni / Degistirildi / Yerlesim degisti / Kaldirilacak). */
.ogv-fe__status {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 700;
  color: #fde68a;
  background: rgba(245, 158, 11, 0.16);
  box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.28);
}

/* UYGULA CUBUGU — ayarlar icerik alaninin (kaydirilan kap) altina yapisir;
   taslak varken organizator kaydirsa da gorur. Kehribar nokta sekmelerdeki
   "uygulanmadi" isaretiyle ayni dil. */
.ogv-fe__applybar {
  position: sticky;
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.6rem 0.7rem 0.6rem 0.85rem;
  border-radius: 1rem;
  background: rgba(24, 12, 46, 0.82);
  box-shadow:
    inset 0 0 0 1px rgba(251, 191, 36, 0.35),
    0 14px 30px -14px rgba(0, 0, 0, 0.75);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
}

.ogv-fe__applydot {
  flex-shrink: 0;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: #fbbf24;
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.22);
  animation: ogv-fe-pending 1.8s ease-in-out infinite;
}

@keyframes ogv-fe-pending {
  0%, 100% { box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.22); }
  50% { box-shadow: 0 0 0 6px rgba(251, 191, 36, 0.08); }
}

@media (max-width: 639px) {
  .ogv-fe__applybar { flex-wrap: wrap; }
  .ogv-fe__applybar > span:last-child { width: 100%; justify-content: flex-end; }
}

/* Surukleme ve yukleme ortusu. */
.ogv-fe__stageover {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 13px;
  color: #fff;
  background: rgba(12, 6, 28, 0.62);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  pointer-events: none;
}

/* Organizatorun hic cercevesi yokken: ilk yukleme alani. Iki eylem tasir
   (yukle / ornek cercevelere goz at); alanin kendisi tiklanmaz, dosya yine
   de sahnenin her yerine birakilabilir. */
.ogv-fe__empty {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  border-radius: 0.9rem;
  border: 1.5px dashed rgba(216, 180, 254, 0.45);
}

.ogv-fe__emptyico {
  display: inline-flex;
  padding: 0.8rem;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.95) 0%, rgba(219, 39, 119, 0.95) 100%);
  box-shadow: 0 10px 24px -10px rgba(147, 51, 234, 0.9);
}

/* "Fotograf alani" araci: cercevede olculen pencere. Iki renkli kesikli cizgi
   hem acik hem koyu cercevede okunur. */
.ogv-fe__window {
  border: 2px dashed rgba(255, 255, 255, 0.95);
  outline: 1px solid rgba(0, 0, 0, 0.45);
  outline-offset: -3px;
  background: rgba(56, 189, 248, 0.14);
  pointer-events: none;
}

/* --- Tumu gorunumu --- */
.ogv-fe__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  gap: 0.6rem;
  max-height: calc(var(--fe-stage-h) + 3.6rem);
  overflow-y: auto;
  padding-right: 0.2rem;
}

.ogv-fe__cell {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
  padding: 0.45rem;
  border-radius: 0.9rem;
  text-align: left;
  background: rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09);
  transition: box-shadow 0.18s ease, background 0.18s ease;
}

.ogv-fe__cell:hover { background: rgba(255, 255, 255, 0.07); }
.ogv-fe__cell--on { box-shadow: inset 0 0 0 1.5px rgba(196, 155, 255, 0.75); }

.ogv-fe__cell:focus-visible {
  outline: 2px solid rgba(216, 180, 254, 0.9);
  outline-offset: 2px;
}

.ogv-fe__cellstage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 0.6rem;
  background: radial-gradient(120% 90% at 50% 0%, rgba(168, 85, 247, 0.12) 0%, rgba(8, 6, 16, 0.35) 100%);
}

/* --- Denetim paneli --- */
.ogv-fe__inspector {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  min-width: 0;
}

.ogv-fe__insphead {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0 0.2rem;
}

.ogv-fe__insphead b {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.ogv-fe__insphead span { font-size: 11.5px; }

.ogv-fe__card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.7rem;
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09);
}

.ogv-fe__framerow {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
}

.ogv-fe__thumb {
  display: block;
  flex-shrink: 0;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 0.45rem;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.06);
  background-image: conic-gradient(
    rgba(255, 255, 255, 0.1) 25%,
    transparent 0 50%,
    rgba(255, 255, 255, 0.1) 0 75%,
    transparent 0
  );
  background-size: 8px 8px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.ogv-fe__thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }

.ogv-fe__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  height: 2rem;
  padding: 0 0.8rem;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, filter 0.18s ease;
}

.ogv-fe__btn:hover { background: rgba(255, 255, 255, 0.13); }

.ogv-fe__btn--primary,
.ogv-fe__btn--primary:hover {
  color: #fff;
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.95) 0%, rgba(219, 39, 119, 0.95) 100%);
  box-shadow: 0 8px 18px -10px rgba(147, 51, 234, 0.95);
}

.ogv-fe__btn--primary:hover { filter: brightness(1.08); }

.ogv-fe__btn--danger { color: #fecdd3; }
.ogv-fe__btn--danger:hover { background: rgba(190, 18, 60, 0.28); }

.ogv-fe__btn--armed,
.ogv-fe__btn--armed:hover {
  color: #fff;
  background: rgba(190, 18, 60, 0.88);
  box-shadow: inset 0 0 0 1px rgba(253, 164, 175, 0.6);
}

.ogv-fe__btn:disabled,
.ogv-fe__btn--disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

.ogv-fe__btn:focus-visible {
  outline: 2px solid rgba(216, 180, 254, 0.95);
  outline-offset: 2px;
}

/* Yerlesim secici: uc esit bolme. */
.ogv-fe__seg {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.2rem;
  padding: 0.2rem;
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09);
}

.ogv-fe__segbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-width: 0;
  height: 2rem;
  border-radius: 0.6rem;
  font-size: 11.5px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.72);
  transition: background 0.18s ease, color 0.18s ease;
}

.ogv-fe__segbtn:hover { color: #fff; background: rgba(255, 255, 255, 0.07); }

.ogv-fe__segbtn--on,
.ogv-fe__segbtn--on:hover {
  color: #fff;
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.9) 0%, rgba(219, 39, 119, 0.85) 100%);
  box-shadow: 0 6px 14px -8px rgba(147, 51, 234, 0.9);
}

.ogv-fe__segbtn:disabled { opacity: 0.5; cursor: not-allowed; }

.ogv-fe__segbtn:focus-visible {
  outline: 2px solid rgba(216, 180, 254, 0.95);
  outline-offset: 1px;
}

/* Sonuc kapsulu: renk = sonucun turu (yesil tam oturdu, kehribar kirpildi,
   mor sigdirildi). Uc durum, uc renk. */
.ogv-fe__tone {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
  padding: 0.12rem 0.5rem;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

.ogv-fe__tone--exact { color: #a7f3d0; background: rgba(16, 185, 129, 0.18); }
.ogv-fe__tone--cropped { color: #fde68a; background: rgba(245, 158, 11, 0.18); }
.ogv-fe__tone--filled { color: #ddd6fe; background: rgba(139, 92, 246, 0.22); }

.ogv-fe__notices {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ogv-fe__notices li {
  display: flex;
  align-items: flex-start;
  gap: 0.35rem;
  font-size: 11px;
  line-height: 1.4;
  color: #fcd34d;
}

.ogv-fe__notices li > svg { margin-top: 0.15rem; }

.ogv-fe__tips {
  padding: 0.55rem 0.7rem;
  border-radius: 0.9rem;
  font-size: 11.5px;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
}

.ogv-fe__tips summary {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.82);
  cursor: pointer;
  list-style: none;
}

.ogv-fe__tips summary::-webkit-details-marker { display: none; }

.ogv-fe__tips ul {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-top: 0.45rem;
  padding-left: 1.1rem;
  list-style: disc;
  color: rgba(255, 255, 255, 0.64);
}

/* --- Acik tema --- */
html.light .ogv-fe__tabs,
html.light .ogv-fe__viewtoggle,
html.light .ogv-fe__seg {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 0 0 1px rgba(120, 90, 180, 0.2);
}

html.light .ogv-fe__tab,
html.light .ogv-fe__viewtoggle button,
html.light .ogv-fe__segbtn { color: #4b5563; }

html.light .ogv-fe__tab:hover,
html.light .ogv-fe__segbtn:hover { color: #111827; background: rgba(124, 58, 237, 0.08); }

html.light .ogv-fe__tab--on,
html.light .ogv-fe__tab--on:hover,
html.light .ogv-fe__segbtn--on,
html.light .ogv-fe__segbtn--on:hover { color: #fff; }

html.light .ogv-fe__viewtoggle button[aria-pressed='true'] { color: #111827; background: rgba(124, 58, 237, 0.14); }

html.light .ogv-fe__tool,
html.light .ogv-fe__btn {
  color: #374151;
  background: rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 0 0 1px rgba(120, 90, 180, 0.22);
}

html.light .ogv-fe__tool:hover,
html.light .ogv-fe__btn:hover { color: #111827; background: #fff; }

html.light .ogv-fe__tool[aria-pressed='true'],
html.light .ogv-fe__tool--on { color: #6d28d9; background: rgba(124, 58, 237, 0.12); box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.45); }

html.light .ogv-fe__btn--primary,
html.light .ogv-fe__btn--primary:hover { color: #fff; }

html.light .ogv-fe__btn--danger { color: #be123c; }
html.light .ogv-fe__btn--armed,
html.light .ogv-fe__btn--armed:hover { color: #fff; }

html.light .ogv-fe__stage {
  background: radial-gradient(120% 90% at 50% 0%, rgba(168, 85, 247, 0.12) 0%, rgba(233, 229, 245, 0.95) 100%);
  box-shadow: inset 0 0 0 1px rgba(120, 90, 180, 0.2);
}

html.light .ogv-fe__stage::before {
  background-image: conic-gradient(
    rgba(80, 60, 140, 0.05) 25%,
    transparent 0 50%,
    rgba(80, 60, 140, 0.05) 0 75%,
    transparent 0
  );
}

html.light .ogv-fe__chip { color: #374151; background: rgba(255, 255, 255, 0.85); box-shadow: inset 0 0 0 1px rgba(120, 90, 180, 0.2); }

html.light .ogv-fe__empty { border-color: rgba(124, 58, 237, 0.4); }

html.light .ogv-fe__card,
html.light .ogv-fe__cell,
html.light .ogv-fe__tips {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0 0 1px rgba(120, 145, 165, 0.22);
}

html.light .ogv-fe__cellstage {
  background: radial-gradient(120% 90% at 50% 0%, rgba(168, 85, 247, 0.1) 0%, rgba(241, 238, 250, 0.9) 100%);
}

html.light .ogv-fe__thumb {
  background-color: #fff;
  background-image: conic-gradient(#ececf3 25%, transparent 0 50%, #ececf3 0 75%, transparent 0);
  box-shadow: inset 0 0 0 1px rgba(120, 145, 165, 0.25);
}

html.light .ogv-fe__tone--exact { color: #065f46; background: rgba(16, 185, 129, 0.14); }
html.light .ogv-fe__tone--cropped { color: #92400e; background: rgba(245, 158, 11, 0.16); }
html.light .ogv-fe__tone--filled { color: #5b21b6; background: rgba(139, 92, 246, 0.14); }

html.light .ogv-fe__notices li { color: #b45309; }
html.light .ogv-fe__status { color: #92400e; background: rgba(245, 158, 11, 0.14); box-shadow: inset 0 0 0 1px rgba(217, 119, 6, 0.3); }
html.light .ogv-fe__chip--sample { color: #6b21a8; background: rgba(147, 51, 234, 0.12); box-shadow: inset 0 0 0 1px rgba(147, 51, 234, 0.3); }
html.light .ogv-fe__applybar {
  background: rgba(255, 255, 255, 0.9);
  box-shadow:
    inset 0 0 0 1px rgba(217, 119, 6, 0.4),
    0 14px 30px -16px rgba(80, 60, 140, 0.45);
}
html.light .ogv-fe__tips summary { color: #374151; }
html.light .ogv-fe__tips ul { color: rgba(55, 65, 81, 0.85); }

@media (prefers-reduced-motion: reduce) {
  .ogv-fe__tab,
  .ogv-fe__tool,
  .ogv-fe__btn,
  .ogv-fe__segbtn,
  .ogv-fe__cell,
  .ogv-fe__stage { transition: none; }
  .ogv-fe__applydot { animation: none; }
}

.file\:cursor-pointer::file-selector-button{
  cursor: pointer;
}

.file\:border-0::file-selector-button{
  border-width: 0px;
}

.file\:bg-transparent::file-selector-button{
  background-color: transparent;
}

.placeholder\:text-danger::placeholder{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.placeholder\:text-foreground-500::placeholder{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground-500) / var(--tw-text-opacity, 1));
}

.placeholder\:text-gray-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

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

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

.placeholder\:text-primary::placeholder{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary) / var(--tw-text-opacity, 1));
}

.placeholder\:text-secondary::placeholder{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary) / var(--tw-text-opacity, 1));
}

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

.placeholder\:text-success-600::placeholder{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-600) / var(--tw-text-opacity, 1));
}

.placeholder\:text-warning-600::placeholder{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-600) / var(--tw-text-opacity, 1));
}

.placeholder\:text-white\/30::placeholder{
  color: rgb(255 255 255 / 0.3);
}

.placeholder\:text-white\/35::placeholder{
  color: rgb(255 255 255 / 0.35);
}

.placeholder\:text-white\/40::placeholder{
  color: rgb(255 255 255 / 0.4);
}

.placeholder\:opacity-50::placeholder{
  opacity: 0.5;
}

.before\:pointer-events-none::before{
  content: var(--tw-content);
  pointer-events: none;
}

.before\:pointer-events-auto::before{
  content: var(--tw-content);
  pointer-events: auto;
}

.before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-0::before{
  content: var(--tw-content);
  inset: 0px;
}

.before\:left-0::before{
  content: var(--tw-content);
  left: 0px;
}

.before\:right-0::before{
  content: var(--tw-content);
  right: 0px;
}

.before\:z-0::before{
  content: var(--tw-content);
  z-index: 0;
}

.before\:z-\[-1\]::before{
  content: var(--tw-content);
  z-index: -1;
}

.before\:box-border::before{
  content: var(--tw-content);
  box-sizing: border-box;
}

.before\:block::before{
  content: var(--tw-content);
  display: block;
}

.before\:hidden::before{
  content: var(--tw-content);
  display: none;
}

.before\:h-0\.5::before{
  content: var(--tw-content);
  height: 0.125rem;
}

.before\:h-11::before{
  content: var(--tw-content);
  height: 2.75rem;
}

.before\:h-2\.5::before{
  content: var(--tw-content);
  height: 0.625rem;
}

.before\:h-4::before{
  content: var(--tw-content);
  height: 1rem;
}

.before\:h-6::before{
  content: var(--tw-content);
  height: 1.5rem;
}

.before\:h-8::before{
  content: var(--tw-content);
  height: 2rem;
}

.before\:h-px::before{
  content: var(--tw-content);
  height: 1px;
}

.before\:w-0::before{
  content: var(--tw-content);
  width: 0px;
}

.before\:w-11::before{
  content: var(--tw-content);
  width: 2.75rem;
}

.before\:w-2\.5::before{
  content: var(--tw-content);
  width: 0.625rem;
}

.before\:w-6::before{
  content: var(--tw-content);
  width: 1.5rem;
}

.before\:w-8::before{
  content: var(--tw-content);
  width: 2rem;
}

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

.before\:-translate-y-1::before{
  content: var(--tw-content);
  --tw-translate-y: -0.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));
}

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

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

.before\:animate-none::before{
  content: var(--tw-content);
  animation: none;
}

@keyframes shimmer{
  100%{
    content: var(--tw-content);
    transform: translateX(200%);
    background-position: 200% 0;
  }
  0%{
    content: var(--tw-content);
    background-position: -200% 0;
  }
}

.before\:animate-shimmer::before{
  content: var(--tw-content);
  animation: shimmer 2s linear infinite;
}

.before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\]::before{
  content: var(--tw-content);
  border-radius: calc(var(--heroui-radius-medium) * 0.5);
}

.before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\]::before{
  content: var(--tw-content);
  border-radius: calc(var(--heroui-radius-medium) * 0.6);
}

.before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\]::before{
  content: var(--tw-content);
  border-radius: calc(var(--heroui-radius-medium) * 0.7);
}

.before\:rounded-full::before{
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:rounded-none::before{
  content: var(--tw-content);
  border-radius: 0px;
}

.before\:rounded-sm::before{
  content: var(--tw-content);
  border-radius: 0.125rem;
}

.before\:border-2::before{
  content: var(--tw-content);
  border-width: 2px;
}

.before\:border-t::before{
  content: var(--tw-content);
  border-top-width: 1px;
}

.before\:border-solid::before{
  content: var(--tw-content);
  border-style: solid;
}

.before\:border-content4\/30::before{
  content: var(--tw-content);
  border-color: hsl(var(--heroui-content4) / 0.3);
}

.before\:border-danger::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.before\:border-default::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default) / var(--tw-border-opacity, 1));
}

.before\:bg-content1::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-content1) / var(--tw-bg-opacity, 1));
}

.before\:bg-current::before{
  content: var(--tw-content);
  background-color: currentColor;
}

.before\:bg-danger::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.before\:bg-danger\/20::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-danger) / 0.2);
}

.before\:bg-default\/60::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-default) / 0.6);
}

.before\:bg-foreground::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-foreground) / var(--tw-bg-opacity, 1));
}

.before\:bg-primary::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}

.before\:bg-primary\/20::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-primary) / 0.2);
}

.before\:bg-secondary::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}

.before\:bg-secondary\/20::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-secondary) / 0.2);
}

.before\:bg-success::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.before\:bg-success\/20::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-success) / 0.2);
}

.before\:bg-transparent::before{
  content: var(--tw-content);
  background-color: transparent;
}

.before\:bg-warning::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.before\:bg-warning\/20::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-warning) / 0.2);
}

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

.before\:from-transparent::before{
  content: var(--tw-content);
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:via-content4::before{
  content: var(--tw-content);
  --tw-gradient-to: hsl(var(--heroui-content4) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--heroui-content4) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

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

.before\:opacity-0::before{
  content: var(--tw-content);
  opacity: 0;
}

.before\:opacity-100::before{
  content: var(--tw-content);
  opacity: 1;
}

.before\:shadow-small::before{
  content: var(--tw-content);
  --tw-shadow: var(--heroui-box-shadow-small);
  --tw-shadow-colored: var(--heroui-box-shadow-small);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.before\:transition-colors::before{
  content: var(--tw-content);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:transition-none::before{
  content: var(--tw-content);
  transition-property: none;
}

.before\:transition-transform::before{
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:duration-150::before{
  content: var(--tw-content);
  transition-duration: 150ms;
}

.before\:content-\[\'\'\]::before{
  --tw-content: '';
  content: var(--tw-content);
}

.before\:transition-width::before{
  content: var(--tw-content);
  transition-property: width;
  transition-timing-function: ease;
  transition-duration: 250ms;
}

.after\:pointer-events-auto::after{
  content: var(--tw-content);
  pointer-events: auto;
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-0::after{
  content: var(--tw-content);
  inset: 0px;
}

.after\:-bottom-1::after{
  content: var(--tw-content);
  bottom: -0.25rem;
}

.after\:-bottom-\[2px\]::after{
  content: var(--tw-content);
  bottom: -2px;
}

.after\:bottom-0::after{
  content: var(--tw-content);
  bottom: 0px;
}

.after\:left-0::after{
  content: var(--tw-content);
  left: 0px;
}

.after\:left-1\/2::after{
  content: var(--tw-content);
  left: 50%;
}

.after\:right-0::after{
  content: var(--tw-content);
  right: 0px;
}

.after\:top-0::after{
  content: var(--tw-content);
  top: 0px;
}

.after\:-z-10::after{
  content: var(--tw-content);
  z-index: -10;
}

.after\:z-0::after{
  content: var(--tw-content);
  z-index: 0;
}

.after\:z-\[-1\]::after{
  content: var(--tw-content);
  z-index: -1;
}

.after\:ml-0\.5::after{
  content: var(--tw-content);
  margin-left: 0.125rem;
}

.after\:ms-0\.5::after{
  content: var(--tw-content);
  margin-inline-start: 0.125rem;
}

.after\:block::after{
  content: var(--tw-content);
  display: block;
}

.after\:table-row::after{
  content: var(--tw-content);
  display: table-row;
}

.after\:h-0::after{
  content: var(--tw-content);
  height: 0px;
}

.after\:h-4::after{
  content: var(--tw-content);
  height: 1rem;
}

.after\:h-5::after{
  content: var(--tw-content);
  height: 1.25rem;
}

.after\:h-\[2px\]::after{
  content: var(--tw-content);
  height: 2px;
}

.after\:h-\[5px\]::after{
  content: var(--tw-content);
  height: 5px;
}

.after\:h-divider::after{
  content: var(--tw-content);
  height: var(--heroui-divider-weight);
}

.after\:h-full::after{
  content: var(--tw-content);
  height: 100%;
}

.after\:h-px::after{
  content: var(--tw-content);
  height: 1px;
}

.after\:w-0::after{
  content: var(--tw-content);
  width: 0px;
}

.after\:w-4::after{
  content: var(--tw-content);
  width: 1rem;
}

.after\:w-5::after{
  content: var(--tw-content);
  width: 1.25rem;
}

.after\:w-6::after{
  content: var(--tw-content);
  width: 1.5rem;
}

.after\:w-\[80\%\]::after{
  content: var(--tw-content);
  width: 80%;
}

.after\:w-full::after{
  content: var(--tw-content);
  width: 100%;
}

.after\:origin-center::after{
  content: var(--tw-content);
  transform-origin: center;
}

.after\:-translate-x-1\/2::after{
  content: var(--tw-content);
  --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));
}

.after\:translate-y-1::after{
  content: var(--tw-content);
  --tw-translate-y: 0.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));
}

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

.after\:scale-50::after{
  content: var(--tw-content);
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:rounded-\[calc\(var\(--heroui-radius-large\)\/2\)\]::after{
  content: var(--tw-content);
  border-radius: calc(var(--heroui-radius-large) / 2);
}

.after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\]::after{
  content: var(--tw-content);
  border-radius: calc(var(--heroui-radius-medium) * 0.5);
}

.after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\]::after{
  content: var(--tw-content);
  border-radius: calc(var(--heroui-radius-medium) * 0.6);
}

.after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\]::after{
  content: var(--tw-content);
  border-radius: calc(var(--heroui-radius-medium) * 0.7);
}

.after\:rounded-\[calc\(var\(--heroui-radius-medium\)\/3\)\]::after{
  content: var(--tw-content);
  border-radius: calc(var(--heroui-radius-medium) / 3);
}

.after\:rounded-\[calc\(var\(--heroui-radius-small\)\/3\)\]::after{
  content: var(--tw-content);
  border-radius: calc(var(--heroui-radius-small) / 3);
}

.after\:rounded-full::after{
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:rounded-none::after{
  content: var(--tw-content);
  border-radius: 0px;
}

.after\:rounded-xl::after{
  content: var(--tw-content);
  border-radius: 0.75rem;
}

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

.after\:bg-background::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-background) / var(--tw-bg-opacity, 1));
}

.after\:bg-content1::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-content1) / var(--tw-bg-opacity, 1));
}

.after\:bg-content3::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-content3) / var(--tw-bg-opacity, 1));
}

.after\:bg-current::after{
  content: var(--tw-content);
  background-color: currentColor;
}

.after\:bg-danger::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.after\:bg-default::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default) / var(--tw-bg-opacity, 1));
}

.after\:bg-default-foreground::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-foreground) / var(--tw-bg-opacity, 1));
}

.after\:bg-divider::after{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-divider) / 0.15);
}

.after\:bg-foreground::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-foreground) / var(--tw-bg-opacity, 1));
}

.after\:bg-primary::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}

.after\:bg-secondary::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}

.after\:bg-success::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.after\:bg-transparent::after{
  content: var(--tw-content);
  background-color: transparent;
}

.after\:bg-warning::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.after\:text-danger::after{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.after\:text-danger-foreground::after{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-foreground) / var(--tw-text-opacity, 1));
}

.after\:text-default-foreground::after{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-foreground) / var(--tw-text-opacity, 1));
}

.after\:text-primary-foreground::after{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-foreground) / var(--tw-text-opacity, 1));
}

.after\:text-secondary-foreground::after{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-foreground) / var(--tw-text-opacity, 1));
}

.after\:text-success-foreground::after{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}

.after\:text-warning-foreground::after{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-foreground) / var(--tw-text-opacity, 1));
}

.after\:opacity-0::after{
  content: var(--tw-content);
  opacity: 0;
}

.after\:opacity-100::after{
  content: var(--tw-content);
  opacity: 1;
}

.after\:shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]::after{
  content: var(--tw-content);
  --tw-shadow: 0 1px 0px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 1px 0px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.after\:shadow-small::after{
  content: var(--tw-content);
  --tw-shadow: var(--heroui-box-shadow-small);
  --tw-shadow-colored: var(--heroui-box-shadow-small);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.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\:transition-none::after{
  content: var(--tw-content);
  transition-property: none;
}

.after\:transition-transform::after{
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:\!duration-200::after{
  content: var(--tw-content);
  transition-duration: 200ms !important;
}

.after\:duration-150::after{
  content: var(--tw-content);
  transition-duration: 150ms;
}

.after\:\!ease-linear::after{
  content: var(--tw-content);
  transition-timing-function: linear !important;
}

.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}

.after\:content-\[\'\*\'\]::after{
  --tw-content: '*';
  content: var(--tw-content);
}

.after\:transition-background::after{
  content: var(--tw-content);
  transition-property: background;
  transition-timing-function: ease;
  transition-duration: 250ms;
}

.after\:transition-width::after{
  content: var(--tw-content);
  transition-property: width;
  transition-timing-function: ease;
  transition-duration: 250ms;
}

.after\:transition-height::after{
  content: var(--tw-content);
  transition-property: height;
  transition-timing-function: ease;
  transition-duration: 250ms;
}

.after\:transition-transform-opacity::after{
  content: var(--tw-content);
  transition-property: transform, scale, opacity rotate;
  transition-timing-function: ease;
  transition-duration: 250ms;
}

.first\:-ml-0\.5:first-child{
  margin-left: -0.125rem;
}

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

.first\:rounded-s-full:first-child{
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
}

.first\:rounded-s-large:first-child{
  border-start-start-radius: var(--heroui-radius-large);
  border-end-start-radius: var(--heroui-radius-large);
}

.first\:rounded-s-lg:first-child{
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}

.first\:rounded-s-medium:first-child{
  border-start-start-radius: var(--heroui-radius-medium);
  border-end-start-radius: var(--heroui-radius-medium);
}

.first\:rounded-s-none:first-child{
  border-start-start-radius: 0px;
  border-end-start-radius: 0px;
}

.first\:rounded-s-small:first-child{
  border-start-start-radius: var(--heroui-radius-small);
  border-end-start-radius: var(--heroui-radius-small);
}

.first\:border-t-0:first-child{
  border-top-width: 0px;
}

.first\:before\:rounded-s-lg:first-child::before{
  content: var(--tw-content);
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}

.first\:before\:rounded-s-none:first-child::before{
  content: var(--tw-content);
  border-start-start-radius: 0px;
  border-end-start-radius: 0px;
}

.last\:rounded-e-full:last-child{
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}

.last\:rounded-e-large:last-child{
  border-start-end-radius: var(--heroui-radius-large);
  border-end-end-radius: var(--heroui-radius-large);
}

.last\:rounded-e-lg:last-child{
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
}

.last\:rounded-e-medium:last-child{
  border-start-end-radius: var(--heroui-radius-medium);
  border-end-end-radius: var(--heroui-radius-medium);
}

.last\:rounded-e-none:last-child{
  border-start-end-radius: 0px;
  border-end-end-radius: 0px;
}

.last\:rounded-e-small:last-child{
  border-start-end-radius: var(--heroui-radius-small);
  border-end-end-radius: var(--heroui-radius-small);
}

.last\:border-0:last-child{
  border-width: 0px;
}

.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}

.last\:border-none:last-child{
  border-style: none;
}

.last\:before\:rounded-e-lg:last-child::before{
  content: var(--tw-content);
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
}

.last\:before\:rounded-e-none:last-child::before{
  content: var(--tw-content);
  border-start-end-radius: 0px;
  border-end-end-radius: 0px;
}

.first-of-type\:rounded-e-none:first-of-type{
  border-start-end-radius: 0px;
  border-end-end-radius: 0px;
}

.last-of-type\:rounded-s-none:last-of-type{
  border-start-start-radius: 0px;
  border-end-start-radius: 0px;
}

.autofill\:bg-transparent:-webkit-autofill{
  background-color: transparent;
}

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

.focus-within\:border-danger:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.focus-within\:border-default-400:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-400) / var(--tw-border-opacity, 1));
}

.focus-within\:border-default-foreground:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-foreground) / var(--tw-border-opacity, 1));
}

.focus-within\:border-primary:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.focus-within\:border-secondary:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.focus-within\:border-success:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.focus-within\:border-violet-500\/50:focus-within{
  border-color: rgb(139 92 246 / 0.5);
}

.focus-within\:border-warning:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

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

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

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

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

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

.focus-within\:opacity-100:focus-within{
  opacity: 1;
}

.focus-within\:ring-2: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(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-within\:ring-purple-500\/50:focus-within{
  --tw-ring-color: rgb(168 85 247 / 0.5);
}

.focus-within\:ring-violet-500\/20:focus-within{
  --tw-ring-color: rgb(139 92 246 / 0.2);
}

.focus-within\:after\:w-full:focus-within::after{
  content: var(--tw-content);
  width: 100%;
}

.hover\:-translate-x-0:hover{
  --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));
}

.hover\:-translate-y-0\.5:hover{
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-1:hover{
  --tw-translate-y: -0.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));
}

.hover\:translate-x-0\.5:hover{
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.hover\:scale-\[1\.005\]:hover{
  --tw-scale-x: 1.005;
  --tw-scale-y: 1.005;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.01\]:hover{
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.02\]:hover{
  --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));
}

.hover\:scale-\[1\.03\]:hover{
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.35\]:hover{
  --tw-scale-x: 1.35;
  --tw-scale-y: 1.35;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:\!border-gray-900\/20:hover{
  border-color: rgb(17 24 39 / 0.2) !important;
}

.hover\:border-blue-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / 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-blue-500\/50:hover{
  border-color: rgb(59 130 246 / 0.5);
}

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

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

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

.hover\:border-default-400:hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-400) / var(--tw-border-opacity, 1));
}

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

.hover\:border-emerald-400\/50:hover{
  border-color: rgb(52 211 153 / 0.5);
}

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

.hover\:border-emerald-500\/30:hover{
  border-color: rgb(16 185 129 / 0.3);
}

.hover\:border-emerald-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / 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-gray-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}

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

.hover\:border-gray-900\/40:hover{
  border-color: rgb(17 24 39 / 0.4);
}

.hover\:border-gray-900\/60:hover{
  border-color: rgb(17 24 39 / 0.6);
}

.hover\:border-green-400\/50:hover{
  border-color: rgb(74 222 128 / 0.5);
}

.hover\:border-green-500\/50:hover{
  border-color: rgb(34 197 94 / 0.5);
}

.hover\:border-orange-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-400\/50:hover{
  border-color: rgb(251 146 60 / 0.5);
}

.hover\:border-pink-400\/50:hover{
  border-color: rgb(244 114 182 / 0.5);
}

.hover\:border-pink-500\/50:hover{
  border-color: rgb(236 72 153 / 0.5);
}

.hover\:border-primary:hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.hover\:border-purple-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / 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-300\/50:hover{
  border-color: rgb(216 180 254 / 0.5);
}

.hover\:border-purple-300\/60:hover{
  border-color: rgb(216 180 254 / 0.6);
}

.hover\:border-purple-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-400\/40:hover{
  border-color: rgb(192 132 252 / 0.4);
}

.hover\:border-purple-400\/50:hover{
  border-color: rgb(192 132 252 / 0.5);
}

.hover\:border-purple-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-500\/10:hover{
  border-color: rgb(168 85 247 / 0.1);
}

.hover\:border-purple-500\/20:hover{
  border-color: rgb(168 85 247 / 0.2);
}

.hover\:border-purple-500\/30:hover{
  border-color: rgb(168 85 247 / 0.3);
}

.hover\:border-purple-500\/40:hover{
  border-color: rgb(168 85 247 / 0.4);
}

.hover\:border-purple-500\/50:hover{
  border-color: rgb(168 85 247 / 0.5);
}

.hover\:border-purple-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-600\/50:hover{
  border-color: rgb(147 51 234 / 0.5);
}

.hover\:border-red-400\/60:hover{
  border-color: rgb(248 113 113 / 0.6);
}

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

.hover\:border-red-500\/50:hover{
  border-color: rgb(239 68 68 / 0.5);
}

.hover\:border-red-500\/60:hover{
  border-color: rgb(239 68 68 / 0.6);
}

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

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

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

.hover\:border-violet-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity, 1));
}

.hover\:border-violet-400\/40:hover{
  border-color: rgb(167 139 250 / 0.4);
}

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

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

.hover\:border-white\/10:hover{
  border-color: rgb(255 255 255 / 0.1);
}

.hover\:border-white\/20:hover{
  border-color: rgb(255 255 255 / 0.2);
}

.hover\:border-white\/25:hover{
  border-color: rgb(255 255 255 / 0.25);
}

.hover\:border-white\/30:hover{
  border-color: rgb(255 255 255 / 0.3);
}

.hover\:border-white\/40:hover{
  border-color: rgb(255 255 255 / 0.4);
}

.hover\:border-white\/45:hover{
  border-color: rgb(255 255 255 / 0.45);
}

.hover\:border-white\/60:hover{
  border-color: rgb(255 255 255 / 0.6);
}

.hover\:border-yellow-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}

.hover\:\!bg-foreground:hover{
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--heroui-foreground) / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-gray-900\/\[0\.11\]:hover{
  background-color: rgb(17 24 39 / 0.11) !important;
}

.hover\:bg-\[\#0f172a\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-black\/45:hover{
  background-color: rgb(0 0 0 / 0.45);
}

.hover\:bg-black\/50:hover{
  background-color: rgb(0 0 0 / 0.5);
}

.hover\:bg-black\/55:hover{
  background-color: rgb(0 0 0 / 0.55);
}

.hover\:bg-black\/60:hover{
  background-color: rgb(0 0 0 / 0.6);
}

.hover\:bg-black\/65:hover{
  background-color: rgb(0 0 0 / 0.65);
}

.hover\:bg-black\/70:hover{
  background-color: rgb(0 0 0 / 0.7);
}

.hover\:bg-black\/75:hover{
  background-color: rgb(0 0 0 / 0.75);
}

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

.hover\:bg-black\/90:hover{
  background-color: rgb(0 0 0 / 0.9);
}

.hover\:bg-blue-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / 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-500\/20:hover{
  background-color: rgb(59 130 246 / 0.2);
}

.hover\:bg-blue-500\/5:hover{
  background-color: rgb(59 130 246 / 0.05);
}

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

.hover\:bg-blue-600\/30:hover{
  background-color: rgb(37 99 235 / 0.3);
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

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

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

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

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

.hover\:bg-emerald-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-100\/50:hover{
  background-color: rgb(209 250 229 / 0.5);
}

.hover\:bg-emerald-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-emerald-500\/15:hover{
  background-color: rgb(16 185 129 / 0.15);
}

.hover\:bg-emerald-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}

.hover\:bg-fuchsia-50\/40:hover{
  background-color: rgb(253 244 255 / 0.4);
}

.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-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-gray-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-800\/50:hover{
  background-color: rgb(31 41 55 / 0.5);
}

.hover\:bg-gray-900\/10:hover{
  background-color: rgb(17 24 39 / 0.1);
}

.hover\:bg-gray-900\/5:hover{
  background-color: rgb(17 24 39 / 0.05);
}

.hover\:bg-gray-900\/\[0\.06\]:hover{
  background-color: rgb(17 24 39 / 0.06);
}

.hover\:bg-gray-900\/\[0\.11\]:hover{
  background-color: rgb(17 24 39 / 0.11);
}

.hover\:bg-green-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-600\/30:hover{
  background-color: rgb(22 163 74 / 0.3);
}

.hover\:bg-green-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.hover\:bg-neutral-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.hover\:bg-neutral-500\/20:hover{
  background-color: rgb(115 115 115 / 0.2);
}

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

.hover\:bg-orange-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-500\/5:hover{
  background-color: rgb(249 115 22 / 0.05);
}

.hover\:bg-pink-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));
}

.hover\:bg-pink-500\/10:hover{
  background-color: rgb(236 72 153 / 0.1);
}

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

.hover\:bg-purple-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-50\/40:hover{
  background-color: rgb(250 245 255 / 0.4);
}

.hover\:bg-purple-50\/50:hover{
  background-color: rgb(250 245 255 / 0.5);
}

.hover\:bg-purple-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-500\/10:hover{
  background-color: rgb(168 85 247 / 0.1);
}

.hover\:bg-purple-500\/20:hover{
  background-color: rgb(168 85 247 / 0.2);
}

.hover\:bg-purple-500\/25:hover{
  background-color: rgb(168 85 247 / 0.25);
}

.hover\:bg-purple-500\/30:hover{
  background-color: rgb(168 85 247 / 0.3);
}

.hover\:bg-purple-500\/5:hover{
  background-color: rgb(168 85 247 / 0.05);
}

.hover\:bg-purple-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-600\/30:hover{
  background-color: rgb(147 51 234 / 0.3);
}

.hover\:bg-purple-600\/5:hover{
  background-color: rgb(147 51 234 / 0.05);
}

.hover\:bg-purple-600\/60:hover{
  background-color: rgb(147 51 234 / 0.6);
}

.hover\:bg-purple-600\/80:hover{
  background-color: rgb(147 51 234 / 0.8);
}

.hover\:bg-purple-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-900\/40:hover{
  background-color: rgb(88 28 135 / 0.4);
}

.hover\:bg-red-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / 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-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-500\/10:hover{
  background-color: rgb(239 68 68 / 0.1);
}

.hover\:bg-red-500\/15:hover{
  background-color: rgb(239 68 68 / 0.15);
}

.hover\:bg-red-500\/20:hover{
  background-color: rgb(239 68 68 / 0.2);
}

.hover\:bg-red-500\/25:hover{
  background-color: rgb(239 68 68 / 0.25);
}

.hover\:bg-red-500\/30:hover{
  background-color: rgb(239 68 68 / 0.3);
}

.hover\:bg-red-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-600\/20:hover{
  background-color: rgb(220 38 38 / 0.2);
}

.hover\:bg-red-600\/30:hover{
  background-color: rgb(220 38 38 / 0.3);
}

.hover\:bg-red-600\/40:hover{
  background-color: rgb(220 38 38 / 0.4);
}

.hover\:bg-red-600\/85:hover{
  background-color: rgb(220 38 38 / 0.85);
}

.hover\:bg-red-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

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

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

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

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

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

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

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

.hover\:bg-violet-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}

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

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

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

.hover\:bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/15:hover{
  background-color: rgb(255 255 255 / 0.15);
}

.hover\:bg-white\/20:hover{
  background-color: rgb(255 255 255 / 0.2);
}

.hover\:bg-white\/25:hover{
  background-color: rgb(255 255 255 / 0.25);
}

.hover\:bg-white\/30:hover{
  background-color: rgb(255 255 255 / 0.3);
}

.hover\:bg-white\/5:hover{
  background-color: rgb(255 255 255 / 0.05);
}

.hover\:bg-white\/50:hover{
  background-color: rgb(255 255 255 / 0.5);
}

.hover\:bg-white\/60:hover{
  background-color: rgb(255 255 255 / 0.6);
}

.hover\:bg-white\/80:hover{
  background-color: rgb(255 255 255 / 0.8);
}

.hover\:bg-white\/90:hover{
  background-color: rgb(255 255 255 / 0.9);
}

.hover\:bg-white\/95:hover{
  background-color: rgb(255 255 255 / 0.95);
}

.hover\:bg-white\/\[0\.02\]:hover{
  background-color: rgb(255 255 255 / 0.02);
}

.hover\:bg-white\/\[0\.03\]:hover{
  background-color: rgb(255 255 255 / 0.03);
}

.hover\:bg-white\/\[0\.05\]:hover{
  background-color: rgb(255 255 255 / 0.05);
}

.hover\:bg-white\/\[0\.06\]:hover{
  background-color: rgb(255 255 255 / 0.06);
}

.hover\:bg-white\/\[0\.07\]:hover{
  background-color: rgb(255 255 255 / 0.07);
}

.hover\:bg-white\/\[0\.18\]:hover{
  background-color: rgb(255 255 255 / 0.18);
}

.hover\:bg-yellow-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-500\/20:hover{
  background-color: rgb(234 179 8 / 0.2);
}

.hover\:bg-zinc-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

.hover\:bg-zinc-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

.hover\:from-emerald-600:hover{
  --tw-gradient-from: #059669 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-emerald-700:hover{
  --tw-gradient-from: #047857 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-fuchsia-500:hover{
  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-500:hover{
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-200:hover{
  --tw-gradient-from: #e9d5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 213 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-400:hover{
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

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

.hover\:from-purple-600:hover{
  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-600\/30:hover{
  --tw-gradient-from: rgb(147 51 234 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-600\/40:hover{
  --tw-gradient-from: rgb(147 51 234 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-700:hover{
  --tw-gradient-from: #7e22ce var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

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

.hover\:from-red-600:hover{
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-500\/30:hover{
  --tw-gradient-from: rgb(234 179 8 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:via-fuchsia-500:hover{
  --tw-gradient-to: rgb(217 70 239 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d946ef var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.hover\:to-amber-500\/30:hover{
  --tw-gradient-to: rgb(245 158 11 / 0.3) var(--tw-gradient-to-position);
}

.hover\:to-emerald-500:hover{
  --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
}

.hover\:to-fuchsia-500:hover{
  --tw-gradient-to: #d946ef var(--tw-gradient-to-position);
}

.hover\:to-indigo-500:hover{
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}

.hover\:to-pink-200:hover{
  --tw-gradient-to: #fbcfe8 var(--tw-gradient-to-position);
}

.hover\:to-pink-400:hover{
  --tw-gradient-to: #f472b6 var(--tw-gradient-to-position);
}

.hover\:to-pink-500:hover{
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}

.hover\:to-pink-600:hover{
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
}

.hover\:to-pink-600\/30:hover{
  --tw-gradient-to: rgb(219 39 119 / 0.3) var(--tw-gradient-to-position);
}

.hover\:to-pink-600\/40:hover{
  --tw-gradient-to: rgb(219 39 119 / 0.4) var(--tw-gradient-to-position);
}

.hover\:to-pink-700:hover{
  --tw-gradient-to: #be185d var(--tw-gradient-to-position);
}

.hover\:to-purple-500:hover{
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}

.hover\:to-red-600:hover{
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}

.hover\:to-teal-700:hover{
  --tw-gradient-to: #0f766e var(--tw-gradient-to-position);
}

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

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

.hover\:text-blue-300:hover{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / 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-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.hover\:text-danger:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.hover\:text-danger-600:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-600) / var(--tw-text-opacity, 1));
}

.hover\:text-default-600:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-600) / var(--tw-text-opacity, 1));
}

.hover\:text-emerald-400:hover{
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

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

.hover\:text-foreground:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground) / var(--tw-text-opacity, 1));
}

.hover\:text-foreground-600:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground-600) / var(--tw-text-opacity, 1));
}

.hover\:text-fuchsia-400:hover{
  --tw-text-opacity: 1;
  color: rgb(232 121 249 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-200:hover{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 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-neutral-300:hover{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
}

.hover\:text-neutral-600:hover{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-600:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-600) / var(--tw-text-opacity, 1));
}

.hover\:text-primary-700:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-700) / var(--tw-text-opacity, 1));
}

.hover\:text-purple-100:hover{
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-200:hover{
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-300:hover{
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-400:hover{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / 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-600:hover{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-700:hover{
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / 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-100:hover{
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}

.hover\:text-red-300:hover{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.hover\:text-red-400:hover{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 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-rose-300:hover{
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}

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

.hover\:text-secondary-600:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-600) / var(--tw-text-opacity, 1));
}

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

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

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

.hover\:text-success-600:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-600) / var(--tw-text-opacity, 1));
}

.hover\:text-violet-700:hover{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}

.hover\:text-warning-600:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-600) / var(--tw-text-opacity, 1));
}

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

.hover\:text-white\/60:hover{
  color: rgb(255 255 255 / 0.6);
}

.hover\:text-white\/70:hover{
  color: rgb(255 255 255 / 0.7);
}

.hover\:text-white\/80:hover{
  color: rgb(255 255 255 / 0.8);
}

.hover\:text-white\/90:hover{
  color: rgb(255 255 255 / 0.9);
}

.hover\:text-yellow-100:hover{
  --tw-text-opacity: 1;
  color: rgb(254 249 195 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-300:hover{
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}

.hover\:text-zinc-600:hover{
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}

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

.hover\:no-underline:hover{
  text-decoration-line: none;
}

.hover\:\!opacity-100:hover{
  opacity: 1 !important;
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.hover\:opacity-70:hover{
  opacity: 0.7;
}

.hover\:opacity-80:hover{
  opacity: 0.8;
}

.hover\:opacity-90:hover{
  opacity: 0.9;
}

.hover\:opacity-hover:hover{
  opacity: var(--heroui-hover-opacity);
}

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

.hover\:shadow-\[0_0_30px_rgba\(255\2c 255\2c 255\2c 0\.5\)\]:hover{
  --tw-shadow: 0 0 30px rgba(255,255,255,0.5);
  --tw-shadow-colored: 0 0 30px 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-\[0_20px_60px_-15px_rgba\(147\2c 51\2c 234\2c 0\.35\)\]:hover{
  --tw-shadow: 0 20px 60px -15px rgba(147,51,234,0.35);
  --tw-shadow-colored: 0 20px 60px -15px 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-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.hover\:shadow-purple-glow-lg:hover{
  --tw-shadow: 0 0 40px rgba(147, 51, 234, 0.4);
  --tw-shadow-colored: 0 0 40px 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 -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-green-500\/40:hover{
  --tw-shadow-color: rgb(34 197 94 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-green-500\/60:hover{
  --tw-shadow-color: rgb(34 197 94 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-indigo-500\/40:hover{
  --tw-shadow-color: rgb(99 102 241 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-indigo-500\/60:hover{
  --tw-shadow-color: rgb(99 102 241 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-orange-500\/50:hover{
  --tw-shadow-color: rgb(249 115 22 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-100:hover{
  --tw-shadow-color: #f3e8ff;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-500\/10:hover{
  --tw-shadow-color: rgb(168 85 247 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-500\/20:hover{
  --tw-shadow-color: rgb(168 85 247 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-500\/25:hover{
  --tw-shadow-color: rgb(168 85 247 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-500\/40:hover{
  --tw-shadow-color: rgb(168 85 247 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-500\/50:hover{
  --tw-shadow-color: rgb(168 85 247 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-500\/60:hover{
  --tw-shadow-color: rgb(168 85 247 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-900\/10:hover{
  --tw-shadow-color: rgb(88 28 135 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-red-500\/30:hover{
  --tw-shadow-color: rgb(239 68 68 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-violet-500\/30:hover{
  --tw-shadow-color: rgb(139 92 246 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-violet-900\/20:hover{
  --tw-shadow-color: rgb(76 29 149 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

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

.hover\:ring-purple-400\/50:hover{
  --tw-ring-color: rgb(192 132 252 / 0.5);
}

.hover\:ring-white\/25:hover{
  --tw-ring-color: rgb(255 255 255 / 0.25);
}

.hover\:after\:bg-danger\/20:hover::after{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-danger) / 0.2);
}

.hover\:after\:bg-foreground\/10:hover::after{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-foreground) / 0.1);
}

.hover\:after\:bg-primary\/20:hover::after{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-primary) / 0.2);
}

.hover\:after\:bg-secondary\/20:hover::after{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-secondary) / 0.2);
}

.hover\:after\:bg-success\/20:hover::after{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-success) / 0.2);
}

.hover\:after\:bg-warning\/20:hover::after{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-warning) / 0.2);
}

.hover\:after\:opacity-100:hover::after{
  content: var(--tw-content);
  opacity: 1;
}

.focus-within\:hover\:border-danger:hover:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.focus-within\:hover\:border-default-foreground:hover:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-foreground) / var(--tw-border-opacity, 1));
}

.focus-within\:hover\:border-primary:hover:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.focus-within\:hover\:border-secondary:hover:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.focus-within\:hover\:border-success:hover:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.focus-within\:hover\:border-warning:hover:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.focus-within\:hover\:bg-default-100:hover:focus-within{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-100) / var(--tw-bg-opacity, 1));
}

.focus\:w-56:focus{
  width: 14rem;
}

.focus\:border-emerald-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}

.focus\:border-green-500\/50:focus{
  border-color: rgb(34 197 94 / 0.5);
}

.focus\:border-purple-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-400\/40:focus{
  border-color: rgb(192 132 252 / 0.4);
}

.focus\:border-purple-400\/60:focus{
  border-color: rgb(192 132 252 / 0.6);
}

.focus\:border-purple-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-500\/40:focus{
  border-color: rgb(168 85 247 / 0.4);
}

.focus\:border-purple-500\/50:focus{
  border-color: rgb(168 85 247 / 0.5);
}

.focus\:border-purple-500\/60:focus{
  border-color: rgb(168 85 247 / 0.6);
}

.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\:border-violet-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}

.focus\:border-white\/40:focus{
  border-color: rgb(255 255 255 / 0.4);
}

.focus\:bg-danger-400\/50:focus{
  background-color: hsl(var(--heroui-danger-400) / 0.5);
}

.focus\:bg-default-400\/50:focus{
  background-color: hsl(var(--heroui-default-400) / 0.5);
}

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

.focus\:bg-primary-400\/50:focus{
  background-color: hsl(var(--heroui-primary-400) / 0.5);
}

.focus\:bg-secondary-400\/50:focus{
  background-color: hsl(var(--heroui-secondary-400) / 0.5);
}

.focus\:bg-success-400\/50:focus{
  background-color: hsl(var(--heroui-success-400) / 0.5);
}

.focus\:bg-warning-400\/50:focus{
  background-color: hsl(var(--heroui-warning-400) / 0.5);
}

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

.focus\:bg-white\/10:focus{
  background-color: rgb(255 255 255 / 0.1);
}

.focus\:underline:focus{
  text-decoration-line: underline;
}

.focus\:\!shadow-\[inset_0_0_0_2px_rgba\(248\2c 113\2c 113\2c 0\.9\)\2c 0_0_0_3px_rgba\(248\2c 113\2c 113\2c 0\.25\)\]:focus{
  --tw-shadow: inset 0 0 0 2px rgba(248,113,113,0.9),0 0 0 3px rgba(248,113,113,0.25) !important;
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color), 0 0 0 3px 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;
}

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

.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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);
}

.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-4: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(4px + 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-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / 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-pink-500\/50:focus{
  --tw-ring-color: rgb(236 72 153 / 0.5);
}

.focus\:ring-purple-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-400\/30:focus{
  --tw-ring-color: rgb(192 132 252 / 0.3);
}

.focus\:ring-purple-400\/50:focus{
  --tw-ring-color: rgb(192 132 252 / 0.5);
}

.focus\:ring-purple-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-500\/15:focus{
  --tw-ring-color: rgb(168 85 247 / 0.15);
}

.focus\:ring-purple-500\/20:focus{
  --tw-ring-color: rgb(168 85 247 / 0.2);
}

.focus\:ring-purple-500\/30:focus{
  --tw-ring-color: rgb(168 85 247 / 0.3);
}

.focus\:ring-purple-500\/40:focus{
  --tw-ring-color: rgb(168 85 247 / 0.4);
}

.focus\:ring-purple-500\/50:focus{
  --tw-ring-color: rgb(168 85 247 / 0.5);
}

.focus\:ring-purple-500\/60:focus{
  --tw-ring-color: rgb(168 85 247 / 0.6);
}

.focus\:ring-red-500\/20:focus{
  --tw-ring-color: rgb(239 68 68 / 0.2);
}

.focus\:ring-red-500\/60:focus{
  --tw-ring-color: rgb(239 68 68 / 0.6);
}

.focus\:ring-red-500\/70:focus{
  --tw-ring-color: rgb(239 68 68 / 0.7);
}

.focus\:ring-violet-500\/50:focus{
  --tw-ring-color: rgb(139 92 246 / 0.5);
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}

.focus\:ring-offset-transparent:focus{
  --tw-ring-offset-color: transparent;
}

.focus-visible\:pointer-events-auto:focus-visible{
  pointer-events: auto;
}

.focus-visible\:z-10:focus-visible{
  z-index: 10;
}

.focus-visible\:opacity-100:focus-visible{
  opacity: 1;
}

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

.focus-visible\:outline-2:focus-visible{
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible{
  outline-offset: 2px;
}

.focus-visible\:outline-focus:focus-visible{
  outline-color: hsl(var(--heroui-focus) / 1);
}

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

.focus-visible\:ring-inset:focus-visible{
  --tw-ring-inset: inset;
}

.focus-visible\:ring-purple-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-purple-400\/70:focus-visible{
  --tw-ring-color: rgb(192 132 252 / 0.7);
}

.focus-visible\:ring-purple-400\/80:focus-visible{
  --tw-ring-color: rgb(192 132 252 / 0.8);
}

.focus-visible\:ring-purple-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-red-300:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}

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

.focus-visible\:ring-violet-300:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-violet-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-violet-400\/70:focus-visible{
  --tw-ring-color: rgb(167 139 250 / 0.7);
}

.focus-visible\:ring-violet-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-white:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}

.focus-visible\:ring-offset-\[\#030305\]:focus-visible{
  --tw-ring-offset-color: #030305;
}

.focus-visible\:ring-offset-transparent:focus-visible{
  --tw-ring-offset-color: transparent;
}

.active\:scale-90:active{
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  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));
}

.active\:scale-95:active{
  --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));
}

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

.active\:scale-\[0\.98\]:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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));
}

.active\:scale-\[0\.99\]:active{
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  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));
}

.active\:cursor-grabbing:active{
  cursor: grabbing;
}

.active\:bg-\[\#20202a\]:active{
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 42 / var(--tw-bg-opacity, 1));
}

.active\:bg-\[var\(--pv-fill-2\)\]:active{
  background-color: var(--pv-fill-2);
}

.active\:bg-\[var\(--pv-fill-3\)\]:active{
  background-color: var(--pv-fill-3);
}

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

.active\:bg-default-300:active{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-300) / var(--tw-bg-opacity, 1));
}

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

.active\:bg-gray-300:active{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.active\:bg-purple-500\/15:active{
  background-color: rgb(168 85 247 / 0.15);
}

.active\:bg-violet-500:active{
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}

.active\:bg-violet-700:active{
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1));
}

.active\:bg-white\/10:active{
  background-color: rgb(255 255 255 / 0.1);
}

.active\:bg-white\/15:active{
  background-color: rgb(255 255 255 / 0.15);
}

.active\:bg-white\/25:active{
  background-color: rgb(255 255 255 / 0.25);
}

.active\:bg-white\/\[0\.08\]:active{
  background-color: rgb(255 255 255 / 0.08);
}

.active\:underline:active{
  text-decoration-line: underline;
}

.active\:\!opacity-70:active{
  opacity: 0.7 !important;
}

.active\:opacity-disabled:active{
  opacity: var(--heroui-disabled-opacity);
}

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

.disabled\:hidden:disabled{
  display: none;
}

.disabled\:cursor-default:disabled{
  cursor: default;
}

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

.disabled\:bg-white\/30:disabled{
  background-color: rgb(255 255 255 / 0.3);
}

.disabled\:from-purple-600\/40:disabled{
  --tw-gradient-from: rgb(147 51 234 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.disabled\:to-pink-600\/40:disabled{
  --tw-gradient-to: rgb(219 39 119 / 0.4) var(--tw-gradient-to-position);
}

.disabled\:text-gray-900\/40:disabled{
  color: rgb(17 24 39 / 0.4);
}

.disabled\:opacity-0:disabled{
  opacity: 0;
}

.disabled\:opacity-30:disabled{
  opacity: 0.3;
}

.disabled\:opacity-35:disabled{
  opacity: 0.35;
}

.disabled\:opacity-40:disabled{
  opacity: 0.4;
}

.disabled\:opacity-45:disabled{
  opacity: 0.45;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.disabled\:opacity-60:disabled{
  opacity: 0.6;
}

.disabled\:opacity-70:disabled{
  opacity: 0.7;
}

.disabled\:shadow-none:disabled{
  --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);
}

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

.disabled\:hover\:scale-100:hover:disabled{
  --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));
}

.disabled\:active\:scale-100:active:disabled{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[open] .group-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));
}

.group:focus-within .group-focus-within\: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));
}

.group:focus-within .group-focus-within\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:pointer-events-auto{
  pointer-events: auto;
}

.group\/preview:hover .group-hover\/preview\:visible{
  visibility: visible;
}

.group:hover .group-hover\:block{
  display: block;
}

.group:hover .group-hover\:hidden{
  display: none;
}

.group:hover .group-hover\:w-14{
  width: 3.5rem;
}

.group:hover .group-hover\:-translate-x-0\.5{
  --tw-translate-x: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:-translate-x-1{
  --tw-translate-x: -0.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));
}

.group:hover .group-hover\:-translate-y-1{
  --tw-translate-y: -0.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));
}

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

.group:hover .group-hover\: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));
}

.group:hover .group-hover\:translate-x-0\.5{
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-1{
  --tw-translate-x: 0.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));
}

.group:hover .group-hover\: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));
}

.group:hover .group-hover\: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));
}

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

.group:hover .group-hover\:rotate-12{
  --tw-rotate: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:rotate-6{
  --tw-rotate: 6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:rotate-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));
}

.group:hover .group-hover\: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));
}

.group:hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.group:hover .group-hover\:scale-\[1\.02\]{
  --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));
}

.group:hover .group-hover\:scale-\[1\.05\]{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-\[1\.06\]{
  --tw-scale-x: 1.06;
  --tw-scale-y: 1.06;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-x-100{
  --tw-scale-x: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-current{
  border-color: currentColor;
}

.group:hover .group-hover\:bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}

.group:hover .group-hover\:bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}

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

.group:hover .group-hover\:bg-purple-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-purple-500\/20{
  background-color: rgb(168 85 247 / 0.2);
}

.group:hover .group-hover\:bg-red-500\/20{
  background-color: rgb(239 68 68 / 0.2);
}

.group:hover .group-hover\:bg-violet-400{
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-violet-400\/60{
  background-color: rgb(167 139 250 / 0.6);
}

.group:hover .group-hover\:bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.group:hover .group-hover\:bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}

.group:hover .group-hover\:text-blue-300{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-current{
  color: currentColor;
}

.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-purple-300{
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple-400{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / 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-violet-300{
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}

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

.group:hover .group-hover\:text-yellow-300{
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}

.group\/category:hover .group-hover\/category\:opacity-100{
  opacity: 1;
}

.group\/preview:hover .group-hover\/preview\:opacity-100{
  opacity: 1;
}

.group\/th:hover .group-hover\/th\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:opacity-10{
  opacity: 0.1;
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:brightness-\[1\.06\]{
  --tw-brightness: brightness(1.06);
  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);
}

.group:hover .group-hover\:saturate-\[1\.08\]{
  --tw-saturate: saturate(1.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);
}

.group:active .group-active\:translate-y-\[1px\]{
  --tw-translate-y: 1px;
  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:focus-visible ~ .peer-focus-visible\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:focus-visible ~ .peer-focus-visible\:ring-purple-500\/60{
  --tw-ring-color: rgb(168 85 247 / 0.6);
}

.has-\[\:disabled\]\:opacity-60:has(:disabled){
  opacity: 0.6;
}

.aria-expanded\:scale-\[0\.97\][aria-expanded="true"]{
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.aria-expanded\:opacity-70[aria-expanded="true"]{
  opacity: 0.7;
}

.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{
  pointer-events: none;
}

.data-\[loaded\=true\]\:pointer-events-auto[data-loaded="true"]{
  pointer-events: auto;
}

.data-\[visible\=true\]\:pointer-events-auto[data-visible="true"]{
  pointer-events: auto;
}

.data-\[initialized\=true\]\:visible[data-initialized="true"]{
  visibility: visible;
}

.data-\[placement\=bottom-center\]\:fixed[data-placement="bottom-center"]{
  position: fixed;
}

.data-\[placement\=bottom-left\]\:fixed[data-placement="bottom-left"]{
  position: fixed;
}

.data-\[placement\=bottom-right\]\:fixed[data-placement="bottom-right"]{
  position: fixed;
}

.data-\[placement\=top-center\]\:fixed[data-placement="top-center"]{
  position: fixed;
}

.data-\[placement\=top-left\]\:fixed[data-placement="top-left"]{
  position: fixed;
}

.data-\[placement\=top-right\]\:fixed[data-placement="top-right"]{
  position: fixed;
}

.data-\[placement\=bottom-center\]\:bottom-0[data-placement="bottom-center"]{
  bottom: 0px;
}

.data-\[placement\=bottom-center\]\:left-0[data-placement="bottom-center"]{
  left: 0px;
}

.data-\[placement\=bottom-center\]\:left-1\/2[data-placement="bottom-center"]{
  left: 50%;
}

.data-\[placement\=bottom-center\]\:right-0[data-placement="bottom-center"]{
  right: 0px;
}

.data-\[placement\=bottom-left\]\:bottom-0[data-placement="bottom-left"]{
  bottom: 0px;
}

.data-\[placement\=bottom-left\]\:left-0[data-placement="bottom-left"]{
  left: 0px;
}

.data-\[placement\=bottom-right\]\:bottom-0[data-placement="bottom-right"]{
  bottom: 0px;
}

.data-\[placement\=bottom-right\]\:right-0[data-placement="bottom-right"]{
  right: 0px;
}

.data-\[placement\=top-center\]\:left-0[data-placement="top-center"]{
  left: 0px;
}

.data-\[placement\=top-center\]\:left-1\/2[data-placement="top-center"]{
  left: 50%;
}

.data-\[placement\=top-center\]\:right-0[data-placement="top-center"]{
  right: 0px;
}

.data-\[placement\=top-center\]\:top-0[data-placement="top-center"]{
  top: 0px;
}

.data-\[placement\=top-left\]\:left-0[data-placement="top-left"]{
  left: 0px;
}

.data-\[placement\=top-left\]\:top-0[data-placement="top-left"]{
  top: 0px;
}

.data-\[placement\=top-right\]\:right-0[data-placement="top-right"]{
  right: 0px;
}

.data-\[placement\=top-right\]\:top-0[data-placement="top-right"]{
  top: 0px;
}

.data-\[focus-visible\=true\]\:z-10[data-focus-visible="true"]{
  z-index: 10;
}

.data-\[focused\=true\]\:z-10[data-focused="true"]{
  z-index: 10;
}

.data-\[placement\=bottom-left\]\:mx-auto[data-placement="bottom-left"]{
  margin-left: auto;
  margin-right: auto;
}

.data-\[placement\=bottom-right\]\:mx-auto[data-placement="bottom-right"]{
  margin-left: auto;
  margin-right: auto;
}

.data-\[placement\=top-left\]\:mx-auto[data-placement="top-left"]{
  margin-left: auto;
  margin-right: auto;
}

.data-\[placement\=top-right\]\:mx-auto[data-placement="top-right"]{
  margin-left: auto;
  margin-right: auto;
}

.data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_10px\)\][data-has-label="true"]{
  margin-top: calc(var(--heroui-font-size-small) + 10px);
}

.data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_12px\)\][data-has-label="true"]{
  margin-top: calc(var(--heroui-font-size-small) + 12px);
}

.data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_8px\)\][data-has-label="true"]{
  margin-top: calc(var(--heroui-font-size-small) + 8px);
}

.data-\[open\=true\]\:block[data-open="true"]{
  display: block;
}

.data-\[open\=true\]\:flex[data-open="true"]{
  display: flex;
}

.data-\[placement\=bottom-center\]\:flex[data-placement="bottom-center"]{
  display: flex;
}

.data-\[placement\=bottom-left\]\:flex[data-placement="bottom-left"]{
  display: flex;
}

.data-\[placement\=bottom-right\]\:flex[data-placement="bottom-right"]{
  display: flex;
}

.data-\[placement\=top-center\]\:flex[data-placement="top-center"]{
  display: flex;
}

.data-\[placement\=top-left\]\:flex[data-placement="top-left"]{
  display: flex;
}

.data-\[placement\=top-right\]\:flex[data-placement="top-right"]{
  display: flex;
}

.data-\[hidden\=true\]\:hidden[data-hidden="true"]{
  display: none;
}

.data-\[inert\=true\]\:hidden[data-inert="true"]{
  display: none;
}

.data-\[justify\=end\]\:flex-grow[data-justify="end"]{
  flex-grow: 1;
}

.data-\[justify\=start\]\:flex-grow[data-justify="start"]{
  flex-grow: 1;
}

.data-\[justify\=end\]\:basis-0[data-justify="end"]{
  flex-basis: 0px;
}

.data-\[justify\=start\]\:basis-0[data-justify="start"]{
  flex-basis: 0px;
}

.data-\[focus-visible\=true\]\:-translate-x-3[data-focus-visible="true"]{
  --tw-translate-x: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[hover\=true\]\:-translate-x-3[data-hover="true"]{
  --tw-translate-x: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[hover\=true\]\:translate-x-0[data-hover="true"]{
  --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));
}

.data-\[placement\=bottom-center\]\:-translate-x-1\/2[data-placement="bottom-center"]{
  --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));
}

.data-\[placement\=top-center\]\:-translate-x-1\/2[data-placement="top-center"]{
  --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));
}

.data-\[toast-exiting\=true\]\:data-\[placement\=bottom-center\]\:translate-y-full[data-placement="bottom-center"][data-toast-exiting="true"]{
  --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));
}

.data-\[toast-exiting\=true\]\:data-\[placement\=bottom-left\]\:-translate-x-full[data-placement="bottom-left"][data-toast-exiting="true"]{
  --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));
}

.data-\[toast-exiting\=true\]\:data-\[placement\=bottom-right\]\:translate-x-full[data-placement="bottom-right"][data-toast-exiting="true"]{
  --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));
}

.data-\[toast-exiting\=true\]\:data-\[placement\=top-center\]\:-translate-y-full[data-placement="top-center"][data-toast-exiting="true"]{
  --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));
}

.data-\[toast-exiting\=true\]\:data-\[placement\=top-left\]\:-translate-x-full[data-placement="top-left"][data-toast-exiting="true"]{
  --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));
}

.data-\[toast-exiting\=true\]\:data-\[placement\=top-right\]\:translate-x-full[data-placement="top-right"][data-toast-exiting="true"]{
  --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));
}

.data-\[before\=true\]\:rotate-180[data-before="true"]{
  --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));
}

.data-\[direction\=ascending\]\:rotate-180[data-direction="ascending"]{
  --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));
}

.data-\[open\=true\]\:-rotate-90[data-open="true"]{
  --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));
}

.data-\[open\=true\]\:rotate-180[data-open="true"]{
  --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));
}

.data-\[active\=true\]\:scale-100[data-active="true"]{
  --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));
}

.data-\[active\=true\]\:scale-110[data-active="true"]{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.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));
}

.data-\[invisible\=true\]\:scale-0[data-invisible="true"]{
  --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));
}

.data-\[pressed\=true\]\:scale-100[data-pressed="true"]{
  --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));
}

.data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed="true"]{
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[toast-exiting\=true\]\:transform-gpu[data-toast-exiting="true"]{
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[disabled\=true\]\:cursor-default[data-disabled="true"]{
  cursor: default;
}

.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled="true"]{
  cursor: not-allowed;
}

.data-\[dragging\=true\]\:cursor-grabbing[data-dragging="true"]{
  cursor: grabbing;
}

.data-\[readonly\=true\]\:cursor-default[data-readonly="true"]{
  cursor: default;
}

.data-\[sortable\=true\]\:cursor-pointer[data-sortable="true"]{
  cursor: pointer;
}

.data-\[unavailable\=true\]\:cursor-default[data-unavailable="true"]{
  cursor: default;
}

.data-\[visible\=true\]\:cursor-pointer[data-visible="true"]{
  cursor: pointer;
}

.data-\[orientation\=horizontal\]\:flex-row[data-orientation="horizontal"]{
  flex-direction: row;
}

.data-\[placement\=bottom-center\]\:flex-col[data-placement="bottom-center"]{
  flex-direction: column;
}

.data-\[placement\=bottom-left\]\:flex-col[data-placement="bottom-left"]{
  flex-direction: column;
}

.data-\[placement\=bottom-right\]\:flex-col[data-placement="bottom-right"]{
  flex-direction: column;
}

.data-\[placement\=top-center\]\:flex-col[data-placement="top-center"]{
  flex-direction: column;
}

.data-\[placement\=top-left\]\:flex-col[data-placement="top-left"]{
  flex-direction: column;
}

.data-\[placement\=top-right\]\:flex-col[data-placement="top-right"]{
  flex-direction: column;
}

.data-\[has-helper\=true\]\:items-start[data-has-helper="true"]{
  align-items: flex-start;
}

.data-\[justify\=start\]\:justify-start[data-justify="start"]{
  justify-content: flex-start;
}

.data-\[justify\=end\]\:justify-end[data-justify="end"]{
  justify-content: flex-end;
}

.data-\[justify\=center\]\:justify-center[data-justify="center"]{
  justify-content: center;
}

.data-\[loaded\=true\]\:overflow-visible[data-loaded="true"]{
  overflow: visible;
}

.data-\[has-multiple-rows\=true\]\:rounded-large[data-has-multiple-rows="true"]{
  border-radius: var(--heroui-radius-large);
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  border-radius: 9999px;
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  border-radius: 9999px;
}

.data-\[type\=color\]\:rounded-none[data-type="color"]{
  border-radius: 0px;
}

.data-\[menu-open\=true\]\:border-none[data-menu-open="true"]{
  border-style: none;
}

.data-\[active\=true\]\:border-danger[data-active="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.data-\[active\=true\]\:border-danger-400[data-active="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger-400) / var(--tw-border-opacity, 1));
}

.data-\[active\=true\]\:border-default-300[data-active="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-300) / var(--tw-border-opacity, 1));
}

.data-\[active\=true\]\:border-default-400[data-active="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-400) / var(--tw-border-opacity, 1));
}

.data-\[active\=true\]\:border-foreground[data-active="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-foreground) / var(--tw-border-opacity, 1));
}

.data-\[active\=true\]\:border-primary[data-active="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.data-\[active\=true\]\:border-secondary[data-active="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.data-\[active\=true\]\:border-success[data-active="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.data-\[active\=true\]\:border-warning[data-active="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:border-danger[data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:border-default-400[data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-400) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:border-default-foreground[data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-foreground) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:border-primary[data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:border-secondary[data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:border-success[data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:border-warning[data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:data-\[hover\=true\]\:border-danger[data-hover="true"][data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:data-\[hover\=true\]\:border-default-foreground[data-hover="true"][data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-foreground) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:data-\[hover\=true\]\:border-primary[data-hover="true"][data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:data-\[hover\=true\]\:border-secondary[data-hover="true"][data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:data-\[hover\=true\]\:border-success[data-hover="true"][data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.data-\[focus\=true\]\:data-\[hover\=true\]\:border-warning[data-hover="true"][data-focus="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.data-\[hover\=true\]\:border-danger[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.data-\[hover\=true\]\:border-default[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default) / var(--tw-border-opacity, 1));
}

.data-\[hover\=true\]\:border-default-400[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-400) / var(--tw-border-opacity, 1));
}

.data-\[hover\=true\]\:border-primary[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.data-\[hover\=true\]\:border-secondary[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.data-\[hover\=true\]\:border-success[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.data-\[hover\=true\]\:border-warning[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.data-\[open\=true\]\:border-danger[data-open="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.data-\[open\=true\]\:border-default-400[data-open="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-400) / var(--tw-border-opacity, 1));
}

.data-\[open\=true\]\:border-default-foreground[data-open="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-foreground) / var(--tw-border-opacity, 1));
}

.data-\[open\=true\]\:border-primary[data-open="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.data-\[open\=true\]\:border-secondary[data-open="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.data-\[open\=true\]\:border-success[data-open="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.data-\[open\=true\]\:border-warning[data-open="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.data-\[fill-end\=true\]\:border-e-danger[data-fill-end="true"]{
  --tw-border-opacity: 1;
  border-inline-end-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.data-\[fill-end\=true\]\:border-e-foreground[data-fill-end="true"]{
  --tw-border-opacity: 1;
  border-inline-end-color: hsl(var(--heroui-foreground) / var(--tw-border-opacity, 1));
}

.data-\[fill-end\=true\]\:border-e-primary[data-fill-end="true"]{
  --tw-border-opacity: 1;
  border-inline-end-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.data-\[fill-end\=true\]\:border-e-secondary[data-fill-end="true"]{
  --tw-border-opacity: 1;
  border-inline-end-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.data-\[fill-end\=true\]\:border-e-success[data-fill-end="true"]{
  --tw-border-opacity: 1;
  border-inline-end-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.data-\[fill-end\=true\]\:border-e-warning[data-fill-end="true"]{
  --tw-border-opacity: 1;
  border-inline-end-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.data-\[fill-end\=true\]\:border-t-danger[data-fill-end="true"]{
  --tw-border-opacity: 1;
  border-top-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.data-\[fill-end\=true\]\:border-t-foreground[data-fill-end="true"]{
  --tw-border-opacity: 1;
  border-top-color: hsl(var(--heroui-foreground) / var(--tw-border-opacity, 1));
}

.data-\[fill-end\=true\]\:border-t-primary[data-fill-end="true"]{
  --tw-border-opacity: 1;
  border-top-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.data-\[fill-end\=true\]\:border-t-secondary[data-fill-end="true"]{
  --tw-border-opacity: 1;
  border-top-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.data-\[fill-end\=true\]\:border-t-success[data-fill-end="true"]{
  --tw-border-opacity: 1;
  border-top-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.data-\[fill-end\=true\]\:border-t-warning[data-fill-end="true"]{
  --tw-border-opacity: 1;
  border-top-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.data-\[fill-start\=true\]\:border-b-danger[data-fill-start="true"]{
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.data-\[fill-start\=true\]\:border-b-foreground[data-fill-start="true"]{
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--heroui-foreground) / var(--tw-border-opacity, 1));
}

.data-\[fill-start\=true\]\:border-b-primary[data-fill-start="true"]{
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.data-\[fill-start\=true\]\:border-b-secondary[data-fill-start="true"]{
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.data-\[fill-start\=true\]\:border-b-success[data-fill-start="true"]{
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.data-\[fill-start\=true\]\:border-b-warning[data-fill-start="true"]{
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.data-\[fill-start\=true\]\:border-s-danger[data-fill-start="true"]{
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.data-\[fill-start\=true\]\:border-s-foreground[data-fill-start="true"]{
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(var(--heroui-foreground) / var(--tw-border-opacity, 1));
}

.data-\[fill-start\=true\]\:border-s-primary[data-fill-start="true"]{
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.data-\[fill-start\=true\]\:border-s-secondary[data-fill-start="true"]{
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.data-\[fill-start\=true\]\:border-s-success[data-fill-start="true"]{
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.data-\[fill-start\=true\]\:border-s-warning[data-fill-start="true"]{
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.data-\[active\=true\]\:bg-danger[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.data-\[active\=true\]\:bg-danger-100[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-100) / var(--tw-bg-opacity, 1));
}

.data-\[active\=true\]\:bg-danger-200[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-200) / var(--tw-bg-opacity, 1));
}

.data-\[active\=true\]\:bg-default-200[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-200) / var(--tw-bg-opacity, 1));
}

.data-\[active\=true\]\:bg-default-400[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-400) / var(--tw-bg-opacity, 1));
}

.data-\[active\=true\]\:bg-primary[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}

.data-\[active\=true\]\:bg-primary-200[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary-200) / var(--tw-bg-opacity, 1));
}

.data-\[active\=true\]\:bg-secondary[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}

.data-\[active\=true\]\:bg-secondary-200[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary-200) / var(--tw-bg-opacity, 1));
}

.data-\[active\=true\]\:bg-success[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.data-\[active\=true\]\:bg-success-200[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-200) / var(--tw-bg-opacity, 1));
}

.data-\[active\=true\]\:bg-warning[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.data-\[active\=true\]\:bg-warning-200[data-active="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-200) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:\!bg-danger[data-hover="true"]{
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1)) !important;
}

.data-\[hover\=true\]\:\!bg-danger-100[data-hover="true"]{
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--heroui-danger-100) / var(--tw-bg-opacity, 1)) !important;
}

.data-\[hover\=true\]\:\!bg-default[data-hover="true"]{
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--heroui-default) / var(--tw-bg-opacity, 1)) !important;
}

.data-\[hover\=true\]\:\!bg-primary[data-hover="true"]{
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1)) !important;
}

.data-\[hover\=true\]\:\!bg-secondary[data-hover="true"]{
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1)) !important;
}

.data-\[hover\=true\]\:\!bg-success[data-hover="true"]{
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1)) !important;
}

.data-\[hover\=true\]\:\!bg-warning[data-hover="true"]{
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1)) !important;
}

.data-\[hover\=true\]\:bg-content2[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-content2) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-danger[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-danger-100[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-100) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-danger-50[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-50) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-danger\/20[data-hover="true"]{
  background-color: hsl(var(--heroui-danger) / 0.2);
}

.data-\[hover\=true\]\:bg-default[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-default-100[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-100) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-default-200[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-200) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-default\/40[data-hover="true"]{
  background-color: hsl(var(--heroui-default) / 0.4);
}

.data-\[hover\=true\]\:bg-foreground-200[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-foreground-200) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-primary[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-primary-50[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary-50) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-primary\/20[data-hover="true"]{
  background-color: hsl(var(--heroui-primary) / 0.2);
}

.data-\[hover\=true\]\:bg-secondary[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-secondary-50[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary-50) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-secondary\/20[data-hover="true"]{
  background-color: hsl(var(--heroui-secondary) / 0.2);
}

.data-\[hover\=true\]\:bg-success[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-success-100[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-100) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-success-50[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-50) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-success\/20[data-hover="true"]{
  background-color: hsl(var(--heroui-success) / 0.2);
}

.data-\[hover\=true\]\:bg-transparent[data-hover="true"]{
  background-color: transparent;
}

.data-\[hover\=true\]\:bg-warning[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-warning-100[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-100) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-warning-50[data-hover="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-50) / var(--tw-bg-opacity, 1));
}

.data-\[hover\=true\]\:bg-warning\/20[data-hover="true"]{
  background-color: hsl(var(--heroui-warning) / 0.2);
}

.data-\[hover\]\:bg-danger-200[data-hover]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-200) / var(--tw-bg-opacity, 1));
}

.data-\[hover\]\:bg-danger-50[data-hover]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-50) / var(--tw-bg-opacity, 1));
}

.data-\[hover\]\:bg-default-100[data-hover]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-100) / var(--tw-bg-opacity, 1));
}

.data-\[hover\]\:bg-primary-200[data-hover]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary-200) / var(--tw-bg-opacity, 1));
}

.data-\[hover\]\:bg-primary-50[data-hover]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary-50) / var(--tw-bg-opacity, 1));
}

.data-\[hover\]\:bg-secondary-200[data-hover]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary-200) / var(--tw-bg-opacity, 1));
}

.data-\[hover\]\:bg-secondary-50[data-hover]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary-50) / var(--tw-bg-opacity, 1));
}

.data-\[hover\]\:bg-success-200[data-hover]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-200) / var(--tw-bg-opacity, 1));
}

.data-\[hover\]\:bg-success-50[data-hover]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-50) / var(--tw-bg-opacity, 1));
}

.data-\[hover\]\:bg-warning-100[data-hover]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-100) / var(--tw-bg-opacity, 1));
}

.data-\[hover\]\:bg-warning-200[data-hover]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-200) / var(--tw-bg-opacity, 1));
}

.data-\[in-range\=false\]\:bg-default-200[data-in-range="false"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-200) / var(--tw-bg-opacity, 1));
}

.data-\[in-range\=true\]\:bg-background\/50[data-in-range="true"]{
  background-color: hsl(var(--heroui-background) / 0.5);
}

.data-\[in-range\=true\]\:bg-danger[data-in-range="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.data-\[in-range\=true\]\:bg-foreground[data-in-range="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-foreground) / var(--tw-bg-opacity, 1));
}

.data-\[in-range\=true\]\:bg-primary[data-in-range="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}

.data-\[in-range\=true\]\:bg-secondary[data-in-range="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}

.data-\[in-range\=true\]\:bg-success[data-in-range="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.data-\[in-range\=true\]\:bg-warning[data-in-range="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.data-\[loaded\=true\]\:\!bg-transparent[data-loaded="true"]{
  background-color: transparent !important;
}

.data-\[selected\=true\]\:bg-danger[data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:bg-default[data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:bg-foreground[data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-foreground) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:bg-primary[data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:bg-secondary[data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:bg-success[data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:bg-warning[data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-hover="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-foreground[data-hover="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-foreground) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-primary[data-hover="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-secondary[data-hover="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-hover="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-hover="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:bg-transparent[data-range-selection="true"][data-selected="true"]{
  background-color: transparent;
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:bg-transparent[data-outside-month="true"][data-range-selection="true"][data-selected="true"]{
  background-color: transparent;
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-foreground) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-success[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-foreground) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-success[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.data-\[has-end-content\=true\]\:pe-1\.5[data-has-end-content="true"]{
  padding-inline-end: 0.375rem;
}

.data-\[has-helper\=true\]\:pb-\[calc\(var\(--heroui-font-size-tiny\)_\+8px\)\][data-has-helper="true"]{
  padding-bottom: calc(var(--heroui-font-size-tiny) + 8px);
}

.data-\[has-helper\=true\]\:pb-\[calc\(var\(--heroui-font-size-tiny\)_\+_8px\)\][data-has-helper="true"]{
  padding-bottom: calc(var(--heroui-font-size-tiny) + 8px);
}

.data-\[has-start-content\=true\]\:ps-1\.5[data-has-start-content="true"]{
  padding-inline-start: 0.375rem;
}

.data-\[has-title\=true\]\:pt-1[data-has-title="true"]{
  padding-top: 0.25rem;
}

.data-\[active\=true\]\:font-semibold[data-active="true"]{
  font-weight: 600;
}

.data-\[active\=true\]\:text-danger-foreground[data-active="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-foreground) / var(--tw-text-opacity, 1));
}

.data-\[active\=true\]\:text-default-foreground[data-active="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-foreground) / var(--tw-text-opacity, 1));
}

.data-\[active\=true\]\:text-primary-foreground[data-active="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[active\=true\]\:text-secondary-foreground[data-active="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[active\=true\]\:text-success-foreground[data-active="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}

.data-\[active\=true\]\:text-warning-foreground[data-active="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-foreground) / var(--tw-text-opacity, 1));
}

.data-\[disabled\=true\]\:text-default-300[data-disabled="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-300) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-danger-300[data-placeholder="true"][data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-300) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-foreground-500[data-placeholder="true"][data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground-500) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-primary-300[data-placeholder="true"][data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-300) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-secondary-300[data-placeholder="true"][data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-300) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-success-400[data-placeholder="true"][data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-400) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-warning-400[data-placeholder="true"][data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-400) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:text-danger[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:text-foreground[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:text-primary[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:text-secondary[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:text-success-600[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-600) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:text-warning-600[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-600) / var(--tw-text-opacity, 1));
}

.data-\[has-value\=true\]\:text-default-foreground[data-has-value="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-foreground) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:\!text-danger-foreground[data-hover="true"]{
  --tw-text-opacity: 1 !important;
  color: hsl(var(--heroui-danger-foreground) / var(--tw-text-opacity, 1)) !important;
}

.data-\[hover\=true\]\:\!text-primary-foreground[data-hover="true"]{
  --tw-text-opacity: 1 !important;
  color: hsl(var(--heroui-primary-foreground) / var(--tw-text-opacity, 1)) !important;
}

.data-\[hover\=true\]\:\!text-secondary-foreground[data-hover="true"]{
  --tw-text-opacity: 1 !important;
  color: hsl(var(--heroui-secondary-foreground) / var(--tw-text-opacity, 1)) !important;
}

.data-\[hover\=true\]\:\!text-success-foreground[data-hover="true"]{
  --tw-text-opacity: 1 !important;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1)) !important;
}

.data-\[hover\=true\]\:\!text-warning-foreground[data-hover="true"]{
  --tw-text-opacity: 1 !important;
  color: hsl(var(--heroui-warning-foreground) / var(--tw-text-opacity, 1)) !important;
}

.data-\[hover\=true\]\:text-danger[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-danger-500[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-500) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-danger-foreground[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-foreground) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-default-500[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-500) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-default-foreground[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-foreground) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-foreground-400[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground-400) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-foreground-600[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground-600) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-primary[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-primary-400[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-400) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-primary-foreground[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-secondary[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-secondary-400[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-400) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-secondary-foreground[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-success[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-success-600[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-600) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-success-foreground[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-warning[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-warning-600[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-600) / var(--tw-text-opacity, 1));
}

.data-\[hover\=true\]\:text-warning-foreground[data-hover="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-foreground) / var(--tw-text-opacity, 1));
}

.data-\[invalid\=true\]\:data-\[editable\=true\]\:text-danger[data-editable="true"][data-invalid="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.data-\[invalid\=true\]\:text-danger-300[data-invalid="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-300) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:text-background[data-hover="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-background) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-hover="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:text-primary-foreground[data-hover="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:text-secondary-foreground[data-hover="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-hover="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-hover="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:text-default-300[data-outside-month="true"][data-range-selection="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-300) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-danger-500[data-range-selection="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-500) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-foreground[data-range-selection="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-primary[data-range-selection="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-secondary[data-range-selection="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-600[data-range-selection="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-600) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-warning-500[data-range-selection="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-500) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-background[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-background) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-background[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-background) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-background[data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-background) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-danger[data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-danger-foreground[data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-default-foreground[data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-gray-900[data-selected="true"]{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-primary[data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-primary-foreground[data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-secondary[data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-secondary-foreground[data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-slate-900[data-selected="true"]{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-success-600[data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-600) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-success-foreground[data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-warning-600[data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-600) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-warning-foreground[data-selected="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-white[data-selected="true"]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.data-\[unavailable\=true\]\:text-default-300[data-unavailable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-300) / var(--tw-text-opacity, 1));
}

.data-\[unavailable\=true\]\:line-through[data-unavailable="true"]{
  text-decoration-line: line-through;
}

.data-\[animation\=exiting\]\:opacity-0[data-animation="exiting"]{
  opacity: 0;
}

.data-\[disabled\=true\]\:data-\[outside-month\=true\]\:opacity-0[data-outside-month="true"][data-disabled="true"]{
  opacity: 0;
}

.data-\[disabled\=true\]\:opacity-30[data-disabled="true"]{
  opacity: 0.3;
}

.data-\[hover-unselected\=true\]\:opacity-disabled[data-hover-unselected="true"]{
  opacity: var(--heroui-disabled-opacity);
}

.data-\[hover\=true\]\:opacity-70[data-hover="true"]{
  opacity: 0.7;
}

.data-\[hover\=true\]\:opacity-hover[data-hover="true"]{
  opacity: var(--heroui-hover-opacity);
}

.data-\[in-range\=true\]\:opacity-100[data-in-range="true"]{
  opacity: 1;
}

.data-\[invisible\=true\]\:opacity-0[data-invisible="true"]{
  opacity: 0;
}

.data-\[loaded\=true\]\:opacity-100[data-loaded="true"]{
  opacity: 1;
}

.data-\[moving\]\:opacity-100[data-moving]{
  opacity: 1;
}

.data-\[pressed\=true\]\:opacity-50[data-pressed="true"]{
  opacity: 0.5;
}

.data-\[pressed\=true\]\:opacity-70[data-pressed="true"]{
  opacity: 0.7;
}

.data-\[pressed\=true\]\:opacity-disabled[data-pressed="true"]{
  opacity: var(--heroui-disabled-opacity);
}

.data-\[toast-exiting\=true\]\:opacity-0[data-toast-exiting="true"]{
  opacity: 0;
}

.data-\[visible\=true\]\:opacity-100[data-visible="true"]{
  opacity: 1;
}

.data-\[active\=true\]\:shadow-md[data-active="true"]{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[hover\=true\]\:shadow-lg[data-hover="true"]{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:shadow-md[data-selection-end="true"][data-selected="true"]{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:shadow-md[data-selection-start="true"][data-selected="true"]{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[selected\=true\]\:shadow-md[data-selected="true"]{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[selected\=true\]\:shadow-none[data-selected="true"]{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[active\=true\]\:shadow-danger\/40[data-active="true"]{
  --tw-shadow-color: hsl(var(--heroui-danger) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[active\=true\]\:shadow-default\/50[data-active="true"]{
  --tw-shadow-color: hsl(var(--heroui-default) / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[active\=true\]\:shadow-primary\/40[data-active="true"]{
  --tw-shadow-color: hsl(var(--heroui-primary) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[active\=true\]\:shadow-secondary\/40[data-active="true"]{
  --tw-shadow-color: hsl(var(--heroui-secondary) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[active\=true\]\:shadow-success\/40[data-active="true"]{
  --tw-shadow-color: hsl(var(--heroui-success) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[active\=true\]\:shadow-warning\/40[data-active="true"]{
  --tw-shadow-color: hsl(var(--heroui-warning) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[hover\=true\]\:shadow-danger\/30[data-hover="true"]{
  --tw-shadow-color: hsl(var(--heroui-danger) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[hover\=true\]\:shadow-default\/50[data-hover="true"]{
  --tw-shadow-color: hsl(var(--heroui-default) / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[hover\=true\]\:shadow-primary\/30[data-hover="true"]{
  --tw-shadow-color: hsl(var(--heroui-primary) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[hover\=true\]\:shadow-secondary\/30[data-hover="true"]{
  --tw-shadow-color: hsl(var(--heroui-secondary) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[hover\=true\]\:shadow-success\/30[data-hover="true"]{
  --tw-shadow-color: hsl(var(--heroui-success) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[hover\=true\]\:shadow-warning\/30[data-hover="true"]{
  --tw-shadow-color: hsl(var(--heroui-warning) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selected\=true\]\:shadow-danger\/40[data-selected="true"]{
  --tw-shadow-color: hsl(var(--heroui-danger) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selected\=true\]\:shadow-foreground\/40[data-selected="true"]{
  --tw-shadow-color: hsl(var(--heroui-foreground) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selected\=true\]\:shadow-primary\/40[data-selected="true"]{
  --tw-shadow-color: hsl(var(--heroui-primary) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selected\=true\]\:shadow-secondary\/40[data-selected="true"]{
  --tw-shadow-color: hsl(var(--heroui-secondary) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selected\=true\]\:shadow-success\/40[data-selected="true"]{
  --tw-shadow-color: hsl(var(--heroui-success) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selected\=true\]\:shadow-warning\/40[data-selected="true"]{
  --tw-shadow-color: hsl(var(--heroui-warning) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[focus-visible\=true\]\:outline-2[data-focus-visible="true"]{
  outline-width: 2px;
}

.data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible="true"]{
  outline-offset: 2px;
}

.data-\[focus-visible\=true\]\:outline-focus[data-focus-visible="true"]{
  outline-color: hsl(var(--heroui-focus) / 1);
}

.data-\[focus-visible\]\:outline-danger-foreground[data-focus-visible]{
  outline-color: hsl(var(--heroui-danger-foreground) / 1);
}

.data-\[focus-visible\]\:outline-default-foreground[data-focus-visible]{
  outline-color: hsl(var(--heroui-default-foreground) / 1);
}

.data-\[focus-visible\]\:outline-primary-foreground[data-focus-visible]{
  outline-color: hsl(var(--heroui-primary-foreground) / 1);
}

.data-\[focus-visible\]\:outline-secondary-foreground[data-focus-visible]{
  outline-color: hsl(var(--heroui-secondary-foreground) / 1);
}

.data-\[focus-visible\]\:outline-success-foreground[data-focus-visible]{
  outline-color: hsl(var(--heroui-success-foreground) / 1);
}

.data-\[focus-visible\]\:outline-warning-foreground[data-focus-visible]{
  outline-color: hsl(var(--heroui-warning-foreground) / 1);
}

.data-\[menu-open\=true\]\:backdrop-blur-xl[data-menu-open="true"]{
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.data-\[animated\=true\]\:transition-\[left\2c top\2c width\2c height\][data-animated="true"]{
  transition-property: left,top,width,height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.data-\[disabled\=true\]\:transition-none[data-disabled="true"]{
  transition-property: none;
}

.data-\[hover\=true\]\:transition-colors[data-hover="true"]{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.data-\[moving\=true\]\:transition-transform[data-moving="true"]{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.data-\[toast-exiting\=true\]\:transition-all[data-toast-exiting="true"]{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.data-\[animated\=true\]\:duration-250[data-animated="true"]{
  transition-duration: 250ms;
}

.data-\[toast-exiting\=true\]\:duration-300[data-toast-exiting="true"]{
  transition-duration: 300ms;
}

.data-\[animated\=true\]\:ease-out[data-animated="true"]{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.data-\[toast-exiting\=true\]\:ease-out[data-toast-exiting="true"]{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.data-\[toast-exiting\=true\]\:will-change-transform[data-toast-exiting="true"]{
  will-change: transform;
}

.data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll="true"]{
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll="true"]::-webkit-scrollbar{
  display: none;
}

.data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\2c \#000\2c transparent_0\2c \#000_var\(--scroll-shadow-size\)\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-top-bottom-scroll="true"]{
  -webkit-mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent);
}

.data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-top-scroll="true"]{
  -webkit-mask-image: linear-gradient(0deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(0deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
}

.data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-bottom-scroll="true"]{
  -webkit-mask-image: linear-gradient(180deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(180deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
}

.data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-left-scroll="true"]{
  -webkit-mask-image: linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
}

.data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-right-scroll="true"]{
  -webkit-mask-image: linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);
}

.data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\2c \#000\2c \#000\2c transparent_0\2c \#000_var\(--scroll-shadow-size\)\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-left-right-scroll="true"]{
  -webkit-mask-image: linear-gradient(to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent);
          mask-image: linear-gradient(to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent);
}

.data-\[placement\=bottom-center\]\:before\:top-\[calc\(-1\*var\(--top-extension\2c 16px\)\)\][data-placement="bottom-center"]::before{
  content: var(--tw-content);
  top: calc(-1 * var(--top-extension,16px));
}

.data-\[placement\=bottom-end\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom-end"]::before{
  content: var(--tw-content);
  top: calc(calc(1.25rem / 4 - 1.5px) * -1);
}

.data-\[placement\=bottom-end\]\:before\:right-3[data-placement="bottom-end"]::before{
  content: var(--tw-content);
  right: 0.75rem;
}

.data-\[placement\=bottom-left\]\:before\:top-\[calc\(-1\*var\(--top-extension\2c 16px\)\)\][data-placement="bottom-left"]::before{
  content: var(--tw-content);
  top: calc(-1 * var(--top-extension,16px));
}

.data-\[placement\=bottom-right\]\:before\:top-\[calc\(-1\*var\(--top-extension\2c 16px\)\)\][data-placement="bottom-right"]::before{
  content: var(--tw-content);
  top: calc(-1 * var(--top-extension,16px));
}

.data-\[placement\=bottom-start\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom-start"]::before{
  content: var(--tw-content);
  top: calc(calc(1.25rem / 4 - 1.5px) * -1);
}

.data-\[placement\=bottom-start\]\:before\:left-3[data-placement="bottom-start"]::before{
  content: var(--tw-content);
  left: 0.75rem;
}

.data-\[placement\=bottom\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom"]::before{
  content: var(--tw-content);
  top: calc(calc(1.25rem / 4 - 1.5px) * -1);
}

.data-\[placement\=bottom\]\:before\:left-1\/2[data-placement="bottom"]::before{
  content: var(--tw-content);
  left: 50%;
}

.data-\[placement\=left-end\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="left-end"]::before{
  content: var(--tw-content);
  right: calc(calc(1.25rem / 4 - 3px) * -1);
}

.data-\[placement\=left-end\]\:before\:bottom-1\/4[data-placement="left-end"]::before{
  content: var(--tw-content);
  bottom: 25%;
}

.data-\[placement\=left-start\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="left-start"]::before{
  content: var(--tw-content);
  right: calc(calc(1.25rem / 4 - 3px) * -1);
}

.data-\[placement\=left-start\]\:before\:top-1\/4[data-placement="left-start"]::before{
  content: var(--tw-content);
  top: 25%;
}

.data-\[placement\=left\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement="left"]::before{
  content: var(--tw-content);
  right: calc(calc(1.25rem / 4 - 2px) * -1);
}

.data-\[placement\=left\]\:before\:top-1\/2[data-placement="left"]::before{
  content: var(--tw-content);
  top: 50%;
}

.data-\[placement\=right-end\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="right-end"]::before{
  content: var(--tw-content);
  left: calc(calc(1.25rem / 4 - 3px) * -1);
}

.data-\[placement\=right-end\]\:before\:bottom-1\/4[data-placement="right-end"]::before{
  content: var(--tw-content);
  bottom: 25%;
}

.data-\[placement\=right-start\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="right-start"]::before{
  content: var(--tw-content);
  left: calc(calc(1.25rem / 4 - 3px) * -1);
}

.data-\[placement\=right-start\]\:before\:top-1\/4[data-placement="right-start"]::before{
  content: var(--tw-content);
  top: 25%;
}

.data-\[placement\=right\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement="right"]::before{
  content: var(--tw-content);
  left: calc(calc(1.25rem / 4 - 2px) * -1);
}

.data-\[placement\=right\]\:before\:top-1\/2[data-placement="right"]::before{
  content: var(--tw-content);
  top: 50%;
}

.data-\[placement\=top-end\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top-end"]::before{
  content: var(--tw-content);
  bottom: calc(calc(1.25rem / 4 - 1.5px) * -1);
}

.data-\[placement\=top-end\]\:before\:right-3[data-placement="top-end"]::before{
  content: var(--tw-content);
  right: 0.75rem;
}

.data-\[placement\=top-start\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top-start"]::before{
  content: var(--tw-content);
  bottom: calc(calc(1.25rem / 4 - 1.5px) * -1);
}

.data-\[placement\=top-start\]\:before\:left-3[data-placement="top-start"]::before{
  content: var(--tw-content);
  left: 0.75rem;
}

.data-\[placement\=top\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top"]::before{
  content: var(--tw-content);
  bottom: calc(calc(1.25rem / 4 - 1.5px) * -1);
}

.data-\[placement\=top\]\:before\:left-1\/2[data-placement="top"]::before{
  content: var(--tw-content);
  left: 50%;
}

.data-\[loaded\=true\]\:before\:-z-10[data-loaded="true"]::before{
  content: var(--tw-content);
  z-index: -10;
}

.data-\[arrow\=true\]\:before\:block[data-arrow="true"]::before{
  content: var(--tw-content);
  display: block;
}

.data-\[outside-month\=true\]\:before\:hidden[data-outside-month="true"]::before{
  content: var(--tw-content);
  display: none;
}

.data-\[placement\=bottom-center\]\:before\:h-\[var\(--top-extension\2c 16px\)\][data-placement="bottom-center"]::before{
  content: var(--tw-content);
  height: var(--top-extension,16px);
}

.data-\[placement\=bottom-left\]\:before\:h-\[var\(--top-extension\2c 16px\)\][data-placement="bottom-left"]::before{
  content: var(--tw-content);
  height: var(--top-extension,16px);
}

.data-\[placement\=bottom-right\]\:before\:h-\[var\(--top-extension\2c 16px\)\][data-placement="bottom-right"]::before{
  content: var(--tw-content);
  height: var(--top-extension,16px);
}

.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement="bottom"]::before{
  content: var(--tw-content);
  --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));
}

.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement="left"]::before{
  content: var(--tw-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));
}

.data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement="right"]::before{
  content: var(--tw-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));
}

.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement="top"]::before{
  content: var(--tw-content);
  --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));
}

.data-\[loaded\=true\]\:before\:animate-none[data-loaded="true"]::before{
  content: var(--tw-content);
  animation: none;
}

.data-\[range-end\=true\]\:before\:rounded-e-full[data-range-end="true"]::before{
  content: var(--tw-content);
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}

.data-\[range-start\=true\]\:before\:rounded-s-full[data-range-start="true"]::before{
  content: var(--tw-content);
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
}

.data-\[selection-end\=true\]\:before\:rounded-e-full[data-selection-end="true"]::before{
  content: var(--tw-content);
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}

.data-\[selection-start\=true\]\:before\:rounded-s-full[data-selection-start="true"]::before{
  content: var(--tw-content);
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-danger-50[data-range-selection="true"][data-selected="true"]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-50) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-foreground\/10[data-range-selection="true"][data-selected="true"]::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-foreground) / 0.1);
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-primary-50[data-range-selection="true"][data-selected="true"]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary-50) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-secondary-50[data-range-selection="true"][data-selected="true"]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary-50) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-100[data-range-selection="true"][data-selected="true"]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-100) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-100[data-range-selection="true"][data-selected="true"]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-100) / var(--tw-bg-opacity, 1));
}

.data-\[loaded\=true\]\:before\:opacity-0[data-loaded="true"]::before{
  content: var(--tw-content);
  opacity: 0;
}

.data-\[selected\=true\]\:before\:opacity-100[data-selected="true"]::before{
  content: var(--tw-content);
  opacity: 1;
}

.data-\[placement\=bottom-center\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\2c 16px\)\)\][data-placement="bottom-center"]::after{
  content: var(--tw-content);
  bottom: calc(-1 * var(--bottom-extension,16px));
}

.data-\[placement\=bottom-left\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\2c 16px\)\)\][data-placement="bottom-left"]::after{
  content: var(--tw-content);
  bottom: calc(-1 * var(--bottom-extension,16px));
}

.data-\[placement\=bottom-right\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\2c 16px\)\)\][data-placement="bottom-right"]::after{
  content: var(--tw-content);
  bottom: calc(-1 * var(--bottom-extension,16px));
}

.data-\[placement\=bottom-center\]\:after\:h-\[var\(--bottom-extension\2c 16px\)\][data-placement="bottom-center"]::after{
  content: var(--tw-content);
  height: var(--bottom-extension,16px);
}

.data-\[placement\=bottom-left\]\:after\:h-\[var\(--bottom-extension\2c 16px\)\][data-placement="bottom-left"]::after{
  content: var(--tw-content);
  height: var(--bottom-extension,16px);
}

.data-\[placement\=bottom-right\]\:after\:h-\[var\(--bottom-extension\2c 16px\)\][data-placement="bottom-right"]::after{
  content: var(--tw-content);
  height: var(--bottom-extension,16px);
}

.data-\[active\=true\]\:after\:w-full[data-active="true"]::after{
  content: var(--tw-content);
  width: 100%;
}

.data-\[focus\=true\]\:after\:w-full[data-focus="true"]::after{
  content: var(--tw-content);
  width: 100%;
}

.data-\[open\=true\]\:after\:w-full[data-open="true"]::after{
  content: var(--tw-content);
  width: 100%;
}

.data-\[dragging\=true\]\:after\:scale-100[data-dragging="true"]::after{
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[dragging\=true\]\:after\:scale-80[data-dragging="true"]::after{
  content: var(--tw-content);
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[active\=true\]\:after\:bg-danger-400[data-active="true"]::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-400) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:after\:bg-danger[data-selected="true"]::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:after\:bg-foreground[data-selected="true"]::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-foreground) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:after\:bg-primary[data-selected="true"]::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:after\:bg-secondary[data-selected="true"]::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:after\:bg-success[data-selected="true"]::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:after\:bg-warning[data-selected="true"]::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.data-\[loaded\=true\]\:after\:opacity-0[data-loaded="true"]::after{
  content: var(--tw-content);
  opacity: 0;
}

.data-\[selected\=true\]\:after\:opacity-100[data-selected="true"]::after{
  content: var(--tw-content);
  opacity: 1;
}

.data-\[selectable\=true\]\:focus\:border-danger:focus[data-selectable="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:border-default:focus[data-selectable="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default) / var(--tw-border-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:border-primary:focus[data-selectable="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:border-secondary:focus[data-selectable="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:border-success:focus[data-selectable="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:border-warning:focus[data-selectable="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.data-\[invalid\=true\]\:focus\:bg-danger-400\/50:focus[data-invalid="true"]{
  background-color: hsl(var(--heroui-danger-400) / 0.5);
}

.data-\[selectable\=true\]\:focus\:bg-danger:focus[data-selectable="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:bg-danger\/20:focus[data-selectable="true"]{
  background-color: hsl(var(--heroui-danger) / 0.2);
}

.data-\[selectable\=true\]\:focus\:bg-default:focus[data-selectable="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default) / var(--tw-bg-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:bg-default-100:focus[data-selectable="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-100) / var(--tw-bg-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:bg-default\/40:focus[data-selectable="true"]{
  background-color: hsl(var(--heroui-default) / 0.4);
}

.data-\[selectable\=true\]\:focus\:bg-primary:focus[data-selectable="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:bg-primary\/20:focus[data-selectable="true"]{
  background-color: hsl(var(--heroui-primary) / 0.2);
}

.data-\[selectable\=true\]\:focus\:bg-secondary:focus[data-selectable="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:bg-secondary\/20:focus[data-selectable="true"]{
  background-color: hsl(var(--heroui-secondary) / 0.2);
}

.data-\[selectable\=true\]\:focus\:bg-success:focus[data-selectable="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:bg-success\/20:focus[data-selectable="true"]{
  background-color: hsl(var(--heroui-success) / 0.2);
}

.data-\[selectable\=true\]\:focus\:bg-warning:focus[data-selectable="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:bg-warning\/20:focus[data-selectable="true"]{
  background-color: hsl(var(--heroui-warning) / 0.2);
}

.data-\[editable\=true\]\:focus\:text-danger:focus[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:focus\:text-default-foreground:focus[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-foreground) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:focus\:text-primary:focus[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:focus\:text-secondary:focus[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:focus\:text-success:focus[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:focus\:text-success-600:focus[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-600) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:focus\:text-warning:focus[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning) / var(--tw-text-opacity, 1));
}

.data-\[editable\=true\]\:focus\:text-warning-600:focus[data-editable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-600) / var(--tw-text-opacity, 1));
}

.data-\[invalid\=true\]\:data-\[editable\=true\]\:focus\:text-danger:focus[data-editable="true"][data-invalid="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:text-danger:focus[data-selectable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:text-danger-foreground:focus[data-selectable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:text-default-500:focus[data-selectable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-500) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:text-default-foreground:focus[data-selectable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:text-primary:focus[data-selectable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:text-primary-foreground:focus[data-selectable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:text-secondary:focus[data-selectable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:text-secondary-foreground:focus[data-selectable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:text-success:focus[data-selectable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:text-success-foreground:focus[data-selectable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:text-warning:focus[data-selectable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:text-warning-foreground:focus[data-selectable="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-foreground) / var(--tw-text-opacity, 1));
}

.data-\[selectable\=true\]\:focus\:shadow-danger\/30:focus[data-selectable="true"]{
  --tw-shadow-color: hsl(var(--heroui-danger) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selectable\=true\]\:focus\:shadow-default\/50:focus[data-selectable="true"]{
  --tw-shadow-color: hsl(var(--heroui-default) / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selectable\=true\]\:focus\:shadow-primary\/30:focus[data-selectable="true"]{
  --tw-shadow-color: hsl(var(--heroui-primary) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selectable\=true\]\:focus\:shadow-secondary\/30:focus[data-selectable="true"]{
  --tw-shadow-color: hsl(var(--heroui-secondary) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selectable\=true\]\:focus\:shadow-success\/30:focus[data-selectable="true"]{
  --tw-shadow-color: hsl(var(--heroui-success) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selectable\=true\]\:focus\:shadow-warning\/30:focus[data-selectable="true"]{
  --tw-shadow-color: hsl(var(--heroui-warning) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:pointer-events-auto{
  pointer-events: auto;
}

.group[data-has-label-outside="true"] .group-data-\[has-label-outside\=true\]\:pointer-events-auto{
  pointer-events: auto;
}

.group[data-has-value="true"] .group-data-\[has-value\=true\]\:pointer-events-auto{
  pointer-events: auto;
}

.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:relative{
  position: relative;
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:start-0{
  inset-inline-start: 0px;
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:start-0{
  inset-inline-start: 0px;
}

.group[data-has-end-content="true"] .group-data-\[has-end-content\=true\]\:left-2{
  left: 0.5rem;
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:z-10{
  z-index: 10;
}

.group[data-has-end-content="true"] .group-data-\[has-end-content\=true\]\:mt-4{
  margin-top: 1rem;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:ms-4{
  margin-inline-start: 1rem;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:ms-5{
  margin-inline-start: 1.25rem;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:ms-6{
  margin-inline-start: 1.5rem;
}

.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-3{
  margin-left: 0.75rem;
}

.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-4{
  margin-left: 1rem;
}

.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-5{
  margin-left: 1.25rem;
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:block{
  display: block;
}

.group[data-has-value="true"] .group-data-\[has-value\=true\]\:block{
  display: block;
}

.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:flex{
  display: flex;
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:hidden{
  display: none;
}

.group[data-pressed="true"] .group-data-\[pressed\=true\]\:w-5{
  width: 1.25rem;
}

.group[data-pressed="true"] .group-data-\[pressed\=true\]\:w-6{
  width: 1.5rem;
}

.group[data-pressed="true"] .group-data-\[pressed\=true\]\:w-7{
  width: 1.75rem;
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_20px\)\]{
  --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 20px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_24px\)\]{
  --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 24px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-tiny\)\/2_\+_16px\)\]{
  --tw-translate-y: calc(calc(100% + var(--heroui-font-size-tiny) / 2 + 16px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_3\.5px\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 3.5px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_4px\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 4px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px_-_var\(--heroui-border-width-medium\)\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px - var(--heroui-border-width-medium)) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px - var(--heroui-border-width-medium)) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_5px\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 5px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px - var(--heroui-border-width-medium)) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_20px\)\]{
  --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 20px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_24px\)\]{
  --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 24px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+var\(--heroui-font-size-tiny\)\/2_\+_16px\)\]{
  --tw-translate-y: calc(calc(100% + var(--heroui-font-size-tiny) / 2 + 16px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_3\.5px\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 3.5px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_4px\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 4px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px_-_var\(--heroui-border-width-medium\)\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px - var(--heroui-border-width-medium)) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px - var(--heroui-border-width-medium)) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_5px\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 5px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]{
  --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px - var(--heroui-border-width-medium)) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:-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));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:translate-x-3{
  --tw-translate-x: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-copied="true"] .group-data-\[copied\=true\]\: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));
}

.group[data-copied="true"] .group-data-\[copied\=true\]\:scale-50{
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:scale-85{
  --tw-scale-x: 0.85;
  --tw-scale-y: 0.85;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:scale-85{
  --tw-scale-x: 0.85;
  --tw-scale-y: 0.85;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-has-value="true"] .group-data-\[has-value\=true\]\: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));
}

.group[data-pressed="true"] .group-data-\[pressed\=true\]\: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));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\: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));
}

.group\/tr[data-disabled="true"] .group-data-\[disabled\=true\]\/tr\:cursor-not-allowed{
  cursor: not-allowed;
}

.group[data-has-multiple-months="true"] .group-data-\[has-multiple-months\=true\]\:flex-row{
  flex-direction: row;
}

.group[data-has-label="true"] .group-data-\[has-label\=true\]\:items-start{
  align-items: flex-start;
}

.group[data-has-label="true"] .group-data-\[has-label\=true\]\:items-end{
  align-items: flex-end;
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:\!border-danger{
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1)) !important;
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:border-danger{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:border-default-foreground{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-foreground) / var(--tw-border-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:border-primary{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:border-secondary{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:border-success{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:border-warning{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:border-danger{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:border-danger{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:border-default-500{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-500) / var(--tw-border-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:border-primary{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:border-secondary{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:border-success{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:border-warning{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:\!bg-danger-50{
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--heroui-danger-50) / var(--tw-bg-opacity, 1)) !important;
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-danger-50{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-50) / var(--tw-bg-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-default-100{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-100) / var(--tw-bg-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-default-200{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-200) / var(--tw-bg-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-primary-50{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary-50) / var(--tw-bg-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-secondary-50{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary-50) / var(--tw-bg-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-success-50{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-50) / var(--tw-bg-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-warning-50{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-50) / var(--tw-bg-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.group[data-hover-unselected="true"] .group-data-\[hover-unselected\=true\]\:bg-default-100{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-100) / var(--tw-bg-opacity, 1));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:bg-danger-50{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-50) / var(--tw-bg-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-danger{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-default-400{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-400) / var(--tw-bg-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-primary{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary) / var(--tw-bg-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-purple-600{
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-secondary{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary) / var(--tw-bg-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-success{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-warning{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pb-1\.5{
  padding-bottom: 0.375rem;
}

.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pe-2{
  padding-inline-end: 0.5rem;
}

.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pt-2{
  padding-top: 0.5rem;
}

.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pt-3{
  padding-top: 0.75rem;
}

.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pt-4{
  padding-top: 1rem;
}

.group[data-has-label="true"] .group-data-\[has-label\=true\]\:pt-4{
  padding-top: 1rem;
}

.group[data-has-label="true"] .group-data-\[has-label\=true\]\:pt-5{
  padding-top: 1.25rem;
}

.group\/tr[data-disabled="true"] .group-data-\[disabled\=true\]\/tr\:text-foreground-300{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground-300) / var(--tw-text-opacity, 1));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:text-default-600{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-600) / var(--tw-text-opacity, 1));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:text-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground) / var(--tw-text-opacity, 1));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:text-default-600{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-600) / var(--tw-text-opacity, 1));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:text-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground) / var(--tw-text-opacity, 1));
}

.group[data-has-value="true"] .group-data-\[has-value\=true\]\:text-default-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-foreground) / var(--tw-text-opacity, 1));
}

.group[data-has-value="true"] .group-data-\[has-value\=true\]\:text-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground) / var(--tw-text-opacity, 1));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:text-danger{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-danger{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-danger-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-foreground) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-default-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-default-foreground) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-foreground) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-primary{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-primary-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-primary-foreground) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-secondary{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-secondary-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-secondary-foreground) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-success{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-success-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-warning{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-warning-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-foreground) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group[data-copied="true"] .group-data-\[copied\=true\]\:opacity-0{
  opacity: 0;
}

.group[data-copied="true"] .group-data-\[copied\=true\]\:opacity-100{
  opacity: 1;
}

.group[data-has-value="true"] .group-data-\[has-value\=true\]\:opacity-70{
  opacity: 0.7;
}

.group\/th[data-hover="true"] .group-data-\[hover\=true\]\/th\:opacity-100{
  opacity: 1;
}

.group[data-loaded="true"] .group-data-\[loaded\=true\]\:opacity-100{
  opacity: 1;
}

.group[data-pressed="true"] .group-data-\[pressed\=true\]\:opacity-70{
  opacity: 0.7;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:opacity-0{
  opacity: 0;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:opacity-100{
  opacity: 1;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:opacity-60{
  opacity: 0.6;
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--heroui-focus) / var(--tw-ring-opacity, 1));
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-offset-2{
  --tw-ring-offset-width: 2px;
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-offset-background{
  --tw-ring-offset-color: hsl(var(--heroui-background) / 1);
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:before\:-z-10::before{
  content: var(--tw-content);
  z-index: -10;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:before\:w-full::before{
  content: var(--tw-content);
  width: 100%;
}

.group[data-open="true"] .group-data-\[open\=true\]\:before\:translate-y-px::before{
  content: var(--tw-content);
  --tw-translate-y: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-open="true"] .group-data-\[open\=true\]\:before\:rotate-45::before{
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/tr[data-middle="true"] .group-data-\[middle\=true\]\/tr\:before\:rounded-none::before{
  content: var(--tw-content);
  border-radius: 0px;
}

.group[data-hover="true"] .group-data-\[hover\=true\]\:before\:bg-default-100::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-100) / var(--tw-bg-opacity, 1));
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:before\:bg-default-100::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-100) / var(--tw-bg-opacity, 1));
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:before\:opacity-100::before{
  content: var(--tw-content);
  opacity: 1;
}

.group[data-required="true"] .group-data-\[required\=true\]\:after\:ml-0\.5::after{
  content: var(--tw-content);
  margin-left: 0.125rem;
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:after\:w-full::after{
  content: var(--tw-content);
  width: 100%;
}

.group[data-open="true"] .group-data-\[open\=true\]\:after\:translate-y-0::after{
  content: var(--tw-content);
  --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));
}

.group[data-open="true"] .group-data-\[open\=true\]\:after\:-rotate-45::after{
  content: var(--tw-content);
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:after\:scale-100::after{
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:after\:bg-danger::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.group[data-required="true"] .group-data-\[required\=true\]\:after\:text-danger::after{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger) / var(--tw-text-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:after\:opacity-100::after{
  content: var(--tw-content);
  opacity: 1;
}

.group[data-required="true"] .group-data-\[required\=true\]\:after\:content-\[\'\*\'\]::after{
  --tw-content: '*';
  content: var(--tw-content);
}

.group\/tr[data-first="true"] .group-data-\[first\=true\]\/tr\:first\:before\:rounded-ss-lg:first-child::before{
  content: var(--tw-content);
  border-start-start-radius: 0.5rem;
}

.group\/tr[data-first="true"] .group-data-\[first\=true\]\/tr\:first\:before\:rounded-ss-none:first-child::before{
  content: var(--tw-content);
  border-start-start-radius: 0px;
}

.group\/tr[data-last="true"] .group-data-\[last\=true\]\/tr\:first\:before\:rounded-es-lg:first-child::before{
  content: var(--tw-content);
  border-end-start-radius: 0.5rem;
}

.group\/tr[data-last="true"] .group-data-\[last\=true\]\/tr\:first\:before\:rounded-es-none:first-child::before{
  content: var(--tw-content);
  border-end-start-radius: 0px;
}

.group\/tr[data-first="true"] .group-data-\[first\=true\]\/tr\:last\:before\:rounded-se-lg:last-child::before{
  content: var(--tw-content);
  border-start-end-radius: 0.5rem;
}

.group\/tr[data-first="true"] .group-data-\[first\=true\]\/tr\:last\:before\:rounded-se-none:last-child::before{
  content: var(--tw-content);
  border-start-end-radius: 0px;
}

.group\/tr[data-last="true"] .group-data-\[last\=true\]\/tr\:last\:before\:rounded-ee-lg:last-child::before{
  content: var(--tw-content);
  border-end-end-radius: 0.5rem;
}

.group\/tr[data-last="true"] .group-data-\[last\=true\]\/tr\:last\:before\:rounded-ee-none:last-child::before{
  content: var(--tw-content);
  border-end-end-radius: 0px;
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:hover\:border-danger:hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:hover\:bg-danger-100:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-100) / var(--tw-bg-opacity, 1));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:focus-within\:hover\:border-danger:hover:focus-within{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:focus-within\:hover\:bg-danger-50:hover:focus-within{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-50) / var(--tw-bg-opacity, 1));
}

.group\/tr[aria-selected="false"][data-hover="true"] .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:bg-default-100::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-100) / var(--tw-bg-opacity, 1));
}

.group\/tr[aria-selected="false"][data-hover="true"] .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:opacity-70::before{
  content: var(--tw-content);
  opacity: 0.7;
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-danger[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger) / var(--tw-border-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-default-foreground[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-foreground) / var(--tw-border-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-primary[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary) / var(--tw-border-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-secondary[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-secondary) / var(--tw-border-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-success[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success) / var(--tw-border-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-warning[data-hover="true"]{
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning) / var(--tw-border-opacity, 1));
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-danger\/20[data-selected="true"]::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-danger) / 0.2);
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-default\/60[data-selected="true"]::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-default) / 0.6);
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-primary\/20[data-selected="true"]::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-primary) / 0.2);
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-secondary\/20[data-selected="true"]::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-secondary) / 0.2);
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-success\/20[data-selected="true"]::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-success) / 0.2);
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-warning\/20[data-selected="true"]::before{
  content: var(--tw-content);
  background-color: hsl(var(--heroui-warning) / 0.2);
}

.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\:pointer-events-none{
  pointer-events: none;
}

.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\:pointer-events-auto{
  pointer-events: auto;
}

.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\:block{
  display: block;
}

.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\: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));
}

.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\:opacity-70{
  opacity: 0.7;
}

@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))){
  .supports-\[backdrop-filter\]\:bg-black\/25{
    background-color: rgb(0 0 0 / 0.25);
  }
  .supports-\[backdrop-filter\]\:bg-black\/35{
    background-color: rgb(0 0 0 / 0.35);
  }
  .supports-\[backdrop-filter\]\:bg-white\/10{
    background-color: rgb(255 255 255 / 0.1);
  }
  .supports-\[backdrop-filter\]\:bg-white\/\[0\.06\]{
    background-color: rgb(255 255 255 / 0.06);
  }
}

@media (prefers-reduced-motion: reduce){
  .motion-reduce\: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));
  }
  .motion-reduce\:transition-none{
    transition-property: none;
  }
  .motion-reduce\:after\:transition-none::after{
    content: var(--tw-content);
    transition-property: none;
  }
}

.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1));
}

.dark\:divide-white\/10:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(255 255 255 / 0.1);
}

.dark\:divide-white\/5:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(255 255 255 / 0.05);
}

.dark\:border-danger-100:is(.dark *){
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-danger-100) / var(--tw-border-opacity, 1));
}

.dark\:border-default-200:is(.dark *){
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-default-200) / var(--tw-border-opacity, 1));
}

.dark\:border-emerald-500\/20:is(.dark *){
  border-color: rgb(16 185 129 / 0.2);
}

.dark\:border-gray-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

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

.dark\:border-gray-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}

.dark\:border-primary-100:is(.dark *){
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-primary-100) / var(--tw-border-opacity, 1));
}

.dark\:border-purple-500\/20:is(.dark *){
  border-color: rgb(168 85 247 / 0.2);
}

.dark\:border-success-100:is(.dark *){
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-success-100) / var(--tw-border-opacity, 1));
}

.dark\:border-warning-100:is(.dark *){
  --tw-border-opacity: 1;
  border-color: hsl(var(--heroui-warning-100) / var(--tw-border-opacity, 1));
}

.dark\:border-white\/10:is(.dark *){
  border-color: rgb(255 255 255 / 0.1);
}

.dark\:border-white\/15:is(.dark *){
  border-color: rgb(255 255 255 / 0.15);
}

.dark\:border-white\/20:is(.dark *){
  border-color: rgb(255 255 255 / 0.2);
}

.dark\:border-white\/30:is(.dark *){
  border-color: rgb(255 255 255 / 0.3);
}

.dark\:border-white\/5:is(.dark *){
  border-color: rgb(255 255 255 / 0.05);
}

.dark\:border-white\/\[0\.06\]:is(.dark *){
  border-color: rgb(255 255 255 / 0.06);
}

.dark\:border-zinc-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
}

.dark\:border-zinc-700\/50:is(.dark *){
  border-color: rgb(63 63 70 / 0.5);
}

.dark\:border-zinc-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity, 1));
}

.dark\:\!bg-black\/40:is(.dark *){
  background-color: rgb(0 0 0 / 0.4) !important;
}

.dark\:bg-\[\#0a0a0f\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 15 / var(--tw-bg-opacity, 1));
}

.dark\:bg-\[\#0b0b12\]\/95:is(.dark *){
  background-color: rgb(11 11 18 / 0.95);
}

.dark\:bg-\[\#0f172a\]\/60:is(.dark *){
  background-color: rgb(15 23 42 / 0.6);
}

.dark\:bg-\[\#11111a\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 26 / var(--tw-bg-opacity, 1));
}

.dark\:bg-\[\#1a1a24\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 36 / var(--tw-bg-opacity, 1));
}

.dark\:bg-amber-500\/20:is(.dark *){
  background-color: rgb(245 158 11 / 0.2);
}

.dark\:bg-amber-900\/30:is(.dark *){
  background-color: rgb(120 53 15 / 0.3);
}

.dark\:bg-background:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-background) / var(--tw-bg-opacity, 1));
}

.dark\:bg-background\/20:is(.dark *){
  background-color: hsl(var(--heroui-background) / 0.2);
}

.dark\:bg-black\/40:is(.dark *){
  background-color: rgb(0 0 0 / 0.4);
}

.dark\:bg-black\/50:is(.dark *){
  background-color: rgb(0 0 0 / 0.5);
}

.dark\:bg-black\/60:is(.dark *){
  background-color: rgb(0 0 0 / 0.6);
}

.dark\:bg-black\/80:is(.dark *){
  background-color: rgb(0 0 0 / 0.8);
}

.dark\:bg-black\/95:is(.dark *){
  background-color: rgb(0 0 0 / 0.95);
}

.dark\:bg-blue-500\/15:is(.dark *){
  background-color: rgb(59 130 246 / 0.15);
}

.dark\:bg-blue-500\/20:is(.dark *){
  background-color: rgb(59 130 246 / 0.2);
}

.dark\:bg-blue-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-900\/20:is(.dark *){
  background-color: rgb(30 58 138 / 0.2);
}

.dark\:bg-blue-900\/30:is(.dark *){
  background-color: rgb(30 58 138 / 0.3);
}

.dark\:bg-content2:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-content2) / var(--tw-bg-opacity, 1));
}

.dark\:bg-danger-100:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-100) / var(--tw-bg-opacity, 1));
}

.dark\:bg-danger-50:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-50) / var(--tw-bg-opacity, 1));
}

.dark\:bg-danger-50\/50:is(.dark *){
  background-color: hsl(var(--heroui-danger-50) / 0.5);
}

.dark\:bg-default:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default) / var(--tw-bg-opacity, 1));
}

.dark\:bg-default-100:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-100) / var(--tw-bg-opacity, 1));
}

.dark\:bg-default-50\/50:is(.dark *){
  background-color: hsl(var(--heroui-default-50) / 0.5);
}

.dark\:bg-emerald-500\/10:is(.dark *){
  background-color: rgb(16 185 129 / 0.1);
}

.dark\:bg-emerald-500\/20:is(.dark *){
  background-color: rgb(16 185 129 / 0.2);
}

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

.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.dark\:bg-green-900\/30:is(.dark *){
  background-color: rgb(20 83 45 / 0.3);
}

.dark\:bg-orange-900\/30:is(.dark *){
  background-color: rgb(124 45 18 / 0.3);
}

.dark\:bg-primary-100:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary-100) / var(--tw-bg-opacity, 1));
}

.dark\:bg-primary-50:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-primary-50) / var(--tw-bg-opacity, 1));
}

.dark\:bg-primary-50\/50:is(.dark *){
  background-color: hsl(var(--heroui-primary-50) / 0.5);
}

.dark\:bg-purple-500\/15:is(.dark *){
  background-color: rgb(168 85 247 / 0.15);
}

.dark\:bg-purple-500\/20:is(.dark *){
  background-color: rgb(168 85 247 / 0.2);
}

.dark\:bg-purple-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
}

.dark\:bg-purple-900\/30:is(.dark *){
  background-color: rgb(88 28 135 / 0.3);
}

.dark\:bg-red-900\/20:is(.dark *){
  background-color: rgb(127 29 29 / 0.2);
}

.dark\:bg-red-900\/30:is(.dark *){
  background-color: rgb(127 29 29 / 0.3);
}

.dark\:bg-rose-500\/20:is(.dark *){
  background-color: rgb(244 63 94 / 0.2);
}

.dark\:bg-secondary-100:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary-100) / var(--tw-bg-opacity, 1));
}

.dark\:bg-secondary-50:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-secondary-50) / var(--tw-bg-opacity, 1));
}

.dark\:bg-secondary-50\/50:is(.dark *){
  background-color: hsl(var(--heroui-secondary-50) / 0.5);
}

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

.dark\:bg-success-100:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-100) / var(--tw-bg-opacity, 1));
}

.dark\:bg-success-50:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-50) / var(--tw-bg-opacity, 1));
}

.dark\:bg-success-50\/50:is(.dark *){
  background-color: hsl(var(--heroui-success-50) / 0.5);
}

.dark\:bg-transparent:is(.dark *){
  background-color: transparent;
}

.dark\:bg-warning-100:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-100) / var(--tw-bg-opacity, 1));
}

.dark\:bg-warning-50:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-50) / var(--tw-bg-opacity, 1));
}

.dark\:bg-warning-50\/50:is(.dark *){
  background-color: hsl(var(--heroui-warning-50) / 0.5);
}

.dark\:bg-white:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.dark\:bg-white\/10:is(.dark *){
  background-color: rgb(255 255 255 / 0.1);
}

.dark\:bg-white\/5:is(.dark *){
  background-color: rgb(255 255 255 / 0.05);
}

.dark\:bg-white\/\[0\.02\]:is(.dark *){
  background-color: rgb(255 255 255 / 0.02);
}

.dark\:bg-white\/\[0\.04\]:is(.dark *){
  background-color: rgb(255 255 255 / 0.04);
}

.dark\:bg-white\/\[0\.06\]:is(.dark *){
  background-color: rgb(255 255 255 / 0.06);
}

.dark\:bg-zinc-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

.dark\:bg-zinc-800\/80:is(.dark *){
  background-color: rgb(39 39 42 / 0.8);
}

.dark\:bg-zinc-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

.dark\:bg-zinc-900\/80:is(.dark *){
  background-color: rgb(24 24 27 / 0.8);
}

.dark\:from-indigo-500\/20:is(.dark *){
  --tw-gradient-from: rgb(99 102 241 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-white\/20:is(.dark *){
  --tw-gradient-from: rgb(255 255 255 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:to-purple-500\/20:is(.dark *){
  --tw-gradient-to: rgb(168 85 247 / 0.2) var(--tw-gradient-to-position);
}

.dark\:fill-zinc-900:is(.dark *){
  fill: #18181b;
}

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

.dark\:text-black:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

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

.dark\:text-danger-500:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-500) / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

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

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

.dark\:text-gray-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

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

.dark\:text-gray-900:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.dark\:text-green-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.dark\:text-orange-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}

.dark\:text-orange-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.dark\:text-red-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.dark\:text-red-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.dark\:text-rose-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.dark\:text-success:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success) / var(--tw-text-opacity, 1));
}

.dark\:text-violet-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}

.dark\:text-warning:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning) / var(--tw-text-opacity, 1));
}

.dark\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark\:text-white\/40:is(.dark *){
  color: rgb(255 255 255 / 0.4);
}

.dark\:text-white\/50:is(.dark *){
  color: rgb(255 255 255 / 0.5);
}

.dark\:text-white\/60:is(.dark *){
  color: rgb(255 255 255 / 0.6);
}

.dark\:text-white\/70:is(.dark *){
  color: rgb(255 255 255 / 0.7);
}

.dark\:text-white\/80:is(.dark *){
  color: rgb(255 255 255 / 0.8);
}

.dark\:text-yellow-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.dark\:text-yellow-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.dark\:text-zinc-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
}

.dark\:text-zinc-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(228 228 231 / var(--tw-text-opacity, 1));
}

.dark\:text-zinc-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}

.dark\:text-zinc-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.dark\:text-zinc-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.dark\:placeholder-zinc-500:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(113 113 122 / var(--tw-placeholder-opacity, 1));
}

.dark\:shadow-\[0_32px_64px_-16px_rgba\(0\2c 0\2c 0\2c 0\.7\)\]:is(.dark *){
  --tw-shadow: 0 32px 64px -16px rgba(0,0,0,0.7);
  --tw-shadow-colored: 0 32px 64px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-\[0_8px_32px_-8px_rgba\(139\2c 92\2c 246\2c 0\.2\)\2c 0_4px_16px_-4px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]:is(.dark *){
  --tw-shadow: 0 8px 32px -8px rgba(139,92,246,0.2),0 4px 16px -4px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 8px 32px -8px var(--tw-shadow-color), 0 4px 16px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:ring-white\/10:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.1);
}

.dark\:placeholder\:text-danger-500:is(.dark *)::placeholder{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-500) / var(--tw-text-opacity, 1));
}

.dark\:placeholder\:text-success:is(.dark *)::placeholder{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success) / var(--tw-text-opacity, 1));
}

.dark\:placeholder\:text-warning:is(.dark *)::placeholder{
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning) / var(--tw-text-opacity, 1));
}

.dark\:before\:via-default-700\/10:is(.dark *)::before{
  content: var(--tw-content);
  --tw-gradient-to: hsl(var(--heroui-default-700) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--heroui-default-700) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.dark\:after\:bg-content2:is(.dark *)::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-content2) / var(--tw-bg-opacity, 1));
}

.dark\:-webkit-autofill\:\[-webkit-text-fill-color\:hsl\(var\(--heroui-foreground\)\)\]:-webkit-autofill:is(.dark *){
  -webkit-text-fill-color: hsl(var(--heroui-foreground));
}

.dark\:autofill\:\[-webkit-text-fill-color\:hsl\(var\(--heroui-foreground\)\)\]:autofill:is(.dark *){
  -webkit-text-fill-color: hsl(var(--heroui-foreground));
}

.dark\:hover\:border-violet-700:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(109 40 217 / var(--tw-border-opacity, 1));
}

.dark\:hover\:bg-blue-900\/30:hover:is(.dark *){
  background-color: rgb(30 58 138 / 0.3);
}

.dark\:hover\:bg-emerald-500\/10:hover:is(.dark *){
  background-color: rgb(16 185 129 / 0.1);
}

.dark\:hover\:bg-gray-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-gray-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-gray-700\/50:hover:is(.dark *){
  background-color: rgb(55 65 81 / 0.5);
}

.dark\:hover\:bg-gray-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-red-900\/20:hover:is(.dark *){
  background-color: rgb(127 29 29 / 0.2);
}

.dark\:hover\:bg-red-900\/30:hover:is(.dark *){
  background-color: rgb(127 29 29 / 0.3);
}

.dark\:hover\:bg-violet-900\/30:hover:is(.dark *){
  background-color: rgb(76 29 149 / 0.3);
}

.dark\:hover\:bg-white\/10:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.1);
}

.dark\:hover\:bg-white\/20:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.2);
}

.dark\:hover\:bg-white\/5:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.05);
}

.dark\:hover\:bg-white\/\[0\.02\]:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.02);
}

.dark\:hover\:bg-zinc-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:text-purple-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-purple-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-red-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-violet-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-white:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-zinc-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}

.dark\:focus\:bg-danger-400\/20:focus:is(.dark *){
  background-color: hsl(var(--heroui-danger-400) / 0.2);
}

.dark\:focus\:bg-success-400\/20:focus:is(.dark *){
  background-color: hsl(var(--heroui-success-400) / 0.2);
}

.dark\:focus\:bg-warning-400\/20:focus:is(.dark *){
  background-color: hsl(var(--heroui-warning-400) / 0.2);
}

.dark\:data-\[hover\=true\]\:bg-content2[data-hover="true"]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-content2) / var(--tw-bg-opacity, 1));
}

.dark\:data-\[hover\=true\]\:bg-danger-50[data-hover="true"]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger-50) / var(--tw-bg-opacity, 1));
}

.dark\:data-\[hover\=true\]\:bg-success-50[data-hover="true"]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-50) / var(--tw-bg-opacity, 1));
}

.dark\:data-\[hover\=true\]\:bg-warning-50[data-hover="true"]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-50) / var(--tw-bg-opacity, 1));
}

.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-hover="true"][data-selected="true"]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-danger) / var(--tw-bg-opacity, 1));
}

.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-hover="true"][data-selected="true"]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success) / var(--tw-bg-opacity, 1));
}

.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-hover="true"][data-selected="true"]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning) / var(--tw-bg-opacity, 1));
}

.dark\:data-\[hover\=true\]\:text-danger-500[data-hover="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-500) / var(--tw-text-opacity, 1));
}

.dark\:data-\[hover\=true\]\:text-success-500[data-hover="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-500) / var(--tw-text-opacity, 1));
}

.dark\:data-\[hover\=true\]\:text-warning-500[data-hover="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-500) / var(--tw-text-opacity, 1));
}

.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-hover="true"][data-selected="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-foreground) / var(--tw-text-opacity, 1));
}

.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-hover="true"][data-selected="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}

.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-hover="true"][data-selected="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning-foreground) / var(--tw-text-opacity, 1));
}

.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-500[data-range-selection="true"][data-selected="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-500) / var(--tw-text-opacity, 1));
}

.dark\:data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}

.dark\:data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success-foreground) / var(--tw-text-opacity, 1));
}

.dark\:data-\[selected\=true\]\:text-danger-500[data-selected="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-danger-500) / var(--tw-text-opacity, 1));
}

.dark\:data-\[selected\=true\]\:text-success[data-selected="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-success) / var(--tw-text-opacity, 1));
}

.dark\:data-\[selected\=true\]\:text-warning[data-selected="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--heroui-warning) / var(--tw-text-opacity, 1));
}

.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-50[data-range-selection="true"][data-selected="true"]:is(.dark *)::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-success-50) / var(--tw-bg-opacity, 1));
}

.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-50[data-range-selection="true"][data-selected="true"]:is(.dark *)::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-warning-50) / var(--tw-bg-opacity, 1));
}

.dark\:data-\[invalid\=true\]\:focus\:bg-danger-400\/20:focus[data-invalid="true"]:is(.dark *){
  background-color: hsl(var(--heroui-danger-400) / 0.2);
}

@media (min-width: 480px){
  .min-\[480px\]\:h-24{
    height: 6rem;
  }
  .min-\[480px\]\:w-24{
    width: 6rem;
  }
  .min-\[480px\]\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .min-\[480px\]\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .min-\[480px\]\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 640px){
  .sm\:bottom-3{
    bottom: 0.75rem;
  }
  .sm\:left-3{
    left: 0.75rem;
  }
  .sm\:left-4{
    left: 1rem;
  }
  .sm\:right-3{
    right: 0.75rem;
  }
  .sm\:right-4{
    right: 1rem;
  }
  .sm\:right-5{
    right: 1.25rem;
  }
  .sm\:top-1\.5{
    top: 0.375rem;
  }
  .sm\:top-4{
    top: 1rem;
  }
  .sm\:order-none{
    order: 0;
  }
  .sm\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .sm\:m-0{
    margin: 0px;
  }
  .sm\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .sm\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .sm\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .sm\:my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .sm\:mb-10{
    margin-bottom: 2.5rem;
  }
  .sm\:mb-2{
    margin-bottom: 0.5rem;
  }
  .sm\:mb-3{
    margin-bottom: 0.75rem;
  }
  .sm\:mb-4{
    margin-bottom: 1rem;
  }
  .sm\:mb-6{
    margin-bottom: 1.5rem;
  }
  .sm\:mb-8{
    margin-bottom: 2rem;
  }
  .sm\:ml-4{
    margin-left: 1rem;
  }
  .sm\:mr-auto{
    margin-right: auto;
  }
  .sm\:mt-0{
    margin-top: 0px;
  }
  .sm\:mt-5{
    margin-top: 1.25rem;
  }
  .sm\:mt-6{
    margin-top: 1.5rem;
  }
  .sm\:mt-8{
    margin-top: 2rem;
  }
  .sm\:block{
    display: block;
  }
  .sm\:inline{
    display: inline;
  }
  .sm\:flex{
    display: flex;
  }
  .sm\:inline-flex{
    display: inline-flex;
  }
  .sm\:table-cell{
    display: table-cell;
  }
  .sm\:grid{
    display: grid;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:h-10{
    height: 2.5rem;
  }
  .sm\:h-11{
    height: 2.75rem;
  }
  .sm\:h-12{
    height: 3rem;
  }
  .sm\:h-14{
    height: 3.5rem;
  }
  .sm\:h-16{
    height: 4rem;
  }
  .sm\:h-20{
    height: 5rem;
  }
  .sm\:h-24{
    height: 6rem;
  }
  .sm\:h-28{
    height: 7rem;
  }
  .sm\:h-3\.5{
    height: 0.875rem;
  }
  .sm\:h-4{
    height: 1rem;
  }
  .sm\:h-48{
    height: 12rem;
  }
  .sm\:h-5{
    height: 1.25rem;
  }
  .sm\:h-6{
    height: 1.5rem;
  }
  .sm\:h-8{
    height: 2rem;
  }
  .sm\:h-9{
    height: 2.25rem;
  }
  .sm\:h-\[176px\]{
    height: 176px;
  }
  .sm\:h-\[340px\]{
    height: 340px;
  }
  .sm\:h-\[40vh\]{
    height: 40vh;
  }
  .sm\:h-\[44vh\]{
    height: 44vh;
  }
  .sm\:h-\[460px\]{
    height: 460px;
  }
  .sm\:h-\[52vh\]{
    height: 52vh;
  }
  .sm\:h-\[calc\(100\%-12px\)\]{
    height: calc(100% - 12px);
  }
  .sm\:h-\[min\(744px\2c calc\(100vh-2rem\)\)\]{
    height: min(744px,calc(100vh - 2rem));
  }
  .sm\:h-\[min\(800px\2c calc\(100vh-2rem\)\)\]{
    height: min(800px,calc(100vh - 2rem));
  }
  .sm\:w-10{
    width: 2.5rem;
  }
  .sm\:w-11{
    width: 2.75rem;
  }
  .sm\:w-12{
    width: 3rem;
  }
  .sm\:w-14{
    width: 3.5rem;
  }
  .sm\:w-16{
    width: 4rem;
  }
  .sm\:w-20{
    width: 5rem;
  }
  .sm\:w-24{
    width: 6rem;
  }
  .sm\:w-28{
    width: 7rem;
  }
  .sm\:w-3\.5{
    width: 0.875rem;
  }
  .sm\:w-32{
    width: 8rem;
  }
  .sm\:w-4{
    width: 1rem;
  }
  .sm\:w-48{
    width: 12rem;
  }
  .sm\:w-5{
    width: 1.25rem;
  }
  .sm\:w-56{
    width: 14rem;
  }
  .sm\:w-6{
    width: 1.5rem;
  }
  .sm\:w-64{
    width: 16rem;
  }
  .sm\:w-72{
    width: 18rem;
  }
  .sm\:w-8{
    width: 2rem;
  }
  .sm\:w-9{
    width: 2.25rem;
  }
  .sm\:w-\[132px\]{
    width: 132px;
  }
  .sm\:w-\[200px\]{
    width: 200px;
  }
  .sm\:w-\[320px\]{
    width: 320px;
  }
  .sm\:w-\[34\%\]{
    width: 34%;
  }
  .sm\:w-\[35\%\]{
    width: 35%;
  }
  .sm\:w-\[356px\]{
    width: 356px;
  }
  .sm\:w-\[400px\]{
    width: 400px;
  }
  .sm\:w-\[calc\(100vw-4rem\)\]{
    width: calc(100vw - 4rem);
  }
  .sm\:w-auto{
    width: auto;
  }
  .sm\:max-w-\[420px\]{
    max-width: 420px;
  }
  .sm\:max-w-\[75\%\]{
    max-width: 75%;
  }
  .sm\:max-w-lg{
    max-width: 32rem;
  }
  .sm\:max-w-md{
    max-width: 28rem;
  }
  .sm\:max-w-none{
    max-width: none;
  }
  .sm\:flex-1{
    flex: 1 1 0%;
  }
  .sm\:flex-none{
    flex: none;
  }
  .sm\:basis-\[13rem\]{
    flex-basis: 13rem;
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-\[1\.4fr_0\.8fr_1\.2fr_0\.9fr_1fr\]{
    grid-template-columns: 1.4fr 0.8fr 1.2fr 0.9fr 1fr;
  }
  .sm\:grid-cols-\[1fr_140px\]{
    grid-template-columns: 1fr 140px;
  }
  .sm\:grid-cols-\[1fr_1fr_auto\]{
    grid-template-columns: 1fr 1fr auto;
  }
  .sm\:flex-row{
    flex-direction: row;
  }
  .sm\:flex-nowrap{
    flex-wrap: nowrap;
  }
  .sm\:items-start{
    align-items: flex-start;
  }
  .sm\:items-end{
    align-items: flex-end;
  }
  .sm\:items-center{
    align-items: center;
  }
  .sm\:items-baseline{
    align-items: baseline;
  }
  .sm\:justify-center{
    justify-content: center;
  }
  .sm\:justify-between{
    justify-content: space-between;
  }
  .sm\:gap-1{
    gap: 0.25rem;
  }
  .sm\:gap-1\.5{
    gap: 0.375rem;
  }
  .sm\:gap-2{
    gap: 0.5rem;
  }
  .sm\:gap-2\.5{
    gap: 0.625rem;
  }
  .sm\:gap-3{
    gap: 0.75rem;
  }
  .sm\:gap-4{
    gap: 1rem;
  }
  .sm\:gap-5{
    gap: 1.25rem;
  }
  .sm\:gap-6{
    gap: 1.5rem;
  }
  .sm\:gap-8{
    gap: 2rem;
  }
  .sm\:gap-x-6{
    column-gap: 1.5rem;
  }
  .sm\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
  }
  .sm\: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));
  }
  .sm\: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));
  }
  .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }
  .sm\: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));
  }
  .sm\:rounded-2xl{
    border-radius: 1rem;
  }
  .sm\:rounded-3xl{
    border-radius: 1.5rem;
  }
  .sm\:rounded-\[38px\]{
    border-radius: 38px;
  }
  .sm\:rounded-xl{
    border-radius: 0.75rem;
  }
  .sm\:border-\[3px\]{
    border-width: 3px;
  }
  .sm\:border-b-0{
    border-bottom-width: 0px;
  }
  .sm\:border-r{
    border-right-width: 1px;
  }
  .sm\:p-1\.5{
    padding: 0.375rem;
  }
  .sm\:p-10{
    padding: 2.5rem;
  }
  .sm\:p-12{
    padding: 3rem;
  }
  .sm\:p-16{
    padding: 4rem;
  }
  .sm\:p-2{
    padding: 0.5rem;
  }
  .sm\:p-2\.5{
    padding: 0.625rem;
  }
  .sm\:p-3{
    padding: 0.75rem;
  }
  .sm\:p-3\.5{
    padding: 0.875rem;
  }
  .sm\:p-4{
    padding: 1rem;
  }
  .sm\:p-5{
    padding: 1.25rem;
  }
  .sm\:p-6{
    padding: 1.5rem;
  }
  .sm\:p-7{
    padding: 1.75rem;
  }
  .sm\:p-8{
    padding: 2rem;
  }
  .sm\:\!px-5{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .sm\:\!py-5{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .sm\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .sm\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:px-2\.5{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .sm\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .sm\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:py-3\.5{
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
  .sm\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:pb-14{
    padding-bottom: 3.5rem;
  }
  .sm\:pb-16{
    padding-bottom: 4rem;
  }
  .sm\:pb-4{
    padding-bottom: 1rem;
  }
  .sm\:pl-11{
    padding-left: 2.75rem;
  }
  .sm\:pl-12{
    padding-left: 3rem;
  }
  .sm\:pr-24{
    padding-right: 6rem;
  }
  .sm\:pt-2{
    padding-top: 0.5rem;
  }
  .sm\:pt-24{
    padding-top: 6rem;
  }
  .sm\:pt-32{
    padding-top: 8rem;
  }
  .sm\:pt-4{
    padding-top: 1rem;
  }
  .sm\:text-left{
    text-align: left;
  }
  .sm\:text-right{
    text-align: right;
  }
  .sm\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .sm\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .sm\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .sm\:text-\[11px\]{
    font-size: 11px;
  }
  .sm\:text-\[13px\]{
    font-size: 13px;
  }
  .sm\:text-\[15px\]{
    font-size: 15px;
  }
  .sm\:text-\[2\.6rem\]{
    font-size: 2.6rem;
  }
  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .sm\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .sm\:shadow-\[0_0_0_1\.5px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]{
    --tw-shadow: 0 0 0 1.5px rgba(0,0,0,0.55);
    --tw-shadow-colored: 0 0 0 1.5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .sm\:\[--scale-enter\:100\%\]{
    --scale-enter: 100%;
  }
  .sm\:\[--scale-exit\:103\%\]{
    --scale-exit: 103%;
  }
  .sm\:\[--slide-enter\:0px\]{
    --slide-enter: 0px;
  }
  .sm\:\[--slide-exit\:0px\]{
    --slide-exit: 0px;
  }
  .sm\:data-\[visible\=true\]\:pointer-events-none[data-visible="true"]{
    pointer-events: none;
  }
  .sm\:data-\[placement\=bottom-center\]\:mx-auto[data-placement="bottom-center"]{
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:data-\[placement\=top-center\]\:mx-auto[data-placement="top-center"]{
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:data-\[placement\=bottom-left\]\:ml-2[data-placement="bottom-left"]{
    margin-left: 0.5rem;
  }
  .sm\:data-\[placement\=bottom-right\]\:mr-2[data-placement="bottom-right"]{
    margin-right: 0.5rem;
  }
  .sm\:data-\[placement\=top-left\]\:ml-2[data-placement="top-left"]{
    margin-left: 0.5rem;
  }
  .sm\:data-\[placement\=top-right\]\:mr-2[data-placement="top-right"]{
    margin-right: 0.5rem;
  }
  .sm\:data-\[placement\=bottom-center\]\:w-max[data-placement="bottom-center"]{
    width: max-content;
  }
  .sm\:data-\[placement\=bottom-left\]\:w-max[data-placement="bottom-left"]{
    width: max-content;
  }
  .sm\:data-\[placement\=bottom-right\]\:w-max[data-placement="bottom-right"]{
    width: max-content;
  }
  .sm\:data-\[placement\=top-center\]\:w-max[data-placement="top-center"]{
    width: max-content;
  }
  .sm\:data-\[placement\=top-left\]\:w-max[data-placement="top-left"]{
    width: max-content;
  }
  .sm\:data-\[placement\=top-right\]\:w-max[data-placement="top-right"]{
    width: max-content;
  }
  .sm\:data-\[visible\=true\]\:opacity-0[data-visible="true"]{
    opacity: 0;
  }
  .group[data-hover="true"] .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:pointer-events-auto[data-visible="true"]{
    pointer-events: auto;
  }
  .group[data-hover="true"] .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:opacity-100[data-visible="true"]{
    opacity: 1;
  }
}

@media (min-width: 768px){
  .md\:-right-2{
    right: -0.5rem;
  }
  .md\:bottom-20{
    bottom: 5rem;
  }
  .md\:bottom-32{
    bottom: 8rem;
  }
  .md\:top-24{
    top: 6rem;
  }
  .md\:order-1{
    order: 1;
  }
  .md\:order-2{
    order: 2;
  }
  .md\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .md\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .md\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .md\:row-span-1{
    grid-row: span 1 / span 1;
  }
  .md\:row-span-2{
    grid-row: span 2 / span 2;
  }
  .md\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:mb-4{
    margin-bottom: 1rem;
  }
  .md\:block{
    display: block;
  }
  .md\:inline{
    display: inline;
  }
  .md\:flex{
    display: flex;
  }
  .md\:inline-flex{
    display: inline-flex;
  }
  .md\:table-cell{
    display: table-cell;
  }
  .md\:grid{
    display: grid;
  }
  .md\:hidden{
    display: none;
  }
  .md\:aspect-video{
    aspect-ratio: 16 / 9;
  }
  .md\:h-16{
    height: 4rem;
  }
  .md\:h-5{
    height: 1.25rem;
  }
  .md\:h-\[460px\]{
    height: 460px;
  }
  .md\:h-\[92vh\]{
    height: 92vh;
  }
  .md\:min-h-\[620px\]{
    min-height: 620px;
  }
  .md\:w-16{
    width: 4rem;
  }
  .md\:w-5{
    width: 1.25rem;
  }
  .md\:w-64{
    width: 16rem;
  }
  .md\:w-\[460px\]{
    width: 460px;
  }
  .md\:w-auto{
    width: auto;
  }
  .md\:max-w-6xl{
    max-width: 72rem;
  }
  .md\:max-w-\[480px\]{
    max-width: 480px;
  }
  .md\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-\[1\.15fr_1fr\]{
    grid-template-columns: 1.15fr 1fr;
  }
  .md\:grid-cols-\[360px_1fr\]{
    grid-template-columns: 360px 1fr;
  }
  .md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 16rem\)\]{
    grid-template-columns: minmax(0,1fr) minmax(0,16rem);
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:flex-col{
    flex-direction: column;
  }
  .md\:items-start{
    align-items: flex-start;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:justify-end{
    justify-content: flex-end;
  }
  .md\:justify-between{
    justify-content: space-between;
  }
  .md\:gap-2\.5{
    gap: 0.625rem;
  }
  .md\:gap-24{
    gap: 6rem;
  }
  .md\:gap-3{
    gap: 0.75rem;
  }
  .md\:gap-4{
    gap: 1rem;
  }
  .md\:gap-6{
    gap: 1.5rem;
  }
  .md\:gap-8{
    gap: 2rem;
  }
  .md\:self-auto{
    align-self: auto;
  }
  .md\:rounded-2xl{
    border-radius: 1rem;
  }
  .md\:rounded-xl{
    border-radius: 0.75rem;
  }
  .md\:p-10{
    padding: 2.5rem;
  }
  .md\:p-16{
    padding: 4rem;
  }
  .md\:p-6{
    padding: 1.5rem;
  }
  .md\:p-8{
    padding: 2rem;
  }
  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:pb-8{
    padding-bottom: 2rem;
  }
  .md\:pt-12{
    padding-top: 3rem;
  }
  .md\:pt-24{
    padding-top: 6rem;
  }
  .md\:pt-28{
    padding-top: 7rem;
  }
  .md\:text-left{
    text-align: left;
  }
  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .md\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }
  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px){
  .lg\:\!pointer-events-none{
    pointer-events: none !important;
  }
  .lg\:visible{
    visibility: visible;
  }
  .lg\:static{
    position: static;
  }
  .lg\:relative{
    position: relative;
  }
  .lg\:sticky{
    position: sticky;
  }
  .lg\:-left-8{
    left: -2rem;
  }
  .lg\:-right-8{
    right: -2rem;
  }
  .lg\:bottom-6{
    bottom: 1.5rem;
  }
  .lg\:right-6{
    right: 1.5rem;
  }
  .lg\:top-24{
    top: 6rem;
  }
  .lg\:top-6{
    top: 1.5rem;
  }
  .lg\:z-30{
    z-index: 30;
  }
  .lg\:order-1{
    order: 1;
  }
  .lg\:order-2{
    order: 2;
  }
  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-8{
    grid-column: span 8 / span 8;
  }
  .lg\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg\:\!-mr-1\.5{
    margin-right: -0.375rem !important;
  }
  .lg\:block{
    display: block;
  }
  .lg\:inline{
    display: inline;
  }
  .lg\:flex{
    display: flex;
  }
  .lg\:inline-flex{
    display: inline-flex;
  }
  .lg\:table-cell{
    display: table-cell;
  }
  .lg\:\!hidden{
    display: none !important;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:h-10{
    height: 2.5rem;
  }
  .lg\:h-14{
    height: 3.5rem;
  }
  .lg\:h-28{
    height: 7rem;
  }
  .lg\:h-32{
    height: 8rem;
  }
  .lg\:h-4{
    height: 1rem;
  }
  .lg\:h-5{
    height: 1.25rem;
  }
  .lg\:h-\[500px\]{
    height: 500px;
  }
  .lg\:h-\[540px\]{
    height: 540px;
  }
  .lg\:max-h-\[400px\]{
    max-height: 400px;
  }
  .lg\:max-h-\[94vh\]{
    max-height: 94vh;
  }
  .lg\:min-h-0{
    min-height: 0px;
  }
  .lg\:min-h-\[720px\]{
    min-height: 720px;
  }
  .lg\:\!w-0{
    width: 0px !important;
  }
  .lg\:w-10{
    width: 2.5rem;
  }
  .lg\:w-14{
    width: 3.5rem;
  }
  .lg\:w-28{
    width: 7rem;
  }
  .lg\:w-4{
    width: 1rem;
  }
  .lg\:w-5{
    width: 1.25rem;
  }
  .lg\:w-72{
    width: 18rem;
  }
  .lg\:w-80{
    width: 20rem;
  }
  .lg\:w-\[240px\]{
    width: 240px;
  }
  .lg\:w-\[500px\]{
    width: 500px;
  }
  .lg\:w-\[540px\]{
    width: 540px;
  }
  .lg\:w-\[76px\]{
    width: 76px;
  }
  .lg\:w-full{
    width: 100%;
  }
  .lg\:min-w-\[120px\]{
    min-width: 120px;
  }
  .lg\:max-w-5xl{
    max-width: 64rem;
  }
  .lg\:max-w-\[240px\]{
    max-width: 240px;
  }
  .lg\:max-w-\[580px\]{
    max-width: 580px;
  }
  .lg\:max-w-\[600px\]{
    max-width: 600px;
  }
  .lg\:flex-none{
    flex: none;
  }
  .lg\: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));
  }
  .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\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[1\.05fr_1fr\]{
    grid-template-columns: 1.05fr 1fr;
  }
  .lg\:grid-cols-\[1\.3fr_1fr\]{
    grid-template-columns: 1.3fr 1fr;
  }
  .lg\:grid-cols-\[1fr\2c 320px\]{
    grid-template-columns: 1fr 320px;
  }
  .lg\:grid-cols-\[1fr_260px\]{
    grid-template-columns: 1fr 260px;
  }
  .lg\:grid-cols-\[260px_1fr\]{
    grid-template-columns: 260px 1fr;
  }
  .lg\:grid-cols-\[minmax\(232px\2c 268px\)_1fr\]{
    grid-template-columns: minmax(232px,268px) 1fr;
  }
  .lg\:grid-cols-\[minmax\(252px\2c 288px\)_1fr\]{
    grid-template-columns: minmax(252px,288px) 1fr;
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:flex-col{
    flex-direction: column;
  }
  .lg\:items-start{
    align-items: flex-start;
  }
  .lg\:items-end{
    align-items: flex-end;
  }
  .lg\:items-center{
    align-items: center;
  }
  .lg\:justify-start{
    justify-content: flex-start;
  }
  .lg\:justify-end{
    justify-content: flex-end;
  }
  .lg\:justify-center{
    justify-content: center;
  }
  .lg\:justify-between{
    justify-content: space-between;
  }
  .lg\:gap-0{
    gap: 0px;
  }
  .lg\:gap-1{
    gap: 0.25rem;
  }
  .lg\:gap-1\.5{
    gap: 0.375rem;
  }
  .lg\:gap-10{
    gap: 2.5rem;
  }
  .lg\:gap-12{
    gap: 3rem;
  }
  .lg\:gap-2{
    gap: 0.5rem;
  }
  .lg\:gap-3{
    gap: 0.75rem;
  }
  .lg\:gap-6{
    gap: 1.5rem;
  }
  .lg\:gap-8{
    gap: 2rem;
  }
  .lg\:self-start{
    align-self: flex-start;
  }
  .lg\:rounded-3xl{
    border-radius: 1.5rem;
  }
  .lg\:border-0{
    border-width: 0px;
  }
  .lg\:border-b-0{
    border-bottom-width: 0px;
  }
  .lg\:border-l{
    border-left-width: 1px;
  }
  .lg\:border-r{
    border-right-width: 1px;
  }
  .lg\:border-t-0{
    border-top-width: 0px;
  }
  .lg\:bg-transparent{
    background-color: transparent;
  }
  .lg\:p-10{
    padding: 2.5rem;
  }
  .lg\:p-2{
    padding: 0.5rem;
  }
  .lg\:p-8{
    padding: 2rem;
  }
  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg\:pb-0{
    padding-bottom: 0px;
  }
  .lg\:pb-16{
    padding-bottom: 4rem;
  }
  .lg\:pb-20{
    padding-bottom: 5rem;
  }
  .lg\:pb-28{
    padding-bottom: 7rem;
  }
  .lg\:pt-24{
    padding-top: 6rem;
  }
  .lg\:pt-28{
    padding-top: 7rem;
  }
  .lg\:text-left{
    text-align: left;
  }
  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .lg\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .lg\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .lg\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .lg\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .lg\:text-\[4\.3rem\]{
    font-size: 4.3rem;
  }
  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .lg\:\!opacity-0{
    opacity: 0 !important;
  }
  .lg\:backdrop-blur-none{
    --tw-backdrop-blur:  ;
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}

@media (min-width: 1280px){
  .xl\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .xl\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .xl\:col-span-9{
    grid-column: span 9 / span 9;
  }
  .xl\:-mt-10{
    margin-top: -2.5rem;
  }
  .xl\:block{
    display: block;
  }
  .xl\:inline{
    display: inline;
  }
  .xl\:flex{
    display: flex;
  }
  .xl\:hidden{
    display: none;
  }
  .xl\:h-\[580px\]{
    height: 580px;
  }
  .xl\:min-h-\[780px\]{
    min-height: 780px;
  }
  .xl\:w-\[344px\]{
    width: 344px;
  }
  .xl\:w-\[580px\]{
    width: 580px;
  }
  .xl\:w-auto{
    width: auto;
  }
  .xl\:max-w-5xl{
    max-width: 64rem;
  }
  .xl\:max-w-\[620px\]{
    max-width: 620px;
  }
  .xl\:flex-1{
    flex: 1 1 0%;
  }
  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:grid-cols-\[1fr\2c 340px\]{
    grid-template-columns: 1fr 340px;
  }
  .xl\:flex-row{
    flex-direction: row;
  }
  .xl\:items-end{
    align-items: flex-end;
  }
  .xl\:gap-12{
    gap: 3rem;
  }
  .xl\:gap-7{
    gap: 1.75rem;
  }
  .xl\:truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .xl\:p-10{
    padding: 2.5rem;
  }
  .xl\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xl\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl\:pb-20{
    padding-bottom: 5rem;
  }
  .xl\:pb-24{
    padding-bottom: 6rem;
  }
  .xl\:pt-32{
    padding-top: 8rem;
  }
  .xl\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .xl\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
}

@media (min-width: 1536px){
  .\32xl\:inline{
    display: inline;
  }
  .\32xl\:flex{
    display: flex;
  }
  .\32xl\:grid{
    display: grid;
  }
  .\32xl\:h-12{
    height: 3rem;
  }
  .\32xl\:h-14{
    height: 3.5rem;
  }
  .\32xl\:h-32{
    height: 8rem;
  }
  .\32xl\:h-40{
    height: 10rem;
  }
  .\32xl\:h-6{
    height: 1.5rem;
  }
  .\32xl\:h-7{
    height: 1.75rem;
  }
  .\32xl\:h-\[520px\]{
    height: 520px;
  }
  .\32xl\:w-12{
    width: 3rem;
  }
  .\32xl\:w-14{
    width: 3.5rem;
  }
  .\32xl\:w-32{
    width: 8rem;
  }
  .\32xl\:w-6{
    width: 1.5rem;
  }
  .\32xl\:w-7{
    width: 1.75rem;
  }
  .\32xl\:w-\[520px\]{
    width: 520px;
  }
  .\32xl\:max-w-5xl{
    max-width: 64rem;
  }
  .\32xl\:max-w-7xl{
    max-width: 80rem;
  }
  .\32xl\:max-w-8xl{
    max-width: 1440px;
  }
  .\32xl\:max-w-\[540px\]{
    max-width: 540px;
  }
  .\32xl\:max-w-\[90\%\]{
    max-width: 90%;
  }
  .\32xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .\32xl\:grid-cols-\[1fr_220px\]{
    grid-template-columns: 1fr 220px;
  }
  .\32xl\:justify-start{
    justify-content: flex-start;
  }
  .\32xl\:gap-10{
    gap: 2.5rem;
  }
  .\32xl\:gap-16{
    gap: 4rem;
  }
  .\32xl\:gap-6{
    gap: 1.5rem;
  }
  .\32xl\:p-12{
    padding: 3rem;
  }
  .\32xl\:p-6{
    padding: 1.5rem;
  }
  .\32xl\:p-8{
    padding: 2rem;
  }
  .\32xl\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .\32xl\:pl-4{
    padding-left: 1rem;
  }
  .\32xl\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .\32xl\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .\32xl\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1920px){
  .\33xl\:max-w-6xl{
    max-width: 72rem;
  }
  .\33xl\:max-w-9xl{
    max-width: 1680px;
  }
  .\33xl\:max-w-\[95\%\]{
    max-width: 95%;
  }
  .\33xl\:max-w-screen-3xl{
    max-width: 1920px;
  }
  .\33xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .\33xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .\33xl\:gap-12{
    gap: 3rem;
  }
  .\33xl\:gap-9{
    gap: 2.25rem;
  }
  .\33xl\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (min-width: 2560px){
  .\34xl\:max-w-full{
    max-width: 100%;
  }
  .\34xl\:max-w-screen-4xl{
    max-width: 2560px;
  }
  .\34xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .\34xl\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (min-width: 3200px){
  .\35xl\:max-w-full{
    max-width: 100%;
  }
  .\35xl\:max-w-screen-5xl{
    max-width: 3200px;
  }
  .\35xl\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}

.rtl\:left-2:where([dir="rtl"], [dir="rtl"] *){
  left: 0.5rem;
}

.rtl\:right-auto:where([dir="rtl"], [dir="rtl"] *){
  right: auto;
}

.rtl\:origin-top-right:where([dir="rtl"], [dir="rtl"] *){
  transform-origin: top right;
}

.rtl\:-rotate-180:where([dir="rtl"], [dir="rtl"] *){
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\: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\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *){
  flex-direction: row-reverse;
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}

.rtl\:data-\[focus-visible\=true\]\:translate-x-3[data-focus-visible="true"]:where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:data-\[hover\=true\]\:translate-x-3[data-hover="true"]:where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:data-\[open\=true\]\:-rotate-90[data-open="true"]:where([dir="rtl"], [dir="rtl"] *){
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\+\.border-medium\.border-danger\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-danger{
  margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
}

.\[\&\+\.border-medium\.border-default\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-default{
  margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
}

.\[\&\+\.border-medium\.border-primary\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-primary{
  margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
}

.\[\&\+\.border-medium\.border-secondary\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-secondary{
  margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
}

.\[\&\+\.border-medium\.border-success\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-success{
  margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
}

.\[\&\+\.border-medium\.border-warning\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-warning{
  margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
}

.\[\&\:\:-ms-reveal\]\:hidden::-ms-reveal{
  display: none;
}

.\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none:not(:first-child):not(:last-child){
  border-radius: 0px;
}

.\[\&\:not\(\:first-child\)\]\:-ml-1:not(:first-child){
  margin-left: -0.25rem;
}

.\[\&\:not\(\:first-of-type\)\:not\(\:last-of-type\)\]\:rounded-none:not(:first-of-type):not(:last-of-type){
  border-radius: 0px;
}

.\[\&\:not\(\:first-of-type\)\]\:ms-\[calc\(theme\(borderWidth\.2\)\*-1\)\]:not(:first-of-type){
  margin-inline-start: calc(2px * -1);
}

@media (min-width: 640px){
  .sm\:\[\&\:nth-child\(2\)\]\:border-t-0:nth-child(2){
    border-top-width: 0px;
  }
}

.\[\&\>\*\]\:relative>*{
  position: relative;
}

.\[\&\>div\]\:\!mb-0>div{
  margin-bottom: 0px !important;
}

.\[\&\>option\]\:bg-\[\#0f172a\]>option{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.\[\&\>option\]\:bg-gray-900>option{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.\[\&\>option\]\:text-white>option{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.\[\&\>svg\]\:h-10>svg{
  height: 2.5rem;
}

.\[\&\>svg\]\:h-3\.5>svg{
  height: 0.875rem;
}

.\[\&\>svg\]\:h-4>svg{
  height: 1rem;
}

.\[\&\>svg\]\:h-5>svg{
  height: 1.25rem;
}

.\[\&\>svg\]\:h-7>svg{
  height: 1.75rem;
}

.\[\&\>svg\]\:w-10>svg{
  width: 2.5rem;
}

.\[\&\>svg\]\:w-3\.5>svg{
  width: 0.875rem;
}

.\[\&\>svg\]\:w-4>svg{
  width: 1rem;
}

.\[\&\>svg\]\:w-5>svg{
  width: 1.25rem;
}

.\[\&\>svg\]\:w-7>svg{
  width: 1.75rem;
}

.\[\&\>svg\]\:max-w-\[theme\(spacing\.8\)\]>svg{
  max-width: 2rem;
}

.\[\&\>svg\]\:shrink-0>svg{
  flex-shrink: 0;
}

.\[\&\>tr\]\:bg-gray-50>tr{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.\[\&\>tr\]\:bg-white\/\[0\.03\]>tr{
  background-color: rgb(255 255 255 / 0.03);
}

.\[\&\>tr\]\:first\:rounded-lg:first-child>tr{
  border-radius: 0.5rem;
}

.\[\&\>tr\]\:first\:shadow-small:first-child>tr{
  --tw-shadow: var(--heroui-box-shadow-small);
  --tw-shadow-colored: var(--heroui-box-shadow-small);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-100[data-hover=true]:not([data-active=true]){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-100) / var(--tw-bg-opacity, 1));
}

.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-200[data-hover=true]:not([data-active=true]){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--heroui-default-200) / var(--tw-bg-opacity, 1));
}

.\[\&_\.chevron-icon\]\:flex-none .chevron-icon{
  flex: none;
}

.\[\&_\.chevron-icon\]\:rotate-180 .chevron-icon{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&_\.chevron-icon\]\:transition-transform .chevron-icon{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media(hover:none){
  .\[\@media\(hover\:none\)\]\:opacity-100{
    opacity: 1;
  }
}

@media(min-height:860px){
  .\[\@media\(min-height\:860px\)\]\:flex{
    display: flex;
  }
}

@media(min-height:900px){
  .\[\@media\(min-height\:900px\)\]\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  @media (min-width: 640px){
    .\[\@media\(min-height\:900px\)\]\:sm\:w-40{
      width: 10rem;
    }
  }
  @media (min-width: 1024px){
    .\[\@media\(min-height\:900px\)\]\:lg\:w-44{
      width: 11rem;
    }
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app\\layout.tsx","import":"Inter","arguments":[{"subsets":["latin"],"display":"swap","preload":true,"variable":"--font-inter","fallback":["system-ui","-apple-system","Segoe UI","Roboto","sans-serif"]}],"variableName":"inter"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Inter_Fallback_f367f3';src: local("Arial");ascent-override: 90.49%;descent-override: 22.56%;line-gap-override: 0.00%;size-adjust: 107.06%
}.__className_f367f3 {font-family: '__Inter_f367f3', '__Inter_Fallback_f367f3', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;font-style: normal
}.__variable_f367f3 {--font-inter: '__Inter_f367f3', '__Inter_Fallback_f367f3', system-ui, -apple-system, Segoe UI, Roboto, sans-serif
}