/* raxui:imports:start */
@import url("components/toast.css");
@import url("starter.css");
@import url("components/dialog.css");
@import url("components/sheet.css");
@import url("components/skeleton.css");
@import url("components/button.css");
@import url("components/sidebar.css");
@import url("components/menu-toggle.css");
@import url("components/navbar.css");
@import url("components/card.css");
@import url("components/chart.css");
@import url("components/badge.css");
@import url("components/avatar.css");
@import url("components/table.css");
@import url("components/dropdown-menu.css");
@import url("components/field.css");
@import url("components/popover.css");
@import url("components/command.css");
@import url("components/toggle.css");
@import url("components/pagination.css");
@import url("components/checkbox.css");
@import url("components/select.css");
@import url("components/input.css");
@import url("components/data-table.css");
@import url("components/sortable.css");
@import url("components/kanban.css");
@import url("components/calendar.css");
@import url("components/timeline.css");
@import url("components/ai.css");
@import url("components/form-section.css");
@import url("components/switch.css");
@import url("components/textarea.css");
@import url("components/tabs.css");
@import url("components/date-picker.css");
@import url("components/spinner.css");
@import url("components/confirm-dialog.css");
@import url("components/progress.css");
@import url("components/rating.css");
@import url("components/tooltip.css");
/* raxui:imports:end */
/* Generated from theme/scss by theme/build-css.mjs. Do not edit; change the SCSS and rebuild. */
:root,
[data-bs-theme=light] {
  --rax-glass-alpha: 0.5;
  --rax-glass-alpha-subtle: 0.38;
  --rax-glass-border-color: rgba(255, 255, 255, 0.45);
  --rax-glass-highlight: rgba(255, 255, 255, 0.85);
  --rax-glass-rax: rgba(255, 255, 255, 0.25);
  --rax-glass-hairline: rgba(0, 0, 0, 0.06);
  --rax-shadow-rgb: 15, 23, 42;
  --rax-shadow-opacity: 0.1;
  --rax-overlay-rgb: 15, 23, 42;
  --rax-overlay-alpha: 0.18;
  --rax-text-ink: #000;
  --rax-text-mix: 72%;
  --rax-avatar-text-mix: 50%;
}

[data-bs-theme=dark] {
  --rax-glass-alpha: 0.42;
  --rax-glass-alpha-subtle: 0.3;
  --rax-glass-border-color: rgba(255, 255, 255, 0.14);
  --rax-glass-highlight: rgba(255, 255, 255, 0.2);
  --rax-glass-rax: rgba(255, 255, 255, 0.05);
  --rax-glass-hairline: rgba(0, 0, 0, 0.4);
  --rax-shadow-rgb: 0, 0, 0;
  --rax-shadow-opacity: 0.35;
  --rax-overlay-rgb: 0, 0, 0;
  --rax-overlay-alpha: 0.45;
  --rax-text-ink: #fff;
  --rax-text-mix: 65%;
  --rax-avatar-text-mix: 55%;
}

:root {
  --rax-glass-blur: 32px;
  --rax-glass-saturate: 190%;
  --rax-control-height-sm: 2.25rem;
  --rax-control-height: 2.5rem;
  --rax-control-height-lg: 3rem;
  --rax-font-sans: "IBM Plex Sans Arabic", system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --rax-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --rax-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --rax-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --rax-duration-fast: 150ms;
  --rax-duration: 250ms;
  --rax-duration-slow: 500ms;
}

