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

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

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

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

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

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, Helvetica, Arial, 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: SFMono-Regular, Menlo, Monaco, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

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

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

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

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

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  :root {
    color-scheme: light;
    /* ========== 间距规范 / Space ========== */
    --space-1: 2px;
    --space-2: 4px;
    --space-3: 6px;
    --space-4: 8px;
    --space-5: 10px;
    --space-6: 12px;
    --space-8: 16px;
    --space-10: 20px;
    --space-12: 24px;
    --space-16: 32px;
    --space-20: 40px;

    /* ========== 圆角规范 / Corner ========== */
    --radius-1: 2px;
    --radius-2: 4px;
    --radius-3: 6px;
    --radius-4: 8px;

    /* ========== 阴影规范 / Shadow - 柔色光影 ========== */
    /* 浅色模式：柔和扩散阴影 */
    --shadow-s1: 0 4px 16px -4px rgba(0,0,0,0.06), 0 2px 8px -2px rgba(0,0,0,0.04);
    --shadow-s2: 0 8px 24px -4px rgba(0,0,0,0.08), 0 4px 12px -2px rgba(0,0,0,0.04);
    --shadow-s3: 0 16px 48px -8px rgba(0,0,0,0.1), 0 8px 24px -4px rgba(0,0,0,0.06);
    --shadow-glow: 0 0 32px rgba(254,195,1,0.1), 0 0 64px rgba(254,195,1,0.05);

    /* ========== 字体规范 / Font ========== */
    --font-sans: 'Segoe UI', -apple-system, BlinkMacSystemFont, system-ui, Helvetica, Arial, sans-serif;
    --font-mono: 'SFMono-Regular', Menlo, Monaco, monospace;

    /* 字号 */
    --font-size-t5: 20px;
    --font-size-t4: 18px;
    --font-size-t3: 16px;
    --font-size-t2: 14px;
    --font-size-t1: 13px;

    /* 行高 */
    --line-height-t5: 30px;
    --line-height-t4: 28px;
    --line-height-t3: 24px;
    --line-height-t2: 21px;
    --line-height-t1: 19px;

    /* ========== 图标规范 / Icon ========== */
    --icon-size-xs: 16px;    /* 16x16 */
    --icon-size-sm: 24px;    /* 24x24 */
    --icon-size-md: 32px;    /* 32x32 */
    --icon-size-lg: 40px;    /* 40x40 */
    --icon-size-xl: 48px;    /* 48x48 */
    --icon-size-xxl: 64px;   /* 64x64 */

    /* 图标线宽 */
    --icon-stroke-thin: 1px;
    --icon-stroke-regular: 2px;
    --icon-stroke-bold: 3px;

    /* ========== 颜色规范 / Colors ========== */
    /* Light 主题颜色 */
    --bg: #FCFCFC;
    --bg-card: #FFFFFF;
    --header-bg: #FCFCFC;
    --header-shadow-color: rgba(226,226,226,0.7);
    --text-title: #333333;
    --text-subtitle: #666666;
    --text-tip: #999999;
    --text-primary: #333333;
    --text-main: #FEC301;
    --main: #FEC301;
    --success: #2EBD85;
    --warning: #F17E2B;
    --error: #F6425D;
    --line: #DEE5EF;

    /* Message 颜色 */
    --message-success: #2EBD85;
    --message-success-bg: #D0EFD8;
    --message-error: #F6425D;
    --message-error-bg: #FBE9E6;
    --message-warning: #F17E2B;
    --message-warning-bg: #FBEEDA;

    /* Button 颜色 */
    --button-primary: #FEC301;
    --button-primary-hover: #F2BD0C;
    --button-primary-active: #FED400;
    --button-error: #F6425D;
    --button-error-hover: #E82844;
    --button-error-active: #F82544;
    --button-success: #19A658;
    --button-success-hover: #4ED983;
    --button-success-active: #0D8044;
    --button-action: #FFBD38;

    /* Header 阴影 - 柔光效果 */
    --header-shadow-small: 0 2px 12px -2px rgba(0,0,0,0.06);
    --header-shadow-middle: 0 4px 20px -4px rgba(0,0,0,0.08);
    --header-shadow-large: 0 8px 32px -4px rgba(0,0,0,0.1);

    /* 视觉层次：信息密度分层 */
    --card-shadow: 0 4px 24px -4px rgba(0,0,0,0.06), 0 8px 48px -8px rgba(0,0,0,0.04);
    --card-shadow-hover: 0 12px 40px -8px rgba(0,0,0,0.08), 0 20px 64px -12px rgba(0,0,0,0.06);

    /* 登录/注册页面变量 */
    --bg-primary: #FCFCFC;
    --bg-secondary: #FFFFFF;
    --bg-tertiary: #F7F7F7;
    --border-color: #DEE5EF;
    --text-secondary: #666666;

    /* 输入框和按钮变量 */
    --input-bg: #FCFCFC;
    --input-border: #DEE5EF;
    --input-text: #333333;
    --input-placeholder: #999999;
    --button-primary-bg: var(--button-primary);
    --button-primary-text: var(--theme-bg-text);
    --button-secondary-bg: #F7F7F7;
    --button-secondary-hover: #FBEEDA;
    --button-secondary-text: #666666;
    --link-color: #FEC301;
    --link-hover: #F2BD0C;

    /* 主题强调色（品牌金 #FEC301）：链接、选中态、激活态、focus ring 全部走这一组。
     * 此前曾尝试拆「品牌金色 / 蓝色语义状态色」二套体系，最终方案是统一金色一套，
     * 让 trading 页 K 线 interval / 限价市价 tab / Balance/Positions/Active Orders 等全部用金色。
     * RGB 形式确保 Tailwind 的 `bg-theme/N`、`border-theme/N`、`text-theme/N` 等 alpha 修饰符正常工作。 */
    --theme-accent: #FEC301;
    --theme-accent-hover: #F2BD0C;
    --theme-accent-muted: rgba(254,195,1,0.12);
    --theme-accent-muted-strong: rgba(254,195,1,0.2);
    --theme-accent-rgb: 254 195 1;
    --theme-accent-hover-rgb: 242 189 12;
    /* 主题背景（金黄）上的文字色：黑色 */
    --theme-bg-text: #000000;

    /* 柔色渐变 - 以 #FEC301 金黄为起点 */
    --gradient-theme: linear-gradient(135deg, #FEC301 0%, #FFBD38 50%, #F17E2B 100%);
    --gradient-theme-soft: linear-gradient(135deg, rgba(254,195,1,0.12) 0%, rgba(255,189,56,0.08) 50%, rgba(241,126,43,0.06) 100%);

    /* Dark 变量预声明 */
    --dark-bg: #181A1F;
    --dark-bg-card: #1A1A1A;
    --dark-header-bg: #181A1F;
    --dark-header-shadow-color: rgba(0,0,0,0.16);
    --dark-text-title: #E3E3E2;
    --dark-text-subtitle: #EAECEF;
    --dark-text-tip: #FFFFFF;
    --dark-text-primary: #FFFFFF;
    --dark-text-main: #FEC301;
    --dark-main: #FEC301;
    --dark-success: #2EBD85;
    --dark-warning: #F17E2B;
    --dark-error: #F6425D;
    --dark-line: #5A5959;

    --dark-message-success: #2EBD85;
    --dark-message-success-bg: #CEE3D4;
    --dark-message-error: #F6425D;
    --dark-message-error-bg: #EFD4D0;
    --dark-message-warning: #F17E2B;
    --dark-message-warning-bg: #EDDCC2;

    --dark-button-primary: #FEC301;
    --dark-button-primary-hover: #F2BD0C;
    --dark-button-primary-active: #FED400;
    --dark-button-error: #F6425D;
    --dark-button-error-hover: #E82844;
    --dark-button-error-active: #F82544;
    --dark-button-success: #19A658;
    --dark-button-success-hover: #4ED983;
    --dark-button-success-active: #0D8044;
    --dark-button-action: #FFBD38;

    /* Dark 强调色（电光蓝、紫、渐变等） */
    --accent-cyan: #FEC301;
    --accent-blue: #FFBD38;
    --accent-purple: #F17E2B;
    --accent-pink: #FED400;

    /* Dark 阴影 - 柔色深色模式 */
    --dark-shadow-s1: 0 4px 16px -4px rgba(0,0,0,0.2), 0 2px 8px -2px rgba(0,0,0,0.12);
    --dark-shadow-s2: 0 8px 24px -4px rgba(0,0,0,0.24), 0 4px 12px -2px rgba(0,0,0,0.16);
    --dark-shadow-s3: 0 16px 48px -8px rgba(0,0,0,0.3), 0 8px 24px -4px rgba(0,0,0,0.2);
    --dark-shadow-glow: 0 0 32px rgba(254,195,1,0.12), 0 0 64px rgba(254,195,1,0.06);
  }

  /* ========== Dark Mode ========== */
  .dark {
    color-scheme: dark;
    --bg: var(--dark-bg);
    --header-bg: var(--dark-header-bg);
    --text-title: var(--dark-text-title);
    --text-subtitle: var(--dark-text-subtitle);
    --text-tip: var(--dark-text-tip);
    --text-primary: var(--dark-text-primary);
    --text-main: var(--dark-text-main);
    --main: var(--dark-main);
    --success: var(--dark-success);
    --warning: var(--dark-warning);
    --error: var(--dark-error);
    --line: var(--dark-line);

    --message-success: var(--dark-message-success);
    --message-success-bg: var(--dark-message-success-bg);
    --message-error: var(--dark-message-error);
    --message-error-bg: var(--dark-message-error-bg);
    --message-warning: var(--dark-message-warning);
    --message-warning-bg: var(--dark-message-warning-bg);

    --button-primary: var(--dark-button-primary);
    --button-primary-hover: var(--dark-button-primary-hover);
    --button-primary-active: var(--dark-button-primary-active);
    --button-error: var(--dark-button-error);
    --button-error-hover: var(--dark-button-error-hover);
    --button-error-active: var(--dark-button-error-active);
    --button-success: var(--dark-button-success);
    --button-success-hover: var(--dark-button-success-hover);
    --button-success-active: var(--dark-button-success-active);
    --button-action: var(--dark-button-action);

    /* Dark 背景 */
    --bg-card: var(--dark-bg-card);

    /* Dark 主题强调色（品牌金 #FEC301，见 :root 注释） */
    --theme-accent: #FEC301;
    --theme-accent-hover: #FFBD38;
    --theme-accent-muted: rgba(254,195,1,0.12);
    --theme-accent-muted-strong: rgba(254,195,1,0.2);
    --theme-accent-rgb: 254 195 1;
    --theme-accent-hover-rgb: 255 189 56;
    /* 主题背景（金黄）上的文字色：黑色 */
    --theme-bg-text: #000000;

    /* Dark 柔色渐变 */
    --gradient-theme: linear-gradient(135deg, #FEC301 0%, #FFBD38 50%, #F17E2B 100%);
    --gradient-theme-soft: linear-gradient(135deg, rgba(254,195,1,0.15) 0%, rgba(255,189,56,0.1) 50%, rgba(241,126,43,0.08) 100%);

    /* Dark 阴影 */
    --shadow-s1: var(--dark-shadow-s1);
    --shadow-s2: var(--dark-shadow-s2);
    --shadow-s3: var(--dark-shadow-s3);
    --shadow-glow: var(--dark-shadow-glow);
    --header-shadow-small: var(--dark-shadow-s1);
    --header-shadow-middle: var(--dark-shadow-s2);
    --header-shadow-large: var(--dark-shadow-s3);
    --card-shadow: var(--dark-shadow-s2);
    --card-shadow-hover: var(--dark-shadow-s3);

    /* 登录/注册页面 Dark */
    --bg-primary: var(--dark-bg);
    --bg-secondary: var(--dark-bg-card);
    --bg-tertiary: #1E252D;
    --border-color: var(--dark-line);
    --text-secondary: var(--dark-text-subtitle);

    /* 输入框和按钮 Dark */
    --input-bg: #1A2028;
    --input-border: rgba(255,255,255,0.08);
    --input-text: #FFFFFF;
    --input-placeholder: #999999;
    --button-secondary-bg: #2A313C;
    --button-secondary-hover: #3A414C;
    --button-secondary-text: #EAECEF;
    --link-hover: var(--dark-button-primary-hover);
  }

  /* ========== 基础样式 ========== */
  body {
    font-family: var(--font-sans);
    background-color: var(--bg);
    color: var(--text-title);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }

  header {
    background-color: var(--header-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: none !important;
    box-shadow: var(--header-shadow-small);
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
  }

  header.scrolled,
  header[data-elevated="true"] {
    box-shadow: var(--header-shadow-large);
  }
.\!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;
  }
}
.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-0 {
  inset: 0px;
}
.inset-12 {
  inset: 3rem;
}
.inset-16 {
  inset: 4rem;
}
.inset-3 {
  inset: 0.75rem;
}
.inset-6 {
  inset: 1.5rem;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.\!bottom-0 {
  bottom: 0px !important;
}
.\!bottom-\[calc\(4rem\+var\(--mobile-bottom-inset\)\)\] {
  bottom: calc(4rem + var(--mobile-bottom-inset)) !important;
}
.\!right-0 {
  right: 0px !important;
}
.\!right-2 {
  right: 0.5rem !important;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-6 {
  bottom: -1.5rem;
}
.-left-1 {
  left: -0.25rem;
}
.-left-5 {
  left: -1.25rem;
}
.-left-8 {
  left: -2rem;
}
.-right-0\.5 {
  right: -0.125rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-2 {
  right: -0.5rem;
}
.-right-3 {
  right: -0.75rem;
}
.-right-6 {
  right: -1.5rem;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-4 {
  top: -1rem;
}
.-top-8 {
  top: -2rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1\/3 {
  bottom: 33.333333%;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-2\.5 {
  bottom: 0.625rem;
}
.bottom-20 {
  bottom: 5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-40 {
  bottom: 10rem;
}
.bottom-\[50px\] {
  bottom: 50px;
}
.bottom-\[calc\(50\%\+7px\)\] {
  bottom: calc(50% + 7px);
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-1\/3 {
  left: 33.333333%;
}
.left-1\/4 {
  left: 25%;
}
.left-2 {
  left: 0.5rem;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-3 {
  left: 0.75rem;
}
.left-32 {
  left: 8rem;
}
.left-4 {
  left: 1rem;
}
.left-48 {
  left: 12rem;
}
.left-\[-6px\] {
  left: -6px;
}
.left-\[-9999px\] {
  left: -9999px;
}
.left-\[7px\] {
  left: 7px;
}
.right-0 {
  right: 0px;
}
.right-0\.5 {
  right: 0.125rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-1\/2 {
  right: 50%;
}
.right-1\/3 {
  right: 33.333333%;
}
.right-1\/4 {
  right: 25%;
}
.right-2 {
  right: 0.5rem;
}
.right-2\.5 {
  right: 0.625rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-40 {
  right: 10rem;
}
.right-64 {
  right: 16rem;
}
.right-\[-6px\] {
  right: -6px;
}
.right-full {
  right: 100%;
}
.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\/3 {
  top: 33.333333%;
}
.top-1\/4 {
  top: 25%;
}
.top-12 {
  top: 3rem;
}
.top-16 {
  top: 4rem;
}
.top-2 {
  top: 0.5rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-2\/3 {
  top: 66.666667%;
}
.top-20 {
  top: 5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-32 {
  top: 8rem;
}
.top-4 {
  top: 1rem;
}
.top-52 {
  top: 13rem;
}
.top-6 {
  top: 1.5rem;
}
.top-64 {
  top: 16rem;
}
.top-8 {
  top: 2rem;
}
.top-\[50px\] {
  top: 50px;
}
.top-\[calc\(100\%\+4px\)\] {
  top: calc(100% + 4px);
}
.top-\[calc\(50\%-14px\)\] {
  top: calc(50% - 14px);
}
.top-\[calc\(50\%-9px\)\] {
  top: calc(50% - 9px);
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.\!z-\[45\] {
  z-index: 45 !important;
}
.-z-10 {
  z-index: -10;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[-1\] {
  z-index: -1;
}
.z-\[10000\] {
  z-index: 10000;
}
.z-\[10001\] {
  z-index: 10001;
}
.z-\[10050\] {
  z-index: 10050;
}
.z-\[10051\] {
  z-index: 10051;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[101\] {
  z-index: 101;
}
.z-\[10\] {
  z-index: 10;
}
.z-\[110\] {
  z-index: 110;
}
.z-\[111\] {
  z-index: 111;
}
.z-\[112\] {
  z-index: 112;
}
.z-\[120\] {
  z-index: 120;
}
.z-\[180\] {
  z-index: 180;
}
.z-\[190\] {
  z-index: 190;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[20000\] {
  z-index: 20000;
}
.z-\[20010\] {
  z-index: 20010;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[20100\] {
  z-index: 20100;
}
.z-\[20101\] {
  z-index: 20101;
}
.z-\[20105\] {
  z-index: 20105;
}
.z-\[210\] {
  z-index: 210;
}
.z-\[220\] {
  z-index: 220;
}
.z-\[260\] {
  z-index: 260;
}
.z-\[270\] {
  z-index: 270;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[4000\] {
  z-index: 4000;
}
.z-\[4010\] {
  z-index: 4010;
}
.z-\[45\] {
  z-index: 45;
}
.z-\[50\] {
  z-index: 50;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[61\] {
  z-index: 61;
}
.z-\[80\] {
  z-index: 80;
}
.z-\[90\] {
  z-index: 90;
}
.z-\[999999\] {
  z-index: 999999;
}
.z-\[99999\] {
  z-index: 99999;
}
.z-\[9999\] {
  z-index: 9999;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-full {
  grid-column: 1 / -1;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.\!mb-2 {
  margin-bottom: 0.5rem !important;
}
.-mb-3 {
  margin-bottom: -0.75rem;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-ml-\[50vw\] {
  margin-left: -50vw;
}
.-mr-1 {
  margin-right: -0.25rem;
}
.-mr-\[50vw\] {
  margin-right: -50vw;
}
.-mt-0\.5 {
  margin-top: -0.125rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-10 {
  margin-top: -2.5rem;
}
.-mt-2 {
  margin-top: -0.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-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-\[12px\] {
  margin-left: 12px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[0\.2em\] {
  margin-top: 0.2em;
}
.mt-auto {
  margin-top: auto;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-\[1\.6\/1\] {
  aspect-ratio: 1.6/1;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}
.aspect-\[5\/6\] {
  aspect-ratio: 5/6;
}
.aspect-auto {
  aspect-ratio: auto;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.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-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-2\/3 {
  height: 66.666667%;
}
.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-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-44 {
  height: 11rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.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-\[100dvh\] {
  height: 100dvh;
}
.h-\[106px\] {
  height: 106px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[160px\] {
  height: 160px;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[220px\] {
  height: 220px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[23px\] {
  height: 23px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[250px\] {
  height: 250px;
}
.h-\[274px\] {
  height: 274px;
}
.h-\[27px\] {
  height: 27px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[410px\] {
  height: 410px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[550px\] {
  height: 550px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[5px\] {
  height: 5px;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[6rem\] {
  height: 6rem;
}
.h-\[7\.5rem\] {
  height: 7.5rem;
}
.h-\[70vh\] {
  height: 70vh;
}
.h-\[78vh\] {
  height: 78vh;
}
.h-\[84px\] {
  height: 84px;
}
.h-\[9px\] {
  height: 9px;
}
.h-\[calc\(100dvh-4rem\)\] {
  height: calc(100dvh - 4rem);
}
.h-\[calc\(100dvh-4rem-var\(--mobile-tab-bar-h\2c 68px\)-env\(safe-area-inset-bottom\2c 0px\)\)\] {
  height: calc(100dvh - 4rem - var(--mobile-tab-bar-h,68px) - env(safe-area-inset-bottom,0px));
}
.h-\[calc\(100vh-100px\)\] {
  height: calc(100vh - 100px);
}
.h-\[calc\(100vh-108px\)\] {
  height: calc(100vh - 108px);
}
.h-\[calc\(100vh-45px\)\] {
  height: calc(100vh - 45px);
}
.h-\[calc\(100vh-4rem\)\] {
  height: calc(100vh - 4rem);
}
.h-\[min\(420px\2c 70vw\)\] {
  height: min(420px, 70vw);
}
.h-auto {
  height: auto;
}
.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-10 {
  max-height: 2.5rem;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-56 {
  max-height: 14rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-8 {
  max-height: 2rem;
}
.max-h-80 {
  max-height: 20rem;
}
.max-h-9 {
  max-height: 2.25rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[280px\] {
  max-height: 280px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[320px\] {
  max-height: 320px;
}
.max-h-\[600px\] {
  max-height: 600px;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[78\%\] {
  max-height: 78%;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[90dvh\] {
  max-height: 90dvh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[92vh\] {
  max-height: 92vh;
}
.max-h-\[min\(22rem\2c 55dvh\)\] {
  max-height: min(22rem, 55dvh);
}
.max-h-\[min\(50dvh\2c 360px\)\] {
  max-height: min(50dvh, 360px);
}
.max-h-\[min\(640px\2c 90vh\)\] {
  max-height: min(640px, 90vh);
}
.max-h-\[min\(68dvh\2c calc\(100dvh-4\.5rem\)\)\] {
  max-height: min(68dvh, calc(100dvh - 4.5rem));
}
.max-h-\[min\(75dvh\2c 520px\)\] {
  max-height: min(75dvh, 520px);
}
.max-h-\[min\(85dvh\2c 560px\)\] {
  max-height: min(85dvh, 560px);
}
.max-h-\[min\(88vh\2c 720px\)\] {
  max-height: min(88vh, 720px);
}
.max-h-\[min\(92dvh\2c 720px\)\] {
  max-height: min(92dvh, 720px);
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-11 {
  min-height: 2.75rem;
}
.min-h-12 {
  min-height: 3rem;
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-6 {
  min-height: 1.5rem;
}
.min-h-7 {
  min-height: 1.75rem;
}
.min-h-9 {
  min-height: 2.25rem;
}
.min-h-\[100dvh\] {
  min-height: 100dvh;
}
.min-h-\[106px\] {
  min-height: 106px;
}
.min-h-\[112px\] {
  min-height: 112px;
}
.min-h-\[11rem\] {
  min-height: 11rem;
}
.min-h-\[14rem\] {
  min-height: 14rem;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.min-h-\[160px\] {
  min-height: 160px;
}
.min-h-\[16rem\] {
  min-height: 16rem;
}
.min-h-\[2\.25rem\] {
  min-height: 2.25rem;
}
.min-h-\[2\.5rem\] {
  min-height: 2.5rem;
}
.min-h-\[2\.75rem\] {
  min-height: 2.75rem;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[20px\] {
  min-height: 20px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[22px\] {
  min-height: 22px;
}
.min-h-\[260px\] {
  min-height: 260px;
}
.min-h-\[274px\] {
  min-height: 274px;
}
.min-h-\[280px\] {
  min-height: 280px;
}
.min-h-\[28px\] {
  min-height: 28px;
}
.min-h-\[3\.25rem\] {
  min-height: 3.25rem;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[320px\] {
  min-height: 320px;
}
.min-h-\[32rem\] {
  min-height: 32rem;
}
.min-h-\[340px\] {
  min-height: 340px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[3rem\] {
  min-height: 3rem;
}
.min-h-\[4\.5rem\] {
  min-height: 4.5rem;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[40vh\] {
  min-height: 40vh;
}
.min-h-\[420px\] {
  min-height: 420px;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[450px\] {
  min-height: 450px;
}
.min-h-\[46px\] {
  min-height: 46px;
}
.min-h-\[4rem\] {
  min-height: 4rem;
}
.min-h-\[5\.25rem\] {
  min-height: 5.25rem;
}
.min-h-\[5\.75rem\] {
  min-height: 5.75rem;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.min-h-\[50px\] {
  min-height: 50px;
}
.min-h-\[50vh\] {
  min-height: 50vh;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[542px\] {
  min-height: 542px;
}
.min-h-\[56px\] {
  min-height: 56px;
}
.min-h-\[600px\] {
  min-height: 600px;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.min-h-\[6rem\] {
  min-height: 6rem;
}
.min-h-\[7\.5rem\] {
  min-height: 7.5rem;
}
.min-h-\[70vh\] {
  min-height: 70vh;
}
.min-h-\[88px\] {
  min-height: 88px;
}
.min-h-\[calc\(100dvh-4rem\)\] {
  min-height: calc(100dvh - 4rem);
}
.min-h-\[calc\(100vh-3rem\)\] {
  min-height: calc(100vh - 3rem);
}
.min-h-\[min\(40vh\2c 16rem\)\] {
  min-height: min(40vh, 16rem);
}
.min-h-\[min\(50vh\2c 24rem\)\] {
  min-height: min(50vh, 24rem);
}
.min-h-\[min\(50vh\2c 28rem\)\] {
  min-height: min(50vh, 28rem);
}
.min-h-screen {
  min-height: 100vh;
}
.w-0 {
  width: 0px;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.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-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.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-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-\[120px\] {
  width: 120px;
}
.w-\[128px\] {
  width: 128px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[172px\] {
  width: 172px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[2\.75rem\] {
  width: 2.75rem;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[23px\] {
  width: 23px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[3\.25rem\] {
  width: 3.25rem;
}
.w-\[304px\] {
  width: 304px;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[4\.5rem\] {
  width: 4.5rem;
}
.w-\[420px\] {
  width: 420px;
}
.w-\[4px\] {
  width: 4px;
}
.w-\[5\.5rem\] {
  width: 5.5rem;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[58\%\] {
  width: 58%;
}
.w-\[5px\] {
  width: 5px;
}
.w-\[6\.5rem\] {
  width: 6.5rem;
}
.w-\[7\.5rem\] {
  width: 7.5rem;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[7rem\] {
  width: 7rem;
}
.w-\[8\.5rem\] {
  width: 8.5rem;
}
.w-\[85\%\] {
  width: 85%;
}
.w-\[88\%\] {
  width: 88%;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[9\.5rem\] {
  width: 9.5rem;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[92\%\] {
  width: 92%;
}
.w-\[9px\] {
  width: 9px;
}
.w-\[min\(100\%\2c 14rem\)\] {
  width: min(100%, 14rem);
}
.w-\[min\(100\%\2c 220px\)\] {
  width: min(100%, 220px);
}
.w-\[min\(100\%\2c 28rem\)\] {
  width: min(100%, 28rem);
}
.w-\[min\(100\%\2c 7rem\)\] {
  width: min(100%, 7rem);
}
.w-\[min\(420px\2c 70vw\)\] {
  width: min(420px, 70vw);
}
.w-\[min\(52vw\2c calc\(100vw-2rem\)\)\] {
  width: min(52vw, calc(100vw - 2rem));
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-4 {
  min-width: 1rem;
}
.min-w-\[0\.875rem\] {
  min-width: 0.875rem;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[10rem\] {
  min-width: 10rem;
}
.min-w-\[110px\] {
  min-width: 110px;
}
.min-w-\[11rem\] {
  min-width: 11rem;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[16px\] {
  min-width: 16px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[18px\] {
  min-width: 18px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[20px\] {
  min-width: 20px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[3\.5rem\] {
  min-width: 3.5rem;
}
.min-w-\[4\.25rem\] {
  min-width: 4.25rem;
}
.min-w-\[5\.5rem\] {
  min-width: 5.5rem;
}
.min-w-\[6\.25rem\] {
  min-width: 6.25rem;
}
.min-w-\[60px\] {
  min-width: 60px;
}
.min-w-\[7\.5rem\] {
  min-width: 7.5rem;
}
.min-w-\[720px\] {
  min-width: 720px;
}
.min-w-\[7rem\] {
  min-width: 7rem;
}
.min-w-\[8\.75rem\] {
  min-width: 8.75rem;
}
.min-w-\[80px\] {
  min-width: 80px;
}
.min-w-\[88px\] {
  min-width: 88px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[9rem\] {
  min-width: 9rem;
}
.min-w-full {
  min-width: 100%;
}
.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-\[100\%\] {
  max-width: 100%;
}
.max-w-\[10rem\] {
  max-width: 10rem;
}
.max-w-\[11rem\] {
  max-width: 11rem;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[12rem\] {
  max-width: 12rem;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[14rem\] {
  max-width: 14rem;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[16rem\] {
  max-width: 16rem;
}
.max-w-\[17rem\] {
  max-width: 17rem;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[3rem\] {
  max-width: 3rem;
}
.max-w-\[42\%\] {
  max-width: 42%;
}
.max-w-\[48\%\] {
  max-width: 48%;
}
.max-w-\[4rem\] {
  max-width: 4rem;
}
.max-w-\[5\.5rem\] {
  max-width: 5.5rem;
}
.max-w-\[50\%\] {
  max-width: 50%;
}
.max-w-\[58\%\] {
  max-width: 58%;
}
.max-w-\[6\.5rem\] {
  max-width: 6.5rem;
}
.max-w-\[60\%\] {
  max-width: 60%;
}
.max-w-\[65\%\] {
  max-width: 65%;
}
.max-w-\[6rem\] {
  max-width: 6rem;
}
.max-w-\[7\.5rem\] {
  max-width: 7.5rem;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[72\%\] {
  max-width: 72%;
}
.max-w-\[75\%\] {
  max-width: 75%;
}
.max-w-\[85\%\] {
  max-width: 85%;
}
.max-w-\[88\%\] {
  max-width: 88%;
}
.max-w-\[92vw\] {
  max-width: 92vw;
}
.max-w-\[95\%\] {
  max-width: 95%;
}
.max-w-\[9rem\] {
  max-width: 9rem;
}
.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}
.max-w-\[min\(100\%\2c 220px\)\] {
  max-width: min(100%, 220px);
}
.max-w-\[min\(100vw-8rem\2c 18rem\)\] {
  max-width: min(100vw - 8rem, 18rem);
}
.max-w-\[min\(68vw\2c 16rem\)\] {
  max-width: min(68vw, 16rem);
}
.max-w-\[min\(85vw\2c 260px\)\] {
  max-width: min(85vw, 260px);
}
.max-w-\[min\(90vw\2c 320px\)\] {
  max-width: min(90vw, 320px);
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-screen-2xl {
  max-width: 1536px;
}
.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-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.basis-\[12rem\] {
  flex-basis: 12rem;
}
.table-auto {
  table-layout: auto;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-left {
  transform-origin: left;
}
.origin-right {
  transform-origin: right;
}
.-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\/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 {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-8 {
  --tw-translate-y: -2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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\/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-1\/4 {
  --tw-translate-x: 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));
}
.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-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/4 {
  --tw-translate-y: 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));
}
.translate-y-3 {
  --tw-translate-y: 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));
}
.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-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));
}
.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-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));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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-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));
}
.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 c2c-backdrop-in {

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.animate-c2c-backdrop-in {
  animation: c2c-backdrop-in 0.22s ease-out both;
}
@keyframes c2c-sheet-up {

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

  100% {
    transform: translate3d(0, 0, 0);
  }
}
.animate-c2c-sheet-up {
  animation: c2c-sheet-up 0.34s cubic-bezier(0.32, 0.72, 0, 1) both;
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes search-popover-in {

  0% {
    opacity: 0;
    transform: translateY(-6px) scale(0.96);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.animate-search-popover-in {
  animation: search-popover-in 0.22s cubic-bezier(0.32, 0.72, 0, 1) both;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-help {
  cursor: help;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.touch-manipulation {
  touch-action: manipulation;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.resize {
  resize: both;
}
.snap-start {
  scroll-snap-align: start;
}
.snap-center {
  scroll-snap-align: center;
}
.scroll-mt-0 {
  scroll-margin-top: 0px;
}
.list-inside {
  list-style-position: inside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[2\.25rem_1fr_2\.25rem\] {
  grid-template-columns: 2.25rem 1fr 2.25rem;
}
.grid-cols-\[2\.5rem_1fr_2\.5rem\] {
  grid-template-columns: 2.5rem 1fr 2.5rem;
}
.grid-cols-\[2fr\2c 1\.2fr\2c 1fr\] {
  grid-template-columns: 2fr 1.2fr 1fr;
}
.grid-cols-\[5\.25rem_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 5.25rem minmax(0,1fr);
}
.grid-cols-\[5fr_5fr_5fr_5fr_2fr_2fr\] {
  grid-template-columns: 5fr 5fr 5fr 5fr 2fr 2fr;
}
.grid-cols-\[auto_minmax\(0\2c 1fr\)\] {
  grid-template-columns: auto minmax(0,1fr);
}
.grid-cols-\[minmax\(0\2c 1\.9fr\)_1fr_0\.9fr\] {
  grid-template-columns: minmax(0,1.9fr) 1fr 0.9fr;
}
.grid-cols-\[minmax\(0\2c 2\.2fr\)_1fr_1fr_0\.8fr\] {
  grid-template-columns: minmax(0,2.2fr) 1fr 1fr 0.8fr;
}
.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}
.grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-1\.5 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-0 {
  row-gap: 0px;
}
.gap-y-0\.5 {
  row-gap: 0.125rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-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-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-\[\#f0f1f3\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(240 241 243 / 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-slate-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1));
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.overscroll-y-contain {
  overscroll-behavior-y: 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-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[1px\] {
  border-radius: 1px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-bl {
  border-bottom-left-radius: 0.25rem;
}
.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
}
.rounded-bl-md {
  border-bottom-left-radius: 0.375rem;
}
.rounded-br-md {
  border-bottom-right-radius: 0.375rem;
}
.rounded-br-none {
  border-bottom-right-radius: 0px;
}
.rounded-tl {
  border-top-left-radius: 0.25rem;
}
.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}
.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}
.rounded-tr {
  border-top-right-radius: 0.25rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.\!border-\[var\(--main\)\] {
  border-color: var(--main) !important;
}
.\!border-theme {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--theme-accent-rgb) / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#F0F0F0\] {
  --tw-border-opacity: 1;
  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
}
.border-\[\#eaecef\] {
  --tw-border-opacity: 1;
  border-color: rgb(234 236 239 / var(--tw-border-opacity, 1));
}
.border-\[var\(--border-color\)\] {
  border-color: var(--border-color);
}
.border-\[var\(--input-border\)\] {
  border-color: var(--input-border);
}
.border-\[var\(--line\)\] {
  border-color: var(--line);
}
.border-\[var\(--main\)\] {
  border-color: var(--main);
}
.border-\[var\(--text-subtitle\)\] {
  border-color: var(--text-subtitle);
}
.border-accent-muted-strong {
  border-color: var(--theme-accent-muted-strong);
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-200\/60 {
  border-color: rgb(253 230 138 / 0.6);
}
.border-amber-200\/70 {
  border-color: rgb(253 230 138 / 0.7);
}
.border-amber-200\/90 {
  border-color: rgb(253 230 138 / 0.9);
}
.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-amber-500\/35 {
  border-color: rgb(245 158 11 / 0.35);
}
.border-amber-500\/40 {
  border-color: rgb(245 158 11 / 0.4);
}
.border-amber-500\/45 {
  border-color: rgb(245 158 11 / 0.45);
}
.border-amber-500\/70 {
  border-color: rgb(245 158 11 / 0.7);
}
.border-black\/5 {
  border-color: rgb(0 0 0 / 0.05);
}
.border-blue-300\/20 {
  border-color: rgb(147 197 253 / 0.2);
}
.border-blue-500\/20 {
  border-color: rgb(59 130 246 / 0.2);
}
.border-current {
  border-color: currentColor;
}
.border-cyan-300\/20 {
  border-color: rgb(103 232 249 / 0.2);
}
.border-cyan-400\/30 {
  border-color: rgb(34 211 238 / 0.3);
}
.border-cyan-500\/25 {
  border-color: rgb(6 182 212 / 0.25);
}
.border-cyan-500\/30 {
  border-color: rgb(6 182 212 / 0.3);
}
.border-cyan-500\/40 {
  border-color: rgb(6 182 212 / 0.4);
}
.border-emerald-200\/45 {
  border-color: rgb(167 243 208 / 0.45);
}
.border-emerald-500\/25 {
  border-color: rgb(16 185 129 / 0.25);
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-100\/80 {
  border-color: rgb(243 244 246 / 0.8);
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-200\/65 {
  border-color: rgb(229 231 235 / 0.65);
}
.border-gray-200\/80 {
  border-color: rgb(229 231 235 / 0.8);
}
.border-gray-200\/90 {
  border-color: rgb(229 231 235 / 0.9);
}
.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-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-gray-400\/40 {
  border-color: rgb(156 163 175 / 0.4);
}
.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.border-gray-500\/20 {
  border-color: rgb(107 114 128 / 0.2);
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.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 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-green-500\/20 {
  border-color: rgb(34 197 94 / 0.2);
}
.border-green-500\/40 {
  border-color: rgb(34 197 94 / 0.4);
}
.border-green-500\/50 {
  border-color: rgb(34 197 94 / 0.5);
}
.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}
.border-orange-400\/40 {
  border-color: rgb(251 146 60 / 0.4);
}
.border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-purple-300\/20 {
  border-color: rgb(216 180 254 / 0.2);
}
.border-purple-400\/20 {
  border-color: rgb(192 132 252 / 0.2);
}
.border-purple-400\/30 {
  border-color: rgb(192 132 252 / 0.3);
}
.border-purple-400\/35 {
  border-color: rgb(192 132 252 / 0.35);
}
.border-purple-500\/20 {
  border-color: rgb(168 85 247 / 0.2);
}
.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-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-200\/90 {
  border-color: rgb(254 202 202 / 0.9);
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-red-500\/20 {
  border-color: rgb(239 68 68 / 0.2);
}
.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-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-rose-200\/55 {
  border-color: rgb(254 205 211 / 0.55);
}
.border-rose-200\/60 {
  border-color: rgb(254 205 211 / 0.6);
}
.border-rose-200\/70 {
  border-color: rgb(254 205 211 / 0.7);
}
.border-rose-200\/80 {
  border-color: rgb(254 205 211 / 0.8);
}
.border-rose-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}
.border-rose-400\/40 {
  border-color: rgb(251 113 133 / 0.4);
}
.border-rose-400\/60 {
  border-color: rgb(251 113 133 / 0.6);
}
.border-sky-200\/70 {
  border-color: rgb(186 230 253 / 0.7);
}
.border-sky-200\/90 {
  border-color: rgb(186 230 253 / 0.9);
}
.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\/50 {
  border-color: rgb(226 232 240 / 0.5);
}
.border-slate-200\/55 {
  border-color: rgb(226 232 240 / 0.55);
}
.border-slate-200\/60 {
  border-color: rgb(226 232 240 / 0.6);
}
.border-slate-200\/70 {
  border-color: rgb(226 232 240 / 0.7);
}
.border-slate-200\/80 {
  border-color: rgb(226 232 240 / 0.8);
}
.border-slate-200\/90 {
  border-color: rgb(226 232 240 / 0.9);
}
.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-slate-300\/90 {
  border-color: rgb(203 213 225 / 0.9);
}
.border-theme {
  --tw-border-opacity: 1;
  border-color: rgb(var(--theme-accent-rgb) / var(--tw-border-opacity, 1));
}
.border-theme\/20 {
  border-color: rgb(var(--theme-accent-rgb) / 0.2);
}
.border-theme\/25 {
  border-color: rgb(var(--theme-accent-rgb) / 0.25);
}
.border-theme\/30 {
  border-color: rgb(var(--theme-accent-rgb) / 0.3);
}
.border-theme\/35 {
  border-color: rgb(var(--theme-accent-rgb) / 0.35);
}
.border-theme\/40 {
  border-color: rgb(var(--theme-accent-rgb) / 0.4);
}
.border-theme\/45 {
  border-color: rgb(var(--theme-accent-rgb) / 0.45);
}
.border-transparent {
  border-color: transparent;
}
.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\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/5 {
  border-color: rgb(255 255 255 / 0.05);
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}
.border-yellow-500\/20 {
  border-color: rgb(234 179 8 / 0.2);
}
.border-t-\[\#0891B2\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(8 145 178 / var(--tw-border-opacity, 1));
}
.border-t-\[var\(--main\)\] {
  border-top-color: var(--main);
}
.border-t-gray-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.border-t-theme {
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--theme-accent-rgb) / var(--tw-border-opacity, 1));
}
.border-t-transparent {
  border-top-color: transparent;
}
.\!bg-gray-900\/75 {
  background-color: rgb(17 24 39 / 0.75) !important;
}
.bg-\[\#0ecb81\] {
  --tw-bg-opacity: 1;
  background-color: rgb(14 203 129 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0f172a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1A1A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1A202C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 44 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a1a1a\]\/15 {
  background-color: rgb(26 26 26 / 0.15);
}
.bg-\[\#22c55e\]\/90 {
  background-color: rgb(34 197 94 / 0.9);
}
.bg-\[\#2EBD85\]\/20 {
  background-color: rgb(46 189 133 / 0.2);
}
.bg-\[\#627EEA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(98 126 234 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3B53D\]\/20 {
  background-color: rgb(243 181 61 / 0.2);
}
.bg-\[\#F3BA2F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 186 47 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F64242\]\/20 {
  background-color: rgb(246 66 66 / 0.2);
}
.bg-\[\#F6F6F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAFCFD\]\/95 {
  background-color: rgb(250 252 253 / 0.95);
}
.bg-\[\#FCEEEE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 238 238 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FCFCFC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FDF7E2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 247 226 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FEC301\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 195 1 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF2C6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 198 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e6f9f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 249 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eff6ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f4f5f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f6465d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 70 93 / var(--tw-bg-opacity, 1));
}
.bg-\[rgb\(var\(--theme-accent-rgb\)\)\] {
  background-color: rgb(var(--theme-accent-rgb));
}
.bg-\[var\(--bg\)\] {
  background-color: var(--bg);
}
.bg-\[var\(--bg\2c \#0f1419\)\] {
  background-color: var(--bg,#0f1419);
}
.bg-\[var\(--bg-card\)\] {
  background-color: var(--bg-card);
}
.bg-\[var\(--bg-primary\)\] {
  background-color: var(--bg-primary);
}
.bg-\[var\(--bg-secondary\)\] {
  background-color: var(--bg-secondary);
}
.bg-\[var\(--bg-tertiary\)\] {
  background-color: var(--bg-tertiary);
}
.bg-\[var\(--button-primary\)\] {
  background-color: var(--button-primary);
}
.bg-\[var\(--button-primary\2c \#0891B2\)\] {
  background-color: var(--button-primary,#0891B2);
}
.bg-\[var\(--button-primary-bg\)\] {
  background-color: var(--button-primary-bg);
}
.bg-\[var\(--button-secondary-bg\)\] {
  background-color: var(--button-secondary-bg);
}
.bg-\[var\(--input-bg\)\] {
  background-color: var(--input-bg);
}
.bg-\[var\(--input-border\)\] {
  background-color: var(--input-border);
}
.bg-\[var\(--line\)\] {
  background-color: var(--line);
}
.bg-\[var\(--link-color\)\] {
  background-color: var(--link-color);
}
.bg-\[var\(--main\)\] {
  background-color: var(--main);
}
.bg-\[var\(--text-subtitle\)\] {
  background-color: var(--text-subtitle);
}
.bg-\[var\(--trading-down\2c \#F6465D\)\] {
  background-color: var(--trading-down,#F6465D);
}
.bg-\[var\(--trading-input-bg\)\] {
  background-color: var(--trading-input-bg);
}
.bg-\[var\(--trading-input-bg\2c \#F4F6F8\)\] {
  background-color: var(--trading-input-bg,#F4F6F8);
}
.bg-\[var\(--trading-up\2c \#0ECB81\)\] {
  background-color: var(--trading-up,#0ECB81);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-100\/85 {
  background-color: rgb(254 243 199 / 0.85);
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-50\/60 {
  background-color: rgb(255 251 235 / 0.6);
}
.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-50\/95 {
  background-color: rgb(255 251 235 / 0.95);
}
.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\/90 {
  background-color: rgb(245 158 11 / 0.9);
}
.bg-amber-500\/\[0\.12\] {
  background-color: rgb(245 158 11 / 0.12);
}
.bg-amber-900\/20 {
  background-color: rgb(120 53 15 / 0.2);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.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\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/85 {
  background-color: rgb(0 0 0 / 0.85);
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/10 {
  background-color: rgb(59 130 246 / 0.1);
}
.bg-current {
  background-color: currentColor;
}
.bg-cyan-500\/10 {
  background-color: rgb(6 182 212 / 0.1);
}
.bg-cyan-500\/15 {
  background-color: rgb(6 182 212 / 0.15);
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-100\/90 {
  background-color: rgb(209 250 229 / 0.9);
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50\/70 {
  background-color: rgb(236 253 245 / 0.7);
}
.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/35 {
  background-color: rgb(16 185 129 / 0.35);
}
.bg-emerald-500\/90 {
  background-color: rgb(16 185 129 / 0.9);
}
.bg-emerald-500\/\[0\.08\] {
  background-color: rgb(16 185 129 / 0.08);
}
.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-emerald-900\/20 {
  background-color: rgb(6 78 59 / 0.2);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-100\/20 {
  background-color: rgb(243 244 246 / 0.2);
}
.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\/35 {
  background-color: rgb(229 231 235 / 0.35);
}
.bg-gray-200\/50 {
  background-color: rgb(229 231 235 / 0.5);
}
.bg-gray-200\/65 {
  background-color: rgb(229 231 235 / 0.65);
}
.bg-gray-200\/70 {
  background-color: rgb(229 231 235 / 0.7);
}
.bg-gray-200\/75 {
  background-color: rgb(229 231 235 / 0.75);
}
.bg-gray-200\/80 {
  background-color: rgb(229 231 235 / 0.8);
}
.bg-gray-200\/85 {
  background-color: rgb(229 231 235 / 0.85);
}
.bg-gray-200\/90 {
  background-color: rgb(229 231 235 / 0.9);
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-300\/50 {
  background-color: rgb(209 213 219 / 0.5);
}
.bg-gray-300\/60 {
  background-color: rgb(209 213 219 / 0.6);
}
.bg-gray-300\/70 {
  background-color: rgb(209 213 219 / 0.7);
}
.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-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-50\/80 {
  background-color: rgb(249 250 251 / 0.8);
}
.bg-gray-50\/90 {
  background-color: rgb(249 250 251 / 0.9);
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-gray-500\/10 {
  background-color: rgb(107 114 128 / 0.1);
}
.bg-gray-500\/20 {
  background-color: rgb(107 114 128 / 0.2);
}
.bg-gray-500\/80 {
  background-color: rgb(107 114 128 / 0.8);
}
.bg-gray-500\/90 {
  background-color: rgb(107 114 128 / 0.9);
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-200\/80 {
  background-color: rgb(187 247 208 / 0.8);
}
.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\/15 {
  background-color: rgb(34 197 94 / 0.15);
}
.bg-green-500\/20 {
  background-color: rgb(34 197 94 / 0.2);
}
.bg-green-500\/30 {
  background-color: rgb(34 197 94 / 0.3);
}
.bg-green-500\/40 {
  background-color: rgb(34 197 94 / 0.4);
}
.bg-green-500\/80 {
  background-color: rgb(34 197 94 / 0.8);
}
.bg-green-500\/90 {
  background-color: rgb(34 197 94 / 0.9);
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-orange-400\/20 {
  background-color: rgb(251 146 60 / 0.2);
}
.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-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\/20 {
  background-color: rgb(236 72 153 / 0.2);
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-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-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-200\/80 {
  background-color: rgb(254 202 202 / 0.8);
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/80 {
  background-color: rgb(254 242 242 / 0.8);
}
.bg-red-50\/95 {
  background-color: rgb(254 242 242 / 0.95);
}
.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\/20 {
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-500\/35 {
  background-color: rgb(239 68 68 / 0.35);
}
.bg-red-500\/40 {
  background-color: rgb(239 68 68 / 0.4);
}
.bg-red-500\/80 {
  background-color: rgb(239 68 68 / 0.8);
}
.bg-red-500\/\[0\.08\] {
  background-color: rgb(239 68 68 / 0.08);
}
.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.bg-rose-50\/75 {
  background-color: rgb(255 241 242 / 0.75);
}
.bg-rose-50\/80 {
  background-color: rgb(255 241 242 / 0.8);
}
.bg-rose-50\/90 {
  background-color: rgb(255 241 242 / 0.9);
}
.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.bg-rose-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}
.bg-sky-50\/90 {
  background-color: rgb(240 249 255 / 0.9);
}
.bg-sky-50\/95 {
  background-color: rgb(240 249 255 / 0.95);
}
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-100\/80 {
  background-color: rgb(241 245 249 / 0.8);
}
.bg-slate-100\/90 {
  background-color: rgb(241 245 249 / 0.9);
}
.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-200\/40 {
  background-color: rgb(226 232 240 / 0.4);
}
.bg-slate-200\/65 {
  background-color: rgb(226 232 240 / 0.65);
}
.bg-slate-200\/70 {
  background-color: rgb(226 232 240 / 0.7);
}
.bg-slate-200\/80 {
  background-color: rgb(226 232 240 / 0.8);
}
.bg-slate-200\/85 {
  background-color: rgb(226 232 240 / 0.85);
}
.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-slate-300\/90 {
  background-color: rgb(203 213 225 / 0.9);
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-50\/40 {
  background-color: rgb(248 250 252 / 0.4);
}
.bg-slate-50\/50 {
  background-color: rgb(248 250 252 / 0.5);
}
.bg-slate-50\/70 {
  background-color: rgb(248 250 252 / 0.7);
}
.bg-slate-50\/80 {
  background-color: rgb(248 250 252 / 0.8);
}
.bg-slate-50\/90 {
  background-color: rgb(248 250 252 / 0.9);
}
.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\/95 {
  background-color: rgb(15 23 42 / 0.95);
}
.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.bg-theme {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--theme-accent-rgb) / var(--tw-bg-opacity, 1));
}
.bg-theme-muted {
  background-color: var(--theme-accent-muted);
}
.bg-theme\/10 {
  background-color: rgb(var(--theme-accent-rgb) / 0.1);
}
.bg-theme\/15 {
  background-color: rgb(var(--theme-accent-rgb) / 0.15);
}
.bg-theme\/20 {
  background-color: rgb(var(--theme-accent-rgb) / 0.2);
}
.bg-theme\/25 {
  background-color: rgb(var(--theme-accent-rgb) / 0.25);
}
.bg-theme\/30 {
  background-color: rgb(var(--theme-accent-rgb) / 0.3);
}
.bg-theme\/40 {
  background-color: rgb(var(--theme-accent-rgb) / 0.4);
}
.bg-theme\/5 {
  background-color: rgb(var(--theme-accent-rgb) / 0.05);
}
.bg-theme\/90 {
  background-color: rgb(var(--theme-accent-rgb) / 0.9);
}
.bg-theme\/\[0\.08\] {
  background-color: rgb(var(--theme-accent-rgb) / 0.08);
}
.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\/60 {
  background-color: rgb(167 139 250 / 0.6);
}
.bg-violet-500\/20 {
  background-color: rgb(139 92 246 / 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\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}
.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\/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-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500\/10 {
  background-color: rgb(234 179 8 / 0.1);
}
.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}
.bg-opacity-0 {
  --tw-bg-opacity: 0;
}
.bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-gradient-theme {
  background-image: linear-gradient(135deg, #FEC301 0%, #FFBD38 50%, #F17E2B 100%);
}
.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-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));
}
.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-900\/20 {
  --tw-gradient-from: rgb(120 53 15 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/30 {
  --tw-gradient-from: rgb(0 0 0 / 0.3) 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\/50 {
  --tw-gradient-from: rgb(0 0 0 / 0.5) 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\/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-400 {
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-900\/20 {
  --tw-gradient-from: rgb(6 78 59 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-50\/90 {
  --tw-gradient-from: rgb(249 250 251 / 0.9) 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\/20 {
  --tw-gradient-from: rgb(107 114 128 / 0.2) 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-800 {
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-50 {
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 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-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-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-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-rose-400\/85 {
  --tw-gradient-from: rgb(251 113 133 / 0.85) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-50 {
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-50\/90 {
  --tw-gradient-from: rgb(248 250 252 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-500 {
  --tw-gradient-from: #64748b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-400\/90 {
  --tw-gradient-from: rgb(45 212 191 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-theme {
  --tw-gradient-from: rgb(var(--theme-accent-rgb) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--theme-accent-rgb) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-theme\/20 {
  --tw-gradient-from: rgb(var(--theme-accent-rgb) / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--theme-accent-rgb) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-theme\/25 {
  --tw-gradient-from: rgb(var(--theme-accent-rgb) / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--theme-accent-rgb) / 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-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-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\/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-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);
}
.via-amber-500 {
  --tw-gradient-to: rgb(245 158 11 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-900\/10 {
  --tw-gradient-to: rgb(120 53 15 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(120 53 15 / 0.1) 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\/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\/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-cyan-500 {
  --tw-gradient-to: rgb(6 182 212 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-500 {
  --tw-gradient-to: rgb(16 185 129 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #10b981 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-900\/10 {
  --tw-gradient-to: rgb(6 78 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(6 78 59 / 0.1) 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-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-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-purple-500 {
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-500 {
  --tw-gradient-to: rgb(239 68 68 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-rose-500 {
  --tw-gradient-to: rgb(244 63 94 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f43f5e var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-rose-500\/70 {
  --tw-gradient-to: rgb(244 63 94 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(244 63 94 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-50\/95 {
  --tw-gradient-to: rgb(248 250 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(248 250 252 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-teal-500\/75 {
  --tw-gradient-to: rgb(20 184 166 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(20 184 166 / 0.75) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-theme {
  --tw-gradient-to: rgb(var(--theme-accent-rgb) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--theme-accent-rgb) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-theme\/10 {
  --tw-gradient-to: rgb(var(--theme-accent-rgb) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--theme-accent-rgb) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-violet-400 {
  --tw-gradient-to: rgb(167 139 250 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a78bfa 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);
}
.to-amber-100 {
  --tw-gradient-to: #fef3c7 var(--tw-gradient-to-position);
}
.to-amber-400\/55 {
  --tw-gradient-to: rgb(251 191 36 / 0.55) var(--tw-gradient-to-position);
}
.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-black\/20 {
  --tw-gradient-to: rgb(0 0 0 / 0.2) var(--tw-gradient-to-position);
}
.to-cyan-500 {
  --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
}
.to-cyan-500\/20 {
  --tw-gradient-to: rgb(6 182 212 / 0.2) 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-500\/70 {
  --tw-gradient-to: rgb(16 185 129 / 0.7) var(--tw-gradient-to-position);
}
.to-fuchsia-500 {
  --tw-gradient-to: #d946ef var(--tw-gradient-to-position);
}
.to-gray-50 {
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}
.to-green-100 {
  --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);
}
.to-orange-500 {
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}
.to-pink-400 {
  --tw-gradient-to: #f472b6 var(--tw-gradient-to-position);
}
.to-pink-500 {
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}
.to-purple-500 {
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}
.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-red-500 {
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
}
.to-rose-500 {
  --tw-gradient-to: #f43f5e var(--tw-gradient-to-position);
}
.to-slate-100 {
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}
.to-slate-500\/20 {
  --tw-gradient-to: rgb(100 116 139 / 0.2) var(--tw-gradient-to-position);
}
.to-slate-600 {
  --tw-gradient-to: #475569 var(--tw-gradient-to-position);
}
.to-teal-500 {
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}
.to-theme {
  --tw-gradient-to: rgb(var(--theme-accent-rgb) / 1) var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-violet-400 {
  --tw-gradient-to: #a78bfa var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-white\/65 {
  --tw-gradient-to: rgb(255 255 255 / 0.65) var(--tw-gradient-to-position);
}
.to-yellow-500 {
  --tw-gradient-to: #eab308 var(--tw-gradient-to-position);
}
.bg-cover {
  background-size: cover;
}
.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-current {
  fill: currentColor;
}
.fill-theme {
  fill: rgb(var(--theme-accent-rgb) / 1);
}
.fill-theme-bg-text {
  fill: var(--theme-bg-text);
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-center {
  -o-object-position: center;
     object-position: center;
}
.object-left {
  -o-object-position: left;
     object-position: left;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-16 {
  padding: 4rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !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-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-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-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}
.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-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.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-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.\!pr-11 {
  padding-right: 2.75rem !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.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-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[calc\(16px\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
}
.pb-\[calc\(28px\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(28px + env(safe-area-inset-bottom));
}
.pb-\[calc\(5\.5rem\+env\(safe-area-inset-bottom\2c 0px\)\)\] {
  padding-bottom: calc(5.5rem + env(safe-area-inset-bottom,0px));
}
.pb-\[max\(1\.25rem\2c calc\(0\.5rem\+env\(safe-area-inset-bottom\2c 0px\)\)\)\] {
  padding-bottom: max(1.25rem, calc(0.5rem + env(safe-area-inset-bottom,0px)));
}
.pb-\[max\(1rem\2c env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}
.pl-0\.5 {
  padding-left: 0.125rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-0\.5 {
  padding-right: 0.125rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-16 {
  padding-right: 4rem;
}
.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-32 {
  padding-right: 8rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.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-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[calc\(12px\+env\(safe-area-inset-top\)\)\] {
  padding-top: calc(12px + env(safe-area-inset-top));
}
.pt-\[calc\(4rem\+env\(safe-area-inset-top\2c 0px\)\)\] {
  padding-top: calc(4rem + env(safe-area-inset-top,0px));
}
.pt-px {
  padding-top: 1px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-end {
  text-align: end;
}
.indent-4 {
  text-indent: 1rem;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.font-mono {
  font-family: SFMono-Regular, Menlo, Monaco, monospace;
}
.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-8xl {
  font-size: 6rem;
  line-height: 1;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[clamp\(4\.5rem\2c 18vw\2c 7rem\)\] {
  font-size: clamp(4.5rem, 18vw, 7rem);
}
.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-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[16px\] {
  line-height: 16px;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.06em\] {
  letter-spacing: -0.06em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-theme {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--theme-accent-rgb) / var(--tw-text-opacity, 1)) !important;
}
.\!text-theme-bg-text {
  color: var(--theme-bg-text) !important;
}
.text-\[\#000000\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-\[\#02ED91\] {
  --tw-text-opacity: 1;
  color: rgb(2 237 145 / var(--tw-text-opacity, 1));
}
.text-\[\#0ecb81\] {
  --tw-text-opacity: 1;
  color: rgb(14 203 129 / var(--tw-text-opacity, 1));
}
.text-\[\#10b981\] {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-\[\#1A1A1A\] {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity, 1));
}
.text-\[\#1a1a1a\]\/50 {
  color: rgb(26 26 26 / 0.5);
}
.text-\[\#1a1a1a\]\/55 {
  color: rgb(26 26 26 / 0.55);
}
.text-\[\#1a1a1a\]\/70 {
  color: rgb(26 26 26 / 0.7);
}
.text-\[\#1e2329\] {
  --tw-text-opacity: 1;
  color: rgb(30 35 41 / var(--tw-text-opacity, 1));
}
.text-\[\#222222\] {
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}
.text-\[\#333333\] {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.text-\[\#3b82f6\] {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-\[\#666666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-\[\#707a8a\] {
  --tw-text-opacity: 1;
  color: rgb(112 122 138 / var(--tw-text-opacity, 1));
}
.text-\[\#CBCBCB\] {
  --tw-text-opacity: 1;
  color: rgb(203 203 203 / var(--tw-text-opacity, 1));
}
.text-\[\#F1F1F1\] {
  --tw-text-opacity: 1;
  color: rgb(241 241 241 / var(--tw-text-opacity, 1));
}
.text-\[\#F64242\] {
  --tw-text-opacity: 1;
  color: rgb(246 66 66 / var(--tw-text-opacity, 1));
}
.text-\[\#FEC301\] {
  --tw-text-opacity: 1;
  color: rgb(254 195 1 / var(--tw-text-opacity, 1));
}
.text-\[\#f6465d\] {
  --tw-text-opacity: 1;
  color: rgb(246 70 93 / var(--tw-text-opacity, 1));
}
.text-\[rgb\(var\(--theme-accent-rgb\)\)\] {
  color: rgb(var(--theme-accent-rgb));
}
.text-\[var\(--button-primary-text\)\] {
  color: var(--button-primary-text);
}
.text-\[var\(--error\)\] {
  color: var(--error);
}
.text-\[var\(--input-text\)\] {
  color: var(--input-text);
}
.text-\[var\(--line\)\] {
  color: var(--line);
}
.text-\[var\(--link-color\)\] {
  color: var(--link-color);
}
.text-\[var\(--main\)\] {
  color: var(--main);
}
.text-\[var\(--success\)\] {
  color: var(--success);
}
.text-\[var\(--text-primary\)\] {
  color: var(--text-primary);
}
.text-\[var\(--text-secondary\)\] {
  color: var(--text-secondary);
}
.text-\[var\(--text-subtitle\)\] {
  color: var(--text-subtitle);
}
.text-\[var\(--text-tertiary\)\] {
  color: var(--text-tertiary);
}
.text-\[var\(--text-tip\)\] {
  color: var(--text-tip);
}
.text-\[var\(--text-title\)\] {
  color: var(--text-title);
}
.text-\[var\(--text-title\2c \#e2e8f0\)\] {
  color: var(--text-title,#e2e8f0);
}
.text-\[var\(--text-title\2c \#f1f5f9\)\] {
  color: var(--text-title,#f1f5f9);
}
.text-\[var\(--theme-bg-text\)\] {
  color: var(--theme-bg-text);
}
.text-\[var\(--theme-bg-text\2c \#000\)\] {
  color: var(--theme-bg-text,#000);
}
.text-\[var\(--trading-down\2c \#F6465D\)\] {
  color: var(--trading-down,#F6465D);
}
.text-\[var\(--trading-up\2c \#0ECB81\)\] {
  color: var(--trading-up,#0ECB81);
}
.text-\[var\(--warning\)\] {
  color: var(--warning);
}
.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-700\/80 {
  color: rgb(180 83 9 / 0.8);
}
.text-amber-700\/90 {
  color: rgb(180 83 9 / 0.9);
}
.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-amber-950 {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}
.text-amber-950\/90 {
  color: rgb(69 26 3 / 0.9);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 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-cyan-400 {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}
.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-700\/85 {
  color: rgb(4 120 87 / 0.85);
}
.text-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.text-fuchsia-300 {
  --tw-text-opacity: 1;
  color: rgb(240 171 252 / 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-600\/50 {
  color: rgb(75 85 99 / 0.5);
}
.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-inherit {
  color: inherit;
}
.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-pink-300 {
  --tw-text-opacity: 1;
  color: rgb(249 168 212 / var(--tw-text-opacity, 1));
}
.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.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-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-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-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-red-950 {
  --tw-text-opacity: 1;
  color: rgb(69 10 10 / var(--tw-text-opacity, 1));
}
.text-rose-300 {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / 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-rose-700\/85 {
  color: rgb(190 18 60 / 0.85);
}
.text-rose-700\/90 {
  color: rgb(190 18 60 / 0.9);
}
.text-rose-800 {
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}
.text-rose-800\/95 {
  color: rgb(159 18 57 / 0.95);
}
.text-rose-900 {
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
}
.text-sky-300 {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}
.text-sky-600 {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}
.text-sky-950 {
  --tw-text-opacity: 1;
  color: rgb(8 47 73 / 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-teal-300 {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
}
.text-teal-800 {
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / var(--tw-text-opacity, 1));
}
.text-teal-900 {
  --tw-text-opacity: 1;
  color: rgb(19 78 74 / var(--tw-text-opacity, 1));
}
.text-theme {
  --tw-text-opacity: 1;
  color: rgb(var(--theme-accent-rgb) / var(--tw-text-opacity, 1));
}
.text-theme-bg-text {
  color: var(--theme-bg-text);
}
.text-theme\/85 {
  color: rgb(var(--theme-accent-rgb) / 0.85);
}
.text-transparent {
  color: transparent;
}
.text-violet-300 {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}
.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.placeholder-\[var\(--input-placeholder\)\]::-moz-placeholder {
  color: var(--input-placeholder);
}
.placeholder-\[var\(--input-placeholder\)\]::placeholder {
  color: var(--input-placeholder);
}
.placeholder-gray-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.placeholder-white\/60::-moz-placeholder {
  color: rgb(255 255 255 / 0.6);
}
.placeholder-white\/60::placeholder {
  color: rgb(255 255 255 / 0.6);
}
.accent-\[\#0891B2\] {
  accent-color: #0891B2;
}
.accent-\[\#fec301\] {
  accent-color: #fec301;
}
.accent-theme {
  accent-color: rgb(var(--theme-accent-rgb) / 1);
}
.\!opacity-100 {
  opacity: 1 !important;
}
.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-40 {
  opacity: 0.4;
}
.opacity-45 {
  opacity: 0.45;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-\[0\.06\] {
  opacity: 0.06;
}
.opacity-\[0\.12\] {
  opacity: 0.12;
}
.opacity-\[0\.22\] {
  opacity: 0.22;
}
.opacity-\[0\.55\] {
  opacity: 0.55;
}
.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_-12px_48px_-16px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 -12px 48px -16px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 -12px 48px -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_0_0\.5px_rgba\(8\2c 145\2c 178\2c 0\.45\)\] {
  --tw-shadow: 0 0 0 0.5px rgba(8,145,178,0.45);
  --tw-shadow-colored: 0 0 0 0.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_5px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 0 5px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 0 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_6px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: 0 0 6px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 0 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_2px_12px_-4px_rgba\(15\2c 23\2c 42\2c 0\.12\)\] {
  --tw-shadow: 0 2px 12px -4px rgba(15,23,42,0.12);
  --tw-shadow-colored: 0 2px 12px -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-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 2px 8px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 2px 8px 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_12px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0 4px 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_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0 4px 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_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0 4px 20px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0 4px 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_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 4px 20px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 4px 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_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 8px 24px rgba(0,0,0,0.12);
  --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-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-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-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-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-\[\#0ECB81\]\/15 {
  --tw-shadow-color: rgb(14 203 129 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#F6465D\]\/15 {
  --tw-shadow-color: rgb(246 70 93 / 0.15);
  --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-emerald-900\/20 {
  --tw-shadow-color: rgb(6 78 59 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-rose-500\/20 {
  --tw-shadow-color: rgb(244 63 94 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-rose-900\/20 {
  --tw-shadow-color: rgb(136 19 55 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-slate-900\/\[0\.04\] {
  --tw-shadow-color: rgb(15 23 42 / 0.04);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-theme\/15 {
  --tw-shadow-color: rgb(var(--theme-accent-rgb) / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-theme\/20 {
  --tw-shadow-color: rgb(var(--theme-accent-rgb) / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-theme\/25 {
  --tw-shadow-color: rgb(var(--theme-accent-rgb) / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.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-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-inset {
  --tw-ring-inset: inset;
}
.ring-black\/10 {
  --tw-ring-color: rgb(0 0 0 / 0.1);
}
.ring-theme {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--theme-accent-rgb) / var(--tw-ring-opacity, 1));
}
.ring-theme\/15 {
  --tw-ring-color: rgb(var(--theme-accent-rgb) / 0.15);
}
.ring-theme\/35 {
  --tw-ring-color: rgb(var(--theme-accent-rgb) / 0.35);
}
.ring-white\/30 {
  --tw-ring-color: rgb(255 255 255 / 0.3);
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.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-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);
}
.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-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);
}
.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  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);
  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-\[1px\] {
  --tw-backdrop-blur: blur(1px);
  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);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  backdrop-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);
  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);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[box-shadow\2c border-color\] {
  transition-property: box-shadow,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[filter\2c transform\] {
  transition-property: filter,transform;
  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\] {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-height\] {
  transition-property: max-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-\[padding\] {
  transition-property: padding;
  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\] {
  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-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.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-75 {
  transition-duration: 75ms;
}
.ease-\[cubic-bezier\(0\.32\2c 0\.72\2c 0\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.32,0.72,0,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 {
  will-change: transform;
}
.\[-webkit-overflow-scrolling\:touch\] {
  -webkit-overflow-scrolling: touch;
}
.\[filter\:drop-shadow\(0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.55\)\)\] {
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.55));
}
.\[grid-template-rows\:0fr\] {
  grid-template-rows: 0fr;
}
.\[grid-template-rows\:1fr\] {
  grid-template-rows: 1fr;
}
.\[text-shadow\:0_1px_2px_rgba\(255\2c 255\2c 255\2c 0\.75\)\] {
  text-shadow: 0 1px 2px rgba(255,255,255,0.75);
}
.\[touch-action\:manipulation\] {
  touch-action: manipulation;
}

/*
 * Flash Guard：静态导出下阻止"默认语言/主题闪动"。
 * 内联脚本在 <body> 最顶部同步给 <html> 加 flash-guard 类，将 body 设为不可见。
 * LanguageContext.useLayoutEffect（React 绘制前同步钩子）确认语言/主题后移除该类。
 * 备用兜底：若 JS 1s 内未加载完毕，CSS animation 自动恢复可见，避免空白屏卡死。
 */
html.flash-guard body {
  opacity: 0;
  animation: flash-guard-reveal 0.15s ease 0.9s forwards;
}
@keyframes flash-guard-reveal {
  to { opacity: 1; }
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
  /* ✅ 修复：确保允许垂直滚动 */
  overflow-y: auto;
  /* ✅ Chrome 144 修复：改为 auto 允许滚动链，避免阻止滚动
     * Chrome 144 更新：overscroll-behavior 现在即使在非滚动容器上也会生效
     * 使用 auto 允许正常的滚动行为，只在需要时使用 none/contain
     */
  overscroll-behavior-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 与 body 同色：路由切换时页面壳动画从 opacity:0 起步，合成层下仅 body 上色时常见露白（深色主题尤其明显） */
html {
  background-color: var(--bg);
}

body {
  font-family: -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;
  background-color: var(--bg);
  color: var(--text-title);
}

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

/* Custom scrollbar - Hidden */
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: transparent;
}

::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

/* Firefox scrollbar hidden */
* {
  scrollbar-width: none;
}

/* IE and Edge scrollbar hidden */
* {
  -ms-overflow-style: none;
}

/* 渐变遮罩兜底：仅在不支持 :has() 的浏览器（如 iOS 15.2）中生效，支持渐变的设备不应用 */
@supports not selector(:has(*)) {
  .gradient-overlay-fallback-black-20 { background-color: rgba(0,0,0,0.2) !important; }
}

/* 首页 PC 端最小字号 14px：容器根 + 仅将小于 14px 的 utility 提升到 14px，不碰标题等大字号 */
#desktop-content[data-desktop-min-font] {
  font-size: max(14px, 1rem);
}
/* 仅提升小字号类，避免把 text-lg / text-xl / text-[18px] 等压成 14px */
#desktop-content[data-desktop-min-font] .text-xs,
#desktop-content[data-desktop-min-font] [class*='text-[10px]'],
#desktop-content[data-desktop-min-font] [class*='text-[11px]'],
#desktop-content[data-desktop-min-font] [class*='text-[12px]'],
#desktop-content[data-desktop-min-font] [class*='text-[13px]'] {
  font-size: 14px !important;
}

/**
 * 移动端底部与系统 Home 指示条的统一间距（与交易中心买卖条一致）：
 * env(safe-area-inset-bottom) 取 60%，且不少于 0.5rem。
 */
:root {
  --mobile-bottom-inset: max(0.5rem, calc(env(safe-area-inset-bottom, 0px) * 0.6));
  /**
   * 首页跑马灯（#price-ticker）的 `bottom`：距视口底边的偏移，应对齐「底部导航栏顶边」。
   * - 网页内嵌 Safari：--mobile-tab-bar-h(68px) 常大于导航实际可视高度，直接套用会留缝 → 略减以对齐。
   * - 主屏幕 Web App：导航另有 padding-bottom: --mobile-bottom-inset，须在高度上加上 inset；
   *   同时沿用网页端的 -8px 校准（避免 68px 占位偏大），否则会出现跑马灯与导航之间的缝。
   */
  --price-ticker-bottom: calc(var(--mobile-tab-bar-h, 68px) - 8px);
}

@media (display-mode: standalone) {
  :root {
    --price-ticker-bottom: calc(var(--mobile-tab-bar-h, 68px) + var(--mobile-bottom-inset) - 8px);
  }
}

:root[data-ios-standalone='true'] {
  --price-ticker-bottom: calc(var(--mobile-tab-bar-h, 68px) + var(--mobile-bottom-inset) - 8px);
}

/*
 * 移动 WebKit：半透明顶栏 + backdrop-blur 易使状态栏/安全区与底色「混血」，且主题切换后顶栏合成层刷新滞后。
 * 窄屏下顶栏实色、无阴影/无边框，并用 safe-area 上内边距让背景与系统状态栏连成一体；
 * 与 `syncDocumentThemeChrome` / layout 内联中的 theme-color 十六进制保持一致。
 */
@media (max-width: 1023.98px) {
  :root {
    --header-bg: #FAFCFD;
  }
  .dark {
    --header-bg: #0F1419;
  }
  header {
    backdrop-filter: none !important;
    padding-top: env(safe-area-inset-top, 0px);
    box-shadow: none !important;
    border: 0 !important;
  }
  header.scrolled,
  header[data-elevated="true"] {
    box-shadow: none !important;
  }
  /* #m-header-1：顶边无外框线；下方块在 unlayered `header { border-color }` 之后仍保证无上边框 */
  header#m-header-1,
  header[data-placeholder="true"] {
    border-top: 0 !important;
    border-top-width: 0 !important;
    outline: none;
  }
  /* 直接子级（#header-2 / 占位里 #header-1）与首行 flex：无顶边线 */
  header#m-header-1 > div,
  header[data-placeholder="true"] > div,
  header#m-header-1 > div > div,
  header[data-placeholder="true"] > div > div {
    border-top: 0 !important;
    box-shadow: none !important;
  }
  /* 覆盖下方全局 `header > * { transform: translateZ(0) }`，减少安全区与导航行之间的亚像素缝 */
  header#m-header-1 > *,
  header[data-placeholder="true"] > * {
    transform: none !important;
    will-change: auto !important;
  }
}

/* ========== 应用主题样式 ========== */
body {
  background-color: var(--bg);
  color: var(--text-title);
  transition: background-color 0.3s ease, color 0.3s ease;
  min-height: 100vh;
  /* ✅ 修复：确保 body 允许垂直滚动 */
  overflow-y: auto;
  overflow-x: hidden;
}

header {
  background-color: var(--header-bg) !important;
  border-color: var(--line) !important;
  border-bottom: none !important;
  /* 优化静态导出模式下的渲染性能，减少闪动 */
  /* GPU 加速，提升渲染性能 */
  will-change: transform, opacity;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /* 关键：确保 Header 始终可见，避免"从无到有"的效果 */
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  /* 平滑过渡，避免突然出现 - 优化路由切换时的过渡 */
  transition: opacity 0.01s ease-out, visibility 0.01s ease-out, background-color 0.3s ease, border-color 0.3s ease, transform 0.01s ease-out;
  /* 防止布局偏移 - 但不限制子元素溢出，允许下拉菜单显示 */
  contain: layout style;
  /* 优化合成层 */
  isolation: isolate;
  /* 确保下拉菜单不被裁剪 */
  overflow: visible !important;
  /* 确保 Header 始终在顶层，不被其他元素遮挡 */
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

/* Header 淡入动画，减少闪动 - 已禁用，直接显示 */
@keyframes headerFadeIn {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 页面首次加载时，Header 立即显示，避免空白 */
header:not([data-loaded]):not([data-placeholder]) {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  /* 移除动画，立即显示，避免闪动 */
  animation: none !important;
}

/* Header 加载完成后 */
header[data-loaded="true"] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  display: block !important;
  /* 路由切换时使用最快的过渡，几乎不可见 */
  transition: opacity 0.01s ease-out, visibility 0.01s ease-out, background-color 0.3s ease, border-color 0.3s ease, transform 0.01s ease-out;
  /* 确保 Header 立即显示，不被占位符影响 */
  /* 移除占位符标记，避免样式冲突 */
  background-color: var(--header-bg) !important;
  border-color: var(--line) !important;
}

/* 占位符 Header - 确保与实际 Header 无缝切换 */
header[data-placeholder="true"] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  display: block !important;
  /* 占位符应该立即显示，不需要过渡 */
  transition: none !important;
  /* 确保占位符和实际 Header 的样式完全一致 */
  background-color: var(--header-bg) !important;
  border-color: var(--line) !important;
  /* 确保占位符的 z-index 和实际 Header 一致 */
  z-index: 100 !important;
  /* 确保占位符的位置和实际 Header 完全一致 */
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

/* 路由切换时的优化 - 确保 Header 不会闪烁 */
header[data-route-transition="true"] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  /* 路由切换时使用最快的过渡，几乎不可见 */
  transition: opacity 0.01s ease-out, visibility 0.01s ease-out !important;
  /* 确保 Header 立即显示 */
  display: block !important;
}

/* 防止 Header 在路由切换时重新渲染导致的闪动 */
header > * {
  /* 子元素也使用 GPU 加速 */
  transform: translateZ(0);
  will-change: auto;
  /* 确保子元素允许溢出，下拉菜单可以显示 */
  overflow: visible !important;
}

/* 确保 Header 内的所有下拉菜单容器都允许溢出 */
header nav,
header > div,
header [class*="relative"] {
  overflow: visible !important;
}

/* 确保下拉菜单正确显示，不被裁剪 */
header [class*="absolute"][class*="top-full"] {
  position: absolute !important;
  z-index: -1 !important;
  overflow: visible !important;
}
/* 下拉菜单显示时（父级 group 悬停） */
header [class*="group"][class*="dropdown"]:hover [class*="absolute"][class*="top-full"] {
  z-index: 102 !important;
  pointer-events: auto !important;
}

/* 确保页面内容不会遮挡 Header 下拉菜单 */
main,
.min-h-screen > div {
  position: relative;
  z-index: 0 !important;
}

.min-h-screen {
  /* 降低 z-index，确保不会遮挡 Header 下拉菜单 */
  z-index: 1 !important;
  position: relative;
}

/* 关键优化：确保 Header 在任何情况下都立即可见，避免"从无到有"的闪动 */
header,
header[data-placeholder="true"],
header[data-loaded="false"],
header[data-loaded="true"],
header:not([data-loaded]) {
  /* 强制 Header 始终可见，无论什么状态 */
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  transform: translateY(0) !important;
  /* 移除所有可能导致闪动的过渡 */
  transition: background-color 0.3s ease, border-color 0.3s ease !important;
  /* 确保 Header 始终在正确的位置 */
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 100 !important;
}

/*
 * 移动 #m-header-1：必须写在上文「全局 header { contain / isolation / border-color }」之后。
 * 否则 contain+isolation 会在 env(safe-area-inset-top) 填充区与首行子元素之间产生 WebKit 合成缝（截图里整条略浅的横线）。
 */
@media (max-width: 1023.98px) {
  header#m-header-1,
  header[data-placeholder="true"] {
    contain: none !important;
    isolation: auto !important;
    backface-visibility: visible !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none;
  }
  header#m-header-1 > div#header-2,
  header[data-placeholder="true"] > div {
    background-color: var(--header-bg) !important;
  }
  header#m-header-1 > div#header-2 > div,
  header[data-placeholder="true"] > div > div {
    background-color: var(--header-bg) !important;
  }
}

.sidebar {
  background-color: var(--bg) !important;
  border-color: var(--line) !important;
}

.mobile-nav {
  background-color: var(--bg) !important;
  border-top-color: var(--line) !important;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* 移动版底部菜单 - 使用与 html 相同的背景色 */
#m-trading-bar-1 {
  background-color: var(--bg) !important;
  border-top-color: var(--line) !important;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  z-index: 50 !important; /* 确保在页面内容之上，但低于模态框和遮罩 */
}

/**
 * 浏览器内嵌页：保留导航默认紧凑底边。
 * 主屏幕 Web App（display-mode: standalone）及旧版 iOS navigator.standalone：
 * 与交易中心买卖条一致，为导航栏增加与 Home 指示条之间的间距（同源 --mobile-bottom-inset）。
 */
@media (display-mode: standalone) {
  #m-trading-bar-1 {
    padding-bottom: var(--mobile-bottom-inset);
  }
}

:root[data-ios-standalone='true'] #m-trading-bar-1 {
  padding-bottom: var(--mobile-bottom-inset);
}

/**
 * 慈善项目详情（窄屏）：与 /market 同源思路——锁的是「文档是否还能长高」，不是脚本锁滚动。
 * body/main/route-content-shell 组成 flex + min-h-0，唯一纵向滚动仅发生在详情内层 overflow-y-auto；
 * 底栏仍在 flex 流末尾（flex-shrink-0），随壳贴底，不参与中间滚动。
 * 排除：/charity/my-donations、/charity/charity（列表壳）。
 */
@media (max-width: 1023.98px) {
  body[data-pathname^='/charity/']:not([data-pathname='/charity/my-donations']):not([data-pathname='/charity/charity']) {
    overflow: hidden !important;
    height: 100dvh;
    max-height: 100dvh;
    overscroll-behavior: contain;
  }

  body[data-pathname^='/charity/']:not([data-pathname='/charity/my-donations']):not([data-pathname='/charity/charity'])
    #main-content0 {
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
    height: 100dvh;
    max-height: 100dvh;
    box-sizing: border-box;
  }

  body[data-pathname^='/charity/']:not([data-pathname='/charity/my-donations']):not([data-pathname='/charity/charity'])
    #main-content0
    > .route-content-shell {
    flex: 1 1 0%;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
}

/* ✅ 删除：价格滚动条位置现在由JS动态计算 */

/* ========== 侧边栏状态控制（由 React state 驱动，通过 Tailwind 类实现） ========== */

/* ========== 页面切换动画 ========== */
/* 仅让主体内容壳层在移动端做轻量位移 + 淡入，Header/Footer 保持常驻不参与动画 */
.route-content-shell {
  will-change: transform, opacity;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@keyframes page-in-mobile {
  from {
    opacity: 0.985;
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate-page-in-mobile {
  animation: page-in-mobile 0.22s ease-out both;
}

@keyframes page-slide-left-mobile {
  from {
    opacity: 0.985;
    transform: translate3d(-42px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes page-slide-right-mobile {
  from {
    opacity: 0.985;
    transform: translate3d(42px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate-page-slide-left-mobile {
  animation: page-slide-left-mobile 0.24s cubic-bezier(0.22, 0.8, 0.2, 1) both;
}

.animate-page-slide-right-mobile {
  animation: page-slide-right-mobile 0.24s cubic-bezier(0.22, 0.8, 0.2, 1) both;
}

/* 登录页：账号/钱包视图切换动画 */
@keyframes login-view-in {
  from {
    opacity: 0;
    transform: translateX(12px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-login-view-in {
  animation: login-view-in 0.28s cubic-bezier(0.32, 0.72, 0, 1) both;
}

/* ========== 动画 ========== */
/* 内容为 4 段相同数据，每轮移动 25% 即一整段，实现无缝衔接，避免右侧空白 */
@keyframes price-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-25%, 0, 0);
  }
}

/* iOS WebView 兼容性：添加 -webkit- 前缀 */

/* 默认 60s；PriceTicker 会根据内容宽度覆盖为动态时长，保证恒定 px/s 视觉速度 */
.price-ticker-scroll {
  animation: price-scroll 60s linear infinite;
  -webkit-animation: price-scroll 60s linear infinite;
  will-change: transform; /* 强制 GPU 加速 */
  transform: translateZ(0); /* 强制 GPU 加速 */
  backface-visibility: hidden; /* 优化渲染性能 */
  -webkit-backface-visibility: hidden;
  perspective: 1000px; /* 创建 3D 渲染上下文 */
  -webkit-perspective: 1000px;
}

/* PC 端：跑马灯贴底显示（覆盖组件内联的移动端 bottom 偏移） */
@media (min-width: 1024px) {
  #price-ticker {
    bottom: 0 !important;
  }
}

@keyframes priceFadeInOut {
  0% {
    opacity: 0;
    transform: scale(0.95) translateY(2px);
    visibility: hidden;
  }
  5% {
    opacity: 0;
    transform: scale(0.95) translateY(2px);
    visibility: visible;
  }
  15% {
    opacity: 1;
    transform: scale(1.05) translateY(0);
    visibility: visible;
  }
  25% {
    opacity: 1;
    transform: scale(1) translateY(0);
    visibility: visible;
  }
  75% {
    opacity: 1;
    transform: scale(1) translateY(0);
    visibility: visible;
  }
  85% {
    opacity: 0.3;
    transform: scale(0.98) translateY(-1px);
    visibility: visible;
  }
  95% {
    opacity: 0;
    transform: scale(0.95) translateY(-2px);
    visibility: visible;
  }
  100% {
    opacity: 0;
    transform: scale(0.95) translateY(-2px);
    visibility: hidden;
  }
}

/* NFT 动画 */
@keyframes float {
  0%, 100% {
    transform: translateY(0px) scale(1);
  }
  50% {
    transform: translateY(-10px) scale(1.1);
  }
}

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

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.6;
  }
}

/* ========== Chatwoot 客服样式 ========== */
/* 桌面版：浮动在右边下部，距离底部更高 */
@media (min-width: 1024px) {
  /* 主容器 */
  #woot-widget-holder,
  .woot-widget-holder,
  [id*="woot-widget"],
  [id*="woot-widget-holder"] {
    position: fixed !important;
    bottom: 100px !important; /* 从20px改为100px，距离底部更高 */
    right: 20px !important;
    z-index: 9999 !important; /* 提高 z-index 确保在最上层 */
  }
  
  /* 隐藏桌面版的关闭按钮 */
  [class*="woot--close"],
  button[class*="woot-widget-bubble"][class*="woot--close"],
  button.woot-widget-bubble.woot--close {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  
  /* 浮动按钮 - 桌面版位置更低 - 只显示打开按钮 */
  .woot-widget-bubble:not([class*="woot--close"]),
  [class*="woot-widget-bubble"]:not([class*="woot--close"]),
  [class*="woot--bubble"]:not([class*="woot--close"]) {
    position: fixed !important;
    bottom: 30px !important; /* 再降低一点，从40px改为30px */
    right: 20px !important;
    z-index: 9999 !important; /* 提高 z-index 确保在最上层 */
  }
  
  /* 聊天窗口 - 桌面版保持在右边，有固定宽度 */
  .woot-widget-box,
  [class*="woot-widget-box"],
  [class*="woot--box"] {
    bottom: 100px !important;
    left: auto !important;
    right: 20px !important;
    width: 400px !important; /* 固定宽度 */
    max-width: 400px !important;
    height: calc(100vh - 120px) !important;
    z-index: 9999 !important; /* 提高 z-index 确保在最上层 */
    border-radius: 12px !important; /* 恢复圆角 */
  }
}

/*
 * 仅通过应用内入口（Header / 首页 hero 等）打开客服；隐藏 Chatwoot SDK 默认右下角气泡容器。
 * 与 ChatwootWidget.tsx 中 HIDE_BUBBLE_BY_DEFAULT 一致，避免路由切换后内联样式被清掉时出现透明圆块。
 */
#cw-bubble-holder,
.woot--bubble-holder {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 移动版：在 price-ticker 容器顶部之上 */
@media (max-width: 1023px) {
  /* 主容器 - 客服图标显示在 price-ticker 上方 */
  /* price-ticker bottom ≈ --price-ticker-bottom；跑马灯高约 48px，间距 6px → 约 126px + env(safe-area) */
  #woot-widget-holder,
  .woot-widget-holder,
  [id*="woot-widget"],
  [id*="woot-widget-holder"],
  #cw-bubble-holder {
    position: fixed !important;
    bottom: calc(126px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 50 !important; /* 高于 price-ticker 的 z-[45]，确保显示在上方 */
  }
  
  /* 隐藏移动版的关闭按钮 */
  [class*="woot--close"],
  button[class*="woot-widget-bubble"][class*="woot--close"],
  button.woot-widget-bubble.woot--close {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  
  /* 浮动按钮 - 只显示打开按钮 - 在 price-ticker 上方 */
  .woot-widget-bubble:not([class*="woot--close"]),
  [class*="woot-widget-bubble"]:not([class*="woot--close"]),
  [class*="woot--bubble"]:not([class*="woot--close"]),
  #cw-bubble-holder .woot-widget-bubble:not([class*="woot--close"]) {
    position: fixed !important;
    bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
    right: 0px !important;
    z-index: 50 !important; /* 高于 price-ticker 的 z-[45] */
  }
  
  /* 聊天窗口容器在移动端：覆盖整个屏幕，包括底部导航 */
  /* ✅ 修复：使用 top: 0 和 height: 100vh，不依赖图标位置 */
  .woot-widget-box,
  [class*="woot-widget-box"],
  [class*="woot--box"] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    z-index: 99999 !important; /* 确保覆盖所有内容，包括底部导航 */
    /* ✅ 覆盖 Chatwoot 默认的 bottom 定位，使用 top 定位 */
    transform: none !important;
  }
  
  /* 在交易页面隐藏客服图标（移动版）- 使用 body[data-pathname] 兼容 iOS 15.2（不支持 :has()） */
  body[data-pathname="/trading"] #woot-widget-holder,
  body[data-pathname="/trading"] .woot-widget-holder,
  body[data-pathname="/trading"] [id*="woot-widget"],
  body[data-pathname="/trading"] [id*="woot-widget-holder"],
  body[data-pathname="/trading"] [class*="woot-widget-bubble"],
  body[data-pathname="/trading"] [class*="woot--bubble"],
  body[data-pathname="/trading"] [class*="woot-widget-box"],
  body[data-pathname="/trading"] [class*="woot--box"],
  body[data-pathname="/trading"] #cw-bubble-holder,
  body[data-pathname="/trading"] .woot--bubble-holder {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* 在 NFT 集合页面隐藏客服图标（移动版） */
  body[data-pathname^="/nft/collection/"] #woot-widget-holder,
  body[data-pathname^="/nft/collection/"] .woot-widget-holder,
  body[data-pathname^="/nft/collection/"] [id*="woot-widget"],
  body[data-pathname^="/nft/collection/"] [id*="woot-widget-holder"],
  body[data-pathname^="/nft/collection/"] [class*="woot-widget-bubble"],
  body[data-pathname^="/nft/collection/"] [class*="woot--bubble"],
  body[data-pathname^="/nft/collection/"] [class*="woot-widget-box"],
  body[data-pathname^="/nft/collection/"] [class*="woot--box"],
  body[data-pathname^="/nft/collection/"] #cw-bubble-holder,
  body[data-pathname^="/nft/collection/"] #woot-widget-bubble-icon,
  body[data-pathname^="/nft/collection/"] .woot--bubble-holder {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* 在 NFT 集合页面隐藏客服图标（桌面版和移动版通用）- body[data-pathname] 兼容 iOS 15.2 */
body[data-pathname^="/nft/collection/"] #woot-widget-holder,
body[data-pathname^="/nft/collection/"] .woot-widget-holder,
body[data-pathname^="/nft/collection/"] [id*="woot-widget"],
body[data-pathname^="/nft/collection/"] [id*="woot-widget-holder"],
body[data-pathname^="/nft/collection/"] [class*="woot-widget-bubble"],
body[data-pathname^="/nft/collection/"] [class*="woot--bubble"],
body[data-pathname^="/nft/collection/"] [class*="woot-widget-box"],
body[data-pathname^="/nft/collection/"] [class*="woot--box"],
body[data-pathname^="/nft/collection/"] #cw-bubble-holder,
body[data-pathname^="/nft/collection/"] #woot-widget-bubble-icon,
body[data-pathname^="/nft/collection/"] .woot--bubble-holder {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Chatwoot 关闭按钮样式 - 移到窗口内部顶部右边或隐藏 */
/* 选项1: 显示在窗口内部顶部右边（默认） */
[class*="woot--close"],
[class*="close-button"],
[class*="woot-widget-close"],
[class*="woot-close"],
button[aria-label*="close" i],
button[aria-label*="关闭" i],
button[title*="close" i],
button[title*="关闭" i],
[data-testid*="close"],
[class*="icon-close"],
[class*="close-icon"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  /* 移到窗口内部顶部右边 */
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 9999 !important;
  margin: 0 !important;
}

/* Chatwoot 聊天窗口头部关闭按钮 */
[class*="woot-widget-box"] [class*="close"],
[class*="woot-widget-box"] [class*="header"] [class*="close"],
[class*="woot-widget-box"] button[aria-label*="close" i],
[class*="woot--box"] [class*="close"],
[class*="woot--box"] [class*="header"] [class*="close"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 9999 !important;
}

/* 自定义关闭按钮样式 */
[data-custom-close-button] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 2px solid rgba(255, 255, 255, 0.5) !important;
  background: rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(4px) !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 999999 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.2s ease !important;
}

[data-custom-close-button]:hover {
  background: rgba(255, 0, 0, 0.8) !important;
  transform: scale(1.1) !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
}

/* 确保聊天窗口容器有正确的定位上下文 */
[class*="woot-widget-box"],
[class*="woot--box"] {
  position: fixed !important;
}

/* 桌面版：窗口在右边，固定宽度 */
@media (min-width: 1024px) {
  [class*="woot-widget-box"],
  [class*="woot--box"] {
    left: auto !important;
    right: 20px !important;
    width: 400px !important;
    max-width: 400px !important;
  }
}

/* 移动版：窗口覆盖整个屏幕，包括底部导航 */
@media (max-width: 1023px) {
  [class*="woot-widget-box"],
  [class*="woot--box"] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    /* ✅ iOS Safari 键盘修复：使用 100dvh（动态视口高度）代替 100vh */
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    z-index: 99999 !important;
    /* ✅ 覆盖 Chatwoot 默认的 bottom 定位 */
    transform: none !important;
    /* ✅ iOS Safari 键盘修复：防止视口调整导致的空白 */
    overscroll-behavior: none !important;
  }
  
  /* ✅ iOS Safari 键盘修复：输入框容器底部间距 */
  /* 当输入框获得焦点时，减少底部 padding，避免与键盘工具栏之间的空隙 */
  [class*="woot-widget-box"] [class*="input-container"],
  [class*="woot--box"] [class*="input-container"],
  [class*="woot-widget-box"] [class*="message-input-wrapper"],
  [class*="woot--box"] [class*="message-input-wrapper"],
  [class*="woot-widget-box"] form,
  [class*="woot--box"] form,
  [class*="woot-widget-box"] [class*="conversation-footer"],
  [class*="woot--box"] [class*="conversation-footer"] {
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    margin-bottom: 0 !important;
    /* ✅ 确保输入框容器紧贴键盘工具栏 */
    position: relative !important;
  }
  
  /* ✅ iOS Safari 键盘修复：输入框本身 */
  [class*="woot-widget-box"] input[type="text"],
  [class*="woot-widget-box"] input[type="email"],
  [class*="woot-widget-box"] textarea,
  [class*="woot-widget-box"] [class*="input"],
  [class*="woot--box"] input[type="text"],
  [class*="woot--box"] input[type="email"],
  [class*="woot--box"] textarea,
  [class*="woot--box"] [class*="input"] {
    margin-bottom: 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }
  
  /* ✅ iOS Safari 键盘修复：聊天消息区域，确保有足够的底部空间 */
  [class*="woot-widget-box"] [class*="conversation-wrapper"],
  [class*="woot--box"] [class*="conversation-wrapper"],
  [class*="woot-widget-box"] [class*="messages-wrapper"],
  [class*="woot--box"] [class*="messages-wrapper"],
  [class*="woot-widget-box"] [class*="conversation"],
  [class*="woot--box"] [class*="conversation"] {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    /* ✅ 使用 calc 确保消息区域不会超出视口 */
    max-height: calc(100dvh - 200px) !important;
    overflow-y: auto !important;
    /* ✅ iOS Safari 滚动优化 */
    -webkit-overflow-scrolling: touch !important;
  }
}

[class*="woot-widget-box"] [class*="header"],
[class*="woot--box"] [class*="header"] {
  position: relative !important;
  z-index: 1000 !important;
}

/* 不覆盖聊天窗口的 position:fixed，否则移动端无法铺满全屏；关闭按钮在 fixed 容器内仍可正常定位 */

[class*="woot-widget-box"]:not([style*="display: none"]) [data-custom-close-button],
[class*="woot--box"]:not([style*="display: none"]) [data-custom-close-button] {
  display: flex !important;
}

/* 自定义聊天图标样式 - 确保图标正确显示 */
[class*="woot-widget-bubble"] svg[data-custom-icon],
[class*="woot--bubble"] svg[data-custom-icon],
[class*="woot-widget-bubble"] [data-custom-icon],
[class*="woot--bubble"] [data-custom-icon] {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  display: block !important;
  margin: 0 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  transition: opacity 0.3s ease !important;
}

/* 确保按钮内的 SVG 图标居中 */
[class*="woot-widget-bubble"]:not([class*="woot--close"]),
[class*="woot--bubble"]:not([class*="woot--close"]) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 桌面版：降低图标透明度 */
@media (min-width: 1024px) {
  [class*="woot-widget-bubble"] svg[data-custom-icon],
  [class*="woot--bubble"] svg[data-custom-icon],
  [class*="woot-widget-bubble"] [data-custom-icon],
  [class*="woot--bubble"] [data-custom-icon] {
    opacity: 0.7 !important;
  }
  
  /* Chatwoot 自带图标在桌面版也降低透明度 */
  [class*="woot-widget-bubble"] svg:not([data-custom-icon]),
  [class*="woot--bubble"] svg:not([data-custom-icon]) {
    opacity: 0.7 !important;
  }
  
  /* 悬停时恢复不透明 */
  [class*="woot-widget-bubble"]:hover svg,
  [class*="woot--bubble"]:hover svg {
    opacity: 1 !important;
  }
}

/* 确保浮动按钮内的所有SVG图标可见 - 覆盖Chatwoot默认样式 */
[class*="woot-widget-bubble"] svg,
[class*="woot--bubble"] svg {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 10 !important;
  transition: opacity 0.3s ease !important;
}

/* 强制设置 Chatwoot 自带图标为蓝色 */
[class*="woot-widget-bubble"] svg:not([data-custom-icon]) path,
[class*="woot--bubble"] svg:not([data-custom-icon]) path,
[class*="woot-widget-bubble"] svg:not([data-custom-icon]) circle,
[class*="woot--bubble"] svg:not([data-custom-icon]) circle,
[class*="woot-widget-bubble"] svg:not([data-custom-icon]) rect,
[class*="woot--bubble"] svg:not([data-custom-icon]) rect {
  fill: #2563EB !important;
  stroke: #2563EB !important;
}

/* 强制设置自定义图标颜色为蓝色 */
[class*="woot-widget-bubble"] svg[data-custom-icon] path[fill],
[class*="woot--bubble"] svg[data-custom-icon] path[fill] {
  fill: #2563EB !important;
}

/* 隐藏Chatwoot默认的圆形背景（如果存在） */
[class*="woot-widget-bubble"]::before,
[class*="woot--bubble"]::before,
[class*="woot-widget-bubble"]::after,
[class*="woot--bubble"]::after {
  display: none !important;
}

/* 确保bubble本身不覆盖图标 */
[class*="woot-widget-bubble"],
[class*="woot--bubble"] {
  background: transparent !important;
  overflow: visible !important;
}

/* ✅ 隐藏 Chatwoot 默认的 SVG 图标（id="woot-widget-bubble-icon"） */
/* 我们使用自定义图标（/images/customer-service-sun.svg），所以需要隐藏默认图标 */
#woot-widget-bubble-icon,
[id*="woot-widget-bubble-icon"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ✅ 图标隐藏时，box-shadow 也要为 0 */
[class*="woot-widget-bubble"][style*="display: none"],
[class*="woot--bubble"][style*="display: none"],
[class*="woot-widget-bubble"][style*="visibility: hidden"],
[class*="woot--bubble"][style*="visibility: hidden"],
[class*="woot-widget-bubble"][data-trading-page-hidden="true"],
[class*="woot--bubble"][data-trading-page-hidden="true"],
[class*="woot-widget-bubble"][data-nft-collection-page-hidden="true"],
[class*="woot--bubble"][data-nft-collection-page-hidden="true"],
body:has([data-pathname="/trading"]) [class*="woot-widget-bubble"],
body:has([data-pathname="/trading"]) [class*="woot--bubble"],
body:has([data-pathname^="/nft/collection/"]) [class*="woot-widget-bubble"],
body:has([data-pathname^="/nft/collection/"]) [class*="woot--bubble"] {
  box-shadow: none !important;
  box-shadow: 0 0 0 transparent !important;
}


/* 隐藏多余的关闭按钮 - 只保留一个打开按钮 */
[class*="woot--close"],
button[class*="woot-widget-bubble"][class*="woot--close"],
button.woot-widget-bubble.woot--close,
#cw-bubble-holder button.woot--close,
.woot--bubble-holder button.woot--close {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* 设置 Chatwoot 按钮的背景颜色 - 覆盖 SDK 默认样式
#cw-bubble-holder button.woot-widget-bubble:not([class*="woot--close"]),
.woot--bubble-holder button.woot-widget-bubble:not([class*="woot--close"]) {
  background: rgb(6, 217, 249) !important;
  background-color: rgb(6, 217, 249) !important;
} */

/* 确保浮动按钮（打开图标）始终可见 - 只显示没有 woot--close 类的按钮 */
/* 但在 NFT 集合页面隐藏 */
[class*="woot-widget-bubble"]:not([class*="woot--close"]):not([data-nft-collection-page-hidden="true"]),
[class*="woot--bubble"]:not([class*="woot--close"]):not([data-nft-collection-page-hidden="true"]),
[id*="woot-widget-bubble"]:not([class*="woot--close"]):not([data-nft-collection-page-hidden="true"]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 50 !important;
}

/* 在 NFT 集合页面强制隐藏所有客服图标（覆盖上面的规则） - body[data-pathname] 兼容 iOS 15.2 */
body[data-pathname^="/nft/collection/"] [class*="woot-widget-bubble"]:not([class*="woot--close"]),
body[data-pathname^="/nft/collection/"] [class*="woot--bubble"]:not([class*="woot--close"]),
body[data-pathname^="/nft/collection/"] [id*="woot-widget-bubble"]:not([class*="woot--close"]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 确保浮动按钮在窗口关闭时显示 - 只显示打开按钮，不显示关闭按钮 */
[class*="woot-widget-box"][style*="display: none"] ~ [class*="woot-widget-bubble"]:not([class*="woot--close"]),
[class*="woot--box"][style*="display: none"] ~ [class*="woot--bubble"]:not([class*="woot--close"]),
[data-woot-widget-closed="true"] ~ [class*="woot-widget-bubble"]:not([class*="woot--close"]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 确保关闭按钮始终隐藏 */
[class*="woot-widget-box"][style*="display: none"] ~ [class*="woot-widget-bubble"][class*="woot--close"],
[class*="woot--box"][style*="display: none"] ~ [class*="woot--bubble"][class*="woot--close"],
[data-woot-widget-closed="true"] ~ [class*="woot-widget-bubble"][class*="woot--close"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 确保关闭的窗口保持隐藏 */
[data-woot-widget-closed="true"],
[data-woot-widget-closed="true"] * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 隐藏 Chatwoot 品牌链接（由于 iframe 跨域限制，可能无法完全生效，需要在 Docker 容器内修改源代码） */
.branding--link,
[class*="branding"],
[class*="branding--link"],
a[href*="chatwoot.com"][href*="utm_source"],
div:has(.branding--link),
div:has([class*="branding"]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/**
 * 手机端底部留白工具类。
 * --mobile-tab-bar-h 由 MobileTradingBar 在手机视口下控制：
 *   显示路由 = 68px，沉浸路由（trading / 详情等）= 0px；桌面端被下方 @media >=lg 归零。
 *
 * 不加 transition：
 * - 该变量只在路由切换时变化（MobileTradingBar 的 hidden 由 pathname 决定，
 *   滚动不再隐藏），路由切换时整页已替换，过渡无意义；
 * - 而保留 transition 反而会把"首帧用 fallback / effect 跑完写真值"的
 *   瞬间跳变渲染成肉眼可见的 250ms 撑开动画（如 trading loading 一帧空白后撑满）。
 * - fallback 取 68px 与显示路由实际值一致，跳变本身无感知。
 *
 * 桌面端 (>=lg) 一律归零，避免覆盖页面自身的 lg:pb-* 设置。
 */
.pb-mobile-tabbar {
  padding-bottom: calc(var(--mobile-tab-bar-h, 68px) + env(safe-area-inset-bottom, 0px));
}

/**
 * 给「底部悬浮 CTA + tab bar」一起留白：比 .pb-mobile-tabbar 多 6rem 容纳 CTA 自身高度。
 * CTA bar 实际高度 = `.mobile-cta-shell` p-4(16+16) + button h-12(48) ≈ 80px ≈ 5rem，
 * 再加 1rem 视觉缓冲，确保正文末尾的协议复选框、错误提示不被 CTA 遮挡。
 */
.pb-mobile-cta {
  padding-bottom: calc(var(--mobile-tab-bar-h, 68px) + 6rem + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 1024px) {
  .pb-mobile-tabbar,
  .pb-mobile-cta {
    padding-bottom: 0;
  }
}

/**
 * 手机端「底部悬浮主操作」容器统一外观：
 * 顶部分隔线 + 上抛阴影；不透明底（0.95→1）遮住底部主体内容。
 * 不含 padding/定位，由各调用方控制（通常 `fixed left-0 right-0 p-4`）。
 *
 * 性能要点：
 * - 不再使用 `backdrop-filter: blur(...)`：原 0.95 不透明几乎看不出磨砂效果，但 backdrop-filter
 *   会强制每次滚动都重绘整张半透明层，在 iOS Safari + 长内容页（如跟单设置页）造成明显滚动卡顿。
 * - 用 `transform: translateZ(0)` 与 `will-change` 提升为独立合成层，避免父级滚动时被重绘。
 */
.mobile-cta-shell {
  border-top: 1px solid rgb(226 232 240 / 0.6);
  background-color: rgb(255 255 255);
  box-shadow: 0 -8px 30px -8px rgba(15, 23, 42, 0.12);
  transform: translateZ(0);
  will-change: transform;
}
.dark .mobile-cta-shell {
  border-top-color: rgb(255 255 255 / 0.08);
  background-color: rgb(15 17 24);
  box-shadow: 0 -8px 36px -10px rgba(0, 0, 0, 0.5);
}

.text-primary {
  color: var(--text-primary);
}

.text-primary:hover {
  color: var(--text-main);
}

.button-main {
  background-color: var(--button-primary);
  color: var(--theme-bg-text);
  border: 1px solid var(--line);
}

.button-main:hover {
  background-color: var(--button-primary-hover);
}

/* CTA 柔色渐变按钮 - 使用主题变量切换 */
.btn-gradient-cta {
  background: var(--gradient-theme);
  color: var(--theme-bg-text);
  box-shadow: 0 4px 24px -4px rgba(254,195,1,0.35), 0 8px 32px -8px rgba(254,195,1,0.2);
}

.dark .btn-gradient-cta {
  box-shadow: 0 4px 24px -4px rgba(254,195,1,0.35), 0 8px 32px -8px rgba(254,195,1,0.2);
}

.btn-gradient-cta:hover {
  /* 品牌金色渐变 hover 不引用 --theme-accent-hover（那是「选中态」蓝色，会断色），直接锁死金色 */
  background: linear-gradient(135deg, #F2BD0C 0%, #FFBD38 50%, #F17E2B 100%);
  box-shadow: 0 8px 32px -4px rgba(254,195,1,0.4), 0 16px 48px -8px rgba(254,195,1,0.25);
}

.dark .btn-gradient-cta:hover {
  box-shadow: 0 8px 32px -4px rgba(254,195,1,0.4), 0 16px 48px -8px rgba(254,195,1,0.25);
}

/* 卡片柔色阴影 - 信息层级 */
.card-soft {
  box-shadow: var(--card-shadow);
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}

.card-soft:hover {
  box-shadow: var(--card-shadow-hover);
}

/* 主题色柔和光晕 */
.glow-theme {
  box-shadow: var(--shadow-glow);
}

/* 页面背景柔色渐变叠加 - 用于信息层级分区 */
.bg-gradient-subtle {
  background: linear-gradient(180deg, rgba(254,195,1,0.02) 0%, transparent 40%, transparent 60%, rgba(254,195,1,0.01) 100%);
}

.dark .bg-gradient-subtle {
  background: linear-gradient(180deg, rgba(254,195,1,0.04) 0%, transparent 40%, transparent 60%, rgba(254,195,1,0.02) 100%);
}

.button-main:active {
  background-color: var(--button-primary-active);
}

/* Toast 滑入动画 - 移动端从上往下 */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Toast 滑入动画 - PC端从右往左 */
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* PC端使用从右往左的动画 */
@media (min-width: 768px) {
  [data-toast-item="true"] {
    animation: slideInRight 0.3s ease-out forwards !important;
  }
}

/* Toast背景颜色 - 浅色和深色模式 */
[data-toast-bg="true"] {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.dark [data-toast-bg="true"] {
  background-color: rgba(31, 41, 55, 0.8) !important; /* gray-800 with 0.8 opacity */
}

/* 浮动交易对列表滑入动画 */
@keyframes slide-in-from-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

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

/* 页面切换动画 - 模拟原生 APP 体验 */
@supports (view-transition-name: none) {
  ::view-transition-old(root) {
    animation: page-slide-out-left 0.3s cubic-bezier(0.32, 0.72, 0, 1) forwards;
  }
  ::view-transition-new(root) {
    animation: page-slide-in-right 0.3s cubic-bezier(0.32, 0.72, 0, 1) forwards;
  }
}
@keyframes page-slide-out-left {
  to {
    transform: translateX(-20%);
    opacity: 0.7;
  }
}
@keyframes page-slide-in-right {
  from {
    transform: translateX(20%);
    opacity: 0.7;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Bottom sheet animations */
@keyframes sheet-slide-up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes sheet-backdrop-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animate-sheet-up {
  animation: sheet-slide-up 0.35s cubic-bezier(0.32, 0.72, 0, 1) both;
}

.animate-backdrop-in {
  animation: sheet-backdrop-in 0.25s ease-out both;
}

/*
 * /market：整页只有交易对列表内部滚动，其他位置（pair-type tabs / 排序行 / 空白处）一律不滚。
 *
 * 历史方案是给 MarketContent 算精 h-[calc(100dvh - 4rem - 安全区 - tab bar)]，
 * 但只要某个子元素（图标 hover、骨架边框、动画 transform）越界 1px，
 * 外层 <main> / <body> 仍会出现可滚内容，按住 header 就能拖动整页。
 *
 * 直接在路由层锁死整条容器链的纵向滚动 —— 唯一的滚动容器是 TradingPairList 内部。
 * <main> 同时被锁定为「视口可见高度」，使内部 h-full 能拿到一个稳定值，无需任何 calc。
 */
html:has(body[data-pathname="/market"]),
body[data-pathname="/market"] {
  overflow: hidden !important;
  overscroll-behavior: contain !important;
  height: 100dvh;
  /* 防止 iOS Safari 地址栏伸缩造成 1px 抖动溢出 */
  max-height: 100dvh;
}

/*
 * <main>：限定到视口剩余空间。AppLayout 已用 pt-[calc(4rem + safe-area-inset-top)] 留出顶栏，
 * 这里只需把高度锁为 100dvh，并把 padding-top 计入 box（box-sizing: border-box 已在 *）。
 * 减去底部 mobile tab bar 与底部安全区，避免列表最后一项被 tab bar 遮住。
 */
body[data-pathname="/market"] #main-content0 {
  overflow: hidden !important;
  height: 100dvh;
  max-height: 100dvh;
  padding-bottom: calc(var(--mobile-tab-bar-h, 68px) + env(safe-area-inset-bottom, 0px));
}

/* 桌面端：没有 mobile tab bar 与底部安全区，去掉额外 padding */
@media (min-width: 1024px) {
  body[data-pathname="/market"] #main-content0 {
    padding-bottom: 0;
  }
}

/* 路由壳容器与 MarketContent 自身：撑满 main 的可视区域 */
body[data-pathname="/market"] #main-content0 > .route-content-shell,
body[data-pathname="/market"] #market-content-market {
  height: 100%;
}

/* 充值页「其他网络」离线充值时间：react-datepicker 弹层与站点明暗主题对齐 */
.theme-datepicker-popup.react-datepicker {
  font-family: inherit;
  background: var(--bg-primary);
  border: 1px solid var(--line);
  border-radius: 0.75rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.18);
}
.theme-datepicker-popup .react-datepicker__header {
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--line);
  border-radius: 0.75rem 0.75rem 0 0;
  box-sizing: border-box;
}
/* 日历 + 时间分栏：左右顶栏等高，标题与箭头垂直居中 */
.theme-datepicker-popup .react-datepicker__month-container .react-datepicker__header,
.theme-datepicker-popup .react-datepicker__header--time {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  min-height: 42px;
  max-height: 42px;
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
}
.theme-datepicker-popup .react-datepicker__month-container .react-datepicker__header {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}
.theme-datepicker-popup .react-datepicker__month-container .react-datepicker__header.react-datepicker__header--has-time-select {
  border-top-right-radius: 0;
  border-radius: 0.75rem 0 0 0;
}
.theme-datepicker-popup .react-datepicker__header--time {
  padding-left: 8px;
  padding-right: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0.75rem;
}
.theme-datepicker-popup .react-datepicker__month-container h2.react-datepicker__current-month,
.theme-datepicker-popup .react-datepicker-time__header {
  margin: 0;
  padding: 0;
  line-height: 1.25;
  font-weight: 600;
  overflow: visible;
  text-overflow: unset;
  white-space: nowrap;
}
/* 导航在 .react-datepicker 根下（非 header 内），按 42px 顶栏垂直居中 */
.theme-datepicker-popup.react-datepicker > .react-datepicker__navigation {
  top: 21px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-indent: -999em;
  transform: translateY(-50%);
}
.theme-datepicker-popup.react-datepicker > .react-datepicker__navigation .react-datepicker__navigation-icon {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 10px;
  height: 10px;
  overflow: visible;
}
.theme-datepicker-popup.react-datepicker
  > .react-datepicker__navigation
  .react-datepicker__navigation-icon--previous::before {
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%) rotate(225deg);
}
.theme-datepicker-popup.react-datepicker
  > .react-datepicker__navigation
  .react-datepicker__navigation-icon--next::before {
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%) rotate(45deg);
}
.theme-datepicker-popup .react-datepicker__current-month,
.theme-datepicker-popup .react-datepicker-time__header,
.theme-datepicker-popup .react-datepicker-year-header {
  color: var(--text-title);
}
.theme-datepicker-popup .react-datepicker__day-name,
.theme-datepicker-popup .react-datepicker__day,
.theme-datepicker-popup .react-datepicker__time-name {
  color: var(--text-title);
}
.theme-datepicker-popup .react-datepicker__day:hover,
.theme-datepicker-popup .react-datepicker__month-text:hover,
.theme-datepicker-popup .react-datepicker__quarter-text:hover,
.theme-datepicker-popup .react-datepicker__year-text:hover {
  background: var(--bg-hover, rgba(128, 128, 128, 0.12));
}
.theme-datepicker-popup .react-datepicker__day--selected,
.theme-datepicker-popup .react-datepicker__day--keyboard-selected {
  background: var(--main) !important;
  color: #fff !important;
}
.theme-datepicker-popup .react-datepicker__day--today {
  font-weight: 600;
}
/* 不可选日期：与可选日期视觉上明显区分（淡色 + 删除线 + 禁止指针 + 禁用 hover） */
.theme-datepicker-popup .react-datepicker__day--disabled,
.theme-datepicker-popup .react-datepicker__day--excluded,
.theme-datepicker-popup .react-datepicker__month-text--disabled,
.theme-datepicker-popup .react-datepicker__quarter-text--disabled,
.theme-datepicker-popup .react-datepicker__year-text--disabled {
  color: var(--text-subtitle) !important;
  opacity: 0.35;
  text-decoration: line-through;
  cursor: not-allowed !important;
  background: transparent !important;
}
.theme-datepicker-popup .react-datepicker__day--disabled:hover,
.theme-datepicker-popup .react-datepicker__day--excluded:hover {
  background: transparent !important;
}
.theme-datepicker-popup .react-datepicker__navigation-icon::before {
  border-color: var(--text-subtitle);
}
.theme-datepicker-popup .react-datepicker__time-container {
  border-left: 1px solid var(--line);
}
.theme-datepicker-popup .react-datepicker__time-container .react-datepicker__time {
  background: var(--bg-primary);
}
/* 时间列表：border-box 下库默认 height+padding 会挤偏文字，用 flex 垂直居中 */
.theme-datepicker-popup
  .react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list {
  box-sizing: border-box;
  padding: 0;
}

.theme-datepicker-popup .react-datepicker__time-list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 8px;
  text-align: center;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--text-title);
}
.theme-datepicker-popup .react-datepicker__time-list-item:hover {
  background: var(--bg-hover, rgba(128, 128, 128, 0.12));
}
.theme-datepicker-popup .react-datepicker__time-list-item--selected {
  background: var(--main) !important;
  color: #fff !important;
}
/* 不可选时间：与可选时间视觉上明显区分 */
.theme-datepicker-popup .react-datepicker__time-list-item--disabled {
  color: var(--text-subtitle) !important;
  opacity: 0.35;
  text-decoration: line-through;
  cursor: not-allowed !important;
}
.theme-datepicker-popup .react-datepicker__time-list-item--disabled:hover {
  background: transparent !important;
}
.theme-datepicker-popup .react-datepicker__triangle {
  display: none;
}

/* 充值页转账时间：弹层在输入框下方，不显示箭头 */
.deposit-offline-datetime-popper .react-datepicker__triangle,
.deposit-offline-datetime-popper [data-popper-arrow] {
  display: none !important;
}

/* 手机端：左右分栏，收窄时分列避免撑破屏幕 */
@media (max-width: 639px) {
  .react-datepicker-popper:has(.theme-datepicker-popup) {
    max-width: calc(100vw - 1rem) !important;
  }

  .theme-datepicker-popup.react-datepicker {
    width: auto !important;
    max-width: calc(100vw - 1rem);
    box-sizing: border-box;
  }

  .theme-datepicker-popup .react-datepicker__month-container {
    float: left !important;
    width: calc(100% - 3.5rem) !important;
    box-sizing: border-box;
  }

  .theme-datepicker-popup .react-datepicker__month-container .react-datepicker__header,
  .theme-datepicker-popup
    .react-datepicker__month-container
    .react-datepicker__header.react-datepicker__header--has-time-select {
    border-radius: 0.75rem 0 0 0 !important;
  }

  .theme-datepicker-popup .react-datepicker__header--time {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0.75rem !important;
    padding-left: 4px;
    padding-right: 4px;
  }

  .theme-datepicker-popup .react-datepicker-time__header {
    font-size: 0.875rem;
  }

  .theme-datepicker-popup .react-datepicker__time-container {
    float: right !important;
    width: 3.5rem !important;
    min-width: 56px;
    border-left: 1px solid var(--line) !important;
    border-top: none !important;
    box-sizing: border-box;
  }

  .theme-datepicker-popup
    .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box {
    width: 100% !important;
  }

  .theme-datepicker-popup .react-datepicker__time-list-item {
    height: 28px;
    padding: 0 2px;
    font-size: 0.75rem;
  }

  .theme-datepicker-popup .react-datepicker__day-name,
  .theme-datepicker-popup .react-datepicker__day {
    width: 1.55rem;
    line-height: 1.55rem;
    margin: 0.1rem;
  }

  .theme-datepicker-popup.react-datepicker > .react-datepicker__navigation--previous {
    left: 4px !important;
  }

  .theme-datepicker-popup.react-datepicker > .react-datepicker__navigation--next,
  .theme-datepicker-popup.react-datepicker
    > .react-datepicker__navigation--next.react-datepicker__navigation--next--with-time:not(
      .react-datepicker__navigation--next--with-today-button
    ) {
    right: calc(3.5rem + 4px) !important;
    left: auto !important;
  }
}

/* 充值页「其他网络」：日期 + 时分滚轮（左右分栏，顶栏等高） */
.deposit-offline-datetime-popup .react-datepicker__month-container {
  float: none;
  width: 100%;
}
.deposit-offline-datetime-popup .react-datepicker__month-container .react-datepicker__header {
  border-radius: 0.75rem 0 0 0;
}
.deposit-offline-datetime-popup .react-datepicker__time-container,
.deposit-offline-datetime-popup .react-datepicker__header--time,
.deposit-offline-datetime-popup .react-datepicker-time__header {
  display: none !important;
}
.deposit-offline-datetime-popup .deposit-offline-datetime-time-header {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 0.5rem;
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--line);
  border-radius: 0 0.75rem 0 0;
  color: var(--text-title);
  font-size: 0.944rem;
  font-weight: 600;
  line-height: 1.25;
}
@media (max-width: 639px) {
  .deposit-offline-datetime-popup .react-datepicker__month-container .react-datepicker__header {
    border-radius: 0.75rem 0.75rem 0 0;
  }
  .deposit-offline-datetime-popup .deposit-offline-datetime-time-header {
    border-radius: 0;
  }
}
.deposit-offline-time-wheel-column {
  touch-action: pan-y;
}

/* 充值页「其他网络」转账时间：与申报金额同高 52px，覆盖 react-datepicker 默认 input 高度 */
.deposit-offline-datetime-picker {
  display: block;
  width: 100%;
}
.deposit-offline-datetime-picker .react-datepicker__input-container {
  position: relative;
  display: block;
  width: 100%;
}
.deposit-offline-datetime-picker .react-datepicker__input-container input.deposit-offline-datetime-input,
.deposit-offline-datetime-picker .react-datepicker__view-calendar-icon input.deposit-offline-datetime-input {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 2.75rem 0 1rem !important;
  font-size: 15px !important;
  line-height: 1.25rem !important;
}
.deposit-offline-datetime-picker .react-datepicker__calendar-icon {
  position: absolute;
  right: 0.75rem;
  left: auto;
  top: 50%;
  z-index: 1;
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  pointer-events: auto;
}
.deposit-offline-datetime-picker .react-datepicker__close-icon {
  display: none !important;
}
.marker\:text-theme *::marker {
  color: rgb(var(--theme-accent-rgb) );
}
.marker\:text-theme::marker {
  color: rgb(var(--theme-accent-rgb) );
}
.placeholder\:text-\[\#707a8a\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(112 122 138 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[\#707a8a\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(112 122 138 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[var\(--text-tip\)\]::-moz-placeholder {
  color: var(--text-tip);
}
.placeholder\:text-\[var\(--text-tip\)\]::placeholder {
  color: var(--text-tip);
}
.placeholder\:text-gray-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 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-slate-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.after\:pointer-events-none::after {
  content: var(--tw-content);
  pointer-events: none;
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-x-0::after {
  content: var(--tw-content);
  left: 0px;
  right: 0px;
}
.after\:bottom-0::after {
  content: var(--tw-content);
  bottom: 0px;
}
.after\:h-0\.5::after {
  content: var(--tw-content);
  height: 0.125rem;
}
.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:bg-emerald-500::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.after\:bg-rose-500::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.after\:content-\[\"\"\]::after {
  --tw-content: "";
  content: var(--tw-content);
}
.first\:rounded-t-lg:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.first\:pt-0:first-child {
  padding-top: 0px;
}
.last\:mb-0:last-child {
  margin-bottom: 0px;
}
.last\:rounded-b-lg:last-child {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:pb-0:last-child {
  padding-bottom: 0px;
}
.odd\:bg-white:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.even\:bg-\[\#FAFAFA\]:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.focus-within\:border-\[var\(--link-color\)\]:focus-within {
  border-color: var(--link-color);
}
.focus-within\:border-red-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.focus-within\:border-theme:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(var(--theme-accent-rgb) / var(--tw-border-opacity, 1));
}
.focus-within\:ring-1:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-theme:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--theme-accent-rgb) / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-theme\/20:focus-within {
  --tw-ring-color: rgb(var(--theme-accent-rgb) / 0.2);
}
.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-px:hover {
  --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));
}
.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-\[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\:border-\[\#F2BD0C\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(242 189 12 / var(--tw-border-opacity, 1));
}
.hover\:border-\[var\(--link-color\)\]:hover {
  border-color: var(--link-color);
}
.hover\:border-\[var\(--main\)\]:hover {
  border-color: var(--main);
}
.hover\:border-gray-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / 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-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.hover\:border-green-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.hover\:border-slate-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 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-slate-300\/80:hover {
  border-color: rgb(203 213 225 / 0.8);
}
.hover\:border-theme:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--theme-accent-rgb) / var(--tw-border-opacity, 1));
}
.hover\:border-theme\/60:hover {
  border-color: rgb(var(--theme-accent-rgb) / 0.6);
}
.hover\:border-white\/20:hover {
  border-color: rgb(255 255 255 / 0.2);
}
.hover\:bg-\[\#03A66D\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(3 166 109 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#E03E55\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 62 85 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F2BD0C\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 189 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f0f0f0\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f4f5f7\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[var\(--bg-primary\)\]:hover {
  background-color: var(--bg-primary);
}
.hover\:bg-\[var\(--bg-secondary\)\]:hover {
  background-color: var(--bg-secondary);
}
.hover\:bg-\[var\(--bg-tertiary\)\]:hover {
  background-color: var(--bg-tertiary);
}
.hover\:bg-\[var\(--button-primary-hover\)\]:hover {
  background-color: var(--button-primary-hover);
}
.hover\:bg-\[var\(--button-secondary-bg\)\]:hover {
  background-color: var(--button-secondary-bg);
}
.hover\:bg-\[var\(--button-secondary-hover\)\]:hover {
  background-color: var(--button-secondary-hover);
}
.hover\:bg-\[var\(--input-bg\)\]:hover {
  background-color: var(--input-bg);
}
.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black\/45:hover {
  background-color: rgb(0 0 0 / 0.45);
}
.hover\:bg-black\/5:hover {
  background-color: rgb(0 0 0 / 0.05);
}
.hover\:bg-black\/50:hover {
  background-color: rgb(0 0 0 / 0.5);
}
.hover\:bg-black\/60:hover {
  background-color: rgb(0 0 0 / 0.6);
}
.hover\:bg-black\/80:hover {
  background-color: rgb(0 0 0 / 0.8);
}
.hover\:bg-emerald-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100\/50:hover {
  background-color: rgb(243 244 246 / 0.5);
}
.hover\:bg-gray-100\/80:hover {
  background-color: rgb(243 244 246 / 0.8);
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200\/80:hover {
  background-color: rgb(229 231 235 / 0.8);
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50\/80:hover {
  background-color: rgb(249 250 251 / 0.8);
}
.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / 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-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 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-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / 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-theme:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--theme-accent-rgb) / var(--tw-bg-opacity, 1));
}
.hover\:bg-theme-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--theme-accent-hover-rgb) / var(--tw-bg-opacity, 1));
}
.hover\:bg-theme\/10:hover {
  background-color: rgb(var(--theme-accent-rgb) / 0.1);
}
.hover\:bg-theme\/20:hover {
  background-color: rgb(var(--theme-accent-rgb) / 0.2);
}
.hover\:bg-theme\/25:hover {
  background-color: rgb(var(--theme-accent-rgb) / 0.25);
}
.hover\:bg-theme\/5:hover {
  background-color: rgb(var(--theme-accent-rgb) / 0.05);
}
.hover\:bg-theme\/90:hover {
  background-color: rgb(var(--theme-accent-rgb) / 0.9);
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/30:hover {
  background-color: rgb(255 255 255 / 0.3);
}
.hover\:bg-white\/75:hover {
  background-color: rgb(255 255 255 / 0.75);
}
.hover\:bg-white\/80:hover {
  background-color: rgb(255 255 255 / 0.8);
}
.hover\:bg-yellow-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
}
.hover\:text-\[\#1e2329\]:hover {
  --tw-text-opacity: 1;
  color: rgb(30 35 41 / var(--tw-text-opacity, 1));
}
.hover\:text-\[var\(--button-primary-hover\)\]:hover {
  color: var(--button-primary-hover);
}
.hover\:text-\[var\(--link-color\)\]:hover {
  color: var(--link-color);
}
.hover\:text-\[var\(--link-hover\)\]:hover {
  color: var(--link-hover);
}
.hover\:text-\[var\(--main\)\]:hover {
  color: var(--main);
}
.hover\:text-\[var\(--text-primary\)\]:hover {
  color: var(--text-primary);
}
.hover\:text-\[var\(--text-title\)\]:hover {
  color: var(--text-title);
}
.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 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-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-slate-600:hover {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / 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-theme:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--theme-accent-rgb) / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:opacity-95:hover {
  opacity: 0.95;
}
.hover\:shadow-\[0_4px_12px_rgba\(0\2c 180\2c 148\2c 0\.2\)\]:hover {
  --tw-shadow: 0 4px 12px rgba(0,180,148,0.2);
  --tw-shadow-colored: 0 4px 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_8px_24px_-6px_rgba\(15\2c 23\2c 42\2c 0\.14\)\]:hover {
  --tw-shadow: 0 8px 24px -6px rgba(15,23,42,0.14);
  --tw-shadow-colored: 0 8px 24px -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-\[0_8px_30px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]:hover {
  --tw-shadow: 0 8px 30px rgba(0,0,0,0.12);
  --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);
}
.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-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\:brightness-105:hover {
  --tw-brightness: brightness(1.05);
  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);
}
.hover\:brightness-95:hover {
  --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);
}
.focus\:border-\[\#FED400\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(254 212 0 / var(--tw-border-opacity, 1));
}
.focus\:border-\[var\(--error\)\]:focus {
  border-color: var(--error);
}
.focus\:border-\[var\(--link-color\)\]:focus {
  border-color: var(--link-color);
}
.focus\:border-\[var\(--main\)\]:focus {
  border-color: var(--main);
}
.focus\:border-green-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.focus\:border-rose-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}
.focus\:border-theme:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--theme-accent-rgb) / var(--tw-border-opacity, 1));
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.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-\[var\(--main\)\]:focus {
  --tw-ring-color: var(--main);
}
.focus\:ring-rose-400\/30:focus {
  --tw-ring-color: rgb(251 113 133 / 0.3);
}
.focus\:ring-theme:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--theme-accent-rgb) / var(--tw-ring-opacity, 1));
}
.focus\:ring-theme\/25:focus {
  --tw-ring-color: rgb(var(--theme-accent-rgb) / 0.25);
}
.focus\:ring-theme\/30:focus {
  --tw-ring-color: rgb(var(--theme-accent-rgb) / 0.3);
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-0: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(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-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-theme:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--theme-accent-rgb) / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-theme\/40:focus-visible {
  --tw-ring-color: rgb(var(--theme-accent-rgb) / 0.4);
}
.focus-visible\:ring-theme\/50:focus-visible {
  --tw-ring-color: rgb(var(--theme-accent-rgb) / 0.5);
}
.focus-visible\:ring-white\/70:focus-visible {
  --tw-ring-color: rgb(255 255 255 / 0.7);
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.active\:translate-y-0:active {
  --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));
}
.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\.995\]:active {
  --tw-scale-x: 0.995;
  --tw-scale-y: 0.995;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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\:bg-\[var\(--bg-tertiary\)\]:active {
  background-color: var(--bg-tertiary);
}
.active\:bg-\[var\(--button-primary-active\)\]:active {
  background-color: var(--button-primary-active);
}
.active\:bg-black\/55:active {
  background-color: rgb(0 0 0 / 0.55);
}
.active\:bg-gray-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.active\:bg-gray-200:active {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.active\:bg-gray-800:active {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.active\:bg-slate-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.active\:bg-slate-50:active {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.active\:bg-slate-800\/50:active {
  background-color: rgb(30 41 59 / 0.5);
}
.active\:bg-theme:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--theme-accent-rgb) / var(--tw-bg-opacity, 1));
}
.active\:bg-theme\/20:active {
  background-color: rgb(var(--theme-accent-rgb) / 0.2);
}
.active\:text-gray-600:active {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.active\:text-gray-700:active {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.active\:text-gray-900:active {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.active\:text-theme:active {
  --tw-text-opacity: 1;
  color: rgb(var(--theme-accent-rgb) / var(--tw-text-opacity, 1));
}
.active\:text-theme-bg-text:active {
  color: var(--theme-bg-text);
}
.active\:opacity-70:active {
  opacity: 0.7;
}
.active\:opacity-80:active {
  opacity: 0.8;
}
.active\:opacity-90:active {
  opacity: 0.9;
}
.enabled\:hover\:border-\[var\(--main\)\]:hover:enabled {
  border-color: var(--main);
}
.enabled\:active\:scale-\[0\.99\]:active:enabled {
  --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));
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:transform-none:disabled {
  transform: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:bg-gray-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-slate-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.disabled\:text-slate-500:disabled {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.disabled\:opacity-100:disabled {
  opacity: 1;
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.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\:hover\:translate-y-0:hover:disabled {
  --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));
}
.disabled\:hover\:shadow-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.04\)\]:hover:disabled {
  --tw-shadow: 0 4px 20px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0 4px 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);
}
.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\/dropdown:hover .group-hover\/dropdown\:pointer-events-auto {
  pointer-events: auto;
}
.group\/dropdown:hover .group-hover\/dropdown\:visible {
  visibility: visible;
}
.group\/dropdown:hover .group-hover\/dropdown\:z-\[101\] {
  z-index: 101;
}
.group\/dropdown:hover .group-hover\/dropdown\:z-\[102\] {
  z-index: 102;
}
.group\/info:hover .group-hover\/info\:block {
  display: block;
}
.group\/qmark:hover .group-hover\/qmark\:block {
  display: block;
}
.group\/dropdown:hover .group-hover\/dropdown\: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-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\/dropdown:hover .group-hover\/dropdown\: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: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\:text-theme {
  --tw-text-opacity: 1;
  color: rgb(var(--theme-accent-rgb) / var(--tw-text-opacity, 1));
}
.group\/dropdown:hover .group-hover\/dropdown\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-50 {
  opacity: 0.5;
}
.group\/dropdown:hover .group-hover\/dropdown\:transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.group\/dropdown:hover .group-hover\/dropdown\:duration-200 {
  transition-duration: 200ms;
}
.group\/dropdown:hover .group-hover\/dropdown\:ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.group:active .group-active\: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));
}
@media (prefers-reduced-motion: reduce) {

  .motion-reduce\:animate-none {
    animation: none;
  }

  .motion-reduce\:backdrop-blur-none {
    --tw-backdrop-blur:  ;
    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);
  }

  .motion-reduce\:transition-none {
    transition-property: none;
  }
}
.dark\:divide-\[\#2a3038\]:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(42 48 56 / var(--tw-divide-opacity, 1));
}
.dark\:divide-\[var\(--line\)\]:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--line);
}
.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-slate-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}
.dark\:divide-white\/\[0\.06\]:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.06);
}
.dark\:border:is(.dark *) {
  border-width: 1px;
}
.dark\:border-\[\#2B3139\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(43 49 57 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#2a3038\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(42 48 56 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#2a3038\]\/80:is(.dark *) {
  border-color: rgb(42 48 56 / 0.8);
}
.dark\:border-\[\#2b3139\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(43 49 57 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#484C51\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(72 76 81 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#676D7A\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(103 109 122 / var(--tw-border-opacity, 1));
}
.dark\:border-\[var\(--border-color\)\]:is(.dark *) {
  border-color: var(--border-color);
}
.dark\:border-\[var\(--line\)\]:is(.dark *) {
  border-color: var(--line);
}
.dark\:border-amber-400\/35:is(.dark *) {
  border-color: rgb(251 191 36 / 0.35);
}
.dark\:border-amber-400\/55:is(.dark *) {
  border-color: rgb(251 191 36 / 0.55);
}
.dark\:border-amber-500\/20:is(.dark *) {
  border-color: rgb(245 158 11 / 0.2);
}
.dark\:border-amber-500\/30:is(.dark *) {
  border-color: rgb(245 158 11 / 0.3);
}
.dark\:border-amber-500\/35:is(.dark *) {
  border-color: rgb(245 158 11 / 0.35);
}
.dark\:border-amber-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
}
.dark\:border-amber-600\/35:is(.dark *) {
  border-color: rgb(217 119 6 / 0.35);
}
.dark\:border-amber-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
}
.dark\:border-amber-800\/50:is(.dark *) {
  border-color: rgb(146 64 14 / 0.5);
}
.dark\:border-amber-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(120 53 15 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-400\/20:is(.dark *) {
  border-color: rgb(52 211 153 / 0.2);
}
.dark\:border-gray-500\/55:is(.dark *) {
  border-color: rgb(107 114 128 / 0.55);
}
.dark\:border-gray-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-600\/80:is(.dark *) {
  border-color: rgb(75 85 99 / 0.8);
}
.dark\:border-gray-600\/90:is(.dark *) {
  border-color: rgb(75 85 99 / 0.9);
}
.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-gray-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.dark\:border-green-500:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.dark\:border-green-500\/20:is(.dark *) {
  border-color: rgb(34 197 94 / 0.2);
}
.dark\:border-green-500\/50:is(.dark *) {
  border-color: rgb(34 197 94 / 0.5);
}
.dark\:border-green-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}
.dark\:border-green-800\/80:is(.dark *) {
  border-color: rgb(22 101 52 / 0.8);
}
.dark\:border-orange-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}
.dark\:border-orange-500\/50:is(.dark *) {
  border-color: rgb(249 115 22 / 0.5);
}
.dark\:border-orange-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-border-opacity, 1));
}
.dark\:border-purple-500\/45:is(.dark *) {
  border-color: rgb(168 85 247 / 0.45);
}
.dark\:border-red-500:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.dark\:border-red-500\/20:is(.dark *) {
  border-color: rgb(239 68 68 / 0.2);
}
.dark\:border-red-500\/30:is(.dark *) {
  border-color: rgb(239 68 68 / 0.3);
}
.dark\:border-red-500\/35:is(.dark *) {
  border-color: rgb(239 68 68 / 0.35);
}
.dark\:border-red-500\/50:is(.dark *) {
  border-color: rgb(239 68 68 / 0.5);
}
.dark\:border-red-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.dark\:border-red-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}
.dark\:border-red-800\/80:is(.dark *) {
  border-color: rgb(153 27 27 / 0.8);
}
.dark\:border-rose-500\/20:is(.dark *) {
  border-color: rgb(244 63 94 / 0.2);
}
.dark\:border-rose-500\/25:is(.dark *) {
  border-color: rgb(244 63 94 / 0.25);
}
.dark\:border-rose-500\/30:is(.dark *) {
  border-color: rgb(244 63 94 / 0.3);
}
.dark\:border-rose-500\/40:is(.dark *) {
  border-color: rgb(244 63 94 / 0.4);
}
.dark\:border-sky-500\/25:is(.dark *) {
  border-color: rgb(14 165 233 / 0.25);
}
.dark\:border-sky-500\/35:is(.dark *) {
  border-color: rgb(14 165 233 / 0.35);
}
.dark\:border-slate-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-600\/60:is(.dark *) {
  border-color: rgb(71 85 105 / 0.6);
}
.dark\:border-slate-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-700\/60:is(.dark *) {
  border-color: rgb(51 65 85 / 0.6);
}
.dark\:border-slate-700\/75:is(.dark *) {
  border-color: rgb(51 65 85 / 0.75);
}
.dark\:border-slate-700\/80:is(.dark *) {
  border-color: rgb(51 65 85 / 0.8);
}
.dark\:border-slate-700\/90:is(.dark *) {
  border-color: rgb(51 65 85 / 0.9);
}
.dark\:border-slate-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.dark\:border-theme:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--theme-accent-rgb) / var(--tw-border-opacity, 1));
}
.dark\:border-theme\/25:is(.dark *) {
  border-color: rgb(var(--theme-accent-rgb) / 0.25);
}
.dark\:border-theme\/30:is(.dark *) {
  border-color: rgb(var(--theme-accent-rgb) / 0.3);
}
.dark\:border-theme\/35:is(.dark *) {
  border-color: rgb(var(--theme-accent-rgb) / 0.35);
}
.dark\:border-theme\/40:is(.dark *) {
  border-color: rgb(var(--theme-accent-rgb) / 0.4);
}
.dark\:border-theme\/45:is(.dark *) {
  border-color: rgb(var(--theme-accent-rgb) / 0.45);
}
.dark\:border-theme\/50:is(.dark *) {
  border-color: rgb(var(--theme-accent-rgb) / 0.5);
}
.dark\:border-transparent:is(.dark *) {
  border-color: transparent;
}
.dark\:border-white:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / 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\/5:is(.dark *) {
  border-color: rgb(255 255 255 / 0.05);
}
.dark\:border-white\/50:is(.dark *) {
  border-color: rgb(255 255 255 / 0.5);
}
.dark\:border-white\/\[0\.06\]:is(.dark *) {
  border-color: rgb(255 255 255 / 0.06);
}
.dark\:border-white\/\[0\.08\]:is(.dark *) {
  border-color: rgb(255 255 255 / 0.08);
}
.dark\:border-white\/\[0\.09\]:is(.dark *) {
  border-color: rgb(255 255 255 / 0.09);
}
.dark\:border-white\/\[0\.12\]:is(.dark *) {
  border-color: rgb(255 255 255 / 0.12);
}
.dark\:border-yellow-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
}
.dark\:border-t-gray-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-top-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.dark\:border-t-theme:is(.dark *) {
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--theme-accent-rgb) / var(--tw-border-opacity, 1));
}
.dark\:\!bg-\[\#0a0b10\]\/95:is(.dark *) {
  background-color: rgb(10 11 16 / 0.95) !important;
}
.dark\:\!bg-black\/60:is(.dark *) {
  background-color: rgb(0 0 0 / 0.6) !important;
}
.dark\:bg-\[\#0b0e14\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(11 14 20 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#0f1118\]\/40:is(.dark *) {
  background-color: rgb(15 17 24 / 0.4);
}
.dark\:bg-\[\#12151c\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(18 21 28 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#12151c\]\/55:is(.dark *) {
  background-color: rgb(18 21 28 / 0.55);
}
.dark\:bg-\[\#151821\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(21 24 33 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#151821\]\/80:is(.dark *) {
  background-color: rgb(21 24 33 / 0.8);
}
.dark\:bg-\[\#161a1e\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(22 26 30 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#161a1e\]\/95:is(.dark *) {
  background-color: rgb(22 26 30 / 0.95);
}
.dark\:bg-\[\#181A1F\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 26 31 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1E2329\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 35 41 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1F2227\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 34 39 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1F2630\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 38 48 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1a1d26\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 29 38 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1a1d26\]\/80:is(.dark *) {
  background-color: rgb(26 29 38 / 0.8);
}
.dark\:bg-\[\#1a1d28\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 29 40 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1a1f24\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 31 36 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1a2028\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 40 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1e2329\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 35 41 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1e2329\]\/80:is(.dark *) {
  background-color: rgb(30 35 41 / 0.8);
}
.dark\:bg-\[\#1e2430\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 36 48 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#252a38\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(37 42 56 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#2A313C\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 49 60 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#2E2222\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(46 34 34 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#2b2f36\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(43 47 54 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#31373F\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(49 55 63 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#333333\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#374151\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#3E5043\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(62 80 67 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#463C19\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(70 60 25 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#FEC301\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(254 195 1 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[var\(--bg\)\]:is(.dark *) {
  background-color: var(--bg);
}
.dark\:bg-\[var\(--bg-card\)\]:is(.dark *) {
  background-color: var(--bg-card);
}
.dark\:bg-\[var\(--bg-primary\)\]:is(.dark *) {
  background-color: var(--bg-primary);
}
.dark\:bg-\[var\(--bg-secondary\)\]:is(.dark *) {
  background-color: var(--bg-secondary);
}
.dark\:bg-\[var\(--bg-tertiary\)\]:is(.dark *) {
  background-color: var(--bg-tertiary);
}
.dark\:bg-\[var\(--button-secondary-bg\)\]:is(.dark *) {
  background-color: var(--button-secondary-bg);
}
.dark\:bg-\[var\(--header-bg\)\]:is(.dark *) {
  background-color: var(--header-bg);
}
.dark\:bg-\[var\(--trading-input-bg\)\]:is(.dark *) {
  background-color: var(--trading-input-bg);
}
.dark\:bg-\[var\(--trading-input-bg\2c \#14151A\)\]:is(.dark *) {
  background-color: var(--trading-input-bg,#14151A);
}
.dark\:bg-amber-500\/10:is(.dark *) {
  background-color: rgb(245 158 11 / 0.1);
}
.dark\:bg-amber-500\/15:is(.dark *) {
  background-color: rgb(245 158 11 / 0.15);
}
.dark\:bg-amber-500\/20:is(.dark *) {
  background-color: rgb(245 158 11 / 0.2);
}
.dark\:bg-amber-500\/5:is(.dark *) {
  background-color: rgb(245 158 11 / 0.05);
}
.dark\:bg-amber-900\/20:is(.dark *) {
  background-color: rgb(120 53 15 / 0.2);
}
.dark\:bg-amber-900\/25:is(.dark *) {
  background-color: rgb(120 53 15 / 0.25);
}
.dark\:bg-amber-900\/40:is(.dark *) {
  background-color: rgb(120 53 15 / 0.4);
}
.dark\:bg-amber-950\/25:is(.dark *) {
  background-color: rgb(69 26 3 / 0.25);
}
.dark\:bg-amber-950\/30:is(.dark *) {
  background-color: rgb(69 26 3 / 0.3);
}
.dark\:bg-amber-950\/35:is(.dark *) {
  background-color: rgb(69 26 3 / 0.35);
}
.dark\:bg-amber-950\/40:is(.dark *) {
  background-color: rgb(69 26 3 / 0.4);
}
.dark\:bg-black:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.dark\:bg-black\/15:is(.dark *) {
  background-color: rgb(0 0 0 / 0.15);
}
.dark\:bg-black\/20:is(.dark *) {
  background-color: rgb(0 0 0 / 0.2);
}
.dark\:bg-black\/25:is(.dark *) {
  background-color: rgb(0 0 0 / 0.25);
}
.dark\:bg-black\/90:is(.dark *) {
  background-color: rgb(0 0 0 / 0.9);
}
.dark\:bg-blue-500\/10:is(.dark *) {
  background-color: rgb(59 130 246 / 0.1);
}
.dark\:bg-blue-500\/15:is(.dark *) {
  background-color: rgb(59 130 246 / 0.15);
}
.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-dark-bg:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 26 31 / var(--tw-bg-opacity, 1));
}
.dark\:bg-emerald-500\/10:is(.dark *) {
  background-color: rgb(16 185 129 / 0.1);
}
.dark\:bg-emerald-500\/15:is(.dark *) {
  background-color: rgb(16 185 129 / 0.15);
}
.dark\:bg-emerald-500\/20:is(.dark *) {
  background-color: rgb(16 185 129 / 0.2);
}
.dark\:bg-emerald-500\/30:is(.dark *) {
  background-color: rgb(16 185 129 / 0.3);
}
.dark\:bg-emerald-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.dark\:bg-emerald-950\/50:is(.dark *) {
  background-color: rgb(2 44 34 / 0.5);
}
.dark\:bg-gray-500\/10:is(.dark *) {
  background-color: rgb(107 114 128 / 0.1);
}
.dark\:bg-gray-500\/20:is(.dark *) {
  background-color: rgb(107 114 128 / 0.2);
}
.dark\:bg-gray-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-600\/40:is(.dark *) {
  background-color: rgb(75 85 99 / 0.4);
}
.dark\:bg-gray-600\/45:is(.dark *) {
  background-color: rgb(75 85 99 / 0.45);
}
.dark\:bg-gray-600\/50:is(.dark *) {
  background-color: rgb(75 85 99 / 0.5);
}
.dark\:bg-gray-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-700\/30:is(.dark *) {
  background-color: rgb(55 65 81 / 0.3);
}
.dark\:bg-gray-700\/40:is(.dark *) {
  background-color: rgb(55 65 81 / 0.4);
}
.dark\:bg-gray-700\/45:is(.dark *) {
  background-color: rgb(55 65 81 / 0.45);
}
.dark\:bg-gray-700\/50:is(.dark *) {
  background-color: rgb(55 65 81 / 0.5);
}
.dark\:bg-gray-700\/60:is(.dark *) {
  background-color: rgb(55 65 81 / 0.6);
}
.dark\:bg-gray-700\/70:is(.dark *) {
  background-color: rgb(55 65 81 / 0.7);
}
.dark\:bg-gray-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-800\/50:is(.dark *) {
  background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/60:is(.dark *) {
  background-color: rgb(31 41 55 / 0.6);
}
.dark\:bg-gray-800\/80:is(.dark *) {
  background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-900\/20:is(.dark *) {
  background-color: rgb(17 24 39 / 0.2);
}
.dark\:bg-gray-900\/30:is(.dark *) {
  background-color: rgb(17 24 39 / 0.3);
}
.dark\:bg-green-500\/10:is(.dark *) {
  background-color: rgb(34 197 94 / 0.1);
}
.dark\:bg-green-500\/15:is(.dark *) {
  background-color: rgb(34 197 94 / 0.15);
}
.dark\:bg-green-500\/20:is(.dark *) {
  background-color: rgb(34 197 94 / 0.2);
}
.dark\:bg-green-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-600\/50:is(.dark *) {
  background-color: rgb(22 163 74 / 0.5);
}
.dark\:bg-green-900\/10:is(.dark *) {
  background-color: rgb(20 83 45 / 0.1);
}
.dark\:bg-green-900\/20:is(.dark *) {
  background-color: rgb(20 83 45 / 0.2);
}
.dark\:bg-green-900\/30:is(.dark *) {
  background-color: rgb(20 83 45 / 0.3);
}
.dark\:bg-green-900\/40:is(.dark *) {
  background-color: rgb(20 83 45 / 0.4);
}
.dark\:bg-orange-900\/10:is(.dark *) {
  background-color: rgb(124 45 18 / 0.1);
}
.dark\:bg-orange-900\/20:is(.dark *) {
  background-color: rgb(124 45 18 / 0.2);
}
.dark\:bg-purple-500\/10:is(.dark *) {
  background-color: rgb(168 85 247 / 0.1);
}
.dark\:bg-purple-500\/20:is(.dark *) {
  background-color: rgb(168 85 247 / 0.2);
}
.dark\:bg-red-500\/10:is(.dark *) {
  background-color: rgb(239 68 68 / 0.1);
}
.dark\:bg-red-500\/15:is(.dark *) {
  background-color: rgb(239 68 68 / 0.15);
}
.dark\:bg-red-500\/30:is(.dark *) {
  background-color: rgb(239 68 68 / 0.3);
}
.dark\:bg-red-500\/5:is(.dark *) {
  background-color: rgb(239 68 68 / 0.05);
}
.dark\:bg-red-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-900\/10:is(.dark *) {
  background-color: rgb(127 29 29 / 0.1);
}
.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-red-900\/40:is(.dark *) {
  background-color: rgb(127 29 29 / 0.4);
}
.dark\:bg-red-900\/80:is(.dark *) {
  background-color: rgb(127 29 29 / 0.8);
}
.dark\:bg-red-950\/25:is(.dark *) {
  background-color: rgb(69 10 10 / 0.25);
}
.dark\:bg-rose-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.dark\:bg-rose-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}
.dark\:bg-rose-950\/20:is(.dark *) {
  background-color: rgb(76 5 25 / 0.2);
}
.dark\:bg-rose-950\/25:is(.dark *) {
  background-color: rgb(76 5 25 / 0.25);
}
.dark\:bg-rose-950\/30:is(.dark *) {
  background-color: rgb(76 5 25 / 0.3);
}
.dark\:bg-rose-950\/50:is(.dark *) {
  background-color: rgb(76 5 25 / 0.5);
}
.dark\:bg-sky-950\/25:is(.dark *) {
  background-color: rgb(8 47 73 / 0.25);
}
.dark\:bg-sky-950\/40:is(.dark *) {
  background-color: rgb(8 47 73 / 0.4);
}
.dark\:bg-slate-500\/10:is(.dark *) {
  background-color: rgb(100 116 139 / 0.1);
}
.dark\:bg-slate-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-700\/50:is(.dark *) {
  background-color: rgb(51 65 85 / 0.5);
}
.dark\:bg-slate-700\/80:is(.dark *) {
  background-color: rgb(51 65 85 / 0.8);
}
.dark\:bg-slate-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-800\/40:is(.dark *) {
  background-color: rgb(30 41 59 / 0.4);
}
.dark\:bg-slate-800\/50:is(.dark *) {
  background-color: rgb(30 41 59 / 0.5);
}
.dark\:bg-slate-800\/80:is(.dark *) {
  background-color: rgb(30 41 59 / 0.8);
}
.dark\:bg-slate-800\/95:is(.dark *) {
  background-color: rgb(30 41 59 / 0.95);
}
.dark\:bg-slate-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-900\/40:is(.dark *) {
  background-color: rgb(15 23 42 / 0.4);
}
.dark\:bg-slate-900\/50:is(.dark *) {
  background-color: rgb(15 23 42 / 0.5);
}
.dark\:bg-slate-900\/85:is(.dark *) {
  background-color: rgb(15 23 42 / 0.85);
}
.dark\:bg-teal-950\/55:is(.dark *) {
  background-color: rgb(4 47 46 / 0.55);
}
.dark\:bg-theme:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--theme-accent-rgb) / var(--tw-bg-opacity, 1));
}
.dark\:bg-theme\/10:is(.dark *) {
  background-color: rgb(var(--theme-accent-rgb) / 0.1);
}
.dark\:bg-theme\/15:is(.dark *) {
  background-color: rgb(var(--theme-accent-rgb) / 0.15);
}
.dark\:bg-theme\/20:is(.dark *) {
  background-color: rgb(var(--theme-accent-rgb) / 0.2);
}
.dark\:bg-theme\/30:is(.dark *) {
  background-color: rgb(var(--theme-accent-rgb) / 0.3);
}
.dark\:bg-theme\/40:is(.dark *) {
  background-color: rgb(var(--theme-accent-rgb) / 0.4);
}
.dark\:bg-theme\/5:is(.dark *) {
  background-color: rgb(var(--theme-accent-rgb) / 0.05);
}
.dark\:bg-transparent:is(.dark *) {
  background-color: transparent;
}
.dark\:bg-violet-500\/20:is(.dark *) {
  background-color: rgb(139 92 246 / 0.2);
}
.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\/15:is(.dark *) {
  background-color: rgb(255 255 255 / 0.15);
}
.dark\:bg-white\/20:is(.dark *) {
  background-color: rgb(255 255 255 / 0.2);
}
.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\.03\]:is(.dark *) {
  background-color: rgb(255 255 255 / 0.03);
}
.dark\:bg-white\/\[0\.04\]:is(.dark *) {
  background-color: rgb(255 255 255 / 0.04);
}
.dark\:bg-white\/\[0\.05\]:is(.dark *) {
  background-color: rgb(255 255 255 / 0.05);
}
.dark\:bg-white\/\[0\.06\]:is(.dark *) {
  background-color: rgb(255 255 255 / 0.06);
}
.dark\:bg-white\/\[0\.07\]:is(.dark *) {
  background-color: rgb(255 255 255 / 0.07);
}
.dark\:bg-white\/\[0\.08\]:is(.dark *) {
  background-color: rgb(255 255 255 / 0.08);
}
.dark\:bg-yellow-600\/50:is(.dark *) {
  background-color: rgb(202 138 4 / 0.5);
}
.dark\:bg-yellow-900\/20:is(.dark *) {
  background-color: rgb(113 63 18 / 0.2);
}
.dark\:bg-yellow-900\/30:is(.dark *) {
  background-color: rgb(113 63 18 / 0.3);
}
.dark\:from-\[\#0a0b10\]:is(.dark *) {
  --tw-gradient-from: #0a0b10 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 11 16 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#161a1e\]:is(.dark *) {
  --tw-gradient-from: #161a1e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 26 30 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#1a1f2e\]:is(.dark *) {
  --tw-gradient-from: #1a1f2e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 31 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-amber-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(120 53 15 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-green-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(20 83 45 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-white\/\[0\.04\]:is(.dark *) {
  --tw-gradient-from: rgb(255 255 255 / 0.04) 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\:via-\[\#0f1118\]:is(.dark *) {
  --tw-gradient-to: rgb(15 17 24 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f1118 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:to-\[\#0c0d12\]:is(.dark *) {
  --tw-gradient-to: #0c0d12 var(--tw-gradient-to-position);
}
.dark\:to-\[\#12161a\]:is(.dark *) {
  --tw-gradient-to: #12161a var(--tw-gradient-to-position);
}
.dark\:to-\[\#151821\]:is(.dark *) {
  --tw-gradient-to: #151821 var(--tw-gradient-to-position);
}
.dark\:to-amber-900\/10:is(.dark *) {
  --tw-gradient-to: rgb(120 53 15 / 0.1) var(--tw-gradient-to-position);
}
.dark\:to-green-900\/10:is(.dark *) {
  --tw-gradient-to: rgb(20 83 45 / 0.1) var(--tw-gradient-to-position);
}
.dark\:to-transparent:is(.dark *) {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.dark\:\!text-theme:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--theme-accent-rgb) / var(--tw-text-opacity, 1)) !important;
}
.dark\:text-\[\#CBCBCB\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 203 203 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#F1F1F1\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 241 241 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#ffffff\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-\[var\(--main\)\]:is(.dark *) {
  color: var(--main);
}
.dark\:text-\[var\(--text-secondary\)\]:is(.dark *) {
  color: var(--text-secondary);
}
.dark\:text-\[var\(--text-subtitle\)\]:is(.dark *) {
  color: var(--text-subtitle);
}
.dark\:text-\[var\(--text-tertiary\)\]:is(.dark *) {
  color: var(--text-tertiary);
}
.dark\:text-\[var\(--trading-muted\)\]:is(.dark *) {
  color: var(--trading-muted);
}
.dark\:text-amber-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-100\/85:is(.dark *) {
  color: rgb(254 243 199 / 0.85);
}
.dark\:text-amber-100\/90:is(.dark *) {
  color: rgb(254 243 199 / 0.9);
}
.dark\:text-amber-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-200\/70:is(.dark *) {
  color: rgb(253 230 138 / 0.7);
}
.dark\:text-amber-200\/85:is(.dark *) {
  color: rgb(253 230 138 / 0.85);
}
.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-300\/80:is(.dark *) {
  color: rgb(252 211 77 / 0.8);
}
.dark\:text-amber-300\/90:is(.dark *) {
  color: rgb(252 211 77 / 0.9);
}
.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 251 235 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / 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-emerald-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-300\/85:is(.dark *) {
  color: rgb(110 231 183 / 0.85);
}
.dark\:text-emerald-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 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-600:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 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-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}
.dark\:text-green-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 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-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / 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-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / 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-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 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-red-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 228 230 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-200\/90:is(.dark *) {
  color: rgb(254 205 211 / 0.9);
}
.dark\:text-rose-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-300\/80:is(.dark *) {
  color: rgb(253 164 175 / 0.8);
}
.dark\:text-rose-300\/85:is(.dark *) {
  color: rgb(253 164 175 / 0.85);
}
.dark\:text-rose-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}
.dark\:text-sky-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 242 254 / var(--tw-text-opacity, 1));
}
.dark\:text-sky-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-600:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.dark\:text-teal-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(204 251 241 / var(--tw-text-opacity, 1));
}
.dark\:text-theme:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(var(--theme-accent-rgb) / var(--tw-text-opacity, 1));
}
.dark\:text-theme-bg-text:is(.dark *) {
  color: var(--theme-bg-text);
}
.dark\:text-theme\/90:is(.dark *) {
  color: rgb(var(--theme-accent-rgb) / 0.9);
}
.dark\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-white\/30:is(.dark *) {
  color: rgb(255 255 255 / 0.3);
}
.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\/55:is(.dark *) {
  color: rgb(255 255 255 / 0.55);
}
.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\/75:is(.dark *) {
  color: rgb(255 255 255 / 0.75);
}
.dark\:text-white\/80:is(.dark *) {
  color: rgb(255 255 255 / 0.8);
}
.dark\:text-white\/90:is(.dark *) {
  color: rgb(255 255 255 / 0.9);
}
.dark\:text-yellow-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / 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\:opacity-60:is(.dark *) {
  opacity: 0.6;
}
.dark\:opacity-\[0\.28\]:is(.dark *) {
  opacity: 0.28;
}
.dark\:shadow-\[0_0_0_0\.5px_rgba\(6\2c 182\2c 212\2c 0\.55\)\]:is(.dark *) {
  --tw-shadow: 0 0 0 0.5px rgba(6,182,212,0.55);
  --tw-shadow-colored: 0 0 0 0.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);
}
.dark\:shadow-\[0_2px_14px_-6px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]:is(.dark *) {
  --tw-shadow: 0 2px 14px -6px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 2px 14px -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);
}
.dark\:shadow-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]:is(.dark *) {
  --tw-shadow: 0 4px 20px rgba(0,0,0,0.3);
  --tw-shadow-colored: 0 4px 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);
}
.dark\:shadow-\[0_4px_24px_-6px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]:is(.dark *) {
  --tw-shadow: 0 4px 24px -6px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 4px 24px -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);
}
.dark\:shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:is(.dark *) {
  --tw-shadow: 0 8px 24px rgba(0,0,0,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);
}
.dark\:shadow-\[0_8px_30px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:is(.dark *) {
  --tw-shadow: 0 8px 30px rgba(0,0,0,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);
}
.dark\:shadow-\[0_8px_40px_-12px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]:is(.dark *) {
  --tw-shadow: 0 8px 40px -12px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 8px 40px -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);
}
.dark\:shadow-\[inset_0px_3px_6px_1px_rgba\(255\2c 255\2c 255\2c 0\.3\)\]:is(.dark *) {
  --tw-shadow: inset 0px 3px 6px 1px rgba(255,255,255,0.3);
  --tw-shadow-colored: inset 0px 3px 6px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-none:is(.dark *) {
  --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);
}
.dark\:shadow-sm:is(.dark *) {
  --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);
}
.dark\:shadow-xl:is(.dark *) {
  --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);
}
.dark\:shadow-theme\/20:is(.dark *) {
  --tw-shadow-color: rgb(var(--theme-accent-rgb) / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:ring-1:is(.dark *) {
  --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);
}
.dark\:ring-\[var\(--line\)\]:is(.dark *) {
  --tw-ring-color: var(--line);
}
.dark\:ring-black\/25:is(.dark *) {
  --tw-ring-color: rgb(0 0 0 / 0.25);
}
.dark\:ring-theme\/30:is(.dark *) {
  --tw-ring-color: rgb(var(--theme-accent-rgb) / 0.3);
}
.dark\:ring-theme\/40:is(.dark *) {
  --tw-ring-color: rgb(var(--theme-accent-rgb) / 0.4);
}
.dark\:backdrop-blur-sm:is(.dark *) {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.dark\:backdrop-blur-xl:is(.dark *) {
  --tw-backdrop-blur: blur(24px);
  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);
}
.dark\:\[text-shadow\:0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.75\)\]:is(.dark *) {
  text-shadow: 0 1px 2px rgba(0,0,0,0.75);
}
.dark\:placeholder\:text-\[var\(--text-tertiary\)\]:is(.dark *)::-moz-placeholder {
  color: var(--text-tertiary);
}
.dark\:placeholder\:text-\[var\(--text-tertiary\)\]:is(.dark *)::placeholder {
  color: var(--text-tertiary);
}
.dark\:placeholder\:text-gray-500:is(.dark *)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.dark\:placeholder\:text-gray-500:is(.dark *)::placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.dark\:placeholder\:text-slate-500:is(.dark *)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.dark\:placeholder\:text-slate-500:is(.dark *)::placeholder {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.dark\:odd\:bg-\[\#1F2227\]:nth-child(odd):is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 34 39 / var(--tw-bg-opacity, 1));
}
.dark\:even\:bg-\[\#272A2F\]:nth-child(even):is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 42 47 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:border-gray-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-slate-500\/75:hover:is(.dark *) {
  border-color: rgb(100 116 139 / 0.75);
}
.dark\:hover\:border-slate-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-theme\/55:hover:is(.dark *) {
  border-color: rgb(var(--theme-accent-rgb) / 0.55);
}
.dark\:hover\:border-theme\/80:hover:is(.dark *) {
  border-color: rgb(var(--theme-accent-rgb) / 0.8);
}
.dark\:hover\:border-white:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-white\/10:hover:is(.dark *) {
  border-color: rgb(255 255 255 / 0.1);
}
.dark\:hover\:border-white\/15:hover:is(.dark *) {
  border-color: rgb(255 255 255 / 0.15);
}
.dark\:hover\:border-white\/\[0\.13\]:hover:is(.dark *) {
  border-color: rgb(255 255 255 / 0.13);
}
.dark\:hover\:bg-\[\#151821\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(21 24 33 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#1a2128\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 33 40 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#1e2329\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 35 41 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#2f333c\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(47 51 60 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#374151\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[var\(--bg-secondary\)\]:hover:is(.dark *) {
  background-color: var(--bg-secondary);
}
.dark\:hover\:bg-amber-900\/30:hover:is(.dark *) {
  background-color: rgb(120 53 15 / 0.3);
}
.dark\:hover\:bg-black:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-emerald-500:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-100:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 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-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-800\/50:hover:is(.dark *) {
  background-color: rgb(31 41 55 / 0.5);
}
.dark\:hover\:bg-gray-800\/80:hover:is(.dark *) {
  background-color: rgb(31 41 55 / 0.8);
}
.dark\:hover\:bg-green-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-red-500\/10:hover:is(.dark *) {
  background-color: rgb(239 68 68 / 0.1);
}
.dark\:hover\:bg-red-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / 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-red-900\/50:hover:is(.dark *) {
  background-color: rgb(127 29 29 / 0.5);
}
.dark\:hover\:bg-rose-500:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-rose-950\/30:hover:is(.dark *) {
  background-color: rgb(76 5 25 / 0.3);
}
.dark\:hover\:bg-slate-500:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-600:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-700\/50:hover:is(.dark *) {
  background-color: rgb(51 65 85 / 0.5);
}
.dark\:hover\:bg-slate-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-800\/30:hover:is(.dark *) {
  background-color: rgb(30 41 59 / 0.3);
}
.dark\:hover\:bg-theme:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--theme-accent-rgb) / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-theme\/10:hover:is(.dark *) {
  background-color: rgb(var(--theme-accent-rgb) / 0.1);
}
.dark\:hover\:bg-theme\/20:hover:is(.dark *) {
  background-color: rgb(var(--theme-accent-rgb) / 0.2);
}
.dark\:hover\:bg-theme\/30:hover:is(.dark *) {
  background-color: rgb(var(--theme-accent-rgb) / 0.3);
}
.dark\:hover\:bg-white\/10:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.1);
}
.dark\:hover\:bg-white\/15:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.15);
}
.dark\:hover\:bg-white\/5:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.05);
}
.dark\:hover\:bg-white\/\[0\.03\]:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.03);
}
.dark\:hover\:bg-white\/\[0\.04\]:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.04);
}
.dark\:hover\:bg-white\/\[0\.06\]:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.06);
}
.dark\:hover\:text-\[var\(--text-subtitle\)\]:hover:is(.dark *) {
  color: var(--text-subtitle);
}
.dark\:hover\:text-gray-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 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-slate-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-slate-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-theme:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(var(--theme-accent-rgb) / 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\:opacity-95:hover:is(.dark *) {
  opacity: 0.95;
}
.dark\:hover\:shadow-\[0_12px_32px_-8px_rgba\(0\2c 0\2c 0\2c 0\.65\)\]:hover:is(.dark *) {
  --tw-shadow: 0 12px 32px -8px rgba(0,0,0,0.65);
  --tw-shadow-colored: 0 12px 32px -8px 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\:hover\:shadow-\[0_12px_40px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]:hover:is(.dark *) {
  --tw-shadow: 0 12px 40px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 12px 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);
}
.dark\:hover\:shadow-\[0_8px_30px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]:hover:is(.dark *) {
  --tw-shadow: 0 8px 30px rgba(0,0,0,0.4);
  --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);
}
.dark\:hover\:shadow-md:hover:is(.dark *) {
  --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);
}
.dark\:focus\:ring-blue-400:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.dark\:focus-visible\:ring-offset-\[\#0a0b10\]:focus-visible:is(.dark *) {
  --tw-ring-offset-color: #0a0b10;
}
.dark\:active\:bg-\[\#1e2329\]:active:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 35 41 / var(--tw-bg-opacity, 1));
}
.dark\:active\:bg-white\/5:active:is(.dark *) {
  background-color: rgb(255 255 255 / 0.05);
}
.dark\:active\:bg-white\/\[0\.06\]:active:is(.dark *) {
  background-color: rgb(255 255 255 / 0.06);
}
.dark\:active\:text-gray-200:active:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:active\:text-white:active:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:disabled\:bg-slate-700:disabled:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.group:hover .dark\:group-hover\:bg-\[var\(--button-secondary-hover\)\]:is(.dark *) {
  background-color: var(--button-secondary-hover);
}
@media not all and (min-width: 1024px) {

  .max-lg\:fixed {
    position: fixed;
  }

  .max-lg\:left-0 {
    left: 0px;
  }

  .max-lg\:right-0 {
    right: 0px;
  }

  .max-lg\:top-\[calc\(4rem\+env\(safe-area-inset-top\2c 0px\)-1px\)\] {
    top: calc(4rem + env(safe-area-inset-top,0px) - 1px);
  }

  .max-lg\:z-\[90\] {
    z-index: 90;
  }

  .max-lg\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .max-lg\:mt-3 {
    margin-top: 0.75rem;
  }

  .max-lg\:mt-px {
    margin-top: 1px;
  }

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

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

  .max-lg\:items-center {
    align-items: center;
  }

  .max-lg\:gap-1 {
    gap: 0.25rem;
  }

  .max-lg\:gap-2 {
    gap: 0.5rem;
  }

  .max-lg\: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));
  }

  .max-lg\: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));
  }

  .max-lg\: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));
  }

  .max-lg\:overflow-hidden {
    overflow: hidden;
  }

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

  .max-lg\:border-b-0 {
    border-bottom-width: 0px;
  }

  .max-lg\:border-slate-200\/70 {
    border-color: rgb(226 232 240 / 0.7);
  }

  .max-lg\:\!bg-\[var\(--header-bg\)\] {
    background-color: var(--header-bg) !important;
  }

  .max-lg\:p-2 {
    padding: 0.5rem;
  }

  .max-lg\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .max-lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .max-lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

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

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

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

  .max-lg\:pb-\[calc\(8rem\+var\(--mobile-tab-bar-h\2c 4\.25rem\)\+env\(\.\.\.\)\)\] {
    padding-bottom: calc(8rem + var(--mobile-tab-bar-h,4.25rem) + env(...));
  }

  .max-lg\:pt-0 {
    padding-top: 0px;
  }

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

  .max-lg\:pt-3 {
    padding-top: 0.75rem;
  }

  .max-lg\:pt-4 {
    padding-top: 1rem;
  }

  .max-lg\:text-\[10px\] {
    font-size: 10px;
  }

  .max-lg\:text-\[11px\] {
    font-size: 11px;
  }

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

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

  .max-lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .max-lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .max-lg\:font-bold {
    font-weight: 700;
  }

  .max-lg\:leading-snug {
    line-height: 1.375;
  }

  .max-lg\:backdrop-blur-none {
    --tw-backdrop-blur:  ;
    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);
  }

  .max-lg\:\[-webkit-backdrop-filter\:none\] {
    -webkit-backdrop-filter: none;
  }

  .max-lg\:dark\:\!bg-\[var\(--header-bg\)\]:is(.dark *) {
    background-color: var(--header-bg) !important;
  }
}
@media not all and (min-width: 768px) {

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

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

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

  .max-md\:-translate-y-10 {
    --tw-translate-y: -2.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));
  }

  .max-md\:gap-2 {
    gap: 0.5rem;
  }

  .max-md\:gap-4 {
    gap: 1rem;
  }

  .max-md\: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));
  }

  .max-md\:overflow-hidden {
    overflow: hidden;
  }

  .max-md\:overflow-visible {
    overflow: visible;
  }

  .max-md\:rounded-none {
    border-radius: 0px;
  }

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

  .max-md\:border {
    border-width: 1px;
  }

  .max-md\:border-0 {
    border-width: 0px;
  }

  .max-md\:border-slate-200\/90 {
    border-color: rgb(226 232 240 / 0.9);
  }

  .max-md\:bg-transparent {
    background-color: transparent;
  }

  .max-md\:p-0 {
    padding: 0px;
  }

  .max-md\:p-2 {
    padding: 0.5rem;
  }

  .max-md\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

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

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

  .max-md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .max-md\: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);
  }

  .max-md\: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);
  }

  .max-md\:last\:mb-0:last-child {
    margin-bottom: 0px;
  }

  .max-md\:hover\:bg-slate-50\/60:hover {
    background-color: rgb(248 250 252 / 0.6);
  }

  .max-md\:active\:bg-slate-100\/70:active {
    background-color: rgb(241 245 249 / 0.7);
  }

  .dark\:max-md\:border-slate-700\/85:is(.dark *) {
    border-color: rgb(51 65 85 / 0.85);
  }

  .dark\:max-md\:bg-transparent:is(.dark *) {
    background-color: transparent;
  }

  .dark\:max-md\:hover\:bg-slate-800\/40:hover:is(.dark *) {
    background-color: rgb(30 41 59 / 0.4);
  }

  .dark\:max-md\:active\:bg-slate-800\/50:active:is(.dark *) {
    background-color: rgb(30 41 59 / 0.5);
  }
}
@media not all and (min-width: 640px) {

  .max-sm\: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));
  }
}
@media (min-width: 640px) {

  .sm\:-right-1 {
    right: -0.25rem;
  }

  .sm\:-top-1 {
    top: -0.25rem;
  }

  .sm\:bottom-4 {
    bottom: 1rem;
  }

  .sm\:bottom-6 {
    bottom: 1.5rem;
  }

  .sm\:left-4 {
    left: 1rem;
  }

  .sm\:left-6 {
    left: 1.5rem;
  }

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

  .sm\:right-4 {
    right: 1rem;
  }

  .sm\:right-6 {
    right: 1.5rem;
  }

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

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

  .sm\:mb-0 {
    margin-bottom: 0px;
  }

  .sm\:mb-1 {
    margin-bottom: 0.25rem;
  }

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

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

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

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

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

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

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

  .sm\:ml-4 {
    margin-left: 1rem;
  }

  .sm\:ml-6 {
    margin-left: 1.5rem;
  }

  .sm\:mr-2\.5 {
    margin-right: 0.625rem;
  }

  .sm\:mr-6 {
    margin-right: 1.5rem;
  }

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

  .sm\:mt-3 {
    margin-top: 0.75rem;
  }

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

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:h-10 {
    height: 2.5rem;
  }

  .sm\:h-12 {
    height: 3rem;
  }

  .sm\:h-16 {
    height: 4rem;
  }

  .sm\:h-20 {
    height: 5rem;
  }

  .sm\:h-24 {
    height: 6rem;
  }

  .sm\:h-3 {
    height: 0.75rem;
  }

  .sm\:h-4 {
    height: 1rem;
  }

  .sm\:h-44 {
    height: 11rem;
  }

  .sm\:h-5 {
    height: 1.25rem;
  }

  .sm\:h-56 {
    height: 14rem;
  }

  .sm\:h-6 {
    height: 1.5rem;
  }

  .sm\:h-7 {
    height: 1.75rem;
  }

  .sm\:h-8 {
    height: 2rem;
  }

  .sm\:h-80 {
    height: 20rem;
  }

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

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

  .sm\:h-auto {
    height: auto;
  }

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

  .sm\:min-h-\[75vh\] {
    min-height: 75vh;
  }

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

  .sm\:w-4 {
    width: 1rem;
  }

  .sm\:w-40 {
    width: 10rem;
  }

  .sm\:w-5 {
    width: 1.25rem;
  }

  .sm\:w-80 {
    width: 20rem;
  }

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

  .sm\:w-\[7\.75rem\] {
    width: 7.75rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:min-w-\[10rem\] {
    min-width: 10rem;
  }

  .sm\:min-w-\[12rem\] {
    min-width: 12rem;
  }

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

  .sm\:min-w-\[5\.5rem\] {
    min-width: 5.5rem;
  }

  .sm\:min-w-\[5rem\] {
    min-width: 5rem;
  }

  .sm\:min-w-\[6\.5rem\] {
    min-width: 6.5rem;
  }

  .sm\:min-w-\[8\.5rem\] {
    min-width: 8.5rem;
  }

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

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

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

  .sm\:max-w-none {
    max-width: none;
  }

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

  .sm\:flex-none {
    flex: none;
  }

  .sm\:shrink-0 {
    flex-shrink: 0;
  }

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

  .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\:flex-row {
    flex-direction: row;
  }

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

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

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

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

  .sm\:gap-1 {
    gap: 0.25rem;
  }

  .sm\:gap-2 {
    gap: 0.5rem;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

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

  .sm\:gap-y-4 {
    row-gap: 1rem;
  }

  .sm\:overflow-visible {
    overflow: visible;
  }

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

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

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

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

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

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

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

  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

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

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

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

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

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

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

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

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

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

  .sm\:pb-12 {
    padding-bottom: 3rem;
  }

  .sm\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }

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

  .sm\:pl-4 {
    padding-left: 1rem;
  }

  .sm\:pl-\[54px\] {
    padding-left: 54px;
  }

  .sm\:pr-4 {
    padding-right: 1rem;
  }

  .sm\:pt-24 {
    padding-top: 6rem;
  }

  .sm\:pt-4 {
    padding-top: 1rem;
  }

  .sm\:pt-5 {
    padding-top: 1.25rem;
  }

  .sm\:pt-6 {
    padding-top: 1.5rem;
  }

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

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

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

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

  .sm\:indent-0 {
    text-indent: 0px;
  }

  .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-\[11px\] {
    font-size: 11px;
  }

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

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

  .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\:opacity-0 {
    opacity: 0;
  }

  .sm\: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);
  }

  .group:hover .sm\:group-hover\:opacity-100 {
    opacity: 1;
  }
}
@media (min-width: 768px) {

  .md\:bottom-auto {
    bottom: auto;
  }

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

  .md\:left-auto {
    left: auto;
  }

  .md\:right-4 {
    right: 1rem;
  }

  .md\:right-auto {
    right: auto;
  }

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

  .md\:mb-1 {
    margin-bottom: 0.25rem;
  }

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

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-10 {
    height: 2.5rem;
  }

  .md\:h-12 {
    height: 3rem;
  }

  .md\:h-4 {
    height: 1rem;
  }

  .md\:h-7 {
    height: 1.75rem;
  }

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

  .md\:max-h-\[min\(90dvh\2c 720px\)\] {
    max-height: min(90dvh, 720px);
  }

  .md\:min-h-0 {
    min-height: 0px;
  }

  .md\:w-4 {
    width: 1rem;
  }

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

  .md\:w-auto {
    width: auto;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:w-max {
    width: -moz-max-content;
    width: max-content;
  }

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

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

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

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

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

  .md\:-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));
  }

  .md\:-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));
  }

  .md\: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));
  }

  .md\:animate-none {
    animation: none;
  }

  .md\:snap-align-none {
    scroll-snap-align: none;
  }

  .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\:flex-row {
    flex-direction: row;
  }

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

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

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

  .md\:gap-2 {
    gap: 0.5rem;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\: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));
  }

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

  .md\:rounded-none {
    border-radius: 0px;
  }

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

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

  .md\:border-b-0 {
    border-bottom-width: 0px;
  }

  .md\:border-t {
    border-top-width: 1px;
  }

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

  .md\:p-0 {
    padding: 0px;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

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

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

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

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

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

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

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

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

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

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

  .md\:pb-3 {
    padding-bottom: 0.75rem;
  }

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

  .md\:pl-0 {
    padding-left: 0px;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .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-\[13px\] {
    font-size: 13px;
  }

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

  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .md\:last\:border-b-0:last-child {
    border-bottom-width: 0px;
  }

  .md\:hover\:bg-slate-50\/80:hover {
    background-color: rgb(248 250 252 / 0.8);
  }

  .md\:active\:bg-slate-100\/80:active {
    background-color: rgb(241 245 249 / 0.8);
  }

  .dark\:md\:border-slate-700\/75:is(.dark *) {
    border-color: rgb(51 65 85 / 0.75);
  }

  .md\:dark\:bg-slate-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }

  .dark\:md\:hover\:bg-slate-800\/45:hover:is(.dark *) {
    background-color: rgb(30 41 59 / 0.45);
  }

  .dark\:md\:active\:bg-slate-800\/55:active:is(.dark *) {
    background-color: rgb(30 41 59 / 0.55);
  }
}
@media (min-width: 1024px) {

  .lg\:inset-auto {
    inset: auto;
  }

  .lg\:bottom-0 {
    bottom: 0px;
  }

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

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

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

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

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

  .lg\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

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

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:mb-20 {
    margin-bottom: 5rem;
  }

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

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

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

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

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

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

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

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

  .lg\:ml-8 {
    margin-left: 2rem;
  }

  .lg\:mr-8 {
    margin-right: 2rem;
  }

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

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

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-10 {
    height: 2.5rem;
  }

  .lg\:h-14 {
    height: 3.5rem;
  }

  .lg\:h-16 {
    height: 4rem;
  }

  .lg\:h-24 {
    height: 6rem;
  }

  .lg\:h-32 {
    height: 8rem;
  }

  .lg\:h-40 {
    height: 10rem;
  }

  .lg\:h-8 {
    height: 2rem;
  }

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

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

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

  .lg\:h-\[calc\(100vh-4rem\)\] {
    height: calc(100vh - 4rem);
  }

  .lg\:h-\[min\(560px\2c calc\(100dvh-2rem\)\)\] {
    height: min(560px, calc(100dvh - 2rem));
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:min-h-0 {
    min-height: 0px;
  }

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

  .lg\:min-h-\[2\.75rem\] {
    min-height: 2.75rem;
  }

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

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

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

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

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

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

  .lg\:min-h-\[calc\(100dvh-4rem\)\] {
    min-height: calc(100dvh - 4rem);
  }

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

  .lg\:w-16 {
    width: 4rem;
  }

  .lg\:w-24 {
    width: 6rem;
  }

  .lg\:w-32 {
    width: 8rem;
  }

  .lg\:w-36 {
    width: 9rem;
  }

  .lg\:w-40 {
    width: 10rem;
  }

  .lg\:w-8 {
    width: 2rem;
  }

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

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

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

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

  .lg\:w-\[min\(100vw-2rem\2c 28rem\)\] {
    width: min(100vw - 2rem, 28rem);
  }

  .lg\:w-auto {
    width: auto;
  }

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

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

  .lg\:max-w-6xl {
    max-width: 72rem;
  }

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

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

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

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

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

  .lg\:flex-none {
    flex: none;
  }

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

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

  .lg\:-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));
  }

  .lg\:-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));
  }

  .lg\:animate-none {
    animation: none;
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, 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-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1fr_320px\] {
    grid-template-columns: 1fr 320px;
  }

  .lg\:grid-cols-\[1fr_380px\] {
    grid-template-columns: 1fr 380px;
  }

  .lg\:grid-cols-\[3\.5fr_6\.5fr\] {
    grid-template-columns: 3.5fr 6.5fr;
  }

  .lg\:grid-cols-\[minmax\(0\2c 3\.5fr\)_minmax\(0\2c 6\.5fr\)\] {
    grid-template-columns: minmax(0,3.5fr) minmax(0,6.5fr);
  }

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

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:items-stretch {
    align-items: stretch;
  }

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

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

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-3 {
    gap: 0.75rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-5 {
    gap: 1.25rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .lg\:gap-y-3 {
    row-gap: 0.75rem;
  }

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

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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)));
  }

  .lg\:divide-slate-200\/70 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(226 232 240 / 0.7);
  }

  .lg\:overflow-hidden {
    overflow: hidden;
  }

  .lg\:overflow-visible {
    overflow: visible;
  }

  .lg\:rounded {
    border-radius: 0.25rem;
  }

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

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

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

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

  .lg\:border-gray-700\/80 {
    border-color: rgb(55 65 81 / 0.8);
  }

  .lg\:bg-black\/40 {
    background-color: rgb(0 0 0 / 0.4);
  }

  .lg\:p-0 {
    padding: 0px;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-2 {
    padding: 0.5rem;
  }

  .lg\:p-3 {
    padding: 0.75rem;
  }

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:p-5 {
    padding: 1.25rem;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

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

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

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

  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

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

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

  .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  .lg\:pb-16 {
    padding-bottom: 4rem;
  }

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

  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }

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

  .lg\:pb-\[calc\(32px\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(32px + env(safe-area-inset-bottom));
  }

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

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:pt-4 {
    padding-top: 1rem;
  }

  .lg\:pt-5 {
    padding-top: 1.25rem;
  }

  .lg\:pt-6 {
    padding-top: 1.5rem;
  }

  .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-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .lg\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }

  .lg\:text-\[18px\] {
    font-size: 18px;
  }

  .lg\:text-\[24px\] {
    font-size: 24px;
  }

  .lg\:text-\[28px\] {
    font-size: 28px;
  }

  .lg\:text-\[40px\] {
    font-size: 40px;
  }

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

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

  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .lg\:font-medium {
    font-weight: 500;
  }

  .lg\:\!opacity-100 {
    opacity: 1 !important;
  }

  .lg\: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);
  }

  .lg\:shadow-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
    --tw-shadow: 0 4px 20px rgba(0,0,0,0.08);
    --tw-shadow-colored: 0 4px 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);
  }

  .lg\: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);
  }

  .dark\:lg\:divide-white\/\[0\.08\]:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(255 255 255 / 0.08);
  }

  .min-\[1024px\]\:pt-5 {
    padding-top: 1.25rem;
  }
}
@media (min-width: 1100px) {

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

  .min-\[1100px\]\:shrink-0 {
    flex-shrink: 0;
  }

  .min-\[1100px\]\:flex-row {
    flex-direction: row;
  }

  .min-\[1100px\]\:items-end {
    align-items: flex-end;
  }

  .min-\[1100px\]\:justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 1280px) {

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

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

  .xl\:-translate-y-10 {
    --tw-translate-y: -2.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));
  }

  .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\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

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

  .xl\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .xl\:text-\[56px\] {
    font-size: 56px;
  }

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

  .xl\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.\[\&_\#tv-attr-logo\]\:hidden #tv-attr-logo {
  display: none;
}
.\[\&_\.swiper-pagination-bullet-active\]\:\!bg-white .swiper-pagination-bullet-active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.\[\&_\.swiper-pagination-bullet-active\]\:bg-white .swiper-pagination-bullet-active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\[\&_\.swiper-pagination-bullet-active\]\:dark\:\!bg-theme:is(.dark *) .swiper-pagination-bullet-active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--theme-accent-rgb) / var(--tw-bg-opacity, 1)) !important;
}
.\[\&_\.swiper-pagination-bullet\]\:mx-1 .swiper-pagination-bullet {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.\[\&_\.swiper-pagination-bullet\]\:h-2 .swiper-pagination-bullet {
  height: 0.5rem;
}
.\[\&_\.swiper-pagination-bullet\]\:w-2 .swiper-pagination-bullet {
  width: 0.5rem;
}
.\[\&_\.swiper-pagination-bullet\]\:\!bg-white\/50 .swiper-pagination-bullet {
  background-color: rgb(255 255 255 / 0.5) !important;
}
.\[\&_\.swiper-pagination-bullet\]\:bg-white\/50 .swiper-pagination-bullet {
  background-color: rgb(255 255 255 / 0.5);
}
.\[\&_\.swiper-pagination-bullet\]\:dark\:\!bg-gray-600:is(.dark *) .swiper-pagination-bullet {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)) !important;
}
.\[\&_\.swiper-pagination\]\:bottom-4 .swiper-pagination {
  bottom: 1rem;
}
.\[\&_\.swiper-slide\]\:h-full .swiper-slide {
  height: 100%;
}
.\[\&_\.swiper-slide\]\:w-full .swiper-slide {
  width: 100%;
}
.\[\&_\.swiper-wrapper\]\:transition-transform .swiper-wrapper {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\[\&_svg\]\:h-16 svg {
  height: 4rem;
}
.\[\&_svg\]\:w-16 svg {
  width: 4rem;
}