@ac-design/design-system 0.0.0-stage → 1.0.0

package/dist/lib/compat.css

@@ -0,0 +1,4441 @@
+/*
+ * @ac-design/design-system compat.css
+ * For apps that still load the old Bulma/SCSS design system. Import it after the old styles:
+ *   import "@ac-design/design-system/compat.css";   (or the name the app installed it under)
+ * Styles apply only inside new components (elements marked data-ac-ds), so old pages don't change.
+ * Apps that no longer load the old styles should use theme.css with Tailwind instead (see the README).
+ */
+
+.block:not(:last-child):is([data-ac-ds], [data-ac-ds] *), .table:not(:last-child):is([data-ac-ds], [data-ac-ds] *) { margin-bottom: 0; }
+p:is([data-ac-ds], [data-ac-ds] *) { line-height: inherit; }
+td:is([data-ac-ds], [data-ac-ds] *), th:is([data-ac-ds], [data-ac-ds] *) { vertical-align: inherit; }
+th:is([data-ac-ds], [data-ac-ds] *), b:is([data-ac-ds], [data-ac-ds] *), strong:is([data-ac-ds], [data-ac-ds] *) { color: inherit; }
+code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), samp:is([data-ac-ds], [data-ac-ds] *), pre:is([data-ac-ds], [data-ac-ds] *) { background-color: transparent; color: inherit; }
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+:root, :host {
+    --font-sans: "Geist Variable", "Geist", ui-sans-serif, system-ui, sans-serif;
+    --font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, "SFMono-Regular", monospace;
+    --spacing: calc(4px * var(--ac-scale));
+    --container-md: 448px;
+    --container-3xl: 768px;
+    --container-5xl: 1024px;
+    --container-7xl: 1280px;
+    --text-xs: calc(12px * var(--ac-scale));
+    --text-xs--line-height: calc(16px * var(--ac-scale));
+    --text-sm: calc(11px * var(--ac-scale));
+    --text-sm--line-height: calc(16px * var(--ac-scale));
+    --text-base: calc(13px * var(--ac-scale));
+    --text-base--line-height: calc(20px * var(--ac-scale));
+    --text-lg: calc(14px * var(--ac-scale));
+    --text-lg--line-height: calc(22px * var(--ac-scale));
+    --text-xl: calc(16px * var(--ac-scale));
+    --text-xl--line-height: calc(26px * var(--ac-scale));
+    --text-2xl: calc(18px * var(--ac-scale));
+    --text-2xl--line-height: calc(28px * var(--ac-scale));
+    --text-3xl: calc(24px * var(--ac-scale));
+    --text-3xl--line-height: calc(32px * var(--ac-scale));
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --tracking-tight: -0.025em;
+    --tracking-normal: 0em;
+    --tracking-wide: 0.025em;
+    --tracking-wider: 0.05em;
+    --ease-in: cubic-bezier(0.4, 0, 1, 1);
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
+    --animate-spin: ac-spin 1s linear infinite;
+    --animate-ping: ac-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+    --animate-pulse: ac-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --blur-md: 12px;
+    --default-transition-duration: 150ms;
+    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+    --color-white: hsl(0 0% 100%);
+    --color-black: hsl(0 0% 0%);
+    --color-brand-navy: #193d4b;
+    --color-brand-green: #00a651;
+    --color-primary: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light));
+    --color-primary-hover: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-light) - 3%));
+    --color-primary-10: hsl(var(--primary-hue) var(--primary-saturation) 10%);
+    --color-primary-20: hsl(var(--primary-hue) var(--primary-saturation) 20%);
+    --color-primary-30: hsl(var(--primary-hue) var(--primary-saturation) 30%);
+    --color-primary-40: hsl(var(--primary-hue) var(--primary-saturation) 40%);
+    --color-primary-60: hsl(var(--primary-hue) var(--primary-saturation) 60%);
+    --color-primary-70: hsl(var(--primary-hue) var(--primary-saturation) 70%);
+    --color-primary-80: hsl(var(--primary-hue) var(--primary-saturation) 80%);
+    --color-primary-90: hsl(var(--primary-hue) var(--primary-saturation) 90%);
+    --color-primary-93: hsl(var(--primary-hue) var(--primary-saturation) 93%);
+    --color-primary-95: hsl(var(--primary-hue) var(--primary-saturation) 95%);
+    --color-primary-97: hsl(var(--primary-hue) var(--primary-saturation) 97%);
+    --color-secondary: hsl(var(--secondary-hue) var(--secondary-saturation) var(--secondary-light));
+    --color-secondary-10: hsl(var(--secondary-hue) var(--secondary-saturation) 10%);
+    --color-secondary-20: hsl(var(--secondary-hue) var(--secondary-saturation) 20%);
+    --color-secondary-40: hsl(var(--secondary-hue) var(--secondary-saturation) 40%);
+    --color-secondary-70: hsl(var(--secondary-hue) var(--secondary-saturation) 70%);
+    --color-secondary-90: hsl(var(--secondary-hue) var(--secondary-saturation) 90%);
+    --color-secondary-95: hsl(var(--secondary-hue) var(--secondary-saturation) 95%);
+    --color-green-10: hsl(141 53% 10%);
+    --color-green-20: hsl(141 53% 20%);
+    --color-green-30: hsl(141 53% 30%);
+    --color-green-40: hsl(141 53% 40%);
+    --color-green-50: hsl(141 53% 50%);
+    --color-green-70: hsl(141 53% 70%);
+    --color-green-80: hsl(141 53% 80%);
+    --color-green-90: hsl(141 53% 90%);
+    --color-green-93: hsl(141 53% 93%);
+    --color-green-95: hsl(141 53% 95%);
+    --color-green-97: hsl(141 53% 97%);
+    --color-blue-10: hsl(217 71% 10%);
+    --color-blue-20: hsl(217 71% 20%);
+    --color-blue-30: hsl(217 71% 30%);
+    --color-blue-40: hsl(217 71% 40%);
+    --color-blue-50: hsl(217 71% 50%);
+    --color-blue-80: hsl(217 71% 80%);
+    --color-blue-90: hsl(217 71% 90%);
+    --color-blue-93: hsl(217 71% 93%);
+    --color-blue-95: hsl(217 71% 95%);
+    --color-blue-97: hsl(217 71% 97%);
+    --color-purple-20: hsl(286 66% 20%);
+    --color-purple-40: hsl(286 66% 40%);
+    --color-purple-50: hsl(286 66% 50%);
+    --color-purple-90: hsl(286 66% 90%);
+    --color-purple-95: hsl(286 66% 95%);
+    --color-yellow-10: hsl(38 93% 10%);
+    --color-yellow-20: hsl(38 93% 20%);
+    --color-yellow-30: hsl(38 93% 30%);
+    --color-yellow-40: hsl(38 93% 40%);
+    --color-yellow-50: hsl(38 93% 50%);
+    --color-yellow-70: hsl(38 93% 70%);
+    --color-yellow-80: hsl(38 93% 80%);
+    --color-yellow-90: hsl(38 93% 90%);
+    --color-yellow-93: hsl(38 93% 93%);
+    --color-yellow-95: hsl(38 93% 95%);
+    --color-yellow-97: hsl(38 93% 97%);
+    --color-red-10: hsl(348 100% 10%);
+    --color-red-20: hsl(348 100% 20%);
+    --color-red-30: hsl(348 100% 30%);
+    --color-red-40: hsl(348 100% 40%);
+    --color-red-50: hsl(348 100% 50%);
+    --color-red-60: hsl(348 100% 60%);
+    --color-red-80: hsl(348 100% 80%);
+    --color-red-90: hsl(348 100% 90%);
+    --color-red-93: hsl(348 100% 93%);
+    --color-red-95: hsl(348 100% 95%);
+    --color-red-97: hsl(348 100% 97%);
+    --color-gray-10: hsl(0 0% 10%);
+    --color-gray-20: hsl(0 0% 20%);
+    --color-gray-40: hsl(0 0% 40%);
+    --color-gray-50: hsl(0 0% 50%);
+    --color-gray-70: hsl(0 0% 70%);
+    --color-gray-95: hsl(0 0% 95%);
+    --color-success: hsl(141 53% 34%);
+    --color-info: var(--color-blue-50);
+    --color-warning: var(--color-yellow-50);
+    --color-danger: var(--color-red-40);
+    --color-success-hover: hsl(141 53% 30%);
+    --color-info-hover: hsl(217 71% 42%);
+    --color-warning-hover: hsl(38 93% 58%);
+    --color-danger-hover: hsl(348 100% 33%);
+    --color-on-warning: hsl(38 93% 8%);
+    --color-slate-5: #020617;
+    --color-slate-10: #0f172a;
+    --color-slate-20: #1e293b;
+    --color-slate-30: #334155;
+    --color-slate-40: #475569;
+    --color-slate-50: #64748b;
+    --color-slate-60: #94a3b8;
+    --color-slate-70: #cbd5e1;
+    --color-slate-80: #e2e8f0;
+    --color-slate-90: #f1f5f9;
+    --color-slate-95: #f8fafc;
+    --color-heading: var(--color-slate-5);
+    --color-body: var(--color-slate-30);
+    --color-label: var(--color-slate-40);
+    --color-muted: var(--color-slate-50);
+    --color-border-light: var(--color-slate-90);
+    --color-border: var(--color-slate-80);
+    --color-border-dark: var(--color-slate-70);
+    --color-sidebar: hsl(var(--primary-hue) 10% 5%);
+    --color-surface: var(--color-white);
+    --color-surface-muted: var(--color-slate-95);
+    --color-surface-sunken: var(--color-slate-90);
+    --color-ring: hsl(var(--primary-hue) var(--primary-saturation) 40% / 0.28);
+    --color-overlay: rgb(2 6 23 / 0.4);
+    --text-xm: calc(10px * var(--ac-scale));
+    --text-xm--line-height: calc(14px * var(--ac-scale));
+    --text-3xl--letter-spacing: -0.02em;
+    --text-h1: calc(32px * var(--ac-scale));
+    --text-h2: calc(26px * var(--ac-scale));
+    --text-h3: calc(22px * var(--ac-scale));
+    --text-h4: calc(18px * var(--ac-scale));
+    --text-h5: calc(15px * var(--ac-scale));
+    --text-h6: calc(13px * var(--ac-scale));
+    --radius-2: calc(2px * var(--ac-scale));
+    --radius-4: calc(4px * var(--ac-scale));
+    --radius-6: calc(6px * var(--ac-scale));
+    --radius-8: calc(8px * var(--ac-scale));
+    --radius-10: calc(10px * var(--ac-scale));
+    --radius-12: calc(12px * var(--ac-scale));
+    --radius-50: calc(50px * var(--ac-scale));
+    --shadow-md: 0 2px 4px -1px rgb(15 23 42 / 0.05), 0 4px 10px -2px rgb(15 23 42 / 0.07);
+    --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
+    --animate-pop-in: ac-pop-in 0.2s var(--ease-out-soft) both;
+  }
+*:is([data-ac-ds], [data-ac-ds] *), :is([data-ac-ds], [data-ac-ds] *)::after, :is([data-ac-ds], [data-ac-ds] *)::before, :is([data-ac-ds], [data-ac-ds] *)::backdrop, :is([data-ac-ds], [data-ac-ds] *)::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+[data-ac-ds]:not([data-ac-ds] *),[data-ac-ds]:not([data-ac-ds] *) {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+hr:is([data-ac-ds], [data-ac-ds] *) {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+abbr:where([title]):is([data-ac-ds], [data-ac-ds] *) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+h1:is([data-ac-ds], [data-ac-ds] *), h2:is([data-ac-ds], [data-ac-ds] *), h3:is([data-ac-ds], [data-ac-ds] *), h4:is([data-ac-ds], [data-ac-ds] *), h5:is([data-ac-ds], [data-ac-ds] *), h6:is([data-ac-ds], [data-ac-ds] *) {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+a:is([data-ac-ds], [data-ac-ds] *) {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+b:is([data-ac-ds], [data-ac-ds] *), strong:is([data-ac-ds], [data-ac-ds] *) {
+    font-weight: bolder;
+  }
+code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), samp:is([data-ac-ds], [data-ac-ds] *), pre:is([data-ac-ds], [data-ac-ds] *) {
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+small:is([data-ac-ds], [data-ac-ds] *) {
+    font-size: 80%;
+  }
+sub:is([data-ac-ds], [data-ac-ds] *), sup:is([data-ac-ds], [data-ac-ds] *) {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+sub:is([data-ac-ds], [data-ac-ds] *) {
+    bottom: -0.25em;
+  }
+sup:is([data-ac-ds], [data-ac-ds] *) {
+    top: -0.5em;
+  }
+table:is([data-ac-ds], [data-ac-ds] *) {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+:-moz-focusring:where(:not(iframe)):is([data-ac-ds], [data-ac-ds] *) {
+    outline: auto;
+  }
+progress:is([data-ac-ds], [data-ac-ds] *) {
+    vertical-align: baseline;
+  }
+summary:is([data-ac-ds], [data-ac-ds] *) {
+    display: list-item;
+  }
+ol:is([data-ac-ds], [data-ac-ds] *), ul:is([data-ac-ds], [data-ac-ds] *), menu:is([data-ac-ds], [data-ac-ds] *) {
+    list-style: none;
+  }
+img:is([data-ac-ds], [data-ac-ds] *), svg:is([data-ac-ds], [data-ac-ds] *), video:is([data-ac-ds], [data-ac-ds] *), canvas:is([data-ac-ds], [data-ac-ds] *), audio:is([data-ac-ds], [data-ac-ds] *), iframe:is([data-ac-ds], [data-ac-ds] *), embed:is([data-ac-ds], [data-ac-ds] *), object:is([data-ac-ds], [data-ac-ds] *) {
+    display: block;
+    vertical-align: middle;
+  }
+img:is([data-ac-ds], [data-ac-ds] *), video:is([data-ac-ds], [data-ac-ds] *) {
+    max-width: 100%;
+    height: auto;
+  }
+button:is([data-ac-ds], [data-ac-ds] *), input:is([data-ac-ds], [data-ac-ds] *), select:is([data-ac-ds], [data-ac-ds] *), optgroup:is([data-ac-ds], [data-ac-ds] *), textarea:is([data-ac-ds], [data-ac-ds] *), :is([data-ac-ds], [data-ac-ds] *)::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+:where(select:is([multiple], [size])) optgroup:is([data-ac-ds], [data-ac-ds] *) {
+    font-weight: bolder;
+  }
+:where(select:is([multiple], [size])) optgroup option:is([data-ac-ds], [data-ac-ds] *) {
+    padding-inline-start: 20px;
+  }
+:is([data-ac-ds], [data-ac-ds] *)::file-selector-button {
+    margin-inline-end: 4px;
+  }
+:is([data-ac-ds], [data-ac-ds] *)::placeholder {
+    opacity: 1;
+  }
+@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+    :is([data-ac-ds], [data-ac-ds] *)::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+textarea:is([data-ac-ds], [data-ac-ds] *) {
+    resize: vertical;
+  }
+:is([data-ac-ds], [data-ac-ds] *)::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+:is([data-ac-ds], [data-ac-ds] *)::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+:is([data-ac-ds], [data-ac-ds] *)::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+:is([data-ac-ds], [data-ac-ds] *)::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+:is([data-ac-ds], [data-ac-ds] *)::-webkit-datetime-edit, :is([data-ac-ds], [data-ac-ds] *)::-webkit-datetime-edit-year-field, :is([data-ac-ds], [data-ac-ds] *)::-webkit-datetime-edit-month-field, :is([data-ac-ds], [data-ac-ds] *)::-webkit-datetime-edit-day-field, :is([data-ac-ds], [data-ac-ds] *)::-webkit-datetime-edit-hour-field, :is([data-ac-ds], [data-ac-ds] *)::-webkit-datetime-edit-minute-field, :is([data-ac-ds], [data-ac-ds] *)::-webkit-datetime-edit-second-field, :is([data-ac-ds], [data-ac-ds] *)::-webkit-datetime-edit-millisecond-field, :is([data-ac-ds], [data-ac-ds] *)::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+:is([data-ac-ds], [data-ac-ds] *)::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+:-moz-ui-invalid:is([data-ac-ds], [data-ac-ds] *) {
+    box-shadow: none;
+  }
+button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="reset"], [type="submit"]):is([data-ac-ds], [data-ac-ds] *), :is([data-ac-ds], [data-ac-ds] *)::file-selector-button {
+    appearance: button;
+  }
+:is([data-ac-ds], [data-ac-ds] *)::-webkit-inner-spin-button, :is([data-ac-ds], [data-ac-ds] *)::-webkit-outer-spin-button {
+    height: auto;
+  }
+[hidden]:where(:not([hidden="until-found"])):is([data-ac-ds], [data-ac-ds] *) {
+    display: none !important;
+  }
+@layer ac-compat {
+  .\@container:where([data-ac-ds], [data-ac-ds] *) {
+    container-type: inline-size !important;
+  }
+  .pointer-events-auto:where([data-ac-ds], [data-ac-ds] *) {
+    pointer-events: auto !important;
+  }
+  .pointer-events-none:where([data-ac-ds], [data-ac-ds] *) {
+    pointer-events: none !important;
+  }
+  .collapse:where([data-ac-ds], [data-ac-ds] *) {
+    visibility: collapse !important;
+  }
+  .invisible:where([data-ac-ds], [data-ac-ds] *) {
+    visibility: hidden !important;
+  }
+  .visible:where([data-ac-ds], [data-ac-ds] *) {
+    visibility: visible !important;
+  }
+  .sr-only:where([data-ac-ds], [data-ac-ds] *) {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip-path: inset(50%) !important;
+    white-space: nowrap !important;
+    border-width: 0 !important;
+  }
+  .absolute:where([data-ac-ds], [data-ac-ds] *) {
+    position: absolute !important;
+  }
+  .absolute\!:where([data-ac-ds], [data-ac-ds] *) {
+    position: absolute !important;
+  }
+  .fixed:where([data-ac-ds], [data-ac-ds] *) {
+    position: fixed !important;
+  }
+  .relative:where([data-ac-ds], [data-ac-ds] *) {
+    position: relative !important;
+  }
+  .sticky:where([data-ac-ds], [data-ac-ds] *) {
+    position: sticky !important;
+  }
+  .inset-0:where([data-ac-ds], [data-ac-ds] *) {
+    inset: 0px !important;
+  }
+  .inset-x-0:where([data-ac-ds], [data-ac-ds] *) {
+    inset-inline: 0px !important;
+  }
+  .inset-x-3:where([data-ac-ds], [data-ac-ds] *) {
+    inset-inline: calc(var(--spacing) * 3) !important;
+  }
+  .inset-y-0:where([data-ac-ds], [data-ac-ds] *) {
+    inset-block: 0px !important;
+  }
+  .-top-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    top: calc(var(--spacing) * -0.5) !important;
+  }
+  .-top-px:where([data-ac-ds], [data-ac-ds] *) {
+    top: -1px !important;
+  }
+  .top-0:where([data-ac-ds], [data-ac-ds] *) {
+    top: 0px !important;
+  }
+  .top-1:where([data-ac-ds], [data-ac-ds] *) {
+    top: var(--spacing) !important;
+  }
+  .top-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    top: calc(var(--spacing) * 1.5) !important;
+  }
+  .top-1\/2:where([data-ac-ds], [data-ac-ds] *) {
+    top: calc(1 / 2 * 100%) !important;
+  }
+  .top-3:where([data-ac-ds], [data-ac-ds] *) {
+    top: calc(var(--spacing) * 3) !important;
+  }
+  .top-3\.5:where([data-ac-ds], [data-ac-ds] *) {
+    top: calc(var(--spacing) * 3.5) !important;
+  }
+  .top-9:where([data-ac-ds], [data-ac-ds] *) {
+    top: calc(var(--spacing) * 9) !important;
+  }
+  .top-full:where([data-ac-ds], [data-ac-ds] *) {
+    top: 100% !important;
+  }
+  .-right-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    right: calc(var(--spacing) * -0.5) !important;
+  }
+  .right-0:where([data-ac-ds], [data-ac-ds] *) {
+    right: 0px !important;
+  }
+  .right-1:where([data-ac-ds], [data-ac-ds] *) {
+    right: var(--spacing) !important;
+  }
+  .right-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    right: calc(var(--spacing) * 1.5) !important;
+  }
+  .right-2:where([data-ac-ds], [data-ac-ds] *) {
+    right: calc(var(--spacing) * 2) !important;
+  }
+  .right-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    right: calc(var(--spacing) * 2.5) !important;
+  }
+  .right-3:where([data-ac-ds], [data-ac-ds] *) {
+    right: calc(var(--spacing) * 3) !important;
+  }
+  .-bottom-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    bottom: calc(var(--spacing) * -0.5) !important;
+  }
+  .bottom-0:where([data-ac-ds], [data-ac-ds] *) {
+    bottom: 0px !important;
+  }
+  .bottom-1:where([data-ac-ds], [data-ac-ds] *) {
+    bottom: var(--spacing) !important;
+  }
+  .bottom-3:where([data-ac-ds], [data-ac-ds] *) {
+    bottom: calc(var(--spacing) * 3) !important;
+  }
+  .bottom-full:where([data-ac-ds], [data-ac-ds] *) {
+    bottom: 100% !important;
+  }
+  .left-0:where([data-ac-ds], [data-ac-ds] *) {
+    left: 0px !important;
+  }
+  .left-1\/2:where([data-ac-ds], [data-ac-ds] *) {
+    left: calc(1 / 2 * 100%) !important;
+  }
+  .left-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    left: calc(var(--spacing) * 2.5) !important;
+  }
+  .left-2\.25:where([data-ac-ds], [data-ac-ds] *) {
+    left: calc(var(--spacing) * 2.25) !important;
+  }
+  .left-3\.5:where([data-ac-ds], [data-ac-ds] *) {
+    left: calc(var(--spacing) * 3.5) !important;
+  }
+  .left-4:where([data-ac-ds], [data-ac-ds] *) {
+    left: calc(var(--spacing) * 4) !important;
+  }
+  .left-\[calc\(50\%\+22px\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    left: calc(50% + 22px) !important;
+  }
+  .isolate:where([data-ac-ds], [data-ac-ds] *) {
+    isolation: isolate !important;
+  }
+  .z-10:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: 10 !important;
+  }
+  .z-20:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: 20 !important;
+  }
+  .z-30:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: 30 !important;
+  }
+  .z-40:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: 40 !important;
+  }
+  .z-\[79\]:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: 79 !important;
+  }
+  .z-\[80\]:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: 80 !important;
+  }
+  .z-\[90\]:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: 90 !important;
+  }
+  .z-\[100\]:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: 100 !important;
+  }
+  .container:where([data-ac-ds], [data-ac-ds] *) {
+    width: 100% !important;
+    @media (width >= 40rem) {
+      max-width: 40rem !important;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem !important;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem !important;
+    }
+    @media (width >= 80rem) {
+      max-width: 80rem !important;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem !important;
+    }
+  }
+  .m-0:where([data-ac-ds], [data-ac-ds] *) {
+    margin: 0px !important;
+  }
+  .m-auto:where([data-ac-ds], [data-ac-ds] *) {
+    margin: auto !important;
+  }
+  .-mx-1:where([data-ac-ds], [data-ac-ds] *) {
+    margin-inline: calc(var(--spacing) * -1) !important;
+  }
+  .mx-1:where([data-ac-ds], [data-ac-ds] *) {
+    margin-inline: var(--spacing) !important;
+  }
+  .mx-2:where([data-ac-ds], [data-ac-ds] *) {
+    margin-inline: calc(var(--spacing) * 2) !important;
+  }
+  .mx-auto:where([data-ac-ds], [data-ac-ds] *) {
+    margin-inline: auto !important;
+  }
+  .-my-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-block: calc(var(--spacing) * -0.5) !important;
+  }
+  .-my-1:where([data-ac-ds], [data-ac-ds] *) {
+    margin-block: calc(var(--spacing) * -1) !important;
+  }
+  .my-1:where([data-ac-ds], [data-ac-ds] *) {
+    margin-block: var(--spacing) !important;
+  }
+  .-mt-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: calc(var(--spacing) * -0.5) !important;
+  }
+  .-mt-1:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: calc(var(--spacing) * -1) !important;
+  }
+  .mt-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: calc(var(--spacing) * 0.5) !important;
+  }
+  .mt-0\.75:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: calc(var(--spacing) * 0.75) !important;
+  }
+  .mt-1:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: var(--spacing) !important;
+  }
+  .mt-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: calc(var(--spacing) * 1.5) !important;
+  }
+  .mt-2:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: calc(var(--spacing) * 2) !important;
+  }
+  .mt-3:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: calc(var(--spacing) * 3) !important;
+  }
+  .mt-4:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: calc(var(--spacing) * 4) !important;
+  }
+  .mt-5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: calc(var(--spacing) * 5) !important;
+  }
+  .mt-auto:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: auto !important;
+  }
+  .mt-px:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: 1px !important;
+  }
+  .-mr-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-right: calc(var(--spacing) * -0.5) !important;
+  }
+  .-mr-1:where([data-ac-ds], [data-ac-ds] *) {
+    margin-right: calc(var(--spacing) * -1) !important;
+  }
+  .-mr-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-right: calc(var(--spacing) * -1.5) !important;
+  }
+  .mr-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-right: calc(var(--spacing) * 1.5) !important;
+  }
+  .-mb-px:where([data-ac-ds], [data-ac-ds] *) {
+    margin-bottom: -1px !important;
+  }
+  .mb-1:where([data-ac-ds], [data-ac-ds] *) {
+    margin-bottom: var(--spacing) !important;
+  }
+  .mb-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-bottom: calc(var(--spacing) * 1.5) !important;
+  }
+  .mb-2:where([data-ac-ds], [data-ac-ds] *) {
+    margin-bottom: calc(var(--spacing) * 2) !important;
+  }
+  .mb-3:where([data-ac-ds], [data-ac-ds] *) {
+    margin-bottom: calc(var(--spacing) * 3) !important;
+  }
+  .mb-5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-bottom: calc(var(--spacing) * 5) !important;
+  }
+  .-ml-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-left: calc(var(--spacing) * -0.5) !important;
+  }
+  .-ml-1:where([data-ac-ds], [data-ac-ds] *) {
+    margin-left: calc(var(--spacing) * -1) !important;
+  }
+  .-ml-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-left: calc(var(--spacing) * -1.5) !important;
+  }
+  .-ml-px:where([data-ac-ds], [data-ac-ds] *) {
+    margin-left: -1px !important;
+  }
+  .ml-1:where([data-ac-ds], [data-ac-ds] *) {
+    margin-left: var(--spacing) !important;
+  }
+  .ml-4\.5:where([data-ac-ds], [data-ac-ds] *) {
+    margin-left: calc(var(--spacing) * 4.5) !important;
+  }
+  .ml-auto:where([data-ac-ds], [data-ac-ds] *) {
+    margin-left: auto !important;
+  }
+  .line-clamp-2:where([data-ac-ds], [data-ac-ds] *) {
+    overflow: hidden !important;
+    display: -webkit-box !important;
+    -webkit-box-orient: vertical !important;
+    -webkit-line-clamp: 2 !important;
+  }
+  .line-clamp-3:where([data-ac-ds], [data-ac-ds] *) {
+    overflow: hidden !important;
+    display: -webkit-box !important;
+    -webkit-box-orient: vertical !important;
+    -webkit-line-clamp: 3 !important;
+  }
+  .\!hidden:where([data-ac-ds], [data-ac-ds] *) {
+    display: none !important;
+  }
+  .\!inline:where([data-ac-ds], [data-ac-ds] *) {
+    display: inline !important;
+  }
+  .block:where([data-ac-ds], [data-ac-ds] *) {
+    display: block !important;
+  }
+  .contents:where([data-ac-ds], [data-ac-ds] *) {
+    display: contents !important;
+  }
+  .flex:where([data-ac-ds], [data-ac-ds] *) {
+    display: flex !important;
+  }
+  .grid:where([data-ac-ds], [data-ac-ds] *) {
+    display: grid !important;
+  }
+  .hidden:where([data-ac-ds], [data-ac-ds] *) {
+    display: none !important;
+  }
+  .inline:where([data-ac-ds], [data-ac-ds] *) {
+    display: inline !important;
+  }
+  .inline-block:where([data-ac-ds], [data-ac-ds] *) {
+    display: inline-block !important;
+  }
+  .inline-flex:where([data-ac-ds], [data-ac-ds] *) {
+    display: inline-flex !important;
+  }
+  .table:where([data-ac-ds], [data-ac-ds] *) {
+    display: table !important;
+  }
+  .ac-scrollbar:where([data-ac-ds], [data-ac-ds] *) {
+    overflow: auto !important;
+    scrollbar-width: thin !important;
+    scrollbar-color: var(--color-slate-70) transparent !important;
+    &:where([data-ac-ds], [data-ac-ds] *)::-webkit-scrollbar {
+      width: 6px !important;
+      height: 6px !important;
+    }
+    &:where([data-ac-ds], [data-ac-ds] *)::-webkit-scrollbar-thumb {
+      background-color: var(--color-slate-70) !important;
+      border-radius: 50px !important;
+    }
+    &:where([data-ac-ds], [data-ac-ds] *)::-webkit-scrollbar-track {
+      background: transparent !important;
+    }
+  }
+  .size-1:where([data-ac-ds], [data-ac-ds] *) {
+    width: var(--spacing) !important;
+    height: var(--spacing) !important;
+  }
+  .size-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 1.5) !important;
+    height: calc(var(--spacing) * 1.5) !important;
+  }
+  .size-2:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 2) !important;
+    height: calc(var(--spacing) * 2) !important;
+  }
+  .size-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 2.5) !important;
+    height: calc(var(--spacing) * 2.5) !important;
+  }
+  .size-3:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 3) !important;
+    height: calc(var(--spacing) * 3) !important;
+  }
+  .size-3\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 3.5) !important;
+    height: calc(var(--spacing) * 3.5) !important;
+  }
+  .size-4:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 4) !important;
+    height: calc(var(--spacing) * 4) !important;
+  }
+  .size-4\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 4.5) !important;
+    height: calc(var(--spacing) * 4.5) !important;
+  }
+  .size-5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 5) !important;
+    height: calc(var(--spacing) * 5) !important;
+  }
+  .size-5\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 5.5) !important;
+    height: calc(var(--spacing) * 5.5) !important;
+  }
+  .size-6:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 6) !important;
+    height: calc(var(--spacing) * 6) !important;
+  }
+  .size-7:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 7) !important;
+    height: calc(var(--spacing) * 7) !important;
+  }
+  .size-8:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 8) !important;
+    height: calc(var(--spacing) * 8) !important;
+  }
+  .size-9:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 9) !important;
+    height: calc(var(--spacing) * 9) !important;
+  }
+  .size-10:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 10) !important;
+    height: calc(var(--spacing) * 10) !important;
+  }
+  .size-11:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 11) !important;
+    height: calc(var(--spacing) * 11) !important;
+  }
+  .size-12:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 12) !important;
+    height: calc(var(--spacing) * 12) !important;
+  }
+  .size-14:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 14) !important;
+    height: calc(var(--spacing) * 14) !important;
+  }
+  .size-full:where([data-ac-ds], [data-ac-ds] *) {
+    width: 100% !important;
+    height: 100% !important;
+  }
+  .h-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 0.5) !important;
+  }
+  .h-1:where([data-ac-ds], [data-ac-ds] *) {
+    height: var(--spacing) !important;
+  }
+  .h-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 1.5) !important;
+  }
+  .h-2:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 2) !important;
+  }
+  .h-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 2.5) !important;
+  }
+  .h-3:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 3) !important;
+  }
+  .h-3\.5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 3.5) !important;
+  }
+  .h-4:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 4) !important;
+  }
+  .h-4\.5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 4.5) !important;
+  }
+  .h-5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 5) !important;
+  }
+  .h-5\.5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 5.5) !important;
+  }
+  .h-6:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 6) !important;
+  }
+  .h-6\.5:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 6.5) !important;
+  }
+  .h-7:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 7) !important;
+  }
+  .h-8:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 8) !important;
+  }
+  .h-9:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 9) !important;
+  }
+  .h-10:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 10) !important;
+  }
+  .h-11:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 11) !important;
+  }
+  .h-12:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 12) !important;
+  }
+  .h-14:where([data-ac-ds], [data-ac-ds] *) {
+    height: calc(var(--spacing) * 14) !important;
+  }
+  .h-full:where([data-ac-ds], [data-ac-ds] *) {
+    height: 100% !important;
+  }
+  .h-px:where([data-ac-ds], [data-ac-ds] *) {
+    height: 1px !important;
+  }
+  .max-h-72:where([data-ac-ds], [data-ac-ds] *) {
+    max-height: calc(var(--spacing) * 72) !important;
+  }
+  .max-h-\[calc\(92px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    max-height: calc(92px * var(--ac-scale)) !important;
+  }
+  .max-h-\[calc\(100dvh-32px\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    max-height: calc(100dvh - 32px) !important;
+  }
+  .min-h-0:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: 0px !important;
+  }
+  .min-h-4:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: calc(var(--spacing) * 4) !important;
+  }
+  .min-h-8:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: calc(var(--spacing) * 8) !important;
+  }
+  .min-h-9:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: calc(var(--spacing) * 9) !important;
+  }
+  .min-h-10:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: calc(var(--spacing) * 10) !important;
+  }
+  .min-h-11:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: calc(var(--spacing) * 11) !important;
+  }
+  .min-h-16:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: calc(var(--spacing) * 16) !important;
+  }
+  .min-h-20:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: calc(var(--spacing) * 20) !important;
+  }
+  .min-h-full:where([data-ac-ds], [data-ac-ds] *) {
+    min-height: 100% !important;
+  }
+  .w-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 0.5) !important;
+  }
+  .w-1\/2:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(1 / 2 * 100%) !important;
+  }
+  .w-1\/3:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(1 / 3 * 100%) !important;
+  }
+  .w-1\/4:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(1 / 4 * 100%) !important;
+  }
+  .w-2\/5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(2 / 5 * 100%) !important;
+  }
+  .w-3:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 3) !important;
+  }
+  .w-3\/5:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(3 / 5 * 100%) !important;
+  }
+  .w-6:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 6) !important;
+  }
+  .w-7:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 7) !important;
+  }
+  .w-8:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 8) !important;
+  }
+  .w-9:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 9) !important;
+  }
+  .w-10:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 10) !important;
+  }
+  .w-11:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 11) !important;
+  }
+  .w-12:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 12) !important;
+  }
+  .w-14:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 14) !important;
+  }
+  .w-16:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 16) !important;
+  }
+  .w-18:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 18) !important;
+  }
+  .w-20:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 20) !important;
+  }
+  .w-24:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 24) !important;
+  }
+  .w-28:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 28) !important;
+  }
+  .w-32:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 32) !important;
+  }
+  .w-40:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 40) !important;
+  }
+  .w-44:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 44) !important;
+  }
+  .w-52:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 52) !important;
+  }
+  .w-56:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 56) !important;
+  }
+  .w-60:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 60) !important;
+  }
+  .w-72:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 72) !important;
+  }
+  .w-\[calc\(100\%-44px\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(100% - 44px) !important;
+  }
+  .w-\[calc\(276px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(276px * var(--ac-scale)) !important;
+  }
+  .w-\[calc\(340px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(340px * var(--ac-scale)) !important;
+  }
+  .w-\[calc\(380px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(380px * var(--ac-scale)) !important;
+  }
+  .w-auto:where([data-ac-ds], [data-ac-ds] *) {
+    width: auto !important;
+  }
+  .w-fit:where([data-ac-ds], [data-ac-ds] *) {
+    width: fit-content !important;
+  }
+  .w-full:where([data-ac-ds], [data-ac-ds] *) {
+    width: 100% !important;
+  }
+  .w-max:where([data-ac-ds], [data-ac-ds] *) {
+    width: max-content !important;
+  }
+  .w-px:where([data-ac-ds], [data-ac-ds] *) {
+    width: 1px !important;
+  }
+  .max-w-3xl:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: var(--container-3xl) !important;
+  }
+  .max-w-5xl:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: var(--container-5xl) !important;
+  }
+  .max-w-7xl:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: var(--container-7xl) !important;
+  }
+  .max-w-36:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(var(--spacing) * 36) !important;
+  }
+  .max-w-48:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(var(--spacing) * 48) !important;
+  }
+  .max-w-64:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(var(--spacing) * 64) !important;
+  }
+  .max-w-80:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(var(--spacing) * 80) !important;
+  }
+  .max-w-100:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(var(--spacing) * 100) !important;
+  }
+  .max-w-110:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(var(--spacing) * 110) !important;
+  }
+  .max-w-120:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(var(--spacing) * 120) !important;
+  }
+  .max-w-130:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(var(--spacing) * 130) !important;
+  }
+  .max-w-160:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(var(--spacing) * 160) !important;
+  }
+  .max-w-200:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(var(--spacing) * 200) !important;
+  }
+  .max-w-250:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(var(--spacing) * 250) !important;
+  }
+  .max-w-\[85\%\]:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: 85% !important;
+  }
+  .max-w-\[calc\(100\%-20px\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(100% - 20px) !important;
+  }
+  .max-w-\[calc\(100vw-16px\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(100vw - 16px) !important;
+  }
+  .max-w-\[calc\(100vw-64px\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: calc(100vw - 64px) !important;
+  }
+  .max-w-\[min\(320px\,calc\(100vw-16px\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: min(320px, calc(100vw - 16px)) !important;
+  }
+  .max-w-full:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: 100% !important;
+  }
+  .max-w-md:where([data-ac-ds], [data-ac-ds] *) {
+    max-width: var(--container-md) !important;
+  }
+  .min-w-0:where([data-ac-ds], [data-ac-ds] *) {
+    min-width: 0px !important;
+  }
+  .min-w-4:where([data-ac-ds], [data-ac-ds] *) {
+    min-width: calc(var(--spacing) * 4) !important;
+  }
+  .min-w-4\.5:where([data-ac-ds], [data-ac-ds] *) {
+    min-width: calc(var(--spacing) * 4.5) !important;
+  }
+  .min-w-5\.5:where([data-ac-ds], [data-ac-ds] *) {
+    min-width: calc(var(--spacing) * 5.5) !important;
+  }
+  .min-w-7:where([data-ac-ds], [data-ac-ds] *) {
+    min-width: calc(var(--spacing) * 7) !important;
+  }
+  .min-w-8:where([data-ac-ds], [data-ac-ds] *) {
+    min-width: calc(var(--spacing) * 8) !important;
+  }
+  .flex-1:where([data-ac-ds], [data-ac-ds] *) {
+    flex: 1 !important;
+  }
+  .flex-\[1_1_256px\]:where([data-ac-ds], [data-ac-ds] *) {
+    flex: 1 1 256px !important;
+  }
+  .flex-auto:where([data-ac-ds], [data-ac-ds] *) {
+    flex: auto !important;
+  }
+  .shrink:where([data-ac-ds], [data-ac-ds] *) {
+    flex-shrink: 1 !important;
+  }
+  .shrink-0:where([data-ac-ds], [data-ac-ds] *) {
+    flex-shrink: 0 !important;
+  }
+  .shrink-\[0\.25\]:where([data-ac-ds], [data-ac-ds] *) {
+    flex-shrink: 0.25 !important;
+  }
+  .grow:where([data-ac-ds], [data-ac-ds] *) {
+    flex-grow: 1 !important;
+  }
+  .basis-full:where([data-ac-ds], [data-ac-ds] *) {
+    flex-basis: 100% !important;
+  }
+  .border-collapse:where([data-ac-ds], [data-ac-ds] *) {
+    border-collapse: collapse !important;
+  }
+  .border-separate:where([data-ac-ds], [data-ac-ds] *) {
+    border-collapse: separate !important;
+  }
+  .border-spacing-0:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-border-spacing-x: 0px !important;
+    --tw-border-spacing-y: 0px !important;
+    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
+  }
+  .origin-bottom:where([data-ac-ds], [data-ac-ds] *) {
+    transform-origin: bottom !important;
+  }
+  .origin-bottom-right:where([data-ac-ds], [data-ac-ds] *) {
+    transform-origin: 100% 100% !important;
+  }
+  .origin-left:where([data-ac-ds], [data-ac-ds] *) {
+    transform-origin: 0 !important;
+  }
+  .origin-top:where([data-ac-ds], [data-ac-ds] *) {
+    transform-origin: top !important;
+  }
+  .origin-top-right:where([data-ac-ds], [data-ac-ds] *) {
+    transform-origin: 100% 0 !important;
+  }
+  .-translate-x-1\/2:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .-translate-x-full:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: -100% !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .translate-x-0:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: 0px !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .translate-x-1\/4:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: calc(1 / 4 * 100%) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .translate-x-4:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: calc(var(--spacing) * 4) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .-translate-y-1:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-y: calc(var(--spacing) * -1) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .-translate-y-1\/2:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .translate-y-1\/4:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-y: calc(1 / 4 * 100%) !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .scale-75:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-scale-x: 75% !important;
+    --tw-scale-y: 75% !important;
+    --tw-scale-z: 75% !important;
+    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
+  }
+  .scale-\[0\.98\]:where([data-ac-ds], [data-ac-ds] *) {
+    scale: 0.98 !important;
+  }
+  .-rotate-90:where([data-ac-ds], [data-ac-ds] *) {
+    rotate: calc(90deg * -1) !important;
+  }
+  .rotate-90:where([data-ac-ds], [data-ac-ds] *) {
+    rotate: 90deg !important;
+  }
+  .rotate-180:where([data-ac-ds], [data-ac-ds] *) {
+    rotate: 180deg !important;
+  }
+  .transform:where([data-ac-ds], [data-ac-ds] *) {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
+  }
+  .animate-pop-in:where([data-ac-ds], [data-ac-ds] *) {
+    animation: var(--animate-pop-in) !important;
+  }
+  .animate-pulse:where([data-ac-ds], [data-ac-ds] *) {
+    animation: var(--animate-pulse) !important;
+  }
+  .animate-spin:where([data-ac-ds], [data-ac-ds] *) {
+    animation: var(--animate-spin) !important;
+  }
+  .cursor-default:where([data-ac-ds], [data-ac-ds] *) {
+    cursor: default !important;
+  }
+  .cursor-not-allowed:where([data-ac-ds], [data-ac-ds] *) {
+    cursor: not-allowed !important;
+  }
+  .cursor-pointer:where([data-ac-ds], [data-ac-ds] *) {
+    cursor: pointer !important;
+  }
+  .touch-none:where([data-ac-ds], [data-ac-ds] *) {
+    touch-action: none !important;
+  }
+  .resize:where([data-ac-ds], [data-ac-ds] *) {
+    resize: both !important;
+  }
+  .resize-none:where([data-ac-ds], [data-ac-ds] *) {
+    resize: none !important;
+  }
+  .resize-y:where([data-ac-ds], [data-ac-ds] *) {
+    resize: vertical !important;
+  }
+  .\[scrollbar-width\:none\]:where([data-ac-ds], [data-ac-ds] *) {
+    scrollbar-width: none !important;
+  }
+  .list-none:where([data-ac-ds], [data-ac-ds] *) {
+    list-style-type: none !important;
+  }
+  .\[appearance\:textfield\]:where([data-ac-ds], [data-ac-ds] *) {
+    appearance: textfield !important;
+  }
+  .appearance-none:where([data-ac-ds], [data-ac-ds] *) {
+    appearance: none !important;
+  }
+  .grid-cols-2:where([data-ac-ds], [data-ac-ds] *) {
+    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  }
+  .grid-cols-3:where([data-ac-ds], [data-ac-ds] *) {
+    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+  }
+  .grid-rows-\[0fr\]:where([data-ac-ds], [data-ac-ds] *) {
+    grid-template-rows: 0fr !important;
+  }
+  .grid-rows-\[1fr\]:where([data-ac-ds], [data-ac-ds] *) {
+    grid-template-rows: 1fr !important;
+  }
+  .flex-col:where([data-ac-ds], [data-ac-ds] *) {
+    flex-direction: column !important;
+  }
+  .flex-row:where([data-ac-ds], [data-ac-ds] *) {
+    flex-direction: row !important;
+  }
+  .flex-nowrap:where([data-ac-ds], [data-ac-ds] *) {
+    flex-wrap: nowrap !important;
+  }
+  .flex-wrap:where([data-ac-ds], [data-ac-ds] *) {
+    flex-wrap: wrap !important;
+  }
+  .items-baseline:where([data-ac-ds], [data-ac-ds] *) {
+    align-items: baseline !important;
+  }
+  .items-center:where([data-ac-ds], [data-ac-ds] *) {
+    align-items: center !important;
+  }
+  .items-end:where([data-ac-ds], [data-ac-ds] *) {
+    align-items: flex-end !important;
+  }
+  .items-start:where([data-ac-ds], [data-ac-ds] *) {
+    align-items: flex-start !important;
+  }
+  .items-stretch:where([data-ac-ds], [data-ac-ds] *) {
+    align-items: stretch !important;
+  }
+  .justify-between:where([data-ac-ds], [data-ac-ds] *) {
+    justify-content: space-between !important;
+  }
+  .justify-center:where([data-ac-ds], [data-ac-ds] *) {
+    justify-content: center !important;
+  }
+  .justify-end:where([data-ac-ds], [data-ac-ds] *) {
+    justify-content: flex-end !important;
+  }
+  .justify-start:where([data-ac-ds], [data-ac-ds] *) {
+    justify-content: flex-start !important;
+  }
+  .gap-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    gap: calc(var(--spacing) * 0.5) !important;
+  }
+  .gap-1:where([data-ac-ds], [data-ac-ds] *) {
+    gap: var(--spacing) !important;
+  }
+  .gap-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    gap: calc(var(--spacing) * 1.5) !important;
+  }
+  .gap-2:where([data-ac-ds], [data-ac-ds] *) {
+    gap: calc(var(--spacing) * 2) !important;
+  }
+  .gap-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    gap: calc(var(--spacing) * 2.5) !important;
+  }
+  .gap-3:where([data-ac-ds], [data-ac-ds] *) {
+    gap: calc(var(--spacing) * 3) !important;
+  }
+  .gap-3\.5:where([data-ac-ds], [data-ac-ds] *) {
+    gap: calc(var(--spacing) * 3.5) !important;
+  }
+  .gap-4:where([data-ac-ds], [data-ac-ds] *) {
+    gap: calc(var(--spacing) * 4) !important;
+  }
+  .gap-5:where([data-ac-ds], [data-ac-ds] *) {
+    gap: calc(var(--spacing) * 5) !important;
+  }
+  .gap-8:where([data-ac-ds], [data-ac-ds] *) {
+    gap: calc(var(--spacing) * 8) !important;
+  }
+  .gap-px:where([data-ac-ds], [data-ac-ds] *) {
+    gap: 1px !important;
+  }
+  :where(.space-y-0\.5 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-space-y-reverse: 0 !important;
+    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)) !important;
+    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))) !important;
+  }
+  :where(.space-y-2 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-space-y-reverse: 0 !important;
+    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;
+    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;
+  }
+  :where(.space-y-4 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-space-y-reverse: 0 !important;
+    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important;
+    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;
+  }
+  .gap-x-1:where([data-ac-ds], [data-ac-ds] *) {
+    column-gap: var(--spacing) !important;
+  }
+  .gap-x-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    column-gap: calc(var(--spacing) * 1.5) !important;
+  }
+  .gap-x-2:where([data-ac-ds], [data-ac-ds] *) {
+    column-gap: calc(var(--spacing) * 2) !important;
+  }
+  .gap-x-3:where([data-ac-ds], [data-ac-ds] *) {
+    column-gap: calc(var(--spacing) * 3) !important;
+  }
+  .gap-x-4:where([data-ac-ds], [data-ac-ds] *) {
+    column-gap: calc(var(--spacing) * 4) !important;
+  }
+  .gap-x-5:where([data-ac-ds], [data-ac-ds] *) {
+    column-gap: calc(var(--spacing) * 5) !important;
+  }
+  .gap-x-6:where([data-ac-ds], [data-ac-ds] *) {
+    column-gap: calc(var(--spacing) * 6) !important;
+  }
+  .gap-y-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    row-gap: calc(var(--spacing) * 0.5) !important;
+  }
+  .gap-y-1:where([data-ac-ds], [data-ac-ds] *) {
+    row-gap: var(--spacing) !important;
+  }
+  .gap-y-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    row-gap: calc(var(--spacing) * 1.5) !important;
+  }
+  .gap-y-2:where([data-ac-ds], [data-ac-ds] *) {
+    row-gap: calc(var(--spacing) * 2) !important;
+  }
+  .gap-y-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    row-gap: calc(var(--spacing) * 2.5) !important;
+  }
+  .gap-y-3:where([data-ac-ds], [data-ac-ds] *) {
+    row-gap: calc(var(--spacing) * 3) !important;
+  }
+  :where(.divide-y > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-divide-y-reverse: 0 !important;
+    border-bottom-style: var(--tw-border-style) !important;
+    border-top-style: var(--tw-border-style) !important;
+    border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;
+    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
+  }
+  :where(.divide-border-light > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-border-light) !important;
+  }
+  .self-start:where([data-ac-ds], [data-ac-ds] *) {
+    align-self: flex-start !important;
+  }
+  .self-stretch:where([data-ac-ds], [data-ac-ds] *) {
+    align-self: stretch !important;
+  }
+  .justify-self-end:where([data-ac-ds], [data-ac-ds] *) {
+    justify-self: flex-end !important;
+  }
+  .truncate:where([data-ac-ds], [data-ac-ds] *) {
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+  }
+  .overflow-auto:where([data-ac-ds], [data-ac-ds] *) {
+    overflow: auto !important;
+  }
+  .overflow-hidden:where([data-ac-ds], [data-ac-ds] *) {
+    overflow: hidden !important;
+  }
+  .overflow-visible:where([data-ac-ds], [data-ac-ds] *) {
+    overflow: visible !important;
+  }
+  .overflow-x-auto:where([data-ac-ds], [data-ac-ds] *) {
+    overflow-x: auto !important;
+  }
+  .overflow-x-hidden:where([data-ac-ds], [data-ac-ds] *) {
+    overflow-x: hidden !important;
+  }
+  .overflow-y-auto:where([data-ac-ds], [data-ac-ds] *) {
+    overflow-y: auto !important;
+  }
+  .overflow-y-hidden:where([data-ac-ds], [data-ac-ds] *) {
+    overflow-y: hidden !important;
+  }
+  .rounded-2:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: var(--radius-2) !important;
+  }
+  .rounded-4:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: var(--radius-4) !important;
+  }
+  .rounded-6:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: var(--radius-6) !important;
+  }
+  .rounded-8:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: var(--radius-8) !important;
+  }
+  .rounded-10:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: var(--radius-10) !important;
+  }
+  .rounded-12:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: var(--radius-12) !important;
+  }
+  .rounded-50:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: var(--radius-50) !important;
+  }
+  .rounded-full:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: calc(infinity * 1px) !important;
+  }
+  .rounded-t-10:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-left-radius: var(--radius-10) !important;
+    border-top-right-radius: var(--radius-10) !important;
+  }
+  .rounded-l-6:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-left-radius: var(--radius-6) !important;
+    border-bottom-left-radius: var(--radius-6) !important;
+  }
+  .rounded-r-6:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-right-radius: var(--radius-6) !important;
+    border-bottom-right-radius: var(--radius-6) !important;
+  }
+  .rounded-b-10:where([data-ac-ds], [data-ac-ds] *) {
+    border-bottom-right-radius: var(--radius-10) !important;
+    border-bottom-left-radius: var(--radius-10) !important;
+  }
+  .rounded-b-12:where([data-ac-ds], [data-ac-ds] *) {
+    border-bottom-right-radius: var(--radius-12) !important;
+    border-bottom-left-radius: var(--radius-12) !important;
+  }
+  .border:where([data-ac-ds], [data-ac-ds] *) {
+    border-style: var(--tw-border-style) !important;
+    border-width: 1px !important;
+  }
+  .border-2:where([data-ac-ds], [data-ac-ds] *) {
+    border-style: var(--tw-border-style) !important;
+    border-width: 2px !important;
+  }
+  .border-y:where([data-ac-ds], [data-ac-ds] *) {
+    border-block-style: var(--tw-border-style) !important;
+    border-block-width: 1px !important;
+  }
+  .border-t:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-style: var(--tw-border-style) !important;
+    border-top-width: 1px !important;
+  }
+  .border-t-0:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-style: var(--tw-border-style) !important;
+    border-top-width: 0px !important;
+  }
+  .border-r:where([data-ac-ds], [data-ac-ds] *) {
+    border-right-style: var(--tw-border-style) !important;
+    border-right-width: 1px !important;
+  }
+  .border-b:where([data-ac-ds], [data-ac-ds] *) {
+    border-bottom-style: var(--tw-border-style) !important;
+    border-bottom-width: 1px !important;
+  }
+  .border-b-2:where([data-ac-ds], [data-ac-ds] *) {
+    border-bottom-style: var(--tw-border-style) !important;
+    border-bottom-width: 2px !important;
+  }
+  .border-l:where([data-ac-ds], [data-ac-ds] *) {
+    border-left-style: var(--tw-border-style) !important;
+    border-left-width: 1px !important;
+  }
+  .border-dashed:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-border-style: dashed !important;
+    border-style: dashed !important;
+  }
+  .focus-ring:where([data-ac-ds], [data-ac-ds] *) {
+    outline: none !important;
+    border-color: var(--color-primary) !important;
+    box-shadow: 0 0 0 3px var(--color-ring) !important;
+  }
+  .border-black\/10:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, hsl(0 0% 0%) 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important;
+    }
+  }
+  .border-black\/15:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, hsl(0 0% 0%) 15%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-black) 15%, transparent) !important;
+    }
+  }
+  .border-blue-80:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-blue-80) !important;
+  }
+  .border-blue-90:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-blue-90) !important;
+  }
+  .border-border:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-border) !important;
+  }
+  .border-border-dark:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-border-dark) !important;
+  }
+  .border-border-light:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-border-light) !important;
+  }
+  .border-current\/25:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: currentcolor !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, currentcolor 25%, transparent) !important;
+    }
+  }
+  .border-current\/30:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: currentcolor !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, currentcolor 30%, transparent) !important;
+    }
+  }
+  .border-danger:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-danger) !important;
+  }
+  .border-green-70:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-green-70) !important;
+  }
+  .border-green-80:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-green-80) !important;
+  }
+  .border-green-90:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-green-90) !important;
+  }
+  .border-primary:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-primary) !important;
+  }
+  .border-primary-70:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-primary-70) !important;
+  }
+  .border-primary-80:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-primary-80) !important;
+  }
+  .border-primary-90:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-primary-90) !important;
+  }
+  .border-red-60:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-red-60) !important;
+  }
+  .border-red-80:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-red-80) !important;
+  }
+  .border-red-90:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-red-90) !important;
+  }
+  .border-transparent:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: transparent !important;
+  }
+  .border-white\/10:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
+    }
+  }
+  .border-yellow-70:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-yellow-70) !important;
+  }
+  .border-yellow-80:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-yellow-80) !important;
+  }
+  .border-yellow-90:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-yellow-90) !important;
+  }
+  .border-b-border-dark:where([data-ac-ds], [data-ac-ds] *) {
+    border-bottom-color: var(--color-border-dark) !important;
+  }
+  .bg-blue-50:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-blue-50) !important;
+  }
+  .bg-blue-90:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-blue-90) !important;
+  }
+  .bg-blue-95:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-blue-95) !important;
+  }
+  .bg-blue-97:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-blue-97) !important;
+  }
+  .bg-border:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-border) !important;
+  }
+  .bg-border-light:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-border-light) !important;
+  }
+  .bg-current\/10:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: currentcolor !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, currentcolor 10%, transparent) !important;
+    }
+  }
+  .bg-danger:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-danger) !important;
+  }
+  .bg-gray-20:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-gray-20) !important;
+  }
+  .bg-gray-50:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-gray-50) !important;
+  }
+  .bg-gray-95:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-gray-95) !important;
+  }
+  .bg-green-40:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-green-40) !important;
+  }
+  .bg-green-95:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-green-95) !important;
+  }
+  .bg-green-97:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-green-97) !important;
+  }
+  .bg-heading:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-heading) !important;
+  }
+  .bg-info:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-info) !important;
+  }
+  .bg-inherit:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: inherit !important;
+  }
+  .bg-overlay:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-overlay) !important;
+  }
+  .bg-primary:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-primary) !important;
+  }
+  .bg-primary-40:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-primary-40) !important;
+  }
+  .bg-primary-90:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-primary-90) !important;
+  }
+  .bg-primary-93:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-primary-93) !important;
+  }
+  .bg-primary-95:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-primary-95) !important;
+  }
+  .bg-primary-97:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-primary-97) !important;
+  }
+  .bg-purple-90:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-purple-90) !important;
+  }
+  .bg-purple-95:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-purple-95) !important;
+  }
+  .bg-red-40:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-red-40) !important;
+  }
+  .bg-red-90:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-red-90) !important;
+  }
+  .bg-red-93:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-red-93) !important;
+  }
+  .bg-red-95:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-red-95) !important;
+  }
+  .bg-red-97:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-red-97) !important;
+  }
+  .bg-secondary:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-secondary) !important;
+  }
+  .bg-secondary-40:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-secondary-40) !important;
+  }
+  .bg-secondary-90:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-secondary-90) !important;
+  }
+  .bg-secondary-95:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-secondary-95) !important;
+  }
+  .bg-sidebar:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-sidebar) !important;
+  }
+  .bg-slate-10:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-slate-10) !important;
+  }
+  .bg-slate-50:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-slate-50) !important;
+  }
+  .bg-slate-60:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-slate-60) !important;
+  }
+  .bg-slate-70:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-slate-70) !important;
+  }
+  .bg-slate-80:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-slate-80) !important;
+  }
+  .bg-slate-90:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-slate-90) !important;
+  }
+  .bg-success:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-success) !important;
+  }
+  .bg-surface:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface) !important;
+  }
+  .bg-surface-muted:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface-muted) !important;
+  }
+  .bg-surface-muted\/50:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, #f8fafc 50%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-surface-muted) 50%, transparent) !important;
+    }
+  }
+  .bg-surface-sunken:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface-sunken) !important;
+  }
+  .bg-surface\/85:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(0 0% 100%) 85%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-surface) 85%, transparent) !important;
+    }
+  }
+  .bg-surface\/90:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(0 0% 100%) 90%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-surface) 90%, transparent) !important;
+    }
+  }
+  .bg-transparent:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: transparent !important;
+  }
+  .bg-warning:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-warning) !important;
+  }
+  .bg-white:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-white) !important;
+  }
+  .bg-white\/4:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(0 0% 100%) 4%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 4%, transparent) !important;
+    }
+  }
+  .bg-white\/8:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(0 0% 100%) 8%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 8%, transparent) !important;
+    }
+  }
+  .bg-yellow-50:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-yellow-50) !important;
+  }
+  .bg-yellow-90:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-yellow-90) !important;
+  }
+  .bg-yellow-93:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-yellow-93) !important;
+  }
+  .bg-yellow-95:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-yellow-95) !important;
+  }
+  .bg-yellow-97:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-yellow-97) !important;
+  }
+  .bg-linear-to-b:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-position: to bottom !important;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to bottom in oklab !important;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
+  }
+  .from-surface:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: var(--color-surface) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .from-50\%:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from-position: 50% !important;
+  }
+  .to-surface-muted:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-to: var(--color-surface-muted) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .to-50\%:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-to-position: 50% !important;
+  }
+  .fill-brand-green:where([data-ac-ds], [data-ac-ds] *) {
+    fill: var(--color-brand-green) !important;
+  }
+  .fill-brand-navy:where([data-ac-ds], [data-ac-ds] *) {
+    fill: var(--color-brand-navy) !important;
+  }
+  .fill-primary:where([data-ac-ds], [data-ac-ds] *) {
+    fill: var(--color-primary) !important;
+  }
+  .fill-primary-97:where([data-ac-ds], [data-ac-ds] *) {
+    fill: var(--color-primary-97) !important;
+  }
+  .fill-white:where([data-ac-ds], [data-ac-ds] *) {
+    fill: var(--color-white) !important;
+  }
+  .stroke-slate-60:where([data-ac-ds], [data-ac-ds] *) {
+    stroke: var(--color-slate-60) !important;
+  }
+  .stroke-surface:where([data-ac-ds], [data-ac-ds] *) {
+    stroke: var(--color-surface) !important;
+  }
+  .object-contain:where([data-ac-ds], [data-ac-ds] *) {
+    object-fit: contain !important;
+  }
+  .object-cover:where([data-ac-ds], [data-ac-ds] *) {
+    object-fit: cover !important;
+  }
+  .p-0:where([data-ac-ds], [data-ac-ds] *) {
+    padding: 0px !important;
+  }
+  .p-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding: calc(var(--spacing) * 0.5) !important;
+  }
+  .p-1:where([data-ac-ds], [data-ac-ds] *) {
+    padding: var(--spacing) !important;
+  }
+  .p-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding: calc(var(--spacing) * 1.5) !important;
+  }
+  .p-2:where([data-ac-ds], [data-ac-ds] *) {
+    padding: calc(var(--spacing) * 2) !important;
+  }
+  .p-3:where([data-ac-ds], [data-ac-ds] *) {
+    padding: calc(var(--spacing) * 3) !important;
+  }
+  .p-4:where([data-ac-ds], [data-ac-ds] *) {
+    padding: calc(var(--spacing) * 4) !important;
+  }
+  .p-5:where([data-ac-ds], [data-ac-ds] *) {
+    padding: calc(var(--spacing) * 5) !important;
+  }
+  .px-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-inline: calc(var(--spacing) * 0.5) !important;
+  }
+  .px-1:where([data-ac-ds], [data-ac-ds] *) {
+    padding-inline: var(--spacing) !important;
+  }
+  .px-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-inline: calc(var(--spacing) * 1.5) !important;
+  }
+  .px-2:where([data-ac-ds], [data-ac-ds] *) {
+    padding-inline: calc(var(--spacing) * 2) !important;
+  }
+  .px-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-inline: calc(var(--spacing) * 2.5) !important;
+  }
+  .px-3:where([data-ac-ds], [data-ac-ds] *) {
+    padding-inline: calc(var(--spacing) * 3) !important;
+  }
+  .px-3\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-inline: calc(var(--spacing) * 3.5) !important;
+  }
+  .px-4:where([data-ac-ds], [data-ac-ds] *) {
+    padding-inline: calc(var(--spacing) * 4) !important;
+  }
+  .px-5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-inline: calc(var(--spacing) * 5) !important;
+  }
+  .px-6:where([data-ac-ds], [data-ac-ds] *) {
+    padding-inline: calc(var(--spacing) * 6) !important;
+  }
+  .px-px:where([data-ac-ds], [data-ac-ds] *) {
+    padding-inline: 1px !important;
+  }
+  .py-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 0.5) !important;
+  }
+  .py-1:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: var(--spacing) !important;
+  }
+  .py-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 1.5) !important;
+  }
+  .py-2:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 2) !important;
+  }
+  .py-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 2.5) !important;
+  }
+  .py-3:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 3) !important;
+  }
+  .py-3\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 3.5) !important;
+  }
+  .py-4:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 4) !important;
+  }
+  .py-5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 5) !important;
+  }
+  .py-6:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 6) !important;
+  }
+  .py-7:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 7) !important;
+  }
+  .py-10:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 10) !important;
+  }
+  .py-12:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 12) !important;
+  }
+  .py-20:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: calc(var(--spacing) * 20) !important;
+  }
+  .py-px:where([data-ac-ds], [data-ac-ds] *) {
+    padding-block: 1px !important;
+  }
+  .pt-0:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: 0px !important;
+  }
+  .pt-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: calc(var(--spacing) * 0.5) !important;
+  }
+  .pt-1:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: var(--spacing) !important;
+  }
+  .pt-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: calc(var(--spacing) * 1.5) !important;
+  }
+  .pt-2:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: calc(var(--spacing) * 2) !important;
+  }
+  .pt-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: calc(var(--spacing) * 2.5) !important;
+  }
+  .pt-3:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: calc(var(--spacing) * 3) !important;
+  }
+  .pt-3\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: calc(var(--spacing) * 3.5) !important;
+  }
+  .pt-4:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: calc(var(--spacing) * 4) !important;
+  }
+  .pt-5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: calc(var(--spacing) * 5) !important;
+  }
+  .pt-8:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: calc(var(--spacing) * 8) !important;
+  }
+  .pr-0:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: 0px !important;
+  }
+  .pr-0\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: calc(var(--spacing) * 0.5) !important;
+  }
+  .pr-1:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: var(--spacing) !important;
+  }
+  .pr-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: calc(var(--spacing) * 1.5) !important;
+  }
+  .pr-2:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: calc(var(--spacing) * 2) !important;
+  }
+  .pr-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: calc(var(--spacing) * 2.5) !important;
+  }
+  .pr-3:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: calc(var(--spacing) * 3) !important;
+  }
+  .pr-8:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: calc(var(--spacing) * 8) !important;
+  }
+  .pr-16:where([data-ac-ds], [data-ac-ds] *) {
+    padding-right: calc(var(--spacing) * 16) !important;
+  }
+  .pb-1:where([data-ac-ds], [data-ac-ds] *) {
+    padding-bottom: var(--spacing) !important;
+  }
+  .pb-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-bottom: calc(var(--spacing) * 1.5) !important;
+  }
+  .pb-2:where([data-ac-ds], [data-ac-ds] *) {
+    padding-bottom: calc(var(--spacing) * 2) !important;
+  }
+  .pb-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-bottom: calc(var(--spacing) * 2.5) !important;
+  }
+  .pb-4:where([data-ac-ds], [data-ac-ds] *) {
+    padding-bottom: calc(var(--spacing) * 4) !important;
+  }
+  .pb-5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-bottom: calc(var(--spacing) * 5) !important;
+  }
+  .pb-6:where([data-ac-ds], [data-ac-ds] *) {
+    padding-bottom: calc(var(--spacing) * 6) !important;
+  }
+  .pl-1:where([data-ac-ds], [data-ac-ds] *) {
+    padding-left: var(--spacing) !important;
+  }
+  .pl-1\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-left: calc(var(--spacing) * 1.5) !important;
+  }
+  .pl-2:where([data-ac-ds], [data-ac-ds] *) {
+    padding-left: calc(var(--spacing) * 2) !important;
+  }
+  .pl-2\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-left: calc(var(--spacing) * 2.5) !important;
+  }
+  .pl-3:where([data-ac-ds], [data-ac-ds] *) {
+    padding-left: calc(var(--spacing) * 3) !important;
+  }
+  .pl-3\.5:where([data-ac-ds], [data-ac-ds] *) {
+    padding-left: calc(var(--spacing) * 3.5) !important;
+  }
+  .pl-4:where([data-ac-ds], [data-ac-ds] *) {
+    padding-left: calc(var(--spacing) * 4) !important;
+  }
+  .pl-8:where([data-ac-ds], [data-ac-ds] *) {
+    padding-left: calc(var(--spacing) * 8) !important;
+  }
+  .text-center:where([data-ac-ds], [data-ac-ds] *) {
+    text-align: center !important;
+  }
+  .text-left:where([data-ac-ds], [data-ac-ds] *) {
+    text-align: left !important;
+  }
+  .text-right:where([data-ac-ds], [data-ac-ds] *) {
+    text-align: right !important;
+  }
+  .align-middle:where([data-ac-ds], [data-ac-ds] *) {
+    vertical-align: middle !important;
+  }
+  .align-top:where([data-ac-ds], [data-ac-ds] *) {
+    vertical-align: top !important;
+  }
+  .font-mono:where([data-ac-ds], [data-ac-ds] *) {
+    font-family: var(--font-mono) !important;
+  }
+  .font-sans:where([data-ac-ds], [data-ac-ds] *) {
+    font-family: var(--font-sans) !important;
+  }
+  .text-3xl:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-3xl) !important;
+    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
+    letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing)) !important;
+  }
+  .text-2xl:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-2xl) !important;
+    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
+  }
+  .text-base:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-base) !important;
+    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+  }
+  .text-lg:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-lg) !important;
+    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
+  }
+  .text-sm:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-sm) !important;
+    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
+  }
+  .text-xl:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-xl) !important;
+    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
+  }
+  .text-xm:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-xm) !important;
+    line-height: var(--tw-leading, var(--text-xm--line-height)) !important;
+  }
+  .text-xs:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-xs) !important;
+    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  }
+  .text-\[11px\]:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: 11px !important;
+  }
+  .text-\[16px\]:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: 16px !important;
+  }
+  .text-\[length\:calc\(11\.5px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: calc(11.5px * var(--ac-scale)) !important;
+  }
+  .text-\[length\:calc\(12\.5px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    font-size: calc(12.5px * var(--ac-scale)) !important;
+  }
+  .leading-4:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-leading: calc(var(--spacing) * 4) !important;
+    line-height: calc(var(--spacing) * 4) !important;
+  }
+  .leading-5:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-leading: calc(var(--spacing) * 5) !important;
+    line-height: calc(var(--spacing) * 5) !important;
+  }
+  .leading-6:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-leading: calc(var(--spacing) * 6) !important;
+    line-height: calc(var(--spacing) * 6) !important;
+  }
+  .leading-7:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-leading: calc(var(--spacing) * 7) !important;
+    line-height: calc(var(--spacing) * 7) !important;
+  }
+  .leading-none:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-leading: 1 !important;
+    line-height: 1 !important;
+  }
+  .font-medium:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-font-weight: var(--font-weight-medium) !important;
+    font-weight: var(--font-weight-medium) !important;
+  }
+  .font-normal:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-font-weight: var(--font-weight-normal) !important;
+    font-weight: var(--font-weight-normal) !important;
+  }
+  .font-semibold:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-font-weight: var(--font-weight-semibold) !important;
+    font-weight: var(--font-weight-semibold) !important;
+  }
+  .tracking-\[-0\.01em\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-tracking: -0.01em !important;
+    letter-spacing: -0.01em !important;
+  }
+  .tracking-\[-0\.005em\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-tracking: -0.005em !important;
+    letter-spacing: -0.005em !important;
+  }
+  .tracking-\[-0\.015em\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-tracking: -0.015em !important;
+    letter-spacing: -0.015em !important;
+  }
+  .tracking-\[0\.06em\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-tracking: 0.06em !important;
+    letter-spacing: 0.06em !important;
+  }
+  .tracking-normal:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-tracking: var(--tracking-normal) !important;
+    letter-spacing: var(--tracking-normal) !important;
+  }
+  .tracking-tight:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-tracking: var(--tracking-tight) !important;
+    letter-spacing: var(--tracking-tight) !important;
+  }
+  .tracking-wide:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-tracking: var(--tracking-wide) !important;
+    letter-spacing: var(--tracking-wide) !important;
+  }
+  .tracking-wider:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-tracking: var(--tracking-wider) !important;
+    letter-spacing: var(--tracking-wider) !important;
+  }
+  .text-balance:where([data-ac-ds], [data-ac-ds] *) {
+    text-wrap: balance !important;
+  }
+  .text-pretty:where([data-ac-ds], [data-ac-ds] *) {
+    text-wrap: pretty !important;
+  }
+  .\[overflow-wrap\:anywhere\]:where([data-ac-ds], [data-ac-ds] *) {
+    overflow-wrap: anywhere !important;
+  }
+  .break-words:where([data-ac-ds], [data-ac-ds] *) {
+    overflow-wrap: break-word !important;
+  }
+  .break-all:where([data-ac-ds], [data-ac-ds] *) {
+    word-break: break-all !important;
+  }
+  .whitespace-normal:where([data-ac-ds], [data-ac-ds] *) {
+    white-space: normal !important;
+  }
+  .whitespace-nowrap:where([data-ac-ds], [data-ac-ds] *) {
+    white-space: nowrap !important;
+  }
+  .text-blue-10:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-blue-10) !important;
+  }
+  .text-blue-20:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-blue-20) !important;
+  }
+  .text-blue-30:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-blue-30) !important;
+  }
+  .text-blue-40:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-blue-40) !important;
+  }
+  .text-blue-50:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-blue-50) !important;
+  }
+  .text-body:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-body) !important;
+  }
+  .text-current:where([data-ac-ds], [data-ac-ds] *) {
+    color: currentcolor !important;
+  }
+  .text-danger:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-danger) !important;
+  }
+  .text-gray-10:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-gray-10) !important;
+  }
+  .text-gray-20:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-gray-20) !important;
+  }
+  .text-green-10:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-green-10) !important;
+  }
+  .text-green-20:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-green-20) !important;
+  }
+  .text-green-30:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-green-30) !important;
+  }
+  .text-green-40:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-green-40) !important;
+  }
+  .text-heading:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-heading) !important;
+  }
+  .text-info:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-info) !important;
+  }
+  .text-label:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-label) !important;
+  }
+  .text-muted:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-muted) !important;
+  }
+  .text-on-warning:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-on-warning) !important;
+  }
+  .text-primary:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-primary) !important;
+  }
+  .text-primary-10:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-primary-10) !important;
+  }
+  .text-primary-20:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-primary-20) !important;
+  }
+  .text-primary-30:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-primary-30) !important;
+  }
+  .text-purple-20:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-purple-20) !important;
+  }
+  .text-purple-40:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-purple-40) !important;
+  }
+  .text-red-10:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-red-10) !important;
+  }
+  .text-red-20:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-red-20) !important;
+  }
+  .text-red-30:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-red-30) !important;
+  }
+  .text-red-30\!:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-red-30) !important;
+  }
+  .text-red-40:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-red-40) !important;
+  }
+  .text-red-50:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-red-50) !important;
+  }
+  .text-secondary:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-secondary) !important;
+  }
+  .text-secondary-10:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-secondary-10) !important;
+  }
+  .text-secondary-20:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-secondary-20) !important;
+  }
+  .text-slate-60:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-slate-60) !important;
+  }
+  .text-slate-70:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-slate-70) !important;
+  }
+  .text-slate-95:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-slate-95) !important;
+  }
+  .text-success:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-success) !important;
+  }
+  .text-surface:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-surface) !important;
+  }
+  .text-transparent\!:where([data-ac-ds], [data-ac-ds] *) {
+    color: transparent !important;
+  }
+  .text-warning:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-warning) !important;
+  }
+  .text-white:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-white) !important;
+  }
+  .text-yellow-10:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-yellow-10) !important;
+  }
+  .text-yellow-20:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-yellow-20) !important;
+  }
+  .text-yellow-30:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-yellow-30) !important;
+  }
+  .text-yellow-40:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-yellow-40) !important;
+  }
+  .text-yellow-50:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-yellow-50) !important;
+  }
+  .uppercase:where([data-ac-ds], [data-ac-ds] *) {
+    text-transform: uppercase !important;
+  }
+  .italic:where([data-ac-ds], [data-ac-ds] *) {
+    font-style: italic !important;
+  }
+  .tabular-nums:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-numeric-spacing: tabular-nums !important;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
+  }
+  .line-through:where([data-ac-ds], [data-ac-ds] *) {
+    text-decoration-line: line-through !important;
+  }
+  .no-underline:where([data-ac-ds], [data-ac-ds] *) {
+    text-decoration-line: none !important;
+  }
+  .underline:where([data-ac-ds], [data-ac-ds] *) {
+    text-decoration-line: underline !important;
+  }
+  .decoration-border-dark:where([data-ac-ds], [data-ac-ds] *) {
+    text-decoration-color: var(--color-border-dark) !important;
+  }
+  .decoration-current\/40:where([data-ac-ds], [data-ac-ds] *) {
+    text-decoration-color: currentcolor !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      text-decoration-color: color-mix(in oklab, currentcolor 40%, transparent) !important;
+    }
+  }
+  .decoration-dotted:where([data-ac-ds], [data-ac-ds] *) {
+    text-decoration-style: dotted !important;
+  }
+  .underline-offset-2:where([data-ac-ds], [data-ac-ds] *) {
+    text-underline-offset: 2px !important;
+  }
+  .underline-offset-4:where([data-ac-ds], [data-ac-ds] *) {
+    text-underline-offset: 4px !important;
+  }
+  .opacity-0:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 0% !important;
+  }
+  .opacity-40:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 40% !important;
+  }
+  .opacity-50:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 50% !important;
+  }
+  .opacity-60:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 60% !important;
+  }
+  .opacity-70:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 70% !important;
+  }
+  .opacity-75:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 75% !important;
+  }
+  .opacity-80:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 80% !important;
+  }
+  .opacity-90:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 90% !important;
+  }
+  .opacity-100:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 100% !important;
+  }
+  .shadow-\[0_0_0_3px_var\(--color-red-90\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-red-90)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow-\[0_0_0_3px_var\(--color-ring\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-ring)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow-\[0_0_0_5px_var\(--color-ring\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 0 5px var(--tw-shadow-color, var(--color-ring)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow-\[0_1px_2px_0_rgb\(15_23_42\/0\.03\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(15 23 42/0.03)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow-\[inset_0_-1px_0_0_var\(--color-border\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: inset 0 -1px 0 0 var(--tw-shadow-color, var(--color-border)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow-\[inset_0_0_0_1px_var\(--color-primary\)\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-primary)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow-button:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, rgb(255 255 255 / 0.14)), 0 1px 2px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.12)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow-lg:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 4px 6px -2px var(--tw-shadow-color, rgb(15 23 42 / 0.04)), 0 12px 24px -4px var(--tw-shadow-color, rgb(15 23 42 / 0.10)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow-md:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 2px 4px -1px var(--tw-shadow-color, rgb(15 23 42 / 0.05)), 0 4px 10px -2px var(--tw-shadow-color, rgb(15 23 42 / 0.07)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow-none:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 #0000 !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow-sm:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.04)), 0 1px 3px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.06)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow-xl:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 8px 16px -4px var(--tw-shadow-color, rgb(15 23 42 / 0.06)), 0 24px 48px -12px var(--tw-shadow-color, rgb(15 23 42 / 0.18)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .shadow-xs:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.05)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .ring:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .ring-1:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .ring-2:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .ring-8:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .ring-\[3px\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .inset-shadow-xs:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, rgb(15 23 42 / 0.04)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .ring-black\/5:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, hsl(0 0% 0%) 5%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important;
+    }
+  }
+  .ring-black\/\[0\.02\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, hsl(0 0% 0%) 2%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-black) 2%, transparent) !important;
+    }
+  }
+  .ring-blue-50\/20:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, hsl(217 71% 50%) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-blue-50) 20%, transparent) !important;
+    }
+  }
+  .ring-blue-80:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-blue-80) !important;
+  }
+  .ring-border:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-border) !important;
+  }
+  .ring-border-dark:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-border-dark) !important;
+  }
+  .ring-border-light:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-border-light) !important;
+  }
+  .ring-gray-40\/20:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, hsl(0 0% 40%) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-40) 20%, transparent) !important;
+    }
+  }
+  .ring-gray-70:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-gray-70) !important;
+  }
+  .ring-green-40\/25:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, hsl(141 53% 40%) 25%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-green-40) 25%, transparent) !important;
+    }
+  }
+  .ring-green-70:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-green-70) !important;
+  }
+  .ring-heading\/8:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, #020617 8%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-heading) 8%, transparent) !important;
+    }
+  }
+  .ring-primary:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-primary) !important;
+  }
+  .ring-primary-40\/20:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) 40%) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary-40) 20%, transparent) !important;
+    }
+  }
+  .ring-primary-70:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-primary-70) !important;
+  }
+  .ring-red-40\/20:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, hsl(348 100% 40%) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-red-40) 20%, transparent) !important;
+    }
+  }
+  .ring-red-80:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-red-80) !important;
+  }
+  .ring-red-97:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-red-97) !important;
+  }
+  .ring-ring:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-ring) !important;
+  }
+  .ring-secondary-40\/20:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, hsl(var(--secondary-hue) var(--secondary-saturation) 40%) 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-secondary-40) 20%, transparent) !important;
+    }
+  }
+  .ring-secondary-70:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-secondary-70) !important;
+  }
+  .ring-sidebar:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-sidebar) !important;
+  }
+  .ring-slate-50\/20:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, #64748b 20%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-slate-50) 20%, transparent) !important;
+    }
+  }
+  .ring-surface:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-surface) !important;
+  }
+  .ring-yellow-50\/30:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: color-mix(in srgb, hsl(38 93% 50%) 30%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-yellow-50) 30%, transparent) !important;
+    }
+  }
+  .ring-yellow-70:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-yellow-70) !important;
+  }
+  .outline:where([data-ac-ds], [data-ac-ds] *) {
+    outline-style: var(--tw-outline-style) !important;
+    outline-width: 1px !important;
+  }
+  .blur:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-blur: blur(8px) !important;
+    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,) !important;
+  }
+  .filter:where([data-ac-ds], [data-ac-ds] *) {
+    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,) !important;
+  }
+  .backdrop-blur-\[2px\]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-backdrop-blur: blur(2px) !important;
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
+    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,) !important;
+  }
+  .backdrop-blur-md:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-backdrop-blur: blur(var(--blur-md)) !important;
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
+    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,) !important;
+  }
+  .backdrop-saturate-150:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-backdrop-saturate: saturate(150%) !important;
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
+    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,) !important;
+  }
+  .transition:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[background-color\,border-color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: background-color,border-color,box-shadow !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[background-color\,border-color\,color\,box-shadow\,transform\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: background-color,border-color,color,box-shadow,transform !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[background-color\,border-color\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: background-color,border-color !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[background-color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: background-color,box-shadow !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[background-color\,color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: background-color,color,box-shadow !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[border-color\,border-width\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: border-color,border-width !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[border-color\,box-shadow\,background-color\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: border-color,box-shadow,background-color !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[border-color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: border-color,box-shadow !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[box-shadow\,scale\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: box-shadow,scale !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[color\,transform\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: color,transform !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[grid-template-rows\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: grid-template-rows !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[translate\,visibility\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: translate,visibility !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[translate\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: translate !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[width\,background-color\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: width,background-color !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-\[width\]:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: width !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-all:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: all !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-colors:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-opacity:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: opacity !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .transition-transform:where([data-ac-ds], [data-ac-ds] *) {
+    transition-property: transform, translate, scale, rotate !important;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+  }
+  .duration-75:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-duration: 75ms !important;
+    transition-duration: 75ms !important;
+  }
+  .duration-100:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-duration: 100ms !important;
+    transition-duration: 100ms !important;
+  }
+  .duration-150:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-duration: 150ms !important;
+    transition-duration: 150ms !important;
+  }
+  .duration-200:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-duration: 200ms !important;
+    transition-duration: 200ms !important;
+  }
+  .duration-300:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-duration: 300ms !important;
+    transition-duration: 300ms !important;
+  }
+  .ease-in:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ease: var(--ease-in) !important;
+    transition-timing-function: var(--ease-in) !important;
+  }
+  .ease-out:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ease: var(--ease-out) !important;
+    transition-timing-function: var(--ease-out) !important;
+  }
+  .ease-out-soft:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ease: var(--ease-out-soft) !important;
+    transition-timing-function: var(--ease-out-soft) !important;
+  }
+  .outline-none:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-outline-style: none !important;
+    outline-style: none !important;
+  }
+  .select-none:where([data-ac-ds], [data-ac-ds] *) {
+    -webkit-user-select: none !important;
+    user-select: none !important;
+  }
+  .ring-inset:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-inset: inset !important;
+  }
+  .group-first\:hidden:is(:where(.group):first-child *):where([data-ac-ds], [data-ac-ds] *) {
+    display: none !important;
+  }
+  .group-last\:border-0:is(:where(.group):last-child *):where([data-ac-ds], [data-ac-ds] *) {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
+  @media (hover: hover) {
+    .group-hover\:border-slate-60:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
+      border-color: var(--color-slate-60) !important;
+    }
+    .group-hover\:text-heading:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
+      color: var(--color-heading) !important;
+    }
+    .group-hover\/thumb\:opacity-100:is(:where(.group\/thumb):hover *):where([data-ac-ds], [data-ac-ds] *) {
+      opacity: 100% !important;
+    }
+  }
+  .group-focus-visible\/thumb\:opacity-100:is(:where(.group\/thumb):focus-visible *):where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 100% !important;
+  }
+  .group-aria-\[current\=page\]\:text-primary-30\!:is(:where(.group)[aria-current="page"] *):where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-primary-30) !important;
+  }
+  .peer-checked\:scale-100:is(:where(.peer):checked ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-scale-x: 100% !important;
+    --tw-scale-y: 100% !important;
+    --tw-scale-z: 100% !important;
+    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
+  }
+  .peer-checked\:opacity-100:is(:where(.peer):checked ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 100% !important;
+  }
+  .peer-indeterminate\:opacity-100:is(:where(.peer):indeterminate ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 100% !important;
+  }
+  .peer-placeholder-shown\:top-1\/2:is(:where(.peer):placeholder-shown ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    top: calc(1 / 2 * 100%) !important;
+  }
+  .peer-placeholder-shown\:top-4\.5:is(:where(.peer):placeholder-shown ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    top: calc(var(--spacing) * 4.5) !important;
+  }
+  .peer-placeholder-shown\:text-base:is(:where(.peer):placeholder-shown ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-base) !important;
+    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
+  }
+  .peer-placeholder-shown\:font-normal:is(:where(.peer):placeholder-shown ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-font-weight: var(--font-weight-normal) !important;
+    font-weight: var(--font-weight-normal) !important;
+  }
+  .peer-placeholder-shown\:text-muted:is(:where(.peer):placeholder-shown ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-muted) !important;
+  }
+  .peer-read-only\:bg-linear-to-b:is(:where(.peer):read-only ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-position: to bottom !important;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to bottom in oklab !important;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
+  }
+  .peer-read-only\:from-surface:is(:where(.peer):read-only ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: var(--color-surface) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .peer-read-only\:from-50\%:is(:where(.peer):read-only ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from-position: 50% !important;
+  }
+  .peer-read-only\:to-surface-muted:is(:where(.peer):read-only ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-to: var(--color-surface-muted) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .peer-read-only\:to-50\%:is(:where(.peer):read-only ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-to-position: 50% !important;
+  }
+  .peer-focus\:-top-px:is(:where(.peer):focus ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    top: -1px !important;
+  }
+  .peer-focus\:top-0:is(:where(.peer):focus ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    top: 0px !important;
+  }
+  .peer-focus\:text-xs:is(:where(.peer):focus ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-xs) !important;
+    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  }
+  .peer-focus\:font-medium:is(:where(.peer):focus ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-font-weight: var(--font-weight-medium) !important;
+    font-weight: var(--font-weight-medium) !important;
+  }
+  .peer-focus\:text-primary-20:is(:where(.peer):focus ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-primary-20) !important;
+  }
+  .peer-focus\:text-red-30\!:is(:where(.peer):focus ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-red-30) !important;
+  }
+  .peer-disabled\:bg-linear-to-b:is(:where(.peer):disabled ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-position: to bottom !important;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to bottom in oklab !important;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
+  }
+  .peer-disabled\:from-surface:is(:where(.peer):disabled ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from: var(--color-surface) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .peer-disabled\:from-50\%:is(:where(.peer):disabled ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-from-position: 50% !important;
+  }
+  .peer-disabled\:to-surface-muted:is(:where(.peer):disabled ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-to: var(--color-surface-muted) !important;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
+  }
+  .peer-disabled\:to-50\%:is(:where(.peer):disabled ~ *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-gradient-to-position: 50% !important;
+  }
+  .placeholder\:text-muted:where([data-ac-ds], [data-ac-ds] *)::placeholder {
+    color: var(--color-muted) !important;
+  }
+  .placeholder\:text-transparent:where([data-ac-ds], [data-ac-ds] *)::placeholder {
+    color: transparent !important;
+  }
+  .after\:absolute:where([data-ac-ds], [data-ac-ds] *)::after {
+    content: var(--tw-content);
+    position: absolute !important;
+  }
+  .after\:inset-0:where([data-ac-ds], [data-ac-ds] *)::after {
+    content: var(--tw-content);
+    inset: 0px !important;
+  }
+  .after\:rounded-10:where([data-ac-ds], [data-ac-ds] *)::after {
+    content: var(--tw-content);
+    border-radius: var(--radius-10) !important;
+  }
+  .first\:mt-0:first-child:where([data-ac-ds], [data-ac-ds] *) {
+    margin-top: 0px !important;
+  }
+  .first\:rounded-tl-10:first-child:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-left-radius: var(--radius-10) !important;
+  }
+  .first\:border-0:first-child:where([data-ac-ds], [data-ac-ds] *) {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
+  .first\:border-t-0:first-child:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-style: var(--tw-border-style) !important;
+    border-top-width: 0px !important;
+  }
+  .first\:pt-0:first-child:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: 0px !important;
+  }
+  .first\:pt-1\.5:first-child:where([data-ac-ds], [data-ac-ds] *) {
+    padding-top: calc(var(--spacing) * 1.5) !important;
+  }
+  .last\:rounded-tr-10:last-child:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-right-radius: var(--radius-10) !important;
+  }
+  .last\:border-0:last-child:where([data-ac-ds], [data-ac-ds] *) {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
+  .last\:pb-0:last-child:where([data-ac-ds], [data-ac-ds] *) {
+    padding-bottom: 0px !important;
+  }
+  .checked\:border-\[5px\]:checked:where([data-ac-ds], [data-ac-ds] *) {
+    border-style: var(--tw-border-style) !important;
+    border-width: 5px !important;
+  }
+  .checked\:border-primary:checked:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-primary) !important;
+  }
+  .checked\:bg-primary:checked:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-primary) !important;
+  }
+  .checked\:shadow-button:checked:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, rgb(255 255 255 / 0.14)), 0 1px 2px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.12)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .indeterminate\:border-primary:indeterminate:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-primary) !important;
+  }
+  .indeterminate\:bg-primary:indeterminate:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-primary) !important;
+  }
+  .read-only\:bg-surface-muted:read-only:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface-muted) !important;
+  }
+  .read-only\:shadow-none:read-only:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 #0000 !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .focus-within\:focus-ring:focus-within:where([data-ac-ds], [data-ac-ds] *) {
+    outline: none !important;
+    border-color: var(--color-primary) !important;
+    box-shadow: 0 0 0 3px var(--color-ring) !important;
+  }
+  .focus-within\:border-danger:focus-within:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-danger) !important;
+  }
+  .focus-within\:shadow-\[0_0_0_3px_var\(--color-red-90\)\]:focus-within:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-red-90)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  @media (hover: hover) {
+    .hover\:border-border-dark:hover:where([data-ac-ds], [data-ac-ds] *) {
+      border-color: var(--color-border-dark) !important;
+    }
+    .hover\:border-primary-60:hover:where([data-ac-ds], [data-ac-ds] *) {
+      border-color: var(--color-primary-60) !important;
+    }
+    .hover\:border-slate-60:hover:where([data-ac-ds], [data-ac-ds] *) {
+      border-color: var(--color-slate-60) !important;
+    }
+    .hover\:bg-black\/5:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, hsl(0 0% 0%) 5%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-black\/5:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important;
+      }
+    }
+    .hover\:bg-blue-93:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-blue-93) !important;
+    }
+    .hover\:bg-blue-97:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-blue-97) !important;
+    }
+    .hover\:bg-current\/8:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: currentcolor !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-current\/8:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, currentcolor 8%, transparent) !important;
+      }
+    }
+    .hover\:bg-current\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: currentcolor !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-current\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, currentcolor 10%, transparent) !important;
+      }
+    }
+    .hover\:bg-current\/20:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: currentcolor !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-current\/20:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, currentcolor 20%, transparent) !important;
+      }
+    }
+    .hover\:bg-danger-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-danger-hover) !important;
+    }
+    .hover\:bg-green-93:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-green-93) !important;
+    }
+    .hover\:bg-green-97:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-green-97) !important;
+    }
+    .hover\:bg-info-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-info-hover) !important;
+    }
+    .hover\:bg-primary-93:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-primary-93) !important;
+    }
+    .hover\:bg-primary-95:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-primary-95) !important;
+    }
+    .hover\:bg-primary-97:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-primary-97) !important;
+    }
+    .hover\:bg-primary-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-primary-hover) !important;
+    }
+    .hover\:bg-red-93:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-red-93) !important;
+    }
+    .hover\:bg-red-95:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-red-95) !important;
+    }
+    .hover\:bg-red-97:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-red-97) !important;
+    }
+    .hover\:bg-slate-60:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-slate-60) !important;
+    }
+    .hover\:bg-slate-80:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-slate-80) !important;
+    }
+    .hover\:bg-slate-90:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-slate-90) !important;
+    }
+    .hover\:bg-success-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-success-hover) !important;
+    }
+    .hover\:bg-surface-muted:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-surface-muted) !important;
+    }
+    .hover\:bg-surface-muted\/70:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, #f8fafc 70%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-surface-muted\/70:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-surface-muted) 70%, transparent) !important;
+      }
+    }
+    .hover\:bg-surface-sunken:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-surface-sunken) !important;
+    }
+    .hover\:bg-warning-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-warning-hover) !important;
+    }
+    .hover\:bg-white\/8:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, hsl(0 0% 100%) 8%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-white\/8:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-white) 8%, transparent) !important;
+      }
+    }
+    .hover\:bg-yellow-93:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-yellow-93) !important;
+    }
+    .hover\:bg-yellow-97:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-yellow-97) !important;
+    }
+    .hover\:text-heading:hover:where([data-ac-ds], [data-ac-ds] *) {
+      color: var(--color-heading) !important;
+    }
+    .hover\:text-red-30:hover:where([data-ac-ds], [data-ac-ds] *) {
+      color: var(--color-red-30) !important;
+    }
+    .hover\:underline:hover:where([data-ac-ds], [data-ac-ds] *) {
+      text-decoration-line: underline !important;
+    }
+    .hover\:decoration-current:hover:where([data-ac-ds], [data-ac-ds] *) {
+      text-decoration-color: currentcolor !important;
+    }
+    .hover\:opacity-100:hover:where([data-ac-ds], [data-ac-ds] *) {
+      opacity: 100% !important;
+    }
+    .hover\:shadow-sm:hover:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.04)), 0 1px 3px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.06)) !important;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    }
+    .not-aria-\[current\=page\]\:hover\:bg-slate-90:not([aria-current="page"]):hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-slate-90) !important;
+    }
+    .not-aria-\[current\=page\]\:hover\:bg-white\/8:not([aria-current="page"]):hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, hsl(0 0% 100%) 8%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .not-aria-\[current\=page\]\:hover\:bg-white\/8:not([aria-current="page"]):hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-white) 8%, transparent) !important;
+      }
+    }
+    .not-aria-\[current\=page\]\:hover\:text-heading:not([aria-current="page"]):hover:where([data-ac-ds], [data-ac-ds] *) {
+      color: var(--color-heading) !important;
+    }
+  }
+  .focus\:z-10:focus:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: 10 !important;
+  }
+  .focus\:focus-ring:focus:where([data-ac-ds], [data-ac-ds] *) {
+    outline: none !important;
+    border-color: var(--color-primary) !important;
+    box-shadow: 0 0 0 3px var(--color-ring) !important;
+  }
+  .focus\:border-danger:focus:where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-danger) !important;
+  }
+  .focus\:bg-red-95:focus:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-red-95) !important;
+  }
+  .focus\:bg-surface:focus:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface) !important;
+  }
+  .focus\:bg-surface-sunken:focus:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface-sunken) !important;
+  }
+  .focus\:text-red-20:focus:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-red-20) !important;
+  }
+  .focus\:shadow-\[0_0_0_3px_var\(--color-red-90\)\]:focus:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-red-90)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .focus\:ring-1:focus:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .focus\:ring-border:focus:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-border) !important;
+  }
+  .focus-visible\:z-10:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: 10 !important;
+  }
+  .focus-visible\:rounded-2:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: var(--radius-2) !important;
+  }
+  .focus-visible\:rounded-4:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: var(--radius-4) !important;
+  }
+  .focus-visible\:bg-surface-muted:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface-muted) !important;
+  }
+  .focus-visible\:bg-surface-sunken:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface-sunken) !important;
+  }
+  .focus-visible\:text-heading:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-heading) !important;
+  }
+  .focus-visible\:opacity-100:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 100% !important;
+  }
+  .focus-visible\:ring-2:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .focus-visible\:ring-\[3px\]:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .focus-visible\:ring-ring:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-ring) !important;
+  }
+  .focus-visible\:outline-none:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-outline-style: none !important;
+    outline-style: none !important;
+  }
+  .focus-visible\:ring-inset:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-inset: inset !important;
+  }
+  .active\:translate-y-px:active:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-y: 1px !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .active\:scale-95:active:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-scale-x: 95% !important;
+    --tw-scale-y: 95% !important;
+    --tw-scale-z: 95% !important;
+    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
+  }
+  @media (hover: hover) {
+    .enabled\:hover\:border-border-dark:enabled:hover:where([data-ac-ds], [data-ac-ds] *) {
+      border-color: var(--color-border-dark) !important;
+    }
+    .enabled\:hover\:bg-white\/8:enabled:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, hsl(0 0% 100%) 8%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .enabled\:hover\:bg-white\/8:enabled:hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-white) 8%, transparent) !important;
+      }
+    }
+    .enabled\:hover\:text-heading:enabled:hover:where([data-ac-ds], [data-ac-ds] *) {
+      color: var(--color-heading) !important;
+    }
+  }
+  .disabled\:cursor-not-allowed:disabled:where([data-ac-ds], [data-ac-ds] *) {
+    cursor: not-allowed !important;
+  }
+  .disabled\:bg-surface-muted:disabled:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface-muted) !important;
+  }
+  .disabled\:opacity-40:disabled:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 40% !important;
+  }
+  .disabled\:opacity-50:disabled:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 50% !important;
+  }
+  .disabled\:opacity-60:disabled:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 60% !important;
+  }
+  .disabled\:shadow-none:disabled:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 #0000 !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  @media (hover: hover) {
+    .disabled\:hover\:bg-surface:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-surface) !important;
+    }
+    .disabled\:hover\:bg-surface-muted:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: var(--color-surface-muted) !important;
+    }
+    .disabled\:hover\:bg-transparent:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: transparent !important;
+    }
+    .disabled\:hover\:text-muted:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
+      color: var(--color-muted) !important;
+    }
+  }
+  .disabled\:active\:translate-y-0:disabled:active:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-y: 0px !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .has-checked\:border-primary:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
+    border-color: var(--color-primary) !important;
+  }
+  .has-checked\:bg-primary-97:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-primary-97) !important;
+  }
+  .has-checked\:bg-primary-97\/60:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
+    background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) 97%) 60%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary-97) 60%, transparent) !important;
+    }
+  }
+  .has-checked\:shadow-\[0_0_0_1px_var\(--color-primary\)\]:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--color-primary)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .has-focus-visible\:shadow-\[0_0_0_3px_var\(--color-ring\)\]:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-ring)) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .has-focus-visible\:ring-\[3px\]:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .has-focus-visible\:ring-ring:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-ring) !important;
+  }
+  .has-\[\.cm-editor\.cm-focused\]\:focus-ring:has(:is(.cm-editor.cm-focused)):where([data-ac-ds], [data-ac-ds] *) {
+    outline: none !important;
+    border-color: var(--color-primary) !important;
+    box-shadow: 0 0 0 3px var(--color-ring) !important;
+  }
+  .has-\[\[data-ac-card-link\]\:focus-visible\]\:ring-\[3px\]:has(:is([data-ac-card-link]:focus-visible)):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .has-\[\[data-ac-card-link\]\:focus-visible\]\:ring-ring:has(:is([data-ac-card-link]:focus-visible)):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-ring) !important;
+  }
+  .aria-disabled\:pointer-events-none[aria-disabled="true"]:where([data-ac-ds], [data-ac-ds] *) {
+    pointer-events: none !important;
+  }
+  .aria-disabled\:cursor-not-allowed[aria-disabled="true"]:where([data-ac-ds], [data-ac-ds] *) {
+    cursor: not-allowed !important;
+  }
+  .aria-disabled\:opacity-40[aria-disabled="true"]:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 40% !important;
+  }
+  .aria-disabled\:opacity-50[aria-disabled="true"]:where([data-ac-ds], [data-ac-ds] *) {
+    opacity: 50% !important;
+  }
+  .aria-\[current\=page\]\:bg-primary-95[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-primary-95) !important;
+  }
+  .aria-\[current\=page\]\:bg-primary-97[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-primary-97) !important;
+  }
+  .aria-\[current\=page\]\:bg-surface-sunken[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-surface-sunken) !important;
+  }
+  .aria-\[current\=page\]\:font-medium[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-font-weight: var(--font-weight-medium) !important;
+    font-weight: var(--font-weight-medium) !important;
+  }
+  .aria-\[current\=page\]\:text-heading[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-heading) !important;
+  }
+  .aria-\[current\=page\]\:text-primary-20[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-primary-20) !important;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    .motion-safe\:-translate-x-1:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-translate-x: calc(var(--spacing) * -1) !important;
+      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+    }
+    .motion-safe\:-translate-y-1:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-translate-y: calc(var(--spacing) * -1) !important;
+      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+    }
+    .motion-safe\:-translate-y-2:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-translate-y: calc(var(--spacing) * -2) !important;
+      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+    }
+    .motion-safe\:translate-y-1:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-translate-y: var(--spacing) !important;
+      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+    }
+    .motion-safe\:translate-y-2:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-translate-y: calc(var(--spacing) * 2) !important;
+      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+    }
+    .motion-safe\:scale-95:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-scale-x: 95% !important;
+      --tw-scale-y: 95% !important;
+      --tw-scale-z: 95% !important;
+      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
+    }
+    .motion-safe\:scale-110:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-scale-x: 110% !important;
+      --tw-scale-y: 110% !important;
+      --tw-scale-z: 110% !important;
+      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
+    }
+    .motion-safe\:scale-\[0\.98\]:where([data-ac-ds], [data-ac-ds] *) {
+      scale: 0.98 !important;
+    }
+    .motion-safe\:animate-ping:where([data-ac-ds], [data-ac-ds] *) {
+      animation: var(--animate-ping) !important;
+    }
+    .motion-safe\:transition-transform:where([data-ac-ds], [data-ac-ds] *) {
+      transition-property: transform, translate, scale, rotate !important;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+      transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+    }
+    .motion-safe\:duration-200:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-duration: 200ms !important;
+      transition-duration: 200ms !important;
+    }
+    @media (hover: hover) {
+      .motion-safe\:group-hover\:translate-x-0\.5:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
+        --tw-translate-x: calc(var(--spacing) * 0.5) !important;
+        translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+      }
+      .motion-safe\:group-hover\:-translate-y-px:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
+        --tw-translate-y: -1px !important;
+        translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+      }
+      .motion-safe\:hover\:scale-110:hover:where([data-ac-ds], [data-ac-ds] *) {
+        --tw-scale-x: 110% !important;
+        --tw-scale-y: 110% !important;
+        --tw-scale-z: 110% !important;
+        scale: var(--tw-scale-x) var(--tw-scale-y) !important;
+      }
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .motion-reduce\:w-full:where([data-ac-ds], [data-ac-ds] *) {
+      width: 100% !important;
+    }
+    .motion-reduce\:opacity-40:where([data-ac-ds], [data-ac-ds] *) {
+      opacity: 40% !important;
+    }
+    .motion-reduce\:transition-opacity:where([data-ac-ds], [data-ac-ds] *) {
+      transition-property: opacity !important;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
+      transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
+    }
+    .motion-reduce\:transition-none:where([data-ac-ds], [data-ac-ds] *) {
+      transition-property: none !important;
+    }
+  }
+  @media (width < 40rem) {
+    .max-sm\:hidden:where([data-ac-ds], [data-ac-ds] *) {
+      display: none !important;
+    }
+    .max-sm\:border:where([data-ac-ds], [data-ac-ds] *) {
+      border-style: var(--tw-border-style) !important;
+      border-width: 1px !important;
+    }
+    .max-sm\:border-border:where([data-ac-ds], [data-ac-ds] *) {
+      border-color: var(--color-border) !important;
+    }
+    .max-sm\:py-1:where([data-ac-ds], [data-ac-ds] *) {
+      padding-block: var(--spacing) !important;
+    }
+    .max-sm\:text-xs:where([data-ac-ds], [data-ac-ds] *) {
+      font-size: var(--text-xs) !important;
+      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+    }
+  }
+  @media (width >= 40rem) {
+    .sm\:inset-x-auto:where([data-ac-ds], [data-ac-ds] *) {
+      inset-inline: auto !important;
+    }
+    .sm\:top-6:where([data-ac-ds], [data-ac-ds] *) {
+      top: calc(var(--spacing) * 6) !important;
+    }
+    .sm\:right-6:where([data-ac-ds], [data-ac-ds] *) {
+      right: calc(var(--spacing) * 6) !important;
+    }
+    .sm\:bottom-6:where([data-ac-ds], [data-ac-ds] *) {
+      bottom: calc(var(--spacing) * 6) !important;
+    }
+    .sm\:left-1\/2:where([data-ac-ds], [data-ac-ds] *) {
+      left: calc(1 / 2 * 100%) !important;
+    }
+    .sm\:col-span-2:where([data-ac-ds], [data-ac-ds] *) {
+      grid-column: span 2 / span 2 !important;
+    }
+    .sm\:mt-0:where([data-ac-ds], [data-ac-ds] *) {
+      margin-top: 0px !important;
+    }
+    .sm\:block:where([data-ac-ds], [data-ac-ds] *) {
+      display: block !important;
+    }
+    .sm\:flex:where([data-ac-ds], [data-ac-ds] *) {
+      display: flex !important;
+    }
+    .sm\:hidden:where([data-ac-ds], [data-ac-ds] *) {
+      display: none !important;
+    }
+    .sm\:max-h-\[calc\(100dvh-64px\)\]:where([data-ac-ds], [data-ac-ds] *) {
+      max-height: calc(100dvh - 64px) !important;
+    }
+    .sm\:w-36:where([data-ac-ds], [data-ac-ds] *) {
+      width: calc(var(--spacing) * 36) !important;
+    }
+    .sm\:w-40:where([data-ac-ds], [data-ac-ds] *) {
+      width: calc(var(--spacing) * 40) !important;
+    }
+    .sm\:w-48:where([data-ac-ds], [data-ac-ds] *) {
+      width: calc(var(--spacing) * 48) !important;
+    }
+    .sm\:w-89:where([data-ac-ds], [data-ac-ds] *) {
+      width: calc(var(--spacing) * 89) !important;
+    }
+    .sm\:max-w-100:where([data-ac-ds], [data-ac-ds] *) {
+      max-width: calc(var(--spacing) * 100) !important;
+    }
+    .sm\:max-w-130:where([data-ac-ds], [data-ac-ds] *) {
+      max-width: calc(var(--spacing) * 130) !important;
+    }
+    .sm\:max-w-200:where([data-ac-ds], [data-ac-ds] *) {
+      max-width: calc(var(--spacing) * 200) !important;
+    }
+    .sm\:shrink-0:where([data-ac-ds], [data-ac-ds] *) {
+      flex-shrink: 0 !important;
+    }
+    .sm\:-translate-x-1\/2:where([data-ac-ds], [data-ac-ds] *) {
+      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
+      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+    }
+    .sm\:grid-cols-2:where([data-ac-ds], [data-ac-ds] *) {
+      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+    }
+    .sm\:grid-cols-3:where([data-ac-ds], [data-ac-ds] *) {
+      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+    }
+    .sm\:grid-cols-4:where([data-ac-ds], [data-ac-ds] *) {
+      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
+    }
+    .sm\:flex-col:where([data-ac-ds], [data-ac-ds] *) {
+      flex-direction: column !important;
+    }
+    .sm\:flex-row:where([data-ac-ds], [data-ac-ds] *) {
+      flex-direction: row !important;
+    }
+    .sm\:flex-nowrap:where([data-ac-ds], [data-ac-ds] *) {
+      flex-wrap: nowrap !important;
+    }
+    .sm\:flex-wrap:where([data-ac-ds], [data-ac-ds] *) {
+      flex-wrap: wrap !important;
+    }
+    .sm\:items-baseline:where([data-ac-ds], [data-ac-ds] *) {
+      align-items: baseline !important;
+    }
+    .sm\:items-center:where([data-ac-ds], [data-ac-ds] *) {
+      align-items: center !important;
+    }
+    .sm\:gap-3:where([data-ac-ds], [data-ac-ds] *) {
+      gap: calc(var(--spacing) * 3) !important;
+    }
+    .sm\:gap-4:where([data-ac-ds], [data-ac-ds] *) {
+      gap: calc(var(--spacing) * 4) !important;
+    }
+    .sm\:self-auto:where([data-ac-ds], [data-ac-ds] *) {
+      align-self: auto !important;
+    }
+    .sm\:border-r:where([data-ac-ds], [data-ac-ds] *) {
+      border-right-style: var(--tw-border-style) !important;
+      border-right-width: 1px !important;
+    }
+    .sm\:border-b-0:where([data-ac-ds], [data-ac-ds] *) {
+      border-bottom-style: var(--tw-border-style) !important;
+      border-bottom-width: 0px !important;
+    }
+    .sm\:border-l:where([data-ac-ds], [data-ac-ds] *) {
+      border-left-style: var(--tw-border-style) !important;
+      border-left-width: 1px !important;
+    }
+    .sm\:p-8:where([data-ac-ds], [data-ac-ds] *) {
+      padding: calc(var(--spacing) * 8) !important;
+    }
+    .sm\:px-4:where([data-ac-ds], [data-ac-ds] *) {
+      padding-inline: calc(var(--spacing) * 4) !important;
+    }
+    .sm\:px-6:where([data-ac-ds], [data-ac-ds] *) {
+      padding-inline: calc(var(--spacing) * 6) !important;
+    }
+    .sm\:pr-2:where([data-ac-ds], [data-ac-ds] *) {
+      padding-right: calc(var(--spacing) * 2) !important;
+    }
+  }
+  @media (width >= 48rem) {
+    .md\:col-start-2:where([data-ac-ds], [data-ac-ds] *) {
+      grid-column-start: 2 !important;
+    }
+    .md\:mb-0:where([data-ac-ds], [data-ac-ds] *) {
+      margin-bottom: 0px !important;
+    }
+    .md\:flex:where([data-ac-ds], [data-ac-ds] *) {
+      display: flex !important;
+    }
+    .md\:grid:where([data-ac-ds], [data-ac-ds] *) {
+      display: grid !important;
+    }
+    .md\:hidden:where([data-ac-ds], [data-ac-ds] *) {
+      display: none !important;
+    }
+    .md\:grid-cols-2:where([data-ac-ds], [data-ac-ds] *) {
+      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+    }
+    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\]:where([data-ac-ds], [data-ac-ds] *) {
+      grid-template-columns: minmax(0,1fr) minmax(0,2fr) !important;
+    }
+    .md\:gap-10:where([data-ac-ds], [data-ac-ds] *) {
+      gap: calc(var(--spacing) * 10) !important;
+    }
+    .md\:gap-x-10:where([data-ac-ds], [data-ac-ds] *) {
+      column-gap: calc(var(--spacing) * 10) !important;
+    }
+  }
+  @container (width < 768px) {
+    .\@max-3xl\:hidden:where([data-ac-ds], [data-ac-ds] *) {
+      display: none !important;
+    }
+  }
+  @container (width < 512px) {
+    .\@max-lg\:hidden:where([data-ac-ds], [data-ac-ds] *) {
+      display: none !important;
+    }
+  }
+  @container (width >= 512px) {
+    .\@lg\:gap-x-2:where([data-ac-ds], [data-ac-ds] *) {
+      column-gap: calc(var(--spacing) * 2) !important;
+    }
+    .\@lg\:px-3:where([data-ac-ds], [data-ac-ds] *) {
+      padding-inline: calc(var(--spacing) * 3) !important;
+    }
+  }
+  @container (width >= 672px) {
+    .\@2xl\:flex:where([data-ac-ds], [data-ac-ds] *) {
+      display: flex !important;
+    }
+    .\@2xl\:hidden:where([data-ac-ds], [data-ac-ds] *) {
+      display: none !important;
+    }
+    .\@2xl\:flex-row:where([data-ac-ds], [data-ac-ds] *) {
+      flex-direction: row !important;
+    }
+  }
+  @container (width >= 896px) {
+    .\@4xl\:w-72:where([data-ac-ds], [data-ac-ds] *) {
+      width: calc(var(--spacing) * 72) !important;
+    }
+  }
+  .dark\:bg-slate-80:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):where([data-ac-ds], [data-ac-ds] *) {
+    background-color: var(--color-slate-80) !important;
+  }
+  .dark\:fill-heading:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):where([data-ac-ds], [data-ac-ds] *) {
+    fill: var(--color-heading) !important;
+  }
+  .dark\:text-slate-10:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-slate-10) !important;
+  }
+  .dark\:ring-1:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .dark\:ring-slate-70:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):where([data-ac-ds], [data-ac-ds] *) {
+    --tw-ring-color: var(--color-slate-70) !important;
+  }
+  @media (hover: hover) {
+    .dark\:hover\:bg-white\/10:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):hover:where([data-ac-ds], [data-ac-ds] *) {
+      background-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent) !important;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:hover\:bg-white\/10:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):hover:where([data-ac-ds], [data-ac-ds] *) {
+        background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
+      }
+    }
+  }
+  .\[\&_\.cm-mergeView\]\:h-full .cm-mergeView:where([data-ac-ds], [data-ac-ds] *) {
+    height: 100% !important;
+  }
+  .\[\&_\[data-panel\]\]\:-translate-x-full [data-panel]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: -100% !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .\[\&_\[data-panel\]\]\:translate-x-full [data-panel]:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-translate-x: 100% !important;
+    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+  }
+  .\[\&_a\]\:font-medium a:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-font-weight: var(--font-weight-medium) !important;
+    font-weight: var(--font-weight-medium) !important;
+  }
+  .\[\&_a\]\:text-inherit a:where([data-ac-ds], [data-ac-ds] *) {
+    color: inherit !important;
+  }
+  .\[\&_a\]\:text-primary-20 a:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-primary-20) !important;
+  }
+  .\[\&_a\]\:underline a:where([data-ac-ds], [data-ac-ds] *) {
+    text-decoration-line: underline !important;
+  }
+  .\[\&_a\]\:decoration-current\/40 a:where([data-ac-ds], [data-ac-ds] *) {
+    text-decoration-color: currentcolor !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      text-decoration-color: color-mix(in oklab, currentcolor 40%, transparent) !important;
+    }
+  }
+  .\[\&_a\]\:underline-offset-2 a:where([data-ac-ds], [data-ac-ds] *) {
+    text-underline-offset: 2px !important;
+  }
+  .\[\&_a\:hover\]\:decoration-current a:hover:where([data-ac-ds], [data-ac-ds] *) {
+    text-decoration-color: currentcolor !important;
+  }
+  .\[\&_img\]\:size-full img:where([data-ac-ds], [data-ac-ds] *) {
+    width: 100% !important;
+    height: 100% !important;
+  }
+  .\[\&_img\]\:object-contain img:where([data-ac-ds], [data-ac-ds] *) {
+    object-fit: contain !important;
+  }
+  .\[\&_strong\]\:text-heading strong:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-heading) !important;
+  }
+  .\[\&_strong\]\:text-inherit strong:where([data-ac-ds], [data-ac-ds] *) {
+    color: inherit !important;
+  }
+  .\[\&_svg\]\:size-3\.5 svg:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 3.5) !important;
+    height: calc(var(--spacing) * 3.5) !important;
+  }
+  .\[\&_svg\]\:size-4 svg:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 4) !important;
+    height: calc(var(--spacing) * 4) !important;
+  }
+  .\[\&_svg\]\:size-5 svg:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 5) !important;
+    height: calc(var(--spacing) * 5) !important;
+  }
+  .\[\&_svg\]\:size-6 svg:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 6) !important;
+    height: calc(var(--spacing) * 6) !important;
+  }
+  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none:where([data-ac-ds], [data-ac-ds] *)::-webkit-inner-spin-button {
+    appearance: none !important;
+  }
+  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none:where([data-ac-ds], [data-ac-ds] *)::-webkit-outer-spin-button {
+    appearance: none !important;
+  }
+  .\[\&\:\:-webkit-scrollbar\]\:hidden:where([data-ac-ds], [data-ac-ds] *)::-webkit-scrollbar {
+    display: none !important;
+  }
+  .\[\&\:\:-webkit-search-cancel-button\]\:hidden:where([data-ac-ds], [data-ac-ds] *)::-webkit-search-cancel-button {
+    display: none !important;
+  }
+  @media (width >= 48rem) {
+    .md\:\[\&\:nth-child\(2\)\]\:border-t-0:nth-child(2):where([data-ac-ds], [data-ac-ds] *) {
+      border-top-style: var(--tw-border-style) !important;
+      border-top-width: 0px !important;
+    }
+  }
+  .\[\&\>\*\]\:rounded-none > *:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: 0 !important;
+  }
+  .\[\&\>\*\:first-child\]\:rounded-l-6 > :first-child:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-left-radius: var(--radius-6) !important;
+    border-bottom-left-radius: var(--radius-6) !important;
+  }
+  .\[\&\>\*\:focus-visible\]\:z-\[2\] > :focus-visible:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: 2 !important;
+  }
+  .\[\&\>\*\:hover\]\:z-\[1\] > :hover:where([data-ac-ds], [data-ac-ds] *) {
+    z-index: 1 !important;
+  }
+  .\[\&\>\*\:last-child\]\:rounded-r-6 > :last-child:where([data-ac-ds], [data-ac-ds] *) {
+    border-top-right-radius: var(--radius-6) !important;
+    border-bottom-right-radius: var(--radius-6) !important;
+  }
+  .\[\&\>\*\:not\(\:first-child\)\]\:-ml-px > :not(:first-child):where([data-ac-ds], [data-ac-ds] *) {
+    margin-left: -1px !important;
+  }
+  .\[\&\>\.cm-editor\]\:max-h-\[inherit\] > .cm-editor:where([data-ac-ds], [data-ac-ds] *) {
+    max-height: inherit !important;
+  }
+  .\[\&\>div\]\:rounded-none > div:where([data-ac-ds], [data-ac-ds] *) {
+    border-radius: 0 !important;
+  }
+  .\[\&\>div\]\:border-0 > div:where([data-ac-ds], [data-ac-ds] *) {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
+  .\[\&\>div\]\:shadow-none > div:where([data-ac-ds], [data-ac-ds] *) {
+    --tw-shadow: 0 0 #0000 !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
+  .\[\&\>img\]\:size-4 > img:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 4) !important;
+    height: calc(var(--spacing) * 4) !important;
+  }
+  .\[\&\>svg\]\:size-4 > svg:where([data-ac-ds], [data-ac-ds] *) {
+    width: calc(var(--spacing) * 4) !important;
+    height: calc(var(--spacing) * 4) !important;
+  }
+  .\[\&\>svg\]\:shrink-0 > svg:where([data-ac-ds], [data-ac-ds] *) {
+    flex-shrink: 0 !important;
+  }
+  .\[\&\>svg\]\:text-muted > svg:where([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-muted) !important;
+  }
+  tr:last-child .\[tr\:last-child_\&\]\:border-0:where([data-ac-ds], [data-ac-ds] *) {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
+  tr:last-child .\[tr\:last-child_\&\]\:border-b-0:where([data-ac-ds], [data-ac-ds] *) {
+    border-bottom-style: var(--tw-border-style) !important;
+    border-bottom-width: 0px !important;
+  }
+}
+:root {
+  --ac-scale: 1;
+  --primary-hue: 149;
+  --primary-saturation: 100%;
+  --primary-light: 26%;
+  --secondary-hue: 196;
+  --secondary-saturation: 50%;
+  --secondary-light: 20%;
+}
+.dark, .is-dark-theme {
+  color-scheme: dark;
+  --color-primary: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-light) + 4%));
+  --color-primary-hover: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-light) + 1%));
+  --color-primary-5: hsl(var(--primary-hue) var(--primary-saturation) 95%);
+  --color-primary-10: hsl(var(--primary-hue) var(--primary-saturation) 90%);
+  --color-primary-20: hsl(var(--primary-hue) var(--primary-saturation) 82%);
+  --color-primary-30: hsl(var(--primary-hue) var(--primary-saturation) 72%);
+  --color-primary-40: hsl(var(--primary-hue) var(--primary-saturation) 62%);
+  --color-primary-50: hsl(var(--primary-hue) var(--primary-saturation) 52%);
+  --color-primary-60: hsl(var(--primary-hue) var(--primary-saturation) 42%);
+  --color-primary-70: hsl(var(--primary-hue) var(--primary-saturation) 32%);
+  --color-primary-80: hsl(var(--primary-hue) var(--primary-saturation) 55% / 0.32);
+  --color-primary-90: hsl(var(--primary-hue) var(--primary-saturation) 55% / 0.2);
+  --color-primary-93: hsl(var(--primary-hue) var(--primary-saturation) 55% / 0.15);
+  --color-primary-95: hsl(var(--primary-hue) var(--primary-saturation) 55% / 0.11);
+  --color-primary-97: hsl(var(--primary-hue) var(--primary-saturation) 55% / 0.07);
+  --color-primary-light-gray: hsl(var(--primary-hue) 10% 12%);
+  --color-primary-dark-gray: hsl(var(--primary-hue) 10% 90%);
+  --color-secondary-5: hsl(var(--secondary-hue) var(--secondary-saturation) 95%);
+  --color-secondary-10: hsl(var(--secondary-hue) var(--secondary-saturation) 90%);
+  --color-secondary-20: hsl(var(--secondary-hue) var(--secondary-saturation) 82%);
+  --color-secondary-30: hsl(var(--secondary-hue) var(--secondary-saturation) 72%);
+  --color-secondary-40: hsl(var(--secondary-hue) var(--secondary-saturation) 62%);
+  --color-secondary-50: hsl(var(--secondary-hue) var(--secondary-saturation) 52%);
+  --color-secondary-60: hsl(var(--secondary-hue) var(--secondary-saturation) 42%);
+  --color-secondary-70: hsl(var(--secondary-hue) var(--secondary-saturation) 32%);
+  --color-secondary-80: hsl(var(--secondary-hue) var(--secondary-saturation) 55% / 0.32);
+  --color-secondary-90: hsl(var(--secondary-hue) var(--secondary-saturation) 55% / 0.2);
+  --color-secondary-93: hsl(var(--secondary-hue) var(--secondary-saturation) 55% / 0.15);
+  --color-secondary-95: hsl(var(--secondary-hue) var(--secondary-saturation) 55% / 0.11);
+  --color-secondary-97: hsl(var(--secondary-hue) var(--secondary-saturation) 55% / 0.07);
+  --color-secondary-light-gray: hsl(var(--secondary-hue) 10% 12%);
+  --color-secondary-dark-gray: hsl(var(--secondary-hue) 10% 90%);
+  --color-green-5: hsl(141 53% 95%);
+  --color-green-10: hsl(141 53% 90%);
+  --color-green-20: hsl(141 53% 82%);
+  --color-green-30: hsl(141 53% 72%);
+  --color-green-40: hsl(141 53% 62%);
+  --color-green-50: hsl(141 53% 52%);
+  --color-green-60: hsl(141 53% 42%);
+  --color-green-70: hsl(141 53% 32%);
+  --color-green-80: hsl(141 53% 55% / 0.32);
+  --color-green-90: hsl(141 53% 55% / 0.2);
+  --color-green-93: hsl(141 53% 55% / 0.15);
+  --color-green-95: hsl(141 53% 55% / 0.11);
+  --color-green-97: hsl(141 53% 55% / 0.07);
+  --color-blue-5: hsl(217 71% 95%);
+  --color-blue-10: hsl(217 71% 90%);
+  --color-blue-20: hsl(217 71% 82%);
+  --color-blue-30: hsl(217 71% 72%);
+  --color-blue-40: hsl(217 71% 62%);
+  --color-blue-50: hsl(217 71% 52%);
+  --color-blue-60: hsl(217 71% 42%);
+  --color-blue-70: hsl(217 71% 32%);
+  --color-blue-80: hsl(217 71% 55% / 0.32);
+  --color-blue-90: hsl(217 71% 55% / 0.2);
+  --color-blue-93: hsl(217 71% 55% / 0.15);
+  --color-blue-95: hsl(217 71% 55% / 0.11);
+  --color-blue-97: hsl(217 71% 55% / 0.07);
+  --color-purple-5: hsl(286 66% 95%);
+  --color-purple-10: hsl(286 66% 90%);
+  --color-purple-20: hsl(286 66% 82%);
+  --color-purple-30: hsl(286 66% 72%);
+  --color-purple-40: hsl(286 66% 62%);
+  --color-purple-50: hsl(286 66% 52%);
+  --color-purple-60: hsl(286 66% 42%);
+  --color-purple-70: hsl(286 66% 32%);
+  --color-purple-80: hsl(286 66% 55% / 0.32);
+  --color-purple-90: hsl(286 66% 55% / 0.2);
+  --color-purple-93: hsl(286 66% 55% / 0.15);
+  --color-purple-95: hsl(286 66% 55% / 0.11);
+  --color-purple-97: hsl(286 66% 55% / 0.07);
+  --color-yellow-5: hsl(38 93% 95%);
+  --color-yellow-10: hsl(38 93% 90%);
+  --color-yellow-20: hsl(38 93% 82%);
+  --color-yellow-30: hsl(38 93% 72%);
+  --color-yellow-40: hsl(38 93% 62%);
+  --color-yellow-50: hsl(38 93% 52%);
+  --color-yellow-60: hsl(38 93% 42%);
+  --color-yellow-70: hsl(38 93% 32%);
+  --color-yellow-80: hsl(38 93% 55% / 0.32);
+  --color-yellow-90: hsl(38 93% 55% / 0.2);
+  --color-yellow-93: hsl(38 93% 55% / 0.15);
+  --color-yellow-95: hsl(38 93% 55% / 0.11);
+  --color-yellow-97: hsl(38 93% 55% / 0.07);
+  --color-red-5: hsl(348 100% 95%);
+  --color-red-10: hsl(348 100% 90%);
+  --color-red-20: hsl(348 100% 82%);
+  --color-red-30: hsl(348 100% 72%);
+  --color-red-40: hsl(348 100% 62%);
+  --color-red-50: hsl(348 100% 52%);
+  --color-red-60: hsl(348 100% 42%);
+  --color-red-70: hsl(348 100% 32%);
+  --color-red-80: hsl(348 100% 55% / 0.32);
+  --color-red-90: hsl(348 100% 55% / 0.2);
+  --color-red-93: hsl(348 100% 55% / 0.15);
+  --color-red-95: hsl(348 100% 55% / 0.11);
+  --color-red-97: hsl(348 100% 55% / 0.07);
+  --color-gray-5: hsl(0 0% 95%);
+  --color-gray-10: hsl(0 0% 90%);
+  --color-gray-20: hsl(0 0% 82%);
+  --color-gray-30: hsl(0 0% 72%);
+  --color-gray-40: hsl(0 0% 62%);
+  --color-gray-50: hsl(0 0% 52%);
+  --color-gray-60: hsl(0 0% 42%);
+  --color-gray-70: hsl(0 0% 32%);
+  --color-gray-80: hsl(0 0% 55% / 0.32);
+  --color-gray-90: hsl(0 0% 55% / 0.2);
+  --color-gray-93: hsl(0 0% 55% / 0.15);
+  --color-gray-95: hsl(0 0% 55% / 0.11);
+  --color-gray-97: hsl(0 0% 55% / 0.07);
+  --color-slate-5: #f8fafc;
+  --color-slate-10: #f1f5f9;
+  --color-slate-20: #e2e8f0;
+  --color-slate-30: #cbd5e1;
+  --color-slate-40: #a3afc0;
+  --color-slate-50: #8792a6;
+  --color-slate-60: #64748b;
+  --color-slate-70: #3a475c;
+  --color-slate-80: #263245;
+  --color-slate-90: #1a2335;
+  --color-slate-95: #121a29;
+  --color-success: hsl(141 53% 34%);
+  --color-info: hsl(217 71% 55%);
+  --color-warning: hsl(38 93% 50%);
+  --color-danger: hsl(348 90% 55%);
+  --color-success-hover: hsl(141 53% 31%);
+  --color-info-hover: hsl(217 71% 60%);
+  --color-warning-hover: hsl(38 93% 56%);
+  --color-danger-hover: hsl(348 90% 60%);
+  --color-heading: var(--color-slate-5);
+  --color-body: var(--color-slate-30);
+  --color-label: var(--color-slate-40);
+  --color-muted: var(--color-slate-50);
+  --color-link: var(--color-slate-20);
+  --color-border-light: var(--color-slate-90);
+  --color-border: var(--color-slate-80);
+  --color-border-dark: var(--color-slate-70);
+  --color-sidebar: hsl(var(--primary-hue) 10% 6%);
+  --color-surface: #0c1220;
+  --color-surface-muted: #111827;
+  --color-surface-sunken: #080d18;
+  --color-ring: hsl(var(--primary-hue) var(--primary-saturation) 55% / 0.35);
+  --color-overlay: rgb(0 0 0 / 0.6);
+  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.3);
+  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3), 0 1px 3px 0 rgb(0 0 0 / 0.25);
+  --shadow-md: 0 2px 4px -1px rgb(0 0 0 / 0.3), 0 4px 10px -2px rgb(0 0 0 / 0.35);
+  --shadow-lg: 0 4px 6px -2px rgb(0 0 0 / 0.3), 0 12px 24px -4px rgb(0 0 0 / 0.45);
+  --shadow-xl: 0 0 0 1px rgb(255 255 255 / 0.06), 0 8px 16px -4px rgb(0 0 0 / 0.4), 0 24px 48px -12px rgb(0 0 0 / 0.6);
+  --shadow-button: inset 0 1px 0 0 rgb(255 255 255 / 0.1), 0 1px 2px 0 rgb(0 0 0 / 0.4);
+  --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.25);
+}
+[data-ac-ds]:not([data-ac-ds] *) {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+  }
+[data-ac-ds]:not([data-ac-ds] *) {
+    font-family: var(--font-sans);
+    line-height: var(--text-base--line-height);
+  }
+h1:is([data-ac-ds], [data-ac-ds] *), h2:is([data-ac-ds], [data-ac-ds] *), h3:is([data-ac-ds], [data-ac-ds] *), h4:is([data-ac-ds], [data-ac-ds] *), h5:is([data-ac-ds], [data-ac-ds] *), h6:is([data-ac-ds], [data-ac-ds] *) {
+    color: var(--color-heading);
+    font-weight: 600;
+    text-wrap: balance;
+  }
+h1:is([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-h1);
+    line-height: calc(40px * var(--ac-scale));
+    letter-spacing: -0.03em;
+  }
+h2:is([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-h2);
+    line-height: calc(34px * var(--ac-scale));
+    letter-spacing: -0.025em;
+  }
+h3:is([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-h3);
+    line-height: calc(30px * var(--ac-scale));
+    letter-spacing: -0.02em;
+  }
+h4:is([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-h4);
+    line-height: calc(26px * var(--ac-scale));
+    letter-spacing: -0.015em;
+  }
+h5:is([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-h5);
+    line-height: calc(22px * var(--ac-scale));
+    letter-spacing: -0.01em;
+  }
+h6:is([data-ac-ds], [data-ac-ds] *) {
+    font-size: var(--text-h6);
+    line-height: calc(20px * var(--ac-scale));
+    font-weight: 500;
+  }
+code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), pre:is([data-ac-ds], [data-ac-ds] *), samp:is([data-ac-ds], [data-ac-ds] *) {
+    font-family: var(--font-mono);
+    font-feature-settings: normal;
+  }
+:is([data-ac-ds], [data-ac-ds] *)::selection {
+    background-color: var(--color-primary-90);
+    color: var(--color-primary-10);
+  }
+:focus-visible:is([data-ac-ds], [data-ac-ds] *) {
+    outline: 2px solid var(--color-primary);
+    outline-offset: 2px;
+  }
+@keyframes ac-skeleton-shimmer {
+  from {
+    background-position: 150% 0;
+  }
+  to {
+    background-position: -50% 0;
+  }
+}
+.ac-skeleton-bone {
+  background-color: color-mix(in srgb, #e2e8f0 55%, #f1f5f9);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in srgb, var(--color-slate-80) 55%, var(--color-slate-90));
+  }
+  background-image: linear-gradient(90deg, transparent 0%, var(--color-slate-95) 50%, transparent 100%);
+  background-size: 200% 100%;
+  background-repeat: no-repeat;
+  animation: ac-skeleton-shimmer 1.8s ease-in-out infinite;
+}
+:where(.dark, .is-dark-theme) .ac-skeleton-bone {
+  background-color: color-mix(in srgb, #e2e8f0 55%, #f1f5f9);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in srgb, var(--color-slate-80) 55%, var(--color-slate-90));
+  }
+  background-image: linear-gradient(90deg, transparent 0%, var(--color-slate-80) 50%, transparent 100%);
+}
+@media (prefers-reduced-motion: reduce) {
+  .ac-skeleton-bone {
+    animation: none;
+    background-image: none;
+  }
+}
+@keyframes ac-progress-slide {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(250%);
+  }
+}
+.ac-progress-indeterminate {
+  animation: ac-progress-slide 1.4s cubic-bezier(0.65, 0, 0.35, 1) infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+  .ac-progress-indeterminate {
+    animation: none;
+  }
+}
+@property --tw-border-spacing-x {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-spacing-y {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
+@keyframes ac-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ac-ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+@keyframes ac-pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes ac-pop-in {
+  from {
+    opacity: 0;
+    transform: translateY(4px) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-spacing-x: 0;
+      --tw-border-spacing-y: 0;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-divide-y-reverse: 0;
+      --tw-border-style: solid;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-content: "";
+    }
+  }
+:where(.dark, .is-dark-theme) [data-ac-ds]:not([data-ac-ds] *) { color: var(--color-body); }