:root,
[data-bs-theme] {
  --rax-primary-text: color-mix(in srgb, rgb(var(--bs-primary-rgb)) var(--rax-text-mix), var(--rax-text-ink));
  --rax-glass-edge:
    inset 0 1px 0 0 var(--rax-glass-highlight),
    inset 0 0 0 1px var(--rax-glass-rax),
    0 0 0 0.5px var(--rax-glass-hairline);
  --rax-shadow-sm:
    0 1px 2px rgba(var(--rax-shadow-rgb), calc(var(--rax-shadow-opacity) * 0.6)),
    0 2px 6px rgba(var(--rax-shadow-rgb), calc(var(--rax-shadow-opacity) * 0.5));
  --rax-shadow-md:
    0 1px 2px rgba(var(--rax-shadow-rgb), calc(var(--rax-shadow-opacity) * 0.6)),
    0 4px 12px rgba(var(--rax-shadow-rgb), calc(var(--rax-shadow-opacity) * 0.7)),
    0 12px 32px -8px rgba(var(--rax-shadow-rgb), var(--rax-shadow-opacity));
  --rax-shadow-lg:
    0 2px 4px rgba(var(--rax-shadow-rgb), calc(var(--rax-shadow-opacity) * 0.5)),
    0 12px 28px -4px rgba(var(--rax-shadow-rgb), var(--rax-shadow-opacity)),
    0 32px 80px -12px rgba(var(--rax-shadow-rgb), calc(var(--rax-shadow-opacity) * 1.6));
}

:root,
[data-rax-radius] {
  --rax-radius-scale: 1;
  --rax-radius-sm: calc(0.5rem * var(--rax-radius-scale));
  --rax-radius-control: calc(0.625rem * var(--rax-radius-scale));
  --rax-radius: calc(0.875rem * var(--rax-radius-scale));
  --rax-radius-lg: calc(1.125rem * var(--rax-radius-scale));
  --bs-border-radius-sm: var(--rax-radius-sm);
  --bs-border-radius: var(--rax-radius-control);
  --bs-border-radius-lg: var(--rax-radius);
  --bs-border-radius-xl: var(--rax-radius-lg);
  --bs-border-radius-xxl: calc(2rem * var(--rax-radius-scale));
}

[data-rax-radius=none] {
  --rax-radius-scale: 0;
}

[data-rax-radius=xs] {
  --rax-radius-scale: 0.4;
}

[data-rax-radius=sm] {
  --rax-radius-scale: 0.7;
}

[data-rax-radius=md] {
  --rax-radius-scale: 1;
}

[data-rax-radius=lg] {
  --rax-radius-scale: 1.35;
}

[data-rax-radius=xl] {
  --rax-radius-scale: 1.75;
}

[data-rax-font=readex] {
  --rax-font-sans: "Readex Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

[data-rax-font=system] {
  --rax-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

:root, [data-bs-theme=light] {
  --rax-dialog-alpha: 0.5;
  --rax-dialog-blur: 32px;
  --rax-dialog-overlay-alpha: 0.25;
  --rax-dialog-overlay-blur: 4px;
  --rax-sheet-alpha: 0.7;
  --rax-sheet-blur: 32px;
  --rax-sheet-overlay-alpha: 0.25;
  --rax-sheet-overlay-blur: 4px;
  --rax-drawer-alpha: 0.8;
  --rax-drawer-blur: 32px;
  --rax-drawer-overlay-alpha: 0.25;
  --rax-drawer-overlay-blur: 4px;
}

[data-bs-theme=dark] {
  --rax-dialog-alpha: 0.42;
  --rax-sheet-alpha: 0.62;
  --rax-drawer-alpha: 0.72;
  --rax-dialog-overlay-alpha: 0.25;
}

:root,
[data-bs-theme=light] {
  --bs-primary: #007aff;
  --bs-primary-rgb: 0, 122, 255;
  --bs-secondary: #8e8e93;
  --bs-secondary-rgb: 142, 142, 147;
  --bs-success: #34c759;
  --bs-success-rgb: 52, 199, 89;
  --bs-info: #5ac8fa;
  --bs-info-rgb: 90, 200, 250;
  --bs-warning: #ff9500;
  --bs-warning-rgb: 255, 149, 0;
  --bs-danger: #ff3b30;
  --bs-danger-rgb: 255, 59, 48;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-color: #1c1c1e;
  --bs-body-color-rgb: 28, 28, 30;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-bg: #f2f2f7;
  --bs-secondary-bg-rgb: 242, 242, 247;
  --bs-tertiary-bg: #f9f9fb;
  --bs-tertiary-bg-rgb: 249, 249, 251;
  --bs-border-color: #d1d1d6;
  --bs-link-color: #007aff;
  --bs-link-color-rgb: 0, 122, 255;
  --bs-link-hover-color: #0062cc;
  --bs-link-hover-color-rgb: 0, 98, 204;
  --bs-primary-text-emphasis: #004fb3;
  --bs-primary-bg-subtle: #d6e9ff;
  --bs-primary-border-subtle: #99c8ff;
}

[data-bs-theme=dark] {
  --bs-primary: #0a84ff;
  --bs-primary-rgb: 10, 132, 255;
  --bs-secondary: #98989d;
  --bs-secondary-rgb: 152, 152, 157;
  --bs-success: #30d158;
  --bs-success-rgb: 48, 209, 88;
  --bs-info: #64d2ff;
  --bs-info-rgb: 100, 210, 255;
  --bs-warning: #ff9f0a;
  --bs-warning-rgb: 255, 159, 10;
  --bs-danger: #ff453a;
  --bs-danger-rgb: 255, 69, 58;
  --bs-body-bg: #000;
  --bs-body-bg-rgb: 0, 0, 0;
  --bs-body-color: #f2f2f7;
  --bs-body-color-rgb: 242, 242, 247;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-bg: #1c1c1e;
  --bs-secondary-bg-rgb: 28, 28, 30;
  --bs-tertiary-bg: #2c2c2e;
  --bs-tertiary-bg-rgb: 44, 44, 46;
  --bs-border-color: #38383a;
  --bs-link-color: #409cff;
  --bs-link-color-rgb: 64, 156, 255;
  --bs-link-hover-color: #64a8ff;
  --bs-link-hover-color-rgb: 100, 168, 255;
  --bs-primary-text-emphasis: #64a8ff;
  --bs-primary-bg-subtle: #001f3f;
  --bs-primary-border-subtle: #0a4a99;
}

body {
  background-color: var(--rax-page-bg, var(--bs-body-bg));
}

[data-rax-accent=emerald] {
  --bs-primary: #0e7a6d;
  --bs-primary-rgb: 14, 122, 109;
  --bs-primary-text-emphasis: #0a5249;
  --bs-primary-bg-subtle: #d5ece8;
  --bs-primary-border-subtle: #a6d6cd;
  --bs-link-color: #0e7a6d;
  --bs-link-color-rgb: 14, 122, 109;
  --bs-link-hover-color: #0a5c52;
  --bs-link-hover-color-rgb: 10, 92, 82;
  --bs-focus-ring-color: rgba(14, 122, 109, 0.25);
  --bs-body-bg: #fbfdfc;
  --bs-body-bg-rgb: 251, 253, 252;
  --rax-page-bg: #edf3f1;
  --bs-success: #2d843a;
  --bs-success-rgb: 45, 132, 58;
}

[data-rax-accent=emerald][data-bs-theme=dark],
[data-rax-accent=emerald] [data-bs-theme=dark],
[data-bs-theme=dark] [data-rax-accent=emerald] {
  --bs-primary: #138371;
  --bs-primary-rgb: 19, 131, 113;
  --bs-primary-text-emphasis: #7fdcc9;
  --bs-primary-bg-subtle: #0d2a26;
  --bs-primary-border-subtle: #1d5148;
  --bs-link-color: #5fd0bb;
  --bs-link-color-rgb: 95, 208, 187;
  --bs-link-hover-color: #8fe0d0;
  --bs-link-hover-color-rgb: 143, 224, 208;
  --bs-focus-ring-color: rgba(19, 131, 113, 0.25);
  --bs-body-bg: #121a19;
  --bs-body-bg-rgb: 18, 26, 25;
  --rax-page-bg: #0a100f;
  --bs-success: #2f8445;
  --bs-success-rgb: 47, 132, 69;
}

[data-rax-accent=indigo] {
  --bs-primary: #4f46e5;
  --bs-primary-rgb: 79, 70, 229;
  --bs-primary-text-emphasis: #3730a3;
  --bs-primary-bg-subtle: #e0e7ff;
  --bs-primary-border-subtle: #c7d2fe;
  --bs-link-color: #4f46e5;
  --bs-link-color-rgb: 79, 70, 229;
  --bs-link-hover-color: #4338ca;
  --bs-link-hover-color-rgb: 67, 56, 202;
  --bs-focus-ring-color: rgba(79, 70, 229, 0.25);
  --bs-body-bg: #fcfcfe;
  --bs-body-bg-rgb: 252, 252, 254;
  --rax-page-bg: #f0f0f7;
}

[data-rax-accent=indigo][data-bs-theme=dark],
[data-rax-accent=indigo] [data-bs-theme=dark],
[data-bs-theme=dark] [data-rax-accent=indigo] {
  --bs-primary: #5e61f1;
  --bs-primary-rgb: 94, 97, 241;
  --bs-primary-text-emphasis: #a5b4fc;
  --bs-primary-bg-subtle: #1e1b4b;
  --bs-primary-border-subtle: #3730a3;
  --bs-link-color: #a5b4fc;
  --bs-link-color-rgb: 165, 180, 252;
  --bs-link-hover-color: #c7d2fe;
  --bs-link-hover-color-rgb: 199, 210, 254;
  --bs-focus-ring-color: rgba(94, 97, 241, 0.25);
  --bs-body-bg: #14141c;
  --bs-body-bg-rgb: 20, 20, 28;
  --rax-page-bg: #0c0c12;
}

[data-rax-accent=amber] {
  --bs-primary: #c2560c;
  --bs-primary-rgb: 194, 86, 12;
  --bs-primary-text-emphasis: #9a3412;
  --bs-primary-bg-subtle: #ffedd5;
  --bs-primary-border-subtle: #fed7aa;
  --bs-link-color: #b4500b;
  --bs-link-color-rgb: 180, 80, 11;
  --bs-link-hover-color: #9a3412;
  --bs-link-hover-color-rgb: 154, 52, 18;
  --bs-focus-ring-color: rgba(194, 86, 12, 0.25);
  --bs-body-bg: #fffdfb;
  --bs-body-bg-rgb: 255, 253, 251;
  --rax-page-bg: #f6f1ec;
}

[data-rax-accent=amber][data-bs-theme=dark],
[data-rax-accent=amber] [data-bs-theme=dark],
[data-bs-theme=dark] [data-rax-accent=amber] {
  --bs-primary: #b55b19;
  --bs-primary-rgb: 181, 91, 25;
  --bs-primary-text-emphasis: #fdba74;
  --bs-primary-bg-subtle: #3b1d0a;
  --bs-primary-border-subtle: #7c2d12;
  --bs-link-color: #fdba74;
  --bs-link-color-rgb: 253, 186, 116;
  --bs-link-hover-color: #fed7aa;
  --bs-link-hover-color-rgb: 254, 215, 170;
  --bs-focus-ring-color: rgba(181, 91, 25, 0.25);
  --bs-body-bg: #18130f;
  --bs-body-bg-rgb: 24, 19, 15;
  --rax-page-bg: #0f0c09;
}

[data-rax-accent] [data-bs-theme=light]:not([data-rax-accent]) {
  --bs-primary: inherit;
  --bs-primary-rgb: inherit;
  --bs-primary-text-emphasis: inherit;
  --bs-primary-bg-subtle: inherit;
  --bs-primary-border-subtle: inherit;
  --bs-link-color: inherit;
  --bs-link-color-rgb: inherit;
  --bs-link-hover-color: inherit;
  --bs-link-hover-color-rgb: inherit;
  --bs-focus-ring-color: inherit;
  --bs-body-bg: inherit;
  --bs-body-bg-rgb: inherit;
  --bs-success: inherit;
  --bs-success-rgb: inherit;
}

@keyframes rax-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes rax-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes rax-zoom-in {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(0.5rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes rax-zoom-out {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}
@keyframes rax-sheet-in {
  from {
    transform: translateY(105%);
  }
  to {
    transform: none;
  }
}
@keyframes rax-sheet-out {
  from {
    transform: none;
  }
  to {
    transform: translateY(105%);
  }
}
@keyframes rax-pop-in {
  from {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes rax-pop-out {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: scale(0.96);
  }
}
@keyframes rax-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes rax-pulse {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.45;
  }
}
.glass-ultrathin {
  --rax-glass-alpha: 0.18;
  --rax-glass-alpha-subtle: 0.12;
  --rax-glass-blur: 20px;
}

.glass-thin {
  --rax-glass-alpha: 0.32;
  --rax-glass-alpha-subtle: 0.24;
  --rax-glass-blur: 28px;
}

.glass-regular {
  --rax-glass-alpha: 0.5;
  --rax-glass-alpha-subtle: 0.38;
  --rax-glass-blur: 32px;
}
[data-bs-theme=dark] .glass-regular, .glass-regular[data-bs-theme=dark] {
  --rax-glass-alpha: 0.42;
  --rax-glass-alpha-subtle: 0.3;
}

.glass-thick {
  --rax-glass-alpha: 0.78;
  --rax-glass-alpha-subtle: 0.6;
  --rax-glass-blur: 48px;
}

.glass-sheen {
  --rax-glass-edge:
    inset 1px 1px 0 0 rgba(255, 255, 255, 0.55),
    inset -1px -1px 0 0 rgba(255, 255, 255, 0.14),
    inset 0 0 24px 0 rgba(255, 255, 255, 0.06),
    0 0 0 0.5px var(--rax-glass-hairline);
  isolation: isolate;
}
.glass-sheen::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.03) 38%, transparent 52%, rgba(255, 255, 255, 0.05) 78%, transparent);
}
@media (prefers-reduced-transparency: reduce) {
  .glass-sheen::after {
    display: none;
  }
}

:where(.glass-sheen) {
  position: relative;
}

[data-rax-accent]:not([data-bs-theme=dark]) {
  --bs-form-invalid-color: color-mix(in srgb, rgb(var(--bs-danger-rgb)) 88%, #000);
  --bs-code-color: color-mix(in srgb, #d63384 88%, #000);
}
[data-rax-accent]:not([data-bs-theme=dark]) .text-primary {
  color: color-mix(in srgb, rgba(var(--bs-primary-rgb), var(--bs-text-opacity, 1)) 88%, #000) !important;
}
[data-rax-accent]:not([data-bs-theme=dark]) .text-success {
  color: color-mix(in srgb, rgba(var(--bs-success-rgb), var(--bs-text-opacity, 1)) 88%, #000) !important;
}
[data-rax-accent]:not([data-bs-theme=dark]) .text-danger {
  color: color-mix(in srgb, rgba(var(--bs-danger-rgb), var(--bs-text-opacity, 1)) 88%, #000) !important;
}

[data-bs-theme=dark] .text-primary {
  color: color-mix(in srgb, rgba(var(--bs-primary-rgb), var(--bs-text-opacity, 1)) var(--rax-text-mix), var(--rax-text-ink)) !important;
}
[data-bs-theme=dark] .text-success {
  color: color-mix(in srgb, rgba(var(--bs-success-rgb), var(--bs-text-opacity, 1)) var(--rax-text-mix), var(--rax-text-ink)) !important;
}
[data-bs-theme=dark] .text-danger {
  color: color-mix(in srgb, rgba(var(--bs-danger-rgb), var(--bs-text-opacity, 1)) var(--rax-text-mix), var(--rax-text-ink)) !important;
}

:root, [data-rax-appearance=default], [data-rax-appearance=flat], [data-rax-appearance=glass],
:where([data-bs-theme]:not([data-rax-appearance=flat] *, [data-rax-appearance=glass] *)) {
  --rax-surface-bg: var(--bs-body-bg);
  --rax-card-bg: var(--rax-surface-bg);
  --rax-field-bg: var(--rax-surface-bg);
  --rax-field-border: var(--rax-border-color);
  --rax-field-shadow: var(--rax-control-shadow);
  --rax-border-color: var(--bs-border-color);
  --rax-control-shadow: 0 1px 3px rgba(var(--bs-emphasis-color-rgb), 0.12);
  --rax-surface-shadow: var(--rax-control-shadow);
  --rax-edge-shadow: var(--rax-control-shadow);
  --rax-control-radius: var(--rax-radius-control);
  --rax-surface-filter: none;
  --rax-dialog-bg: var(--rax-surface-bg);
  --rax-dialog-filter: none;
  --rax-sheet-bg: var(--rax-surface-bg);
  --rax-sheet-filter: none;
  --rax-drawer-bg: var(--rax-surface-bg);
  --rax-drawer-filter: none;
}

[data-rax-appearance=flat] {
  --rax-control-shadow: none;
  --rax-surface-shadow: none;
  --rax-edge-shadow: 0 0 0 1px var(--rax-border-color);
}

[data-rax-appearance=glass] {
  --rax-surface-bg: rgba(var(--bs-body-bg-rgb), 0.96);
  --rax-dialog-bg: var(--rax-surface-bg);
  --rax-sheet-bg: var(--rax-surface-bg);
  --rax-drawer-bg: var(--rax-surface-bg);
  --rax-control-shadow: var(--rax-glass-edge), var(--rax-shadow-sm);
  --rax-surface-shadow: var(--rax-glass-edge), var(--rax-shadow-md);
  --rax-border-color: var(--rax-glass-border-color);
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  [data-rax-appearance=glass] {
    --rax-surface-bg: rgba(var(--bs-body-bg-rgb), calc(var(--rax-glass-alpha) + 0.18));
    --rax-card-bg: rgba(var(--bs-body-bg-rgb), var(--rax-glass-alpha));
    --rax-field-bg: rgba(var(--bs-body-bg-rgb), var(--rax-glass-alpha-subtle));
    --rax-dialog-bg: rgba(var(--bs-body-bg-rgb), var(--rax-dialog-alpha));
    --rax-dialog-filter: blur(var(--rax-dialog-blur)) saturate(var(--rax-glass-saturate));
    --rax-sheet-bg: rgba(var(--bs-body-bg-rgb), var(--rax-sheet-alpha));
    --rax-sheet-filter: blur(var(--rax-sheet-blur)) saturate(var(--rax-glass-saturate));
    --rax-drawer-bg: rgba(var(--bs-body-bg-rgb), var(--rax-drawer-alpha));
    --rax-drawer-filter: blur(var(--rax-drawer-blur)) saturate(var(--rax-glass-saturate));
    --rax-surface-filter: blur(var(--rax-glass-blur)) saturate(var(--rax-glass-saturate));
  }
}

[data-rax-density=compact] {
  --rax-control-height: 2rem;
  --rax-control-height-sm: 1.75rem;
  --rax-control-height-lg: 2.5rem;
}

[data-rax-density=comfortable] {
  --rax-control-height: 2.5rem;
  --rax-control-height-sm: 2.25rem;
  --rax-control-height-lg: 3rem;
}

@media (prefers-reduced-transparency: reduce) {
  *,
  ::before,
  ::after {
    --rax-glass-alpha: 1 !important;
    --rax-glass-alpha-subtle: 1 !important;
    --rax-glass-blur: 0px !important;
    --rax-surface-bg: var(--bs-body-bg) !important;
    --rax-card-bg: var(--bs-body-bg) !important;
    --rax-surface-filter: none !important;
    --rax-dialog-bg: var(--bs-body-bg) !important;
    --rax-dialog-filter: none !important;
    --rax-sheet-bg: var(--bs-body-bg) !important;
    --rax-sheet-filter: none !important;
    --rax-drawer-bg: var(--bs-body-bg) !important;
    --rax-drawer-filter: none !important;
  }
}