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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

code,
kbd,
samp,
pre {
  font-family: var(--font-mono); /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

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

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

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

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

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

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

:root {
  --stone-50: 250 250 249;
  --stone-100: 245 245 244;
  --stone-200: 231 229 228;
  --stone-300: 214 211 209;
  --stone-400: 168 162 158;
  --stone-500: 120 113 108;
  --stone-600: 87 83 78;
  --stone-700: 68 64 60;
  --stone-800: 41 37 36;
  --stone-900: 28 25 23;
  --stone-950: 12 10 9;
  --tx-stone-50: 250 250 249;
  --tx-stone-100: 245 245 244;
  --tx-stone-200: 231 229 228;
  --tx-stone-300: 214 211 209;
  --tx-stone-400: 168 162 158;
  --tx-stone-500: 120 113 108;
  --tx-stone-600: 87 83 78;
  --tx-stone-700: 68 64 60;
  --tx-stone-800: 41 37 36;
  --tx-stone-900: 28 25 23;
  --tx-stone-950: 12 10 9;
  --zinc-50: 250 250 250;
  --zinc-100: 244 244 245;
  --zinc-200: 228 228 231;
  --zinc-300: 212 212 216;
  --zinc-400: 161 161 170;
  --zinc-500: 113 113 122;
  --zinc-600: 82 82 91;
  --zinc-700: 63 63 70;
  --zinc-800: 39 39 42;
  --zinc-900: 24 24 27;
  --zinc-950: 9 9 11;
  --amber-50: var(--brand-50, 255 248 235);
  --tx-amber-50: var(--brand-50, 255 248 235);
  --amber-100: var(--brand-100, 255 238 203);
  --tx-amber-100: var(--brand-100, 255 238 203);
  --amber-200: var(--brand-200, 254 220 151);
  --tx-amber-200: var(--brand-200, 254 220 151);
  --amber-300: var(--brand-300, 253 200 103);
  --tx-amber-300: var(--brand-300, 253 200 103);
  --amber-400: var(--brand-400, 252 176 64);
  --tx-amber-400: var(--brand-400, 252 176 64);
  --amber-500: var(--brand-500, 227 150 42);
  --tx-amber-500: var(--brand-500, 227 150 42);
  --amber-600: var(--brand-600, 191 122 31);
  --tx-amber-600: var(--brand-600, 191 122 31);
  --amber-700: var(--brand-700, 150 96 28);
  --tx-amber-700: var(--brand-700, 150 96 28);
  --amber-800: var(--brand-800, 107 68 21);
  --tx-amber-800: var(--brand-800, 107 68 21);
  --amber-900: var(--brand-900, 69 44 14);
  --tx-amber-900: var(--brand-900, 69 44 14);
  --amber-950: var(--brand-950, 42 26 8);
  --tx-amber-950: var(--brand-950, 42 26 8);
  --yellow-50: 254 252 232;
  --tx-yellow-50: 254 252 232;
  --yellow-100: 254 249 195;
  --tx-yellow-100: 254 249 195;
  --yellow-200: 254 240 138;
  --tx-yellow-200: 254 240 138;
  --yellow-300: 253 224 71;
  --tx-yellow-300: 253 224 71;
  --yellow-400: 250 204 21;
  --tx-yellow-400: 250 204 21;
  --yellow-500: 234 179 8;
  --tx-yellow-500: 234 179 8;
  --yellow-600: 202 138 4;
  --tx-yellow-600: 202 138 4;
  --yellow-700: 161 98 7;
  --tx-yellow-700: 161 98 7;
  --yellow-800: 133 77 14;
  --tx-yellow-800: 133 77 14;
  --yellow-900: 113 63 18;
  --tx-yellow-900: 113 63 18;
  --yellow-950: 66 32 6;
  --tx-yellow-950: 66 32 6;
  --orange-50: 255 247 237;
  --tx-orange-50: 255 247 237;
  --orange-100: 255 237 213;
  --tx-orange-100: 255 237 213;
  --orange-200: 254 215 170;
  --tx-orange-200: 254 215 170;
  --orange-300: 253 186 116;
  --tx-orange-300: 253 186 116;
  --orange-400: 251 146 60;
  --tx-orange-400: 251 146 60;
  --orange-500: 249 115 22;
  --tx-orange-500: 249 115 22;
  --orange-600: 234 88 12;
  --tx-orange-600: 234 88 12;
  --orange-700: 194 65 12;
  --tx-orange-700: 194 65 12;
  --orange-800: 154 52 18;
  --tx-orange-800: 154 52 18;
  --orange-900: 124 45 18;
  --tx-orange-900: 124 45 18;
  --orange-950: 67 20 7;
  --tx-orange-950: 67 20 7;
  --emerald-50: 236 253 245;
  --tx-emerald-50: 236 253 245;
  --emerald-100: 209 250 229;
  --tx-emerald-100: 209 250 229;
  --emerald-200: 167 243 208;
  --tx-emerald-200: 167 243 208;
  --emerald-300: 110 231 183;
  --tx-emerald-300: 110 231 183;
  --emerald-400: 52 211 153;
  --tx-emerald-400: 52 211 153;
  --emerald-500: 16 185 129;
  --tx-emerald-500: 16 185 129;
  --emerald-600: 5 150 105;
  --tx-emerald-600: 5 150 105;
  --emerald-700: 4 120 87;
  --tx-emerald-700: 4 120 87;
  --emerald-800: 6 95 70;
  --tx-emerald-800: 6 95 70;
  --emerald-900: 6 78 59;
  --tx-emerald-900: 6 78 59;
  --emerald-950: 2 44 34;
  --tx-emerald-950: 2 44 34;
  --green-50: 240 253 244;
  --tx-green-50: 240 253 244;
  --green-100: 220 252 231;
  --tx-green-100: 220 252 231;
  --green-200: 187 247 208;
  --tx-green-200: 187 247 208;
  --green-300: 134 239 172;
  --tx-green-300: 134 239 172;
  --green-400: 74 222 128;
  --tx-green-400: 74 222 128;
  --green-500: 34 197 94;
  --tx-green-500: 34 197 94;
  --green-600: 22 163 74;
  --tx-green-600: 22 163 74;
  --green-700: 21 128 61;
  --tx-green-700: 21 128 61;
  --green-800: 22 101 52;
  --tx-green-800: 22 101 52;
  --green-900: 20 83 45;
  --tx-green-900: 20 83 45;
  --green-950: 5 46 22;
  --tx-green-950: 5 46 22;
  --lime-50: 247 254 231;
  --tx-lime-50: 247 254 231;
  --lime-100: 236 252 203;
  --tx-lime-100: 236 252 203;
  --lime-200: 217 249 157;
  --tx-lime-200: 217 249 157;
  --lime-300: 190 242 100;
  --tx-lime-300: 190 242 100;
  --lime-400: 163 230 53;
  --tx-lime-400: 163 230 53;
  --lime-500: 132 204 22;
  --tx-lime-500: 132 204 22;
  --lime-600: 101 163 13;
  --tx-lime-600: 101 163 13;
  --lime-700: 77 124 15;
  --tx-lime-700: 77 124 15;
  --lime-800: 63 98 18;
  --tx-lime-800: 63 98 18;
  --lime-900: 54 83 20;
  --tx-lime-900: 54 83 20;
  --lime-950: 26 46 5;
  --tx-lime-950: 26 46 5;
  --teal-50: 240 253 250;
  --tx-teal-50: 240 253 250;
  --teal-100: 204 251 241;
  --tx-teal-100: 204 251 241;
  --teal-200: 153 246 228;
  --tx-teal-200: 153 246 228;
  --teal-300: 94 234 212;
  --tx-teal-300: 94 234 212;
  --teal-400: 45 212 191;
  --tx-teal-400: 45 212 191;
  --teal-500: 20 184 166;
  --tx-teal-500: 20 184 166;
  --teal-600: 13 148 136;
  --tx-teal-600: 13 148 136;
  --teal-700: 15 118 110;
  --tx-teal-700: 15 118 110;
  --teal-800: 17 94 89;
  --tx-teal-800: 17 94 89;
  --teal-900: 19 78 74;
  --tx-teal-900: 19 78 74;
  --teal-950: 4 47 46;
  --tx-teal-950: 4 47 46;
  --cyan-50: 236 254 255;
  --tx-cyan-50: 236 254 255;
  --cyan-100: 207 250 254;
  --tx-cyan-100: 207 250 254;
  --cyan-200: 165 243 252;
  --tx-cyan-200: 165 243 252;
  --cyan-300: 103 232 249;
  --tx-cyan-300: 103 232 249;
  --cyan-400: 34 211 238;
  --tx-cyan-400: 34 211 238;
  --cyan-500: 6 182 212;
  --tx-cyan-500: 6 182 212;
  --cyan-600: 8 145 178;
  --tx-cyan-600: 8 145 178;
  --cyan-700: 14 116 144;
  --tx-cyan-700: 14 116 144;
  --cyan-800: 21 94 117;
  --tx-cyan-800: 21 94 117;
  --cyan-900: 22 78 99;
  --tx-cyan-900: 22 78 99;
  --cyan-950: 8 51 68;
  --tx-cyan-950: 8 51 68;
  --sky-50: 240 249 255;
  --tx-sky-50: 240 249 255;
  --sky-100: 224 242 254;
  --tx-sky-100: 224 242 254;
  --sky-200: 186 230 253;
  --tx-sky-200: 186 230 253;
  --sky-300: 125 211 252;
  --tx-sky-300: 125 211 252;
  --sky-400: 56 189 248;
  --tx-sky-400: 56 189 248;
  --sky-500: 14 165 233;
  --tx-sky-500: 14 165 233;
  --sky-600: 2 132 199;
  --tx-sky-600: 2 132 199;
  --sky-700: 3 105 161;
  --tx-sky-700: 3 105 161;
  --sky-800: 7 89 133;
  --tx-sky-800: 7 89 133;
  --sky-900: 12 74 110;
  --tx-sky-900: 12 74 110;
  --sky-950: 8 47 73;
  --tx-sky-950: 8 47 73;
  --blue-50: 239 246 255;
  --tx-blue-50: 239 246 255;
  --blue-100: 219 234 254;
  --tx-blue-100: 219 234 254;
  --blue-200: 191 219 254;
  --tx-blue-200: 191 219 254;
  --blue-300: 147 197 253;
  --tx-blue-300: 147 197 253;
  --blue-400: 96 165 250;
  --tx-blue-400: 96 165 250;
  --blue-500: 59 130 246;
  --tx-blue-500: 59 130 246;
  --blue-600: 37 99 235;
  --tx-blue-600: 37 99 235;
  --blue-700: 29 78 216;
  --tx-blue-700: 29 78 216;
  --blue-800: 30 64 175;
  --tx-blue-800: 30 64 175;
  --blue-900: 30 58 138;
  --tx-blue-900: 30 58 138;
  --blue-950: 23 37 84;
  --tx-blue-950: 23 37 84;
  --indigo-50: 238 242 255;
  --tx-indigo-50: 238 242 255;
  --indigo-100: 224 231 255;
  --tx-indigo-100: 224 231 255;
  --indigo-200: 199 210 254;
  --tx-indigo-200: 199 210 254;
  --indigo-300: 165 180 252;
  --tx-indigo-300: 165 180 252;
  --indigo-400: 129 140 248;
  --tx-indigo-400: 129 140 248;
  --indigo-500: 99 102 241;
  --tx-indigo-500: 99 102 241;
  --indigo-600: 79 70 229;
  --tx-indigo-600: 79 70 229;
  --indigo-700: 67 56 202;
  --tx-indigo-700: 67 56 202;
  --indigo-800: 55 48 163;
  --tx-indigo-800: 55 48 163;
  --indigo-900: 49 46 129;
  --tx-indigo-900: 49 46 129;
  --indigo-950: 30 27 75;
  --tx-indigo-950: 30 27 75;
  --violet-50: 245 243 255;
  --tx-violet-50: 245 243 255;
  --violet-100: 237 233 254;
  --tx-violet-100: 237 233 254;
  --violet-200: 221 214 254;
  --tx-violet-200: 221 214 254;
  --violet-300: 196 181 253;
  --tx-violet-300: 196 181 253;
  --violet-400: 167 139 250;
  --tx-violet-400: 167 139 250;
  --violet-500: 139 92 246;
  --tx-violet-500: 139 92 246;
  --violet-600: 124 58 237;
  --tx-violet-600: 124 58 237;
  --violet-700: 109 40 217;
  --tx-violet-700: 109 40 217;
  --violet-800: 91 33 182;
  --tx-violet-800: 91 33 182;
  --violet-900: 76 29 149;
  --tx-violet-900: 76 29 149;
  --violet-950: 46 16 101;
  --tx-violet-950: 46 16 101;
  --purple-50: 250 245 255;
  --tx-purple-50: 250 245 255;
  --purple-100: 243 232 255;
  --tx-purple-100: 243 232 255;
  --purple-200: 233 213 255;
  --tx-purple-200: 233 213 255;
  --purple-300: 216 180 254;
  --tx-purple-300: 216 180 254;
  --purple-400: 192 132 252;
  --tx-purple-400: 192 132 252;
  --purple-500: 168 85 247;
  --tx-purple-500: 168 85 247;
  --purple-600: 147 51 234;
  --tx-purple-600: 147 51 234;
  --purple-700: 126 34 206;
  --tx-purple-700: 126 34 206;
  --purple-800: 107 33 168;
  --tx-purple-800: 107 33 168;
  --purple-900: 88 28 135;
  --tx-purple-900: 88 28 135;
  --purple-950: 59 7 100;
  --tx-purple-950: 59 7 100;
  --fuchsia-50: 253 244 255;
  --tx-fuchsia-50: 253 244 255;
  --fuchsia-100: 250 232 255;
  --tx-fuchsia-100: 250 232 255;
  --fuchsia-200: 245 208 254;
  --tx-fuchsia-200: 245 208 254;
  --fuchsia-300: 240 171 252;
  --tx-fuchsia-300: 240 171 252;
  --fuchsia-400: 232 121 249;
  --tx-fuchsia-400: 232 121 249;
  --fuchsia-500: 217 70 239;
  --tx-fuchsia-500: 217 70 239;
  --fuchsia-600: 192 38 211;
  --tx-fuchsia-600: 192 38 211;
  --fuchsia-700: 162 28 175;
  --tx-fuchsia-700: 162 28 175;
  --fuchsia-800: 134 25 143;
  --tx-fuchsia-800: 134 25 143;
  --fuchsia-900: 112 26 117;
  --tx-fuchsia-900: 112 26 117;
  --fuchsia-950: 74 4 78;
  --tx-fuchsia-950: 74 4 78;
  --pink-50: 253 242 248;
  --tx-pink-50: 253 242 248;
  --pink-100: 252 231 243;
  --tx-pink-100: 252 231 243;
  --pink-200: 251 207 232;
  --tx-pink-200: 251 207 232;
  --pink-300: 249 168 212;
  --tx-pink-300: 249 168 212;
  --pink-400: 244 114 182;
  --tx-pink-400: 244 114 182;
  --pink-500: 236 72 153;
  --tx-pink-500: 236 72 153;
  --pink-600: 219 39 119;
  --tx-pink-600: 219 39 119;
  --pink-700: 190 24 93;
  --tx-pink-700: 190 24 93;
  --pink-800: 157 23 77;
  --tx-pink-800: 157 23 77;
  --pink-900: 131 24 67;
  --tx-pink-900: 131 24 67;
  --pink-950: 80 7 36;
  --tx-pink-950: 80 7 36;
  --rose-50: 255 241 242;
  --tx-rose-50: 255 241 242;
  --rose-100: 255 228 230;
  --tx-rose-100: 255 228 230;
  --rose-200: 254 205 211;
  --tx-rose-200: 254 205 211;
  --rose-300: 253 164 175;
  --tx-rose-300: 253 164 175;
  --rose-400: 251 113 133;
  --tx-rose-400: 251 113 133;
  --rose-500: 244 63 94;
  --tx-rose-500: 244 63 94;
  --rose-600: 225 29 72;
  --tx-rose-600: 225 29 72;
  --rose-700: 190 18 60;
  --tx-rose-700: 190 18 60;
  --rose-800: 159 18 57;
  --tx-rose-800: 159 18 57;
  --rose-900: 136 19 55;
  --tx-rose-900: 136 19 55;
  --rose-950: 76 5 25;
  --tx-rose-950: 76 5 25;
  --red-50: 254 242 242;
  --tx-red-50: 254 242 242;
  --red-100: 254 226 226;
  --tx-red-100: 254 226 226;
  --red-200: 254 202 202;
  --tx-red-200: 254 202 202;
  --red-300: 252 165 165;
  --tx-red-300: 252 165 165;
  --red-400: 248 113 113;
  --tx-red-400: 248 113 113;
  --red-500: 239 68 68;
  --tx-red-500: 239 68 68;
  --red-600: 220 38 38;
  --tx-red-600: 220 38 38;
  --red-700: 185 28 28;
  --tx-red-700: 185 28 28;
  --red-800: 153 27 27;
  --tx-red-800: 153 27 27;
  --red-900: 127 29 29;
  --tx-red-900: 127 29 29;
  --red-950: 69 10 10;
  --tx-red-950: 69 10 10;
}

html.light {
  --stone-50: 12 10 9;
  --stone-100: 28 25 23;
  --stone-200: 41 37 36;
  --stone-300: 68 64 60;
  --stone-400: 87 83 78;
  --stone-500: 107 101 96;
  --stone-600: 120 113 108;
  --stone-700: 214 208 199;
  --stone-800: 231 226 218;
  --stone-900: 255 255 255;
  --stone-950: 246 243 237;
  --tx-stone-50: 12 10 9;
  --tx-stone-100: 28 25 23;
  --tx-stone-200: 41 37 36;
  --tx-stone-300: 68 64 60;
  --tx-stone-400: 87 83 78;
  --tx-stone-500: 107 101 96;
  --tx-stone-600: 120 113 108;
  --tx-stone-700: 154 147 139;
  --tx-stone-800: 181 174 165;
  --tx-stone-900: 28 25 23;
  --tx-stone-950: 12 10 9;
  --zinc-50: 9 9 11;
  --zinc-100: 24 24 27;
  --zinc-200: 39 39 42;
  --zinc-300: 63 63 70;
  --zinc-400: 82 82 91;
  --zinc-500: 113 113 122;
  --zinc-600: 161 161 170;
  --zinc-700: 212 212 216;
  --zinc-800: 228 228 231;
  --zinc-900: 244 244 245;
  --zinc-950: 250 250 250;
  --amber-50: var(--brand-50, 255 248 235);
  --tx-amber-50: var(--brand-900, 69 44 14);
  --amber-100: var(--brand-100, 255 238 203);
  --tx-amber-100: var(--brand-800, 107 68 21);
  --amber-200: var(--brand-200, 254 220 151);
  --tx-amber-200: var(--brand-800, 107 68 21);
  --amber-300: var(--brand-300, 253 200 103);
  --tx-amber-300: var(--brand-700, 150 96 28);
  --amber-400: var(--brand-400, 252 176 64);
  --tx-amber-400: var(--brand-700, 150 96 28);
  --amber-500: var(--brand-500, 227 150 42);
  --tx-amber-500: var(--brand-700, 150 96 28);
  --amber-600: var(--brand-600, 191 122 31);
  --tx-amber-600: var(--brand-700, 150 96 28);
  --amber-700: var(--brand-700, 150 96 28);
  --tx-amber-700: var(--brand-700, 150 96 28);
  --amber-800: var(--brand-200, 254 220 151);
  --tx-amber-800: var(--brand-800, 107 68 21);
  --amber-900: var(--brand-100, 255 238 203);
  --tx-amber-900: var(--brand-900, 69 44 14);
  --amber-950: var(--brand-50, 255 248 235);
  --tx-amber-950: var(--brand-950, 42 26 8);
  --yellow-50: 254 252 232;
  --tx-yellow-50: 113 63 18;
  --yellow-100: 254 249 195;
  --tx-yellow-100: 133 77 14;
  --yellow-200: 254 240 138;
  --tx-yellow-200: 133 77 14;
  --yellow-300: 253 224 71;
  --tx-yellow-300: 161 98 7;
  --yellow-400: 250 204 21;
  --tx-yellow-400: 161 98 7;
  --yellow-500: 234 179 8;
  --tx-yellow-500: 161 98 7;
  --yellow-600: 202 138 4;
  --tx-yellow-600: 161 98 7;
  --yellow-700: 161 98 7;
  --tx-yellow-700: 161 98 7;
  --yellow-800: 254 240 138;
  --tx-yellow-800: 133 77 14;
  --yellow-900: 254 249 195;
  --tx-yellow-900: 113 63 18;
  --yellow-950: 254 252 232;
  --tx-yellow-950: 66 32 6;
  --orange-50: 255 247 237;
  --tx-orange-50: 124 45 18;
  --orange-100: 255 237 213;
  --tx-orange-100: 154 52 18;
  --orange-200: 254 215 170;
  --tx-orange-200: 154 52 18;
  --orange-300: 253 186 116;
  --tx-orange-300: 194 65 12;
  --orange-400: 251 146 60;
  --tx-orange-400: 194 65 12;
  --orange-500: 249 115 22;
  --tx-orange-500: 194 65 12;
  --orange-600: 234 88 12;
  --tx-orange-600: 194 65 12;
  --orange-700: 194 65 12;
  --tx-orange-700: 194 65 12;
  --orange-800: 254 215 170;
  --tx-orange-800: 154 52 18;
  --orange-900: 255 237 213;
  --tx-orange-900: 124 45 18;
  --orange-950: 255 247 237;
  --tx-orange-950: 67 20 7;
  --emerald-50: 236 253 245;
  --tx-emerald-50: 6 78 59;
  --emerald-100: 209 250 229;
  --tx-emerald-100: 6 95 70;
  --emerald-200: 167 243 208;
  --tx-emerald-200: 6 95 70;
  --emerald-300: 110 231 183;
  --tx-emerald-300: 4 120 87;
  --emerald-400: 52 211 153;
  --tx-emerald-400: 4 120 87;
  --emerald-500: 16 185 129;
  --tx-emerald-500: 4 120 87;
  --emerald-600: 5 150 105;
  --tx-emerald-600: 4 120 87;
  --emerald-700: 4 120 87;
  --tx-emerald-700: 4 120 87;
  --emerald-800: 167 243 208;
  --tx-emerald-800: 6 95 70;
  --emerald-900: 209 250 229;
  --tx-emerald-900: 6 78 59;
  --emerald-950: 236 253 245;
  --tx-emerald-950: 2 44 34;
  --green-50: 240 253 244;
  --tx-green-50: 20 83 45;
  --green-100: 220 252 231;
  --tx-green-100: 22 101 52;
  --green-200: 187 247 208;
  --tx-green-200: 22 101 52;
  --green-300: 134 239 172;
  --tx-green-300: 21 128 61;
  --green-400: 74 222 128;
  --tx-green-400: 21 128 61;
  --green-500: 34 197 94;
  --tx-green-500: 21 128 61;
  --green-600: 22 163 74;
  --tx-green-600: 21 128 61;
  --green-700: 21 128 61;
  --tx-green-700: 21 128 61;
  --green-800: 187 247 208;
  --tx-green-800: 22 101 52;
  --green-900: 220 252 231;
  --tx-green-900: 20 83 45;
  --green-950: 240 253 244;
  --tx-green-950: 5 46 22;
  --lime-50: 247 254 231;
  --tx-lime-50: 54 83 20;
  --lime-100: 236 252 203;
  --tx-lime-100: 63 98 18;
  --lime-200: 217 249 157;
  --tx-lime-200: 63 98 18;
  --lime-300: 190 242 100;
  --tx-lime-300: 77 124 15;
  --lime-400: 163 230 53;
  --tx-lime-400: 77 124 15;
  --lime-500: 132 204 22;
  --tx-lime-500: 77 124 15;
  --lime-600: 101 163 13;
  --tx-lime-600: 77 124 15;
  --lime-700: 77 124 15;
  --tx-lime-700: 77 124 15;
  --lime-800: 217 249 157;
  --tx-lime-800: 63 98 18;
  --lime-900: 236 252 203;
  --tx-lime-900: 54 83 20;
  --lime-950: 247 254 231;
  --tx-lime-950: 26 46 5;
  --teal-50: 240 253 250;
  --tx-teal-50: 19 78 74;
  --teal-100: 204 251 241;
  --tx-teal-100: 17 94 89;
  --teal-200: 153 246 228;
  --tx-teal-200: 17 94 89;
  --teal-300: 94 234 212;
  --tx-teal-300: 15 118 110;
  --teal-400: 45 212 191;
  --tx-teal-400: 15 118 110;
  --teal-500: 20 184 166;
  --tx-teal-500: 15 118 110;
  --teal-600: 13 148 136;
  --tx-teal-600: 15 118 110;
  --teal-700: 15 118 110;
  --tx-teal-700: 15 118 110;
  --teal-800: 153 246 228;
  --tx-teal-800: 17 94 89;
  --teal-900: 204 251 241;
  --tx-teal-900: 19 78 74;
  --teal-950: 240 253 250;
  --tx-teal-950: 4 47 46;
  --cyan-50: 236 254 255;
  --tx-cyan-50: 22 78 99;
  --cyan-100: 207 250 254;
  --tx-cyan-100: 21 94 117;
  --cyan-200: 165 243 252;
  --tx-cyan-200: 21 94 117;
  --cyan-300: 103 232 249;
  --tx-cyan-300: 14 116 144;
  --cyan-400: 34 211 238;
  --tx-cyan-400: 14 116 144;
  --cyan-500: 6 182 212;
  --tx-cyan-500: 14 116 144;
  --cyan-600: 8 145 178;
  --tx-cyan-600: 14 116 144;
  --cyan-700: 14 116 144;
  --tx-cyan-700: 14 116 144;
  --cyan-800: 165 243 252;
  --tx-cyan-800: 21 94 117;
  --cyan-900: 207 250 254;
  --tx-cyan-900: 22 78 99;
  --cyan-950: 236 254 255;
  --tx-cyan-950: 8 51 68;
  --sky-50: 240 249 255;
  --tx-sky-50: 12 74 110;
  --sky-100: 224 242 254;
  --tx-sky-100: 7 89 133;
  --sky-200: 186 230 253;
  --tx-sky-200: 7 89 133;
  --sky-300: 125 211 252;
  --tx-sky-300: 3 105 161;
  --sky-400: 56 189 248;
  --tx-sky-400: 3 105 161;
  --sky-500: 14 165 233;
  --tx-sky-500: 3 105 161;
  --sky-600: 2 132 199;
  --tx-sky-600: 3 105 161;
  --sky-700: 3 105 161;
  --tx-sky-700: 3 105 161;
  --sky-800: 186 230 253;
  --tx-sky-800: 7 89 133;
  --sky-900: 224 242 254;
  --tx-sky-900: 12 74 110;
  --sky-950: 240 249 255;
  --tx-sky-950: 8 47 73;
  --blue-50: 239 246 255;
  --tx-blue-50: 30 58 138;
  --blue-100: 219 234 254;
  --tx-blue-100: 30 64 175;
  --blue-200: 191 219 254;
  --tx-blue-200: 30 64 175;
  --blue-300: 147 197 253;
  --tx-blue-300: 29 78 216;
  --blue-400: 96 165 250;
  --tx-blue-400: 29 78 216;
  --blue-500: 59 130 246;
  --tx-blue-500: 29 78 216;
  --blue-600: 37 99 235;
  --tx-blue-600: 29 78 216;
  --blue-700: 29 78 216;
  --tx-blue-700: 29 78 216;
  --blue-800: 191 219 254;
  --tx-blue-800: 30 64 175;
  --blue-900: 219 234 254;
  --tx-blue-900: 30 58 138;
  --blue-950: 239 246 255;
  --tx-blue-950: 23 37 84;
  --indigo-50: 238 242 255;
  --tx-indigo-50: 49 46 129;
  --indigo-100: 224 231 255;
  --tx-indigo-100: 55 48 163;
  --indigo-200: 199 210 254;
  --tx-indigo-200: 55 48 163;
  --indigo-300: 165 180 252;
  --tx-indigo-300: 67 56 202;
  --indigo-400: 129 140 248;
  --tx-indigo-400: 67 56 202;
  --indigo-500: 99 102 241;
  --tx-indigo-500: 67 56 202;
  --indigo-600: 79 70 229;
  --tx-indigo-600: 67 56 202;
  --indigo-700: 67 56 202;
  --tx-indigo-700: 67 56 202;
  --indigo-800: 199 210 254;
  --tx-indigo-800: 55 48 163;
  --indigo-900: 224 231 255;
  --tx-indigo-900: 49 46 129;
  --indigo-950: 238 242 255;
  --tx-indigo-950: 30 27 75;
  --violet-50: 245 243 255;
  --tx-violet-50: 76 29 149;
  --violet-100: 237 233 254;
  --tx-violet-100: 91 33 182;
  --violet-200: 221 214 254;
  --tx-violet-200: 91 33 182;
  --violet-300: 196 181 253;
  --tx-violet-300: 109 40 217;
  --violet-400: 167 139 250;
  --tx-violet-400: 109 40 217;
  --violet-500: 139 92 246;
  --tx-violet-500: 109 40 217;
  --violet-600: 124 58 237;
  --tx-violet-600: 109 40 217;
  --violet-700: 109 40 217;
  --tx-violet-700: 109 40 217;
  --violet-800: 221 214 254;
  --tx-violet-800: 91 33 182;
  --violet-900: 237 233 254;
  --tx-violet-900: 76 29 149;
  --violet-950: 245 243 255;
  --tx-violet-950: 46 16 101;
  --purple-50: 250 245 255;
  --tx-purple-50: 88 28 135;
  --purple-100: 243 232 255;
  --tx-purple-100: 107 33 168;
  --purple-200: 233 213 255;
  --tx-purple-200: 107 33 168;
  --purple-300: 216 180 254;
  --tx-purple-300: 126 34 206;
  --purple-400: 192 132 252;
  --tx-purple-400: 126 34 206;
  --purple-500: 168 85 247;
  --tx-purple-500: 126 34 206;
  --purple-600: 147 51 234;
  --tx-purple-600: 126 34 206;
  --purple-700: 126 34 206;
  --tx-purple-700: 126 34 206;
  --purple-800: 233 213 255;
  --tx-purple-800: 107 33 168;
  --purple-900: 243 232 255;
  --tx-purple-900: 88 28 135;
  --purple-950: 250 245 255;
  --tx-purple-950: 59 7 100;
  --fuchsia-50: 253 244 255;
  --tx-fuchsia-50: 112 26 117;
  --fuchsia-100: 250 232 255;
  --tx-fuchsia-100: 134 25 143;
  --fuchsia-200: 245 208 254;
  --tx-fuchsia-200: 134 25 143;
  --fuchsia-300: 240 171 252;
  --tx-fuchsia-300: 162 28 175;
  --fuchsia-400: 232 121 249;
  --tx-fuchsia-400: 162 28 175;
  --fuchsia-500: 217 70 239;
  --tx-fuchsia-500: 162 28 175;
  --fuchsia-600: 192 38 211;
  --tx-fuchsia-600: 162 28 175;
  --fuchsia-700: 162 28 175;
  --tx-fuchsia-700: 162 28 175;
  --fuchsia-800: 245 208 254;
  --tx-fuchsia-800: 134 25 143;
  --fuchsia-900: 250 232 255;
  --tx-fuchsia-900: 112 26 117;
  --fuchsia-950: 253 244 255;
  --tx-fuchsia-950: 74 4 78;
  --pink-50: 253 242 248;
  --tx-pink-50: 131 24 67;
  --pink-100: 252 231 243;
  --tx-pink-100: 157 23 77;
  --pink-200: 251 207 232;
  --tx-pink-200: 157 23 77;
  --pink-300: 249 168 212;
  --tx-pink-300: 190 24 93;
  --pink-400: 244 114 182;
  --tx-pink-400: 190 24 93;
  --pink-500: 236 72 153;
  --tx-pink-500: 190 24 93;
  --pink-600: 219 39 119;
  --tx-pink-600: 190 24 93;
  --pink-700: 190 24 93;
  --tx-pink-700: 190 24 93;
  --pink-800: 251 207 232;
  --tx-pink-800: 157 23 77;
  --pink-900: 252 231 243;
  --tx-pink-900: 131 24 67;
  --pink-950: 253 242 248;
  --tx-pink-950: 80 7 36;
  --rose-50: 255 241 242;
  --tx-rose-50: 136 19 55;
  --rose-100: 255 228 230;
  --tx-rose-100: 159 18 57;
  --rose-200: 254 205 211;
  --tx-rose-200: 159 18 57;
  --rose-300: 253 164 175;
  --tx-rose-300: 190 18 60;
  --rose-400: 251 113 133;
  --tx-rose-400: 190 18 60;
  --rose-500: 244 63 94;
  --tx-rose-500: 190 18 60;
  --rose-600: 225 29 72;
  --tx-rose-600: 190 18 60;
  --rose-700: 190 18 60;
  --tx-rose-700: 190 18 60;
  --rose-800: 254 205 211;
  --tx-rose-800: 159 18 57;
  --rose-900: 255 228 230;
  --tx-rose-900: 136 19 55;
  --rose-950: 255 241 242;
  --tx-rose-950: 76 5 25;
  --red-50: 254 242 242;
  --tx-red-50: 127 29 29;
  --red-100: 254 226 226;
  --tx-red-100: 153 27 27;
  --red-200: 254 202 202;
  --tx-red-200: 153 27 27;
  --red-300: 252 165 165;
  --tx-red-300: 185 28 28;
  --red-400: 248 113 113;
  --tx-red-400: 185 28 28;
  --red-500: 239 68 68;
  --tx-red-500: 185 28 28;
  --red-600: 220 38 38;
  --tx-red-600: 185 28 28;
  --red-700: 185 28 28;
  --tx-red-700: 185 28 28;
  --red-800: 254 202 202;
  --tx-red-800: 153 27 27;
  --red-900: 254 226 226;
  --tx-red-900: 127 29 29;
  --red-950: 254 242 242;
  --tx-red-950: 69 10 10;
}

html.light :is([class~="bg-amber-300"],[class~="bg-amber-400"],[class~="bg-amber-500"],[class~="bg-amber-600"],[class~="bg-amber-700"],[class~="bg-yellow-300"],[class~="bg-yellow-400"],[class~="bg-yellow-500"],[class~="bg-yellow-600"],[class~="bg-yellow-700"],[class~="bg-orange-300"],[class~="bg-orange-400"],[class~="bg-orange-500"],[class~="bg-orange-600"],[class~="bg-orange-700"],[class~="bg-emerald-300"],[class~="bg-emerald-400"],[class~="bg-emerald-500"],[class~="bg-emerald-600"],[class~="bg-emerald-700"],[class~="bg-green-300"],[class~="bg-green-400"],[class~="bg-green-500"],[class~="bg-green-600"],[class~="bg-green-700"],[class~="bg-lime-300"],[class~="bg-lime-400"],[class~="bg-lime-500"],[class~="bg-lime-600"],[class~="bg-lime-700"],[class~="bg-teal-300"],[class~="bg-teal-400"],[class~="bg-teal-500"],[class~="bg-teal-600"],[class~="bg-teal-700"],[class~="bg-cyan-300"],[class~="bg-cyan-400"],[class~="bg-cyan-500"],[class~="bg-cyan-600"],[class~="bg-cyan-700"],[class~="bg-sky-300"],[class~="bg-sky-400"],[class~="bg-sky-500"],[class~="bg-sky-600"],[class~="bg-sky-700"],[class~="bg-blue-300"],[class~="bg-blue-400"],[class~="bg-blue-500"],[class~="bg-blue-600"],[class~="bg-blue-700"],[class~="bg-indigo-300"],[class~="bg-indigo-400"],[class~="bg-indigo-500"],[class~="bg-indigo-600"],[class~="bg-indigo-700"],[class~="bg-violet-300"],[class~="bg-violet-400"],[class~="bg-violet-500"],[class~="bg-violet-600"],[class~="bg-violet-700"],[class~="bg-purple-300"],[class~="bg-purple-400"],[class~="bg-purple-500"],[class~="bg-purple-600"],[class~="bg-purple-700"],[class~="bg-fuchsia-300"],[class~="bg-fuchsia-400"],[class~="bg-fuchsia-500"],[class~="bg-fuchsia-600"],[class~="bg-fuchsia-700"],[class~="bg-pink-300"],[class~="bg-pink-400"],[class~="bg-pink-500"],[class~="bg-pink-600"],[class~="bg-pink-700"],[class~="bg-rose-300"],[class~="bg-rose-400"],[class~="bg-rose-500"],[class~="bg-rose-600"],[class~="bg-rose-700"],[class~="bg-red-300"],[class~="bg-red-400"],[class~="bg-red-500"],[class~="bg-red-600"],[class~="bg-red-700"],[class~="bg-zinc-300"],[class~="bg-zinc-400"],[class~="bg-zinc-500"],[class~="bg-zinc-600"],[class~="bg-zinc-700"],[class~="bg-primary"],[class~="bg-destructive"],.dg-primary,.custody-primary,[class*="bg-black/"],[class~="bg-black"],[data-theme-keep-dark]) {
  --stone-50: 250 250 249;
  --stone-100: 245 245 244;
  --stone-200: 231 229 228;
  --stone-300: 214 211 209;
  --stone-400: 168 162 158;
  --stone-500: 120 113 108;
  --stone-600: 87 83 78;
  --stone-700: 68 64 60;
  --stone-800: 41 37 36;
  --stone-900: 28 25 23;
  --stone-950: 12 10 9;
  --tx-stone-50: 250 250 249;
  --tx-stone-100: 245 245 244;
  --tx-stone-200: 231 229 228;
  --tx-stone-300: 214 211 209;
  --tx-stone-400: 168 162 158;
  --tx-stone-500: 120 113 108;
  --tx-stone-600: 87 83 78;
  --tx-stone-700: 68 64 60;
  --tx-stone-800: 41 37 36;
  --tx-stone-900: 28 25 23;
  --tx-stone-950: 12 10 9;
  --zinc-50: 250 250 250;
  --zinc-100: 244 244 245;
  --zinc-200: 228 228 231;
  --zinc-300: 212 212 216;
  --zinc-400: 161 161 170;
  --zinc-500: 113 113 122;
  --zinc-600: 82 82 91;
  --zinc-700: 63 63 70;
  --zinc-800: 39 39 42;
  --zinc-900: 24 24 27;
  --zinc-950: 9 9 11;
  --amber-50: var(--brand-50, 255 248 235);
  --tx-amber-50: var(--brand-50, 255 248 235);
  --amber-100: var(--brand-100, 255 238 203);
  --tx-amber-100: var(--brand-100, 255 238 203);
  --amber-200: var(--brand-200, 254 220 151);
  --tx-amber-200: var(--brand-200, 254 220 151);
  --amber-300: var(--brand-300, 253 200 103);
  --tx-amber-300: var(--brand-300, 253 200 103);
  --amber-400: var(--brand-400, 252 176 64);
  --tx-amber-400: var(--brand-400, 252 176 64);
  --amber-500: var(--brand-500, 227 150 42);
  --tx-amber-500: var(--brand-500, 227 150 42);
  --amber-600: var(--brand-600, 191 122 31);
  --tx-amber-600: var(--brand-600, 191 122 31);
  --amber-700: var(--brand-700, 150 96 28);
  --tx-amber-700: var(--brand-700, 150 96 28);
  --amber-800: var(--brand-800, 107 68 21);
  --tx-amber-800: var(--brand-800, 107 68 21);
  --amber-900: var(--brand-900, 69 44 14);
  --tx-amber-900: var(--brand-900, 69 44 14);
  --amber-950: var(--brand-950, 42 26 8);
  --tx-amber-950: var(--brand-950, 42 26 8);
  --yellow-50: 254 252 232;
  --tx-yellow-50: 254 252 232;
  --yellow-100: 254 249 195;
  --tx-yellow-100: 254 249 195;
  --yellow-200: 254 240 138;
  --tx-yellow-200: 254 240 138;
  --yellow-300: 253 224 71;
  --tx-yellow-300: 253 224 71;
  --yellow-400: 250 204 21;
  --tx-yellow-400: 250 204 21;
  --yellow-500: 234 179 8;
  --tx-yellow-500: 234 179 8;
  --yellow-600: 202 138 4;
  --tx-yellow-600: 202 138 4;
  --yellow-700: 161 98 7;
  --tx-yellow-700: 161 98 7;
  --yellow-800: 133 77 14;
  --tx-yellow-800: 133 77 14;
  --yellow-900: 113 63 18;
  --tx-yellow-900: 113 63 18;
  --yellow-950: 66 32 6;
  --tx-yellow-950: 66 32 6;
  --orange-50: 255 247 237;
  --tx-orange-50: 255 247 237;
  --orange-100: 255 237 213;
  --tx-orange-100: 255 237 213;
  --orange-200: 254 215 170;
  --tx-orange-200: 254 215 170;
  --orange-300: 253 186 116;
  --tx-orange-300: 253 186 116;
  --orange-400: 251 146 60;
  --tx-orange-400: 251 146 60;
  --orange-500: 249 115 22;
  --tx-orange-500: 249 115 22;
  --orange-600: 234 88 12;
  --tx-orange-600: 234 88 12;
  --orange-700: 194 65 12;
  --tx-orange-700: 194 65 12;
  --orange-800: 154 52 18;
  --tx-orange-800: 154 52 18;
  --orange-900: 124 45 18;
  --tx-orange-900: 124 45 18;
  --orange-950: 67 20 7;
  --tx-orange-950: 67 20 7;
  --emerald-50: 236 253 245;
  --tx-emerald-50: 236 253 245;
  --emerald-100: 209 250 229;
  --tx-emerald-100: 209 250 229;
  --emerald-200: 167 243 208;
  --tx-emerald-200: 167 243 208;
  --emerald-300: 110 231 183;
  --tx-emerald-300: 110 231 183;
  --emerald-400: 52 211 153;
  --tx-emerald-400: 52 211 153;
  --emerald-500: 16 185 129;
  --tx-emerald-500: 16 185 129;
  --emerald-600: 5 150 105;
  --tx-emerald-600: 5 150 105;
  --emerald-700: 4 120 87;
  --tx-emerald-700: 4 120 87;
  --emerald-800: 6 95 70;
  --tx-emerald-800: 6 95 70;
  --emerald-900: 6 78 59;
  --tx-emerald-900: 6 78 59;
  --emerald-950: 2 44 34;
  --tx-emerald-950: 2 44 34;
  --green-50: 240 253 244;
  --tx-green-50: 240 253 244;
  --green-100: 220 252 231;
  --tx-green-100: 220 252 231;
  --green-200: 187 247 208;
  --tx-green-200: 187 247 208;
  --green-300: 134 239 172;
  --tx-green-300: 134 239 172;
  --green-400: 74 222 128;
  --tx-green-400: 74 222 128;
  --green-500: 34 197 94;
  --tx-green-500: 34 197 94;
  --green-600: 22 163 74;
  --tx-green-600: 22 163 74;
  --green-700: 21 128 61;
  --tx-green-700: 21 128 61;
  --green-800: 22 101 52;
  --tx-green-800: 22 101 52;
  --green-900: 20 83 45;
  --tx-green-900: 20 83 45;
  --green-950: 5 46 22;
  --tx-green-950: 5 46 22;
  --lime-50: 247 254 231;
  --tx-lime-50: 247 254 231;
  --lime-100: 236 252 203;
  --tx-lime-100: 236 252 203;
  --lime-200: 217 249 157;
  --tx-lime-200: 217 249 157;
  --lime-300: 190 242 100;
  --tx-lime-300: 190 242 100;
  --lime-400: 163 230 53;
  --tx-lime-400: 163 230 53;
  --lime-500: 132 204 22;
  --tx-lime-500: 132 204 22;
  --lime-600: 101 163 13;
  --tx-lime-600: 101 163 13;
  --lime-700: 77 124 15;
  --tx-lime-700: 77 124 15;
  --lime-800: 63 98 18;
  --tx-lime-800: 63 98 18;
  --lime-900: 54 83 20;
  --tx-lime-900: 54 83 20;
  --lime-950: 26 46 5;
  --tx-lime-950: 26 46 5;
  --teal-50: 240 253 250;
  --tx-teal-50: 240 253 250;
  --teal-100: 204 251 241;
  --tx-teal-100: 204 251 241;
  --teal-200: 153 246 228;
  --tx-teal-200: 153 246 228;
  --teal-300: 94 234 212;
  --tx-teal-300: 94 234 212;
  --teal-400: 45 212 191;
  --tx-teal-400: 45 212 191;
  --teal-500: 20 184 166;
  --tx-teal-500: 20 184 166;
  --teal-600: 13 148 136;
  --tx-teal-600: 13 148 136;
  --teal-700: 15 118 110;
  --tx-teal-700: 15 118 110;
  --teal-800: 17 94 89;
  --tx-teal-800: 17 94 89;
  --teal-900: 19 78 74;
  --tx-teal-900: 19 78 74;
  --teal-950: 4 47 46;
  --tx-teal-950: 4 47 46;
  --cyan-50: 236 254 255;
  --tx-cyan-50: 236 254 255;
  --cyan-100: 207 250 254;
  --tx-cyan-100: 207 250 254;
  --cyan-200: 165 243 252;
  --tx-cyan-200: 165 243 252;
  --cyan-300: 103 232 249;
  --tx-cyan-300: 103 232 249;
  --cyan-400: 34 211 238;
  --tx-cyan-400: 34 211 238;
  --cyan-500: 6 182 212;
  --tx-cyan-500: 6 182 212;
  --cyan-600: 8 145 178;
  --tx-cyan-600: 8 145 178;
  --cyan-700: 14 116 144;
  --tx-cyan-700: 14 116 144;
  --cyan-800: 21 94 117;
  --tx-cyan-800: 21 94 117;
  --cyan-900: 22 78 99;
  --tx-cyan-900: 22 78 99;
  --cyan-950: 8 51 68;
  --tx-cyan-950: 8 51 68;
  --sky-50: 240 249 255;
  --tx-sky-50: 240 249 255;
  --sky-100: 224 242 254;
  --tx-sky-100: 224 242 254;
  --sky-200: 186 230 253;
  --tx-sky-200: 186 230 253;
  --sky-300: 125 211 252;
  --tx-sky-300: 125 211 252;
  --sky-400: 56 189 248;
  --tx-sky-400: 56 189 248;
  --sky-500: 14 165 233;
  --tx-sky-500: 14 165 233;
  --sky-600: 2 132 199;
  --tx-sky-600: 2 132 199;
  --sky-700: 3 105 161;
  --tx-sky-700: 3 105 161;
  --sky-800: 7 89 133;
  --tx-sky-800: 7 89 133;
  --sky-900: 12 74 110;
  --tx-sky-900: 12 74 110;
  --sky-950: 8 47 73;
  --tx-sky-950: 8 47 73;
  --blue-50: 239 246 255;
  --tx-blue-50: 239 246 255;
  --blue-100: 219 234 254;
  --tx-blue-100: 219 234 254;
  --blue-200: 191 219 254;
  --tx-blue-200: 191 219 254;
  --blue-300: 147 197 253;
  --tx-blue-300: 147 197 253;
  --blue-400: 96 165 250;
  --tx-blue-400: 96 165 250;
  --blue-500: 59 130 246;
  --tx-blue-500: 59 130 246;
  --blue-600: 37 99 235;
  --tx-blue-600: 37 99 235;
  --blue-700: 29 78 216;
  --tx-blue-700: 29 78 216;
  --blue-800: 30 64 175;
  --tx-blue-800: 30 64 175;
  --blue-900: 30 58 138;
  --tx-blue-900: 30 58 138;
  --blue-950: 23 37 84;
  --tx-blue-950: 23 37 84;
  --indigo-50: 238 242 255;
  --tx-indigo-50: 238 242 255;
  --indigo-100: 224 231 255;
  --tx-indigo-100: 224 231 255;
  --indigo-200: 199 210 254;
  --tx-indigo-200: 199 210 254;
  --indigo-300: 165 180 252;
  --tx-indigo-300: 165 180 252;
  --indigo-400: 129 140 248;
  --tx-indigo-400: 129 140 248;
  --indigo-500: 99 102 241;
  --tx-indigo-500: 99 102 241;
  --indigo-600: 79 70 229;
  --tx-indigo-600: 79 70 229;
  --indigo-700: 67 56 202;
  --tx-indigo-700: 67 56 202;
  --indigo-800: 55 48 163;
  --tx-indigo-800: 55 48 163;
  --indigo-900: 49 46 129;
  --tx-indigo-900: 49 46 129;
  --indigo-950: 30 27 75;
  --tx-indigo-950: 30 27 75;
  --violet-50: 245 243 255;
  --tx-violet-50: 245 243 255;
  --violet-100: 237 233 254;
  --tx-violet-100: 237 233 254;
  --violet-200: 221 214 254;
  --tx-violet-200: 221 214 254;
  --violet-300: 196 181 253;
  --tx-violet-300: 196 181 253;
  --violet-400: 167 139 250;
  --tx-violet-400: 167 139 250;
  --violet-500: 139 92 246;
  --tx-violet-500: 139 92 246;
  --violet-600: 124 58 237;
  --tx-violet-600: 124 58 237;
  --violet-700: 109 40 217;
  --tx-violet-700: 109 40 217;
  --violet-800: 91 33 182;
  --tx-violet-800: 91 33 182;
  --violet-900: 76 29 149;
  --tx-violet-900: 76 29 149;
  --violet-950: 46 16 101;
  --tx-violet-950: 46 16 101;
  --purple-50: 250 245 255;
  --tx-purple-50: 250 245 255;
  --purple-100: 243 232 255;
  --tx-purple-100: 243 232 255;
  --purple-200: 233 213 255;
  --tx-purple-200: 233 213 255;
  --purple-300: 216 180 254;
  --tx-purple-300: 216 180 254;
  --purple-400: 192 132 252;
  --tx-purple-400: 192 132 252;
  --purple-500: 168 85 247;
  --tx-purple-500: 168 85 247;
  --purple-600: 147 51 234;
  --tx-purple-600: 147 51 234;
  --purple-700: 126 34 206;
  --tx-purple-700: 126 34 206;
  --purple-800: 107 33 168;
  --tx-purple-800: 107 33 168;
  --purple-900: 88 28 135;
  --tx-purple-900: 88 28 135;
  --purple-950: 59 7 100;
  --tx-purple-950: 59 7 100;
  --fuchsia-50: 253 244 255;
  --tx-fuchsia-50: 253 244 255;
  --fuchsia-100: 250 232 255;
  --tx-fuchsia-100: 250 232 255;
  --fuchsia-200: 245 208 254;
  --tx-fuchsia-200: 245 208 254;
  --fuchsia-300: 240 171 252;
  --tx-fuchsia-300: 240 171 252;
  --fuchsia-400: 232 121 249;
  --tx-fuchsia-400: 232 121 249;
  --fuchsia-500: 217 70 239;
  --tx-fuchsia-500: 217 70 239;
  --fuchsia-600: 192 38 211;
  --tx-fuchsia-600: 192 38 211;
  --fuchsia-700: 162 28 175;
  --tx-fuchsia-700: 162 28 175;
  --fuchsia-800: 134 25 143;
  --tx-fuchsia-800: 134 25 143;
  --fuchsia-900: 112 26 117;
  --tx-fuchsia-900: 112 26 117;
  --fuchsia-950: 74 4 78;
  --tx-fuchsia-950: 74 4 78;
  --pink-50: 253 242 248;
  --tx-pink-50: 253 242 248;
  --pink-100: 252 231 243;
  --tx-pink-100: 252 231 243;
  --pink-200: 251 207 232;
  --tx-pink-200: 251 207 232;
  --pink-300: 249 168 212;
  --tx-pink-300: 249 168 212;
  --pink-400: 244 114 182;
  --tx-pink-400: 244 114 182;
  --pink-500: 236 72 153;
  --tx-pink-500: 236 72 153;
  --pink-600: 219 39 119;
  --tx-pink-600: 219 39 119;
  --pink-700: 190 24 93;
  --tx-pink-700: 190 24 93;
  --pink-800: 157 23 77;
  --tx-pink-800: 157 23 77;
  --pink-900: 131 24 67;
  --tx-pink-900: 131 24 67;
  --pink-950: 80 7 36;
  --tx-pink-950: 80 7 36;
  --rose-50: 255 241 242;
  --tx-rose-50: 255 241 242;
  --rose-100: 255 228 230;
  --tx-rose-100: 255 228 230;
  --rose-200: 254 205 211;
  --tx-rose-200: 254 205 211;
  --rose-300: 253 164 175;
  --tx-rose-300: 253 164 175;
  --rose-400: 251 113 133;
  --tx-rose-400: 251 113 133;
  --rose-500: 244 63 94;
  --tx-rose-500: 244 63 94;
  --rose-600: 225 29 72;
  --tx-rose-600: 225 29 72;
  --rose-700: 190 18 60;
  --tx-rose-700: 190 18 60;
  --rose-800: 159 18 57;
  --tx-rose-800: 159 18 57;
  --rose-900: 136 19 55;
  --tx-rose-900: 136 19 55;
  --rose-950: 76 5 25;
  --tx-rose-950: 76 5 25;
  --red-50: 254 242 242;
  --tx-red-50: 254 242 242;
  --red-100: 254 226 226;
  --tx-red-100: 254 226 226;
  --red-200: 254 202 202;
  --tx-red-200: 254 202 202;
  --red-300: 252 165 165;
  --tx-red-300: 252 165 165;
  --red-400: 248 113 113;
  --tx-red-400: 248 113 113;
  --red-500: 239 68 68;
  --tx-red-500: 239 68 68;
  --red-600: 220 38 38;
  --tx-red-600: 220 38 38;
  --red-700: 185 28 28;
  --tx-red-700: 185 28 28;
  --red-800: 153 27 27;
  --tx-red-800: 153 27 27;
  --red-900: 127 29 29;
  --tx-red-900: 127 29 29;
  --red-950: 69 10 10;
  --tx-red-950: 69 10 10;
  --aoi-on-dark: 1;
}

html[data-text="sm"] {
  --ui-fs: 0.92;
}

html[data-text="lg"] {
  --ui-fs: 1.15;
}

html[data-text="xl"] {
  --ui-fs: 1.3;
}

html[data-text] .text-xs {
  font-size: calc(0.75rem * var(--ui-fs, 1));
}

html[data-text] .text-sm {
  font-size: calc(0.875rem * var(--ui-fs, 1));
}

html[data-text] .text-base {
  font-size: calc(1rem * var(--ui-fs, 1));
}

html[data-text] .text-lg {
  font-size: calc(1.125rem * var(--ui-fs, 1));
}

html[data-text] .text-xl {
  font-size: calc(1.25rem * var(--ui-fs, 1));
}

html[data-text] .text-2xl {
  font-size: calc(1.5rem * var(--ui-fs, 1));
}

html[data-text] .text-3xl {
  font-size: calc(1.875rem * var(--ui-fs, 1));
}

html[data-text] .text-4xl {
  font-size: calc(2.25rem * var(--ui-fs, 1));
}

html[data-text] .text-7xl {
  font-size: calc(4.5rem * var(--ui-fs, 1));
}

html[data-text] .text-\[9px\] {
  font-size: calc(9px * var(--ui-fs, 1));
}

html[data-text] .text-\[10px\] {
  font-size: calc(10px * var(--ui-fs, 1));
}

html[data-text] .text-\[11px\] {
  font-size: calc(11px * var(--ui-fs, 1));
}

html[data-text] .text-\[12px\] {
  font-size: calc(12px * var(--ui-fs, 1));
}

html[data-text] .text-\[13px\] {
  font-size: calc(13px * var(--ui-fs, 1));
}

html[data-text] .text-\[15px\] {
  font-size: calc(15px * var(--ui-fs, 1));
}

html:not(.light)[data-contrast="high"] {
  --tx-stone-300: 231 229 228;
  --tx-stone-400: 214 211 209;
  --tx-stone-500: 189 183 177;
  --tx-stone-600: 168 162 158;
  --tx-stone-700: 143 136 128;
  --tx-stone-800: 120 113 108;
  --tx-amber-400: var(--brand-300, 253 200 103);
  --tx-amber-500: var(--brand-300, 253 200 103);
  --tx-amber-600: var(--brand-300, 253 200 103);
  --tx-amber-700: var(--brand-300, 253 200 103);
  --tx-yellow-400: 253 224 71;
  --tx-yellow-500: 253 224 71;
  --tx-yellow-600: 253 224 71;
  --tx-yellow-700: 253 224 71;
  --tx-orange-400: 253 186 116;
  --tx-orange-500: 253 186 116;
  --tx-orange-600: 253 186 116;
  --tx-orange-700: 253 186 116;
  --tx-emerald-400: 110 231 183;
  --tx-emerald-500: 110 231 183;
  --tx-emerald-600: 110 231 183;
  --tx-emerald-700: 110 231 183;
  --tx-green-400: 134 239 172;
  --tx-green-500: 134 239 172;
  --tx-green-600: 134 239 172;
  --tx-green-700: 134 239 172;
  --tx-lime-400: 190 242 100;
  --tx-lime-500: 190 242 100;
  --tx-lime-600: 190 242 100;
  --tx-lime-700: 190 242 100;
  --tx-teal-400: 94 234 212;
  --tx-teal-500: 94 234 212;
  --tx-teal-600: 94 234 212;
  --tx-teal-700: 94 234 212;
  --tx-cyan-400: 103 232 249;
  --tx-cyan-500: 103 232 249;
  --tx-cyan-600: 103 232 249;
  --tx-cyan-700: 103 232 249;
  --tx-sky-400: 125 211 252;
  --tx-sky-500: 125 211 252;
  --tx-sky-600: 125 211 252;
  --tx-sky-700: 125 211 252;
  --tx-blue-400: 147 197 253;
  --tx-blue-500: 147 197 253;
  --tx-blue-600: 147 197 253;
  --tx-blue-700: 147 197 253;
  --tx-indigo-400: 165 180 252;
  --tx-indigo-500: 165 180 252;
  --tx-indigo-600: 165 180 252;
  --tx-indigo-700: 165 180 252;
  --tx-violet-400: 196 181 253;
  --tx-violet-500: 196 181 253;
  --tx-violet-600: 196 181 253;
  --tx-violet-700: 196 181 253;
  --tx-purple-400: 216 180 254;
  --tx-purple-500: 216 180 254;
  --tx-purple-600: 216 180 254;
  --tx-purple-700: 216 180 254;
  --tx-fuchsia-400: 240 171 252;
  --tx-fuchsia-500: 240 171 252;
  --tx-fuchsia-600: 240 171 252;
  --tx-fuchsia-700: 240 171 252;
  --tx-pink-400: 249 168 212;
  --tx-pink-500: 249 168 212;
  --tx-pink-600: 249 168 212;
  --tx-pink-700: 249 168 212;
  --tx-rose-400: 253 164 175;
  --tx-rose-500: 253 164 175;
  --tx-rose-600: 253 164 175;
  --tx-rose-700: 253 164 175;
  --tx-red-400: 252 165 165;
  --tx-red-500: 252 165 165;
  --tx-red-600: 252 165 165;
  --tx-red-700: 252 165 165;
}

html.light[data-contrast="high"] {
  --tx-stone-300: 41 37 36;
  --tx-stone-400: 58 53 50;
  --tx-stone-500: 68 64 60;
  --tx-stone-600: 87 83 78;
  --tx-stone-700: 107 101 96;
  --tx-stone-800: 120 113 108;
  --stone-700: 189 180 167;
  --stone-800: 207 199 186;
  --tx-amber-50: var(--brand-800, 107 68 21);
  --tx-amber-100: var(--brand-800, 107 68 21);
  --tx-amber-200: var(--brand-800, 107 68 21);
  --tx-amber-300: var(--brand-800, 107 68 21);
  --tx-amber-400: var(--brand-800, 107 68 21);
  --tx-amber-500: var(--brand-800, 107 68 21);
  --tx-amber-600: var(--brand-800, 107 68 21);
  --tx-yellow-50: 133 77 14;
  --tx-yellow-100: 133 77 14;
  --tx-yellow-200: 133 77 14;
  --tx-yellow-300: 133 77 14;
  --tx-yellow-400: 133 77 14;
  --tx-yellow-500: 133 77 14;
  --tx-yellow-600: 133 77 14;
  --tx-orange-50: 154 52 18;
  --tx-orange-100: 154 52 18;
  --tx-orange-200: 154 52 18;
  --tx-orange-300: 154 52 18;
  --tx-orange-400: 154 52 18;
  --tx-orange-500: 154 52 18;
  --tx-orange-600: 154 52 18;
  --tx-emerald-50: 6 95 70;
  --tx-emerald-100: 6 95 70;
  --tx-emerald-200: 6 95 70;
  --tx-emerald-300: 6 95 70;
  --tx-emerald-400: 6 95 70;
  --tx-emerald-500: 6 95 70;
  --tx-emerald-600: 6 95 70;
  --tx-green-50: 22 101 52;
  --tx-green-100: 22 101 52;
  --tx-green-200: 22 101 52;
  --tx-green-300: 22 101 52;
  --tx-green-400: 22 101 52;
  --tx-green-500: 22 101 52;
  --tx-green-600: 22 101 52;
  --tx-lime-50: 63 98 18;
  --tx-lime-100: 63 98 18;
  --tx-lime-200: 63 98 18;
  --tx-lime-300: 63 98 18;
  --tx-lime-400: 63 98 18;
  --tx-lime-500: 63 98 18;
  --tx-lime-600: 63 98 18;
  --tx-teal-50: 17 94 89;
  --tx-teal-100: 17 94 89;
  --tx-teal-200: 17 94 89;
  --tx-teal-300: 17 94 89;
  --tx-teal-400: 17 94 89;
  --tx-teal-500: 17 94 89;
  --tx-teal-600: 17 94 89;
  --tx-cyan-50: 21 94 117;
  --tx-cyan-100: 21 94 117;
  --tx-cyan-200: 21 94 117;
  --tx-cyan-300: 21 94 117;
  --tx-cyan-400: 21 94 117;
  --tx-cyan-500: 21 94 117;
  --tx-cyan-600: 21 94 117;
  --tx-sky-50: 7 89 133;
  --tx-sky-100: 7 89 133;
  --tx-sky-200: 7 89 133;
  --tx-sky-300: 7 89 133;
  --tx-sky-400: 7 89 133;
  --tx-sky-500: 7 89 133;
  --tx-sky-600: 7 89 133;
  --tx-blue-50: 30 64 175;
  --tx-blue-100: 30 64 175;
  --tx-blue-200: 30 64 175;
  --tx-blue-300: 30 64 175;
  --tx-blue-400: 30 64 175;
  --tx-blue-500: 30 64 175;
  --tx-blue-600: 30 64 175;
  --tx-indigo-50: 55 48 163;
  --tx-indigo-100: 55 48 163;
  --tx-indigo-200: 55 48 163;
  --tx-indigo-300: 55 48 163;
  --tx-indigo-400: 55 48 163;
  --tx-indigo-500: 55 48 163;
  --tx-indigo-600: 55 48 163;
  --tx-violet-50: 91 33 182;
  --tx-violet-100: 91 33 182;
  --tx-violet-200: 91 33 182;
  --tx-violet-300: 91 33 182;
  --tx-violet-400: 91 33 182;
  --tx-violet-500: 91 33 182;
  --tx-violet-600: 91 33 182;
  --tx-purple-50: 107 33 168;
  --tx-purple-100: 107 33 168;
  --tx-purple-200: 107 33 168;
  --tx-purple-300: 107 33 168;
  --tx-purple-400: 107 33 168;
  --tx-purple-500: 107 33 168;
  --tx-purple-600: 107 33 168;
  --tx-fuchsia-50: 134 25 143;
  --tx-fuchsia-100: 134 25 143;
  --tx-fuchsia-200: 134 25 143;
  --tx-fuchsia-300: 134 25 143;
  --tx-fuchsia-400: 134 25 143;
  --tx-fuchsia-500: 134 25 143;
  --tx-fuchsia-600: 134 25 143;
  --tx-pink-50: 157 23 77;
  --tx-pink-100: 157 23 77;
  --tx-pink-200: 157 23 77;
  --tx-pink-300: 157 23 77;
  --tx-pink-400: 157 23 77;
  --tx-pink-500: 157 23 77;
  --tx-pink-600: 157 23 77;
  --tx-rose-50: 159 18 57;
  --tx-rose-100: 159 18 57;
  --tx-rose-200: 159 18 57;
  --tx-rose-300: 159 18 57;
  --tx-rose-400: 159 18 57;
  --tx-rose-500: 159 18 57;
  --tx-rose-600: 159 18 57;
  --tx-red-50: 153 27 27;
  --tx-red-100: 153 27 27;
  --tx-red-200: 153 27 27;
  --tx-red-300: 153 27 27;
  --tx-red-400: 153 27 27;
  --tx-red-500: 153 27 27;
  --tx-red-600: 153 27 27;
}

html:not(.light)[data-contrast="max"] {
  --tx-stone-300: 245 245 244;
  --tx-stone-400: 245 245 244;
  --tx-stone-500: 245 245 244;
  --tx-stone-600: 231 229 228;
  --tx-stone-700: 214 211 209;
  --tx-stone-800: 168 162 158;
  --tx-amber-400: var(--brand-200, 254 220 151);
  --tx-amber-500: var(--brand-200, 254 220 151);
  --tx-amber-600: var(--brand-200, 254 220 151);
  --tx-amber-700: var(--brand-200, 254 220 151);
  --tx-yellow-400: 254 240 138;
  --tx-yellow-500: 254 240 138;
  --tx-yellow-600: 254 240 138;
  --tx-yellow-700: 254 240 138;
  --tx-orange-400: 254 215 170;
  --tx-orange-500: 254 215 170;
  --tx-orange-600: 254 215 170;
  --tx-orange-700: 254 215 170;
  --tx-emerald-400: 167 243 208;
  --tx-emerald-500: 167 243 208;
  --tx-emerald-600: 167 243 208;
  --tx-emerald-700: 167 243 208;
  --tx-green-400: 187 247 208;
  --tx-green-500: 187 247 208;
  --tx-green-600: 187 247 208;
  --tx-green-700: 187 247 208;
  --tx-lime-400: 217 249 157;
  --tx-lime-500: 217 249 157;
  --tx-lime-600: 217 249 157;
  --tx-lime-700: 217 249 157;
  --tx-teal-400: 153 246 228;
  --tx-teal-500: 153 246 228;
  --tx-teal-600: 153 246 228;
  --tx-teal-700: 153 246 228;
  --tx-cyan-400: 165 243 252;
  --tx-cyan-500: 165 243 252;
  --tx-cyan-600: 165 243 252;
  --tx-cyan-700: 165 243 252;
  --tx-sky-400: 186 230 253;
  --tx-sky-500: 186 230 253;
  --tx-sky-600: 186 230 253;
  --tx-sky-700: 186 230 253;
  --tx-blue-400: 191 219 254;
  --tx-blue-500: 191 219 254;
  --tx-blue-600: 191 219 254;
  --tx-blue-700: 191 219 254;
  --tx-indigo-400: 199 210 254;
  --tx-indigo-500: 199 210 254;
  --tx-indigo-600: 199 210 254;
  --tx-indigo-700: 199 210 254;
  --tx-violet-400: 221 214 254;
  --tx-violet-500: 221 214 254;
  --tx-violet-600: 221 214 254;
  --tx-violet-700: 221 214 254;
  --tx-purple-400: 233 213 255;
  --tx-purple-500: 233 213 255;
  --tx-purple-600: 233 213 255;
  --tx-purple-700: 233 213 255;
  --tx-fuchsia-400: 245 208 254;
  --tx-fuchsia-500: 245 208 254;
  --tx-fuchsia-600: 245 208 254;
  --tx-fuchsia-700: 245 208 254;
  --tx-pink-400: 251 207 232;
  --tx-pink-500: 251 207 232;
  --tx-pink-600: 251 207 232;
  --tx-pink-700: 251 207 232;
  --tx-rose-400: 254 205 211;
  --tx-rose-500: 254 205 211;
  --tx-rose-600: 254 205 211;
  --tx-rose-700: 254 205 211;
  --tx-red-400: 254 202 202;
  --tx-red-500: 254 202 202;
  --tx-red-600: 254 202 202;
  --tx-red-700: 254 202 202;
}

html.light[data-contrast="max"] {
  --tx-stone-300: 12 10 9;
  --tx-stone-400: 28 25 23;
  --tx-stone-500: 28 25 23;
  --tx-stone-600: 28 25 23;
  --tx-stone-700: 41 37 36;
  --tx-stone-800: 68 64 60;
  --stone-700: 138 132 125;
  --stone-800: 168 162 158;
  --tx-amber-50: var(--brand-900, 69 44 14);
  --tx-amber-100: var(--brand-900, 69 44 14);
  --tx-amber-200: var(--brand-900, 69 44 14);
  --tx-amber-300: var(--brand-900, 69 44 14);
  --tx-amber-400: var(--brand-900, 69 44 14);
  --tx-amber-500: var(--brand-900, 69 44 14);
  --tx-amber-600: var(--brand-900, 69 44 14);
  --tx-yellow-50: 113 63 18;
  --tx-yellow-100: 113 63 18;
  --tx-yellow-200: 113 63 18;
  --tx-yellow-300: 113 63 18;
  --tx-yellow-400: 113 63 18;
  --tx-yellow-500: 113 63 18;
  --tx-yellow-600: 113 63 18;
  --tx-orange-50: 124 45 18;
  --tx-orange-100: 124 45 18;
  --tx-orange-200: 124 45 18;
  --tx-orange-300: 124 45 18;
  --tx-orange-400: 124 45 18;
  --tx-orange-500: 124 45 18;
  --tx-orange-600: 124 45 18;
  --tx-emerald-50: 6 78 59;
  --tx-emerald-100: 6 78 59;
  --tx-emerald-200: 6 78 59;
  --tx-emerald-300: 6 78 59;
  --tx-emerald-400: 6 78 59;
  --tx-emerald-500: 6 78 59;
  --tx-emerald-600: 6 78 59;
  --tx-green-50: 20 83 45;
  --tx-green-100: 20 83 45;
  --tx-green-200: 20 83 45;
  --tx-green-300: 20 83 45;
  --tx-green-400: 20 83 45;
  --tx-green-500: 20 83 45;
  --tx-green-600: 20 83 45;
  --tx-lime-50: 54 83 20;
  --tx-lime-100: 54 83 20;
  --tx-lime-200: 54 83 20;
  --tx-lime-300: 54 83 20;
  --tx-lime-400: 54 83 20;
  --tx-lime-500: 54 83 20;
  --tx-lime-600: 54 83 20;
  --tx-teal-50: 19 78 74;
  --tx-teal-100: 19 78 74;
  --tx-teal-200: 19 78 74;
  --tx-teal-300: 19 78 74;
  --tx-teal-400: 19 78 74;
  --tx-teal-500: 19 78 74;
  --tx-teal-600: 19 78 74;
  --tx-cyan-50: 22 78 99;
  --tx-cyan-100: 22 78 99;
  --tx-cyan-200: 22 78 99;
  --tx-cyan-300: 22 78 99;
  --tx-cyan-400: 22 78 99;
  --tx-cyan-500: 22 78 99;
  --tx-cyan-600: 22 78 99;
  --tx-sky-50: 12 74 110;
  --tx-sky-100: 12 74 110;
  --tx-sky-200: 12 74 110;
  --tx-sky-300: 12 74 110;
  --tx-sky-400: 12 74 110;
  --tx-sky-500: 12 74 110;
  --tx-sky-600: 12 74 110;
  --tx-blue-50: 30 58 138;
  --tx-blue-100: 30 58 138;
  --tx-blue-200: 30 58 138;
  --tx-blue-300: 30 58 138;
  --tx-blue-400: 30 58 138;
  --tx-blue-500: 30 58 138;
  --tx-blue-600: 30 58 138;
  --tx-indigo-50: 49 46 129;
  --tx-indigo-100: 49 46 129;
  --tx-indigo-200: 49 46 129;
  --tx-indigo-300: 49 46 129;
  --tx-indigo-400: 49 46 129;
  --tx-indigo-500: 49 46 129;
  --tx-indigo-600: 49 46 129;
  --tx-violet-50: 76 29 149;
  --tx-violet-100: 76 29 149;
  --tx-violet-200: 76 29 149;
  --tx-violet-300: 76 29 149;
  --tx-violet-400: 76 29 149;
  --tx-violet-500: 76 29 149;
  --tx-violet-600: 76 29 149;
  --tx-purple-50: 88 28 135;
  --tx-purple-100: 88 28 135;
  --tx-purple-200: 88 28 135;
  --tx-purple-300: 88 28 135;
  --tx-purple-400: 88 28 135;
  --tx-purple-500: 88 28 135;
  --tx-purple-600: 88 28 135;
  --tx-fuchsia-50: 112 26 117;
  --tx-fuchsia-100: 112 26 117;
  --tx-fuchsia-200: 112 26 117;
  --tx-fuchsia-300: 112 26 117;
  --tx-fuchsia-400: 112 26 117;
  --tx-fuchsia-500: 112 26 117;
  --tx-fuchsia-600: 112 26 117;
  --tx-pink-50: 131 24 67;
  --tx-pink-100: 131 24 67;
  --tx-pink-200: 131 24 67;
  --tx-pink-300: 131 24 67;
  --tx-pink-400: 131 24 67;
  --tx-pink-500: 131 24 67;
  --tx-pink-600: 131 24 67;
  --tx-rose-50: 136 19 55;
  --tx-rose-100: 136 19 55;
  --tx-rose-200: 136 19 55;
  --tx-rose-300: 136 19 55;
  --tx-rose-400: 136 19 55;
  --tx-rose-500: 136 19 55;
  --tx-rose-600: 136 19 55;
  --tx-red-50: 127 29 29;
  --tx-red-100: 127 29 29;
  --tx-red-200: 127 29 29;
  --tx-red-300: 127 29 29;
  --tx-red-400: 127 29 29;
  --tx-red-500: 127 29 29;
  --tx-red-600: 127 29 29;
}

html[data-cvd="1"] {
  --emerald-50: 240 249 255;
  --emerald-100: 224 242 254;
  --emerald-200: 186 230 253;
  --emerald-300: 125 211 252;
  --emerald-400: 56 189 248;
  --emerald-500: 14 165 233;
  --emerald-600: 2 132 199;
  --emerald-700: 3 105 161;
  --emerald-800: 7 89 133;
  --emerald-900: 12 74 110;
  --emerald-950: 8 47 73;
  --green-50: 240 249 255;
  --green-100: 224 242 254;
  --green-200: 186 230 253;
  --green-300: 125 211 252;
  --green-400: 56 189 248;
  --green-500: 14 165 233;
  --green-600: 2 132 199;
  --green-700: 3 105 161;
  --green-800: 7 89 133;
  --green-900: 12 74 110;
  --green-950: 8 47 73;
  --lime-50: 240 249 255;
  --lime-100: 224 242 254;
  --lime-200: 186 230 253;
  --lime-300: 125 211 252;
  --lime-400: 56 189 248;
  --lime-500: 14 165 233;
  --lime-600: 2 132 199;
  --lime-700: 3 105 161;
  --lime-800: 7 89 133;
  --lime-900: 12 74 110;
  --lime-950: 8 47 73;
  --teal-50: 239 246 255;
  --teal-100: 219 234 254;
  --teal-200: 191 219 254;
  --teal-300: 147 197 253;
  --teal-400: 96 165 250;
  --teal-500: 59 130 246;
  --teal-600: 37 99 235;
  --teal-700: 29 78 216;
  --teal-800: 30 64 175;
  --teal-900: 30 58 138;
  --teal-950: 23 37 84;
  --red-50: 255 247 237;
  --red-100: 255 237 213;
  --red-200: 254 215 170;
  --red-300: 253 186 116;
  --red-400: 251 146 60;
  --red-500: 249 115 22;
  --red-600: 234 88 12;
  --red-700: 194 65 12;
  --red-800: 154 52 18;
  --red-900: 124 45 18;
  --red-950: 67 20 7;
  --rose-50: 255 247 237;
  --rose-100: 255 237 213;
  --rose-200: 254 215 170;
  --rose-300: 253 186 116;
  --rose-400: 251 146 60;
  --rose-500: 249 115 22;
  --rose-600: 234 88 12;
  --rose-700: 194 65 12;
  --rose-800: 154 52 18;
  --rose-900: 124 45 18;
  --rose-950: 67 20 7;
}

html.light[data-cvd="1"] {
  --emerald-50: 240 249 255;
  --emerald-100: 224 242 254;
  --emerald-200: 186 230 253;
  --emerald-300: 125 211 252;
  --emerald-400: 56 189 248;
  --emerald-500: 14 165 233;
  --emerald-600: 2 132 199;
  --emerald-700: 3 105 161;
  --emerald-800: 186 230 253;
  --emerald-900: 224 242 254;
  --emerald-950: 240 249 255;
  --green-50: 240 249 255;
  --green-100: 224 242 254;
  --green-200: 186 230 253;
  --green-300: 125 211 252;
  --green-400: 56 189 248;
  --green-500: 14 165 233;
  --green-600: 2 132 199;
  --green-700: 3 105 161;
  --green-800: 186 230 253;
  --green-900: 224 242 254;
  --green-950: 240 249 255;
  --lime-50: 240 249 255;
  --lime-100: 224 242 254;
  --lime-200: 186 230 253;
  --lime-300: 125 211 252;
  --lime-400: 56 189 248;
  --lime-500: 14 165 233;
  --lime-600: 2 132 199;
  --lime-700: 3 105 161;
  --lime-800: 186 230 253;
  --lime-900: 224 242 254;
  --lime-950: 240 249 255;
  --teal-50: 239 246 255;
  --teal-100: 219 234 254;
  --teal-200: 191 219 254;
  --teal-300: 147 197 253;
  --teal-400: 96 165 250;
  --teal-500: 59 130 246;
  --teal-600: 37 99 235;
  --teal-700: 29 78 216;
  --teal-800: 191 219 254;
  --teal-900: 219 234 254;
  --teal-950: 239 246 255;
  --red-50: 255 247 237;
  --red-100: 255 237 213;
  --red-200: 254 215 170;
  --red-300: 253 186 116;
  --red-400: 251 146 60;
  --red-500: 249 115 22;
  --red-600: 234 88 12;
  --red-700: 194 65 12;
  --red-800: 254 215 170;
  --red-900: 255 237 213;
  --red-950: 255 247 237;
  --rose-50: 255 247 237;
  --rose-100: 255 237 213;
  --rose-200: 254 215 170;
  --rose-300: 253 186 116;
  --rose-400: 251 146 60;
  --rose-500: 249 115 22;
  --rose-600: 234 88 12;
  --rose-700: 194 65 12;
  --rose-800: 254 215 170;
  --rose-900: 255 237 213;
  --rose-950: 255 247 237;
}

html:not(.light)[data-cvd="1"][data-cvd] {
  --tx-emerald-50: 240 249 255;
  --tx-emerald-100: 224 242 254;
  --tx-emerald-200: 186 230 253;
  --tx-emerald-300: 125 211 252;
  --tx-emerald-400: 56 189 248;
  --tx-emerald-500: 14 165 233;
  --tx-emerald-600: 2 132 199;
  --tx-emerald-700: 3 105 161;
  --tx-emerald-800: 7 89 133;
  --tx-emerald-900: 12 74 110;
  --tx-emerald-950: 8 47 73;
  --tx-green-50: 240 249 255;
  --tx-green-100: 224 242 254;
  --tx-green-200: 186 230 253;
  --tx-green-300: 125 211 252;
  --tx-green-400: 56 189 248;
  --tx-green-500: 14 165 233;
  --tx-green-600: 2 132 199;
  --tx-green-700: 3 105 161;
  --tx-green-800: 7 89 133;
  --tx-green-900: 12 74 110;
  --tx-green-950: 8 47 73;
  --tx-lime-50: 240 249 255;
  --tx-lime-100: 224 242 254;
  --tx-lime-200: 186 230 253;
  --tx-lime-300: 125 211 252;
  --tx-lime-400: 56 189 248;
  --tx-lime-500: 14 165 233;
  --tx-lime-600: 2 132 199;
  --tx-lime-700: 3 105 161;
  --tx-lime-800: 7 89 133;
  --tx-lime-900: 12 74 110;
  --tx-lime-950: 8 47 73;
  --tx-teal-50: 239 246 255;
  --tx-teal-100: 219 234 254;
  --tx-teal-200: 191 219 254;
  --tx-teal-300: 147 197 253;
  --tx-teal-400: 96 165 250;
  --tx-teal-500: 59 130 246;
  --tx-teal-600: 37 99 235;
  --tx-teal-700: 29 78 216;
  --tx-teal-800: 30 64 175;
  --tx-teal-900: 30 58 138;
  --tx-teal-950: 23 37 84;
  --tx-red-50: 255 247 237;
  --tx-red-100: 255 237 213;
  --tx-red-200: 254 215 170;
  --tx-red-300: 253 186 116;
  --tx-red-400: 251 146 60;
  --tx-red-500: 249 115 22;
  --tx-red-600: 234 88 12;
  --tx-red-700: 194 65 12;
  --tx-red-800: 154 52 18;
  --tx-red-900: 124 45 18;
  --tx-red-950: 67 20 7;
  --tx-rose-50: 255 247 237;
  --tx-rose-100: 255 237 213;
  --tx-rose-200: 254 215 170;
  --tx-rose-300: 253 186 116;
  --tx-rose-400: 251 146 60;
  --tx-rose-500: 249 115 22;
  --tx-rose-600: 234 88 12;
  --tx-rose-700: 194 65 12;
  --tx-rose-800: 154 52 18;
  --tx-rose-900: 124 45 18;
  --tx-rose-950: 67 20 7;
}

html.light[data-cvd="1"][data-cvd] {
  --tx-emerald-50: 12 74 110;
  --tx-emerald-100: 7 89 133;
  --tx-emerald-200: 7 89 133;
  --tx-emerald-300: 3 105 161;
  --tx-emerald-400: 3 105 161;
  --tx-emerald-500: 3 105 161;
  --tx-emerald-600: 3 105 161;
  --tx-emerald-700: 3 105 161;
  --tx-emerald-800: 7 89 133;
  --tx-emerald-900: 12 74 110;
  --tx-emerald-950: 8 47 73;
  --tx-green-50: 12 74 110;
  --tx-green-100: 7 89 133;
  --tx-green-200: 7 89 133;
  --tx-green-300: 3 105 161;
  --tx-green-400: 3 105 161;
  --tx-green-500: 3 105 161;
  --tx-green-600: 3 105 161;
  --tx-green-700: 3 105 161;
  --tx-green-800: 7 89 133;
  --tx-green-900: 12 74 110;
  --tx-green-950: 8 47 73;
  --tx-lime-50: 12 74 110;
  --tx-lime-100: 7 89 133;
  --tx-lime-200: 7 89 133;
  --tx-lime-300: 3 105 161;
  --tx-lime-400: 3 105 161;
  --tx-lime-500: 3 105 161;
  --tx-lime-600: 3 105 161;
  --tx-lime-700: 3 105 161;
  --tx-lime-800: 7 89 133;
  --tx-lime-900: 12 74 110;
  --tx-lime-950: 8 47 73;
  --tx-teal-50: 30 58 138;
  --tx-teal-100: 30 64 175;
  --tx-teal-200: 30 64 175;
  --tx-teal-300: 29 78 216;
  --tx-teal-400: 29 78 216;
  --tx-teal-500: 29 78 216;
  --tx-teal-600: 29 78 216;
  --tx-teal-700: 29 78 216;
  --tx-teal-800: 30 64 175;
  --tx-teal-900: 30 58 138;
  --tx-teal-950: 23 37 84;
  --tx-red-50: 124 45 18;
  --tx-red-100: 154 52 18;
  --tx-red-200: 154 52 18;
  --tx-red-300: 194 65 12;
  --tx-red-400: 194 65 12;
  --tx-red-500: 194 65 12;
  --tx-red-600: 194 65 12;
  --tx-red-700: 194 65 12;
  --tx-red-800: 154 52 18;
  --tx-red-900: 124 45 18;
  --tx-red-950: 67 20 7;
  --tx-rose-50: 124 45 18;
  --tx-rose-100: 154 52 18;
  --tx-rose-200: 154 52 18;
  --tx-rose-300: 194 65 12;
  --tx-rose-400: 194 65 12;
  --tx-rose-500: 194 65 12;
  --tx-rose-600: 194 65 12;
  --tx-rose-700: 194 65 12;
  --tx-rose-800: 154 52 18;
  --tx-rose-900: 124 45 18;
  --tx-rose-950: 67 20 7;
}

html.light[data-cvd="1"] :is([class~="bg-amber-300"],[class~="bg-amber-400"],[class~="bg-amber-500"],[class~="bg-amber-600"],[class~="bg-amber-700"],[class~="bg-yellow-300"],[class~="bg-yellow-400"],[class~="bg-yellow-500"],[class~="bg-yellow-600"],[class~="bg-yellow-700"],[class~="bg-orange-300"],[class~="bg-orange-400"],[class~="bg-orange-500"],[class~="bg-orange-600"],[class~="bg-orange-700"],[class~="bg-emerald-300"],[class~="bg-emerald-400"],[class~="bg-emerald-500"],[class~="bg-emerald-600"],[class~="bg-emerald-700"],[class~="bg-green-300"],[class~="bg-green-400"],[class~="bg-green-500"],[class~="bg-green-600"],[class~="bg-green-700"],[class~="bg-lime-300"],[class~="bg-lime-400"],[class~="bg-lime-500"],[class~="bg-lime-600"],[class~="bg-lime-700"],[class~="bg-teal-300"],[class~="bg-teal-400"],[class~="bg-teal-500"],[class~="bg-teal-600"],[class~="bg-teal-700"],[class~="bg-cyan-300"],[class~="bg-cyan-400"],[class~="bg-cyan-500"],[class~="bg-cyan-600"],[class~="bg-cyan-700"],[class~="bg-sky-300"],[class~="bg-sky-400"],[class~="bg-sky-500"],[class~="bg-sky-600"],[class~="bg-sky-700"],[class~="bg-blue-300"],[class~="bg-blue-400"],[class~="bg-blue-500"],[class~="bg-blue-600"],[class~="bg-blue-700"],[class~="bg-indigo-300"],[class~="bg-indigo-400"],[class~="bg-indigo-500"],[class~="bg-indigo-600"],[class~="bg-indigo-700"],[class~="bg-violet-300"],[class~="bg-violet-400"],[class~="bg-violet-500"],[class~="bg-violet-600"],[class~="bg-violet-700"],[class~="bg-purple-300"],[class~="bg-purple-400"],[class~="bg-purple-500"],[class~="bg-purple-600"],[class~="bg-purple-700"],[class~="bg-fuchsia-300"],[class~="bg-fuchsia-400"],[class~="bg-fuchsia-500"],[class~="bg-fuchsia-600"],[class~="bg-fuchsia-700"],[class~="bg-pink-300"],[class~="bg-pink-400"],[class~="bg-pink-500"],[class~="bg-pink-600"],[class~="bg-pink-700"],[class~="bg-rose-300"],[class~="bg-rose-400"],[class~="bg-rose-500"],[class~="bg-rose-600"],[class~="bg-rose-700"],[class~="bg-red-300"],[class~="bg-red-400"],[class~="bg-red-500"],[class~="bg-red-600"],[class~="bg-red-700"],[class~="bg-zinc-300"],[class~="bg-zinc-400"],[class~="bg-zinc-500"],[class~="bg-zinc-600"],[class~="bg-zinc-700"],[class~="bg-primary"],[class~="bg-destructive"],.dg-primary,.custody-primary,[class*="bg-black/"],[class~="bg-black"],[data-theme-keep-dark]) {
  --emerald-50: 240 249 255;
  --emerald-100: 224 242 254;
  --emerald-200: 186 230 253;
  --emerald-300: 125 211 252;
  --emerald-400: 56 189 248;
  --emerald-500: 14 165 233;
  --emerald-600: 2 132 199;
  --emerald-700: 3 105 161;
  --emerald-800: 7 89 133;
  --emerald-900: 12 74 110;
  --emerald-950: 8 47 73;
  --green-50: 240 249 255;
  --green-100: 224 242 254;
  --green-200: 186 230 253;
  --green-300: 125 211 252;
  --green-400: 56 189 248;
  --green-500: 14 165 233;
  --green-600: 2 132 199;
  --green-700: 3 105 161;
  --green-800: 7 89 133;
  --green-900: 12 74 110;
  --green-950: 8 47 73;
  --lime-50: 240 249 255;
  --lime-100: 224 242 254;
  --lime-200: 186 230 253;
  --lime-300: 125 211 252;
  --lime-400: 56 189 248;
  --lime-500: 14 165 233;
  --lime-600: 2 132 199;
  --lime-700: 3 105 161;
  --lime-800: 7 89 133;
  --lime-900: 12 74 110;
  --lime-950: 8 47 73;
  --teal-50: 239 246 255;
  --teal-100: 219 234 254;
  --teal-200: 191 219 254;
  --teal-300: 147 197 253;
  --teal-400: 96 165 250;
  --teal-500: 59 130 246;
  --teal-600: 37 99 235;
  --teal-700: 29 78 216;
  --teal-800: 30 64 175;
  --teal-900: 30 58 138;
  --teal-950: 23 37 84;
  --red-50: 255 247 237;
  --red-100: 255 237 213;
  --red-200: 254 215 170;
  --red-300: 253 186 116;
  --red-400: 251 146 60;
  --red-500: 249 115 22;
  --red-600: 234 88 12;
  --red-700: 194 65 12;
  --red-800: 154 52 18;
  --red-900: 124 45 18;
  --red-950: 67 20 7;
  --rose-50: 255 247 237;
  --rose-100: 255 237 213;
  --rose-200: 254 215 170;
  --rose-300: 253 186 116;
  --rose-400: 251 146 60;
  --rose-500: 249 115 22;
  --rose-600: 234 88 12;
  --rose-700: 194 65 12;
  --rose-800: 154 52 18;
  --rose-900: 124 45 18;
  --rose-950: 67 20 7;
  --tx-emerald-50: 240 249 255;
  --tx-emerald-100: 224 242 254;
  --tx-emerald-200: 186 230 253;
  --tx-emerald-300: 125 211 252;
  --tx-emerald-400: 56 189 248;
  --tx-emerald-500: 14 165 233;
  --tx-emerald-600: 2 132 199;
  --tx-emerald-700: 3 105 161;
  --tx-emerald-800: 7 89 133;
  --tx-emerald-900: 12 74 110;
  --tx-emerald-950: 8 47 73;
  --tx-green-50: 240 249 255;
  --tx-green-100: 224 242 254;
  --tx-green-200: 186 230 253;
  --tx-green-300: 125 211 252;
  --tx-green-400: 56 189 248;
  --tx-green-500: 14 165 233;
  --tx-green-600: 2 132 199;
  --tx-green-700: 3 105 161;
  --tx-green-800: 7 89 133;
  --tx-green-900: 12 74 110;
  --tx-green-950: 8 47 73;
  --tx-lime-50: 240 249 255;
  --tx-lime-100: 224 242 254;
  --tx-lime-200: 186 230 253;
  --tx-lime-300: 125 211 252;
  --tx-lime-400: 56 189 248;
  --tx-lime-500: 14 165 233;
  --tx-lime-600: 2 132 199;
  --tx-lime-700: 3 105 161;
  --tx-lime-800: 7 89 133;
  --tx-lime-900: 12 74 110;
  --tx-lime-950: 8 47 73;
  --tx-teal-50: 239 246 255;
  --tx-teal-100: 219 234 254;
  --tx-teal-200: 191 219 254;
  --tx-teal-300: 147 197 253;
  --tx-teal-400: 96 165 250;
  --tx-teal-500: 59 130 246;
  --tx-teal-600: 37 99 235;
  --tx-teal-700: 29 78 216;
  --tx-teal-800: 30 64 175;
  --tx-teal-900: 30 58 138;
  --tx-teal-950: 23 37 84;
  --tx-red-50: 255 247 237;
  --tx-red-100: 255 237 213;
  --tx-red-200: 254 215 170;
  --tx-red-300: 253 186 116;
  --tx-red-400: 251 146 60;
  --tx-red-500: 249 115 22;
  --tx-red-600: 234 88 12;
  --tx-red-700: 194 65 12;
  --tx-red-800: 154 52 18;
  --tx-red-900: 124 45 18;
  --tx-red-950: 67 20 7;
  --tx-rose-50: 255 247 237;
  --tx-rose-100: 255 237 213;
  --tx-rose-200: 254 215 170;
  --tx-rose-300: 253 186 116;
  --tx-rose-400: 251 146 60;
  --tx-rose-500: 249 115 22;
  --tx-rose-600: 234 88 12;
  --tx-rose-700: 194 65 12;
  --tx-rose-800: 154 52 18;
  --tx-rose-900: 124 45 18;
  --tx-rose-950: 67 20 7;
}
  /* AOI brand theme — the whole app is dark stone + AOI gold, so the auth
     pages, dialogs and inputs match the crew shell instead of a white default. */
  :root {
    --background: 36 26% 4%;
    --foreground: 60 9% 96%;
    --card: 30 10% 10%;
    --card-foreground: 60 9% 96%;
    --popover: 30 10% 10%;
    --popover-foreground: 60 9% 96%;
    --primary: 36 97% 62%;
    --primary-foreground: 30 10% 10%;
    --secondary: 12 6% 15%;
    --secondary-foreground: 60 9% 96%;
    --muted: 12 6% 15%;
    --muted-foreground: 24 5% 64%;
    --accent: 36 97% 62%;
    --accent-foreground: 30 10% 10%;
    --destructive: 0 72% 51%;
    --destructive-foreground: 0 0% 98%;
    --border: 12 6% 15%;
    --input: 12 6% 15%;
    --ring: 36 97% 62%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 0.5rem;
    /* Montserrat is the AOI face (matches the lockup lettering); the emails
       use the same stack. System fonts stand in until it loads / offline. */
    --font-heading: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    --font-body: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    --font-display: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --sidebar-background: 30 10% 10%;
    --sidebar-foreground: 60 9% 96%;
    --sidebar-primary: 36 97% 62%;
    --sidebar-primary-foreground: 30 10% 10%;
    --sidebar-accent: 12 6% 15%;
    --sidebar-accent-foreground: 60 9% 96%;
    --sidebar-border: 12 6% 15%;
    --sidebar-ring: 36 97% 62%;
  }

  /* LIGHT MODE (Josh, 2026-10-28: Light / Dark / Auto for the whole app).
     src/lib/theme.js puts class="light" on <html>. Dark stays the default.
     The stone and accent ramps flip from tailwind.config.js (themePlugin). */
  html.light {
    color-scheme: light;
    --background: 40 33% 95%;
    --foreground: 24 10% 10%;
    --card: 0 0% 100%;
    --card-foreground: 24 10% 10%;
    --popover: 0 0% 100%;
    --popover-foreground: 24 10% 10%;
    --secondary: 36 20% 89%;
    --secondary-foreground: 24 10% 10%;
    --muted: 36 20% 89%;
    --muted-foreground: 25 5% 38%;
    --border: 36 18% 86%;
    --input: 36 18% 86%;
    --sidebar-background: 0 0% 100%;
    --sidebar-foreground: 24 10% 10%;
    --sidebar-accent: 36 20% 89%;
    --sidebar-accent-foreground: 24 10% 10%;
    --sidebar-border: 36 18% 86%;
  }

  .dark {
    --background: 0 0% 3.9%;
    --foreground: 0 0% 98%;
    --card: 0 0% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 0 0% 9%;
    --secondary: 0 0% 14.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 14.9%;
    --muted-foreground: 0 0% 63.9%;
    --accent: 0 0% 14.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 14.9%;
    --input: 0 0% 14.9%;
    --ring: 0 0% 83.1%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
    --sidebar-background: 240 5.9% 10%;
    --sidebar-foreground: 240 4.8% 95.9%;
    --sidebar-primary: 224.3 76.3% 48%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 3.7% 15.9%;
    --sidebar-accent-foreground: 240 4.8% 95.9%;
    --sidebar-border: 240 3.7% 15.9%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }
  * {
  border-color: hsl(var(--border));
  outline-color: hsl(var(--ring) / 0.5);
}

  body {
  background-color: hsl(var(--background));
  font-family: var(--font-body);
  color: hsl(var(--foreground));
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-x-3 {
  left: 0.75rem;
  right: 0.75rem;
}
.inset-x-6 {
  left: 1.5rem;
  right: 1.5rem;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-12 {
  bottom: -3rem;
}
.-left-12 {
  left: -3rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-1\.5 {
  right: -0.375rem;
}
.-right-12 {
  right: -3rem;
}
.-right-16 {
  right: -4rem;
}
.-right-20 {
  right: -5rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-1\.5 {
  top: -0.375rem;
}
.-top-12 {
  top: -3rem;
}
.-top-16 {
  top: -4rem;
}
.-top-24 {
  top: -6rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-7 {
  bottom: 1.75rem;
}
.bottom-8 {
  bottom: 2rem;
}
.bottom-\[-14px\] {
  bottom: -14px;
}
.bottom-\[calc\(76px\+env\(safe-area-inset-bottom\)\)\] {
  bottom: calc(76px + env(safe-area-inset-bottom));
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-0\.5 {
  left: 0.125rem;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-3\.5 {
  left: 0.875rem;
}
.left-\[12px\] {
  left: 12px;
}
.left-\[14px\] {
  left: 14px;
}
.left-\[27px\] {
  left: 27px;
}
.left-\[3px\] {
  left: 3px;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[7px\] {
  left: 7px;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-\[14px\] {
  right: 14px;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-14 {
  top: 3.5rem;
}
.top-2 {
  top: 0.5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-3\.5 {
  top: 0.875rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-6 {
  top: 1.5rem;
}
.top-9 {
  top: 2.25rem;
}
.top-\[13px\] {
  top: 13px;
}
.top-\[1px\] {
  top: 1px;
}
.top-\[3px\] {
  top: 3px;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[60\%\] {
  top: 60%;
}
.top-full {
  top: 100%;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[110\] {
  z-index: 110;
}
.z-\[115\] {
  z-index: 115;
}
.z-\[120\] {
  z-index: 120;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[4\] {
  z-index: 4;
}
.z-\[80\] {
  z-index: 80;
}
.z-\[85\] {
  z-index: 85;
}
.z-\[90\] {
  z-index: 90;
}
.z-\[95\] {
  z-index: 95;
}
.z-\[96\] {
  z-index: 96;
}
.-m-2 {
  margin: -0.5rem;
}
.m-4 {
  margin: 1rem;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.-ml-2\.5 {
  margin-left: -0.625rem;
}
.-ml-3 {
  margin-left: -0.75rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.-mr-40 {
  margin-right: -10rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-5 {
  margin-top: -1.25rem;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-\[0\.26em\] {
  margin-right: 0.26em;
}
.mr-\[0\.28em\] {
  margin-right: 0.28em;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-auto {
  margin-top: auto;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.\!h-auto {
  height: auto !important;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-44 {
  height: 11rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[100vmin\] {
  height: 100vmin;
}
.h-\[140\%\] {
  height: 140%;
}
.h-\[150vmax\] {
  height: 150vmax;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[200vmax\] {
  height: 200vmax;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[230vmax\] {
  height: 230vmax;
}
.h-\[420px\] {
  height: 420px;
}
.h-\[520px\] {
  height: 520px;
}
.h-\[52dvh\] {
  height: 52dvh;
}
.h-\[58dvh\] {
  height: 58dvh;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[78dvh\] {
  height: 78dvh;
}
.h-\[calc\(100dvh-14rem-env\(safe-area-inset-bottom\)\)\] {
  height: calc(100dvh - 14rem - env(safe-area-inset-bottom));
}
.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
  height: var(--radix-navigation-menu-viewport-height);
}
.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-svh {
  height: 100svh;
}
.max-h-40 {
  max-height: 10rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[140px\] {
  max-height: 140px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[85dvh\] {
  max-height: 85dvh;
}
.max-h-full {
  max-height: 100%;
}
.max-h-screen {
  max-height: 100vh;
}
.\!min-h-\[36px\] {
  min-height: 36px !important;
}
.\!min-h-\[44px\] {
  min-height: 44px !important;
}
.\!min-h-\[48px\] {
  min-height: 48px !important;
}
.\!min-h-\[52px\] {
  min-height: 52px !important;
}
.\!min-h-\[54px\] {
  min-height: 54px !important;
}
.\!min-h-\[56px\] {
  min-height: 56px !important;
}
.\!min-h-\[60px\] {
  min-height: 60px !important;
}
.\!min-h-\[64px\] {
  min-height: 64px !important;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-11 {
  min-height: 2.75rem;
}
.min-h-\[100dvh\] {
  min-height: 100dvh;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.min-h-\[240px\] {
  min-height: 240px;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[340px\] {
  min-height: 340px;
}
.min-h-\[360px\] {
  min-height: 360px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[380px\] {
  min-height: 380px;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[520px\] {
  min-height: 520px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.min-h-svh {
  min-height: 100svh;
}
.w-0 {
  width: 0px;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-20 {
  width: 5rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/5 {
  width: 60%;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[--sidebar-width\] {
  width: var(--sidebar-width);
}
.w-\[100px\] {
  width: 100px;
}
.w-\[100vmin\] {
  width: 100vmin;
}
.w-\[140\%\] {
  width: 140%;
}
.w-\[150vmax\] {
  width: 150vmax;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[200vmax\] {
  width: 200vmax;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[230vmax\] {
  width: 230vmax;
}
.w-\[288px\] {
  width: 288px;
}
.w-\[36rem\] {
  width: 36rem;
}
.w-\[520px\] {
  width: 520px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[78vw\] {
  width: 78vw;
}
.w-\[86vw\] {
  width: 86vw;
}
.w-\[92px\] {
  width: 92px;
}
.w-\[min\(400px\2c 86vw\)\] {
  width: min(400px, 86vw);
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.\!min-w-\[44px\] {
  min-width: 44px !important;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-10 {
  min-width: 2.5rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-8 {
  min-width: 2rem;
}
.min-w-9 {
  min-width: 2.25rem;
}
.min-w-\[12rem\] {
  min-width: 12rem;
}
.min-w-\[20px\] {
  min-width: 20px;
}
.min-w-\[24px\] {
  min-width: 24px;
}
.min-w-\[3rem\] {
  min-width: 3rem;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-\[--skeleton-width\] {
  max-width: var(--skeleton-width);
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[232px\] {
  max-width: 232px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[440px\] {
  max-width: 440px;
}
.max-w-\[48\%\] {
  max-width: 48%;
}
.max-w-\[620px\] {
  max-width: 620px;
}
.max-w-\[70vw\] {
  max-width: 70vw;
}
.max-w-\[75vw\] {
  max-width: 75vw;
}
.max-w-\[78vw\] {
  max-width: 78vw;
}
.max-w-\[80vw\] {
  max-width: 80vw;
}
.max-w-\[84\%\] {
  max-width: 84%;
}
.max-w-\[920px\] {
  max-width: 920px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[2\] {
  flex: 2;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.basis-full {
  flex-basis: 100%;
}
.caption-bottom {
  caption-side: bottom;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-px {
  --tw-translate-x: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-px {
  --tw-translate-x: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {

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

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.touch-none {
  touch-action: none;
}
.touch-pan-y {
  --tw-pan-y: pan-y;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.scroll-mt-24 {
  scroll-margin-top: 6rem;
}
.scroll-mt-6 {
  scroll-margin-top: 1.5rem;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[1fr_8rem\] {
  grid-template-columns: 1fr 8rem;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-border > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border));
}
.divide-stone-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(var(--stone-800) / var(--tw-divide-opacity, 1));
}
.divide-stone-800\/80 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(var(--stone-800) / 0.8);
}
.justify-self-start {
  justify-self: start;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[1\.75rem\] {
  border-radius: 1.75rem;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[2rem\] {
  border-radius: 2rem;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-t-\[10px\] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-t-\[2rem\] {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
.rounded-bl-lg {
  border-bottom-left-radius: var(--radius);
}
.rounded-br-lg {
  border-bottom-right-radius: var(--radius);
}
.rounded-tl-sm {
  border-top-left-radius: calc(var(--radius) - 4px);
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-dashed {
  border-style: dashed;
}
.\!border-amber-400\/50 {
  border-color: rgb(var(--amber-400) / 0.5) !important;
}
.border-\[\#FCB040\] {
  --tw-border-opacity: 1;
  border-color: rgb(252 176 64 / var(--tw-border-opacity, 1));
}
.border-\[--color-border\] {
  border-color: var(--color-border);
}
.border-amber-200\/40 {
  border-color: rgb(var(--amber-200) / 0.4);
}
.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--amber-300) / var(--tw-border-opacity, 1));
}
.border-amber-300\/50 {
  border-color: rgb(var(--amber-300) / 0.5);
}
.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--amber-400) / var(--tw-border-opacity, 1));
}
.border-amber-400\/10 {
  border-color: rgb(var(--amber-400) / 0.1);
}
.border-amber-400\/15 {
  border-color: rgb(var(--amber-400) / 0.15);
}
.border-amber-400\/20 {
  border-color: rgb(var(--amber-400) / 0.2);
}
.border-amber-400\/25 {
  border-color: rgb(var(--amber-400) / 0.25);
}
.border-amber-400\/30 {
  border-color: rgb(var(--amber-400) / 0.3);
}
.border-amber-400\/35 {
  border-color: rgb(var(--amber-400) / 0.35);
}
.border-amber-400\/40 {
  border-color: rgb(var(--amber-400) / 0.4);
}
.border-amber-400\/45 {
  border-color: rgb(var(--amber-400) / 0.45);
}
.border-amber-400\/50 {
  border-color: rgb(var(--amber-400) / 0.5);
}
.border-amber-400\/60 {
  border-color: rgb(var(--amber-400) / 0.6);
}
.border-amber-400\/70 {
  border-color: rgb(var(--amber-400) / 0.7);
}
.border-amber-500\/20 {
  border-color: rgb(var(--amber-500) / 0.2);
}
.border-black\/40 {
  border-color: rgb(0 0 0 / 0.4);
}
.border-border {
  border-color: hsl(var(--border));
}
.border-border\/50 {
  border-color: hsl(var(--border) / 0.5);
}
.border-destructive {
  border-color: hsl(var(--destructive));
}
.border-destructive\/50 {
  border-color: hsl(var(--destructive) / 0.5);
}
.border-emerald-400\/20 {
  border-color: rgb(var(--emerald-400) / 0.2);
}
.border-emerald-400\/25 {
  border-color: rgb(var(--emerald-400) / 0.25);
}
.border-emerald-400\/40 {
  border-color: rgb(var(--emerald-400) / 0.4);
}
.border-emerald-400\/45 {
  border-color: rgb(var(--emerald-400) / 0.45);
}
.border-emerald-400\/50 {
  border-color: rgb(var(--emerald-400) / 0.5);
}
.border-emerald-400\/60 {
  border-color: rgb(var(--emerald-400) / 0.6);
}
.border-emerald-500\/40 {
  border-color: rgb(var(--emerald-500) / 0.4);
}
.border-input {
  border-color: hsl(var(--input));
}
.border-primary {
  border-color: hsl(var(--primary));
}
.border-primary\/50 {
  border-color: hsl(var(--primary) / 0.5);
}
.border-rose-400\/40 {
  border-color: rgb(var(--rose-400) / 0.4);
}
.border-rose-400\/50 {
  border-color: rgb(var(--rose-400) / 0.5);
}
.border-rose-400\/55 {
  border-color: rgb(var(--rose-400) / 0.55);
}
.border-rose-400\/60 {
  border-color: rgb(var(--rose-400) / 0.6);
}
.border-rose-500\/40 {
  border-color: rgb(var(--rose-500) / 0.4);
}
.border-rose-500\/50 {
  border-color: rgb(var(--rose-500) / 0.5);
}
.border-sidebar-border {
  border-color: hsl(var(--sidebar-border));
}
.border-sky-400\/40 {
  border-color: rgb(var(--sky-400) / 0.4);
}
.border-sky-400\/45 {
  border-color: rgb(var(--sky-400) / 0.45);
}
.border-sky-400\/50 {
  border-color: rgb(var(--sky-400) / 0.5);
}
.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-stone-600 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--stone-600) / var(--tw-border-opacity, 1));
}
.border-stone-700 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--stone-700) / var(--tw-border-opacity, 1));
}
.border-stone-700\/70 {
  border-color: rgb(var(--stone-700) / 0.7);
}
.border-stone-700\/80 {
  border-color: rgb(var(--stone-700) / 0.8);
}
.border-stone-800 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--stone-800) / var(--tw-border-opacity, 1));
}
.border-stone-800\/70 {
  border-color: rgb(var(--stone-800) / 0.7);
}
.border-stone-800\/80 {
  border-color: rgb(var(--stone-800) / 0.8);
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/40 {
  border-color: rgb(255 255 255 / 0.4);
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-t-slate-800 {
  --tw-border-opacity: 1;
  border-top-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.border-t-transparent {
  border-top-color: transparent;
}
.\!bg-stone-950\/95 {
  background-color: rgb(var(--stone-950) / 0.95) !important;
}
.bg-\[\#070605\] {
  --tw-bg-opacity: 1;
  background-color: rgb(7 6 5 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0c0a07\] {
  --tw-bg-opacity: 1;
  background-color: rgb(12 10 7 / var(--tw-bg-opacity, 1));
}
.bg-\[--color-bg\] {
  background-color: var(--color-bg);
}
.bg-accent {
  background-color: hsl(var(--accent));
}
.bg-amber-300\/70 {
  background-color: rgb(var(--amber-300) / 0.7);
}
.bg-amber-300\/80 {
  background-color: rgb(var(--amber-300) / 0.8);
}
.bg-amber-300\/\[0\.07\] {
  background-color: rgb(var(--amber-300) / 0.07);
}
.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--amber-400) / var(--tw-bg-opacity, 1));
}
.bg-amber-400\/10 {
  background-color: rgb(var(--amber-400) / 0.1);
}
.bg-amber-400\/15 {
  background-color: rgb(var(--amber-400) / 0.15);
}
.bg-amber-400\/35 {
  background-color: rgb(var(--amber-400) / 0.35);
}
.bg-amber-400\/5 {
  background-color: rgb(var(--amber-400) / 0.05);
}
.bg-amber-400\/\[0\.03\] {
  background-color: rgb(var(--amber-400) / 0.03);
}
.bg-amber-400\/\[0\.05\] {
  background-color: rgb(var(--amber-400) / 0.05);
}
.bg-amber-400\/\[0\.06\] {
  background-color: rgb(var(--amber-400) / 0.06);
}
.bg-background {
  background-color: hsl(var(--background));
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-border {
  background-color: hsl(var(--border));
}
.bg-card {
  background-color: hsl(var(--card));
}
.bg-destructive {
  background-color: hsl(var(--destructive));
}
.bg-destructive\/10 {
  background-color: hsl(var(--destructive) / 0.1);
}
.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--emerald-400) / var(--tw-bg-opacity, 1));
}
.bg-emerald-400\/10 {
  background-color: rgb(var(--emerald-400) / 0.1);
}
.bg-emerald-400\/\[0\.05\] {
  background-color: rgb(var(--emerald-400) / 0.05);
}
.bg-emerald-400\/\[0\.06\] {
  background-color: rgb(var(--emerald-400) / 0.06);
}
.bg-emerald-500\/10 {
  background-color: rgb(var(--emerald-500) / 0.1);
}
.bg-emerald-500\/5 {
  background-color: rgb(var(--emerald-500) / 0.05);
}
.bg-emerald-500\/\[0\.06\] {
  background-color: rgb(var(--emerald-500) / 0.06);
}
.bg-foreground {
  background-color: hsl(var(--foreground));
}
.bg-muted {
  background-color: hsl(var(--muted));
}
.bg-muted\/50 {
  background-color: hsl(var(--muted) / 0.5);
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--orange-100) / var(--tw-bg-opacity, 1));
}
.bg-orange-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--orange-400) / var(--tw-bg-opacity, 1));
}
.bg-popover {
  background-color: hsl(var(--popover));
}
.bg-primary {
  background-color: hsl(var(--primary));
}
.bg-primary\/10 {
  background-color: hsl(var(--primary) / 0.1);
}
.bg-primary\/20 {
  background-color: hsl(var(--primary) / 0.2);
}
.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--rose-500) / var(--tw-bg-opacity, 1));
}
.bg-rose-500\/10 {
  background-color: rgb(var(--rose-500) / 0.1);
}
.bg-secondary {
  background-color: hsl(var(--secondary));
}
.bg-sidebar {
  background-color: hsl(var(--sidebar-background));
}
.bg-sidebar-border {
  background-color: hsl(var(--sidebar-border));
}
.bg-sky-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--sky-400) / var(--tw-bg-opacity, 1));
}
.bg-sky-400\/10 {
  background-color: rgb(var(--sky-400) / 0.1);
}
.bg-sky-500\/10 {
  background-color: rgb(var(--sky-500) / 0.1);
}
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-stone-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--stone-50) / var(--tw-bg-opacity, 1));
}
.bg-stone-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--stone-600) / var(--tw-bg-opacity, 1));
}
.bg-stone-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--stone-700) / var(--tw-bg-opacity, 1));
}
.bg-stone-700\/70 {
  background-color: rgb(var(--stone-700) / 0.7);
}
.bg-stone-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--stone-800) / var(--tw-bg-opacity, 1));
}
.bg-stone-800\/60 {
  background-color: rgb(var(--stone-800) / 0.6);
}
.bg-stone-800\/80 {
  background-color: rgb(var(--stone-800) / 0.8);
}
.bg-stone-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--stone-900) / var(--tw-bg-opacity, 1));
}
.bg-stone-900\/40 {
  background-color: rgb(var(--stone-900) / 0.4);
}
.bg-stone-900\/50 {
  background-color: rgb(var(--stone-900) / 0.5);
}
.bg-stone-900\/60 {
  background-color: rgb(var(--stone-900) / 0.6);
}
.bg-stone-900\/70 {
  background-color: rgb(var(--stone-900) / 0.7);
}
.bg-stone-900\/80 {
  background-color: rgb(var(--stone-900) / 0.8);
}
.bg-stone-900\/90 {
  background-color: rgb(var(--stone-900) / 0.9);
}
.bg-stone-900\/95 {
  background-color: rgb(var(--stone-900) / 0.95);
}
.bg-stone-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--stone-950) / var(--tw-bg-opacity, 1));
}
.bg-stone-950\/50 {
  background-color: rgb(var(--stone-950) / 0.5);
}
.bg-stone-950\/60 {
  background-color: rgb(var(--stone-950) / 0.6);
}
.bg-stone-950\/70 {
  background-color: rgb(var(--stone-950) / 0.7);
}
.bg-stone-950\/75 {
  background-color: rgb(var(--stone-950) / 0.75);
}
.bg-stone-950\/80 {
  background-color: rgb(var(--stone-950) / 0.8);
}
.bg-stone-950\/85 {
  background-color: rgb(var(--stone-950) / 0.85);
}
.bg-stone-950\/90 {
  background-color: rgb(var(--stone-950) / 0.9);
}
.bg-stone-950\/95 {
  background-color: rgb(var(--stone-950) / 0.95);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[radial-gradient\(ellipse_at_center\2c transparent_35\%\2c rgba\(0\2c 0\2c 0\2c 0\.78\)_100\%\)\] {
  background-image: radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,0.78) 100%);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#FFE2A3\] {
  --tw-gradient-from: #FFE2A3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 226 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-200 {
  --tw-gradient-from: rgb(var(--amber-200) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--amber-200) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400\/20 {
  --tw-gradient-from: rgb(var(--amber-400) / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--amber-400) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400\/50 {
  --tw-gradient-from: rgb(var(--amber-400) / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--amber-400) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400\/\[0\.08\] {
  --tw-gradient-from: rgb(var(--amber-400) / 0.08) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--amber-400) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400\/\[0\.10\] {
  --tw-gradient-from: rgb(var(--amber-400) / 0.10) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--amber-400) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-stone-950 {
  --tw-gradient-from: rgb(var(--stone-950) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--stone-950) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-stone-950\/85 {
  --tw-gradient-from: rgb(var(--stone-950) / 0.85) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--stone-950) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#FCB040\] {
  --tw-gradient-to: rgb(252 176 64 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FCB040 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-100\/60 {
  --tw-gradient-to: rgb(var(--amber-100) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--amber-100) / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-400 {
  --tw-gradient-to: rgb(var(--amber-400) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--amber-400) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-400\/10 {
  --tw-gradient-to: rgb(var(--amber-400) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--amber-400) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-400\/40 {
  --tw-gradient-to: rgb(var(--amber-400) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--amber-400) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-stone-900\/60 {
  --tw-gradient-to: rgb(var(--stone-900) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--stone-900) / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-stone-900\/70 {
  --tw-gradient-to: rgb(var(--stone-900) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--stone-900) / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-stone-950\/30 {
  --tw-gradient-to: rgb(var(--stone-950) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--stone-950) / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-stone-950\/70 {
  --tw-gradient-to: rgb(var(--stone-950) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--stone-950) / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#E0901E\] {
  --tw-gradient-to: #E0901E var(--tw-gradient-to-position);
}
.to-amber-400\/5 {
  --tw-gradient-to: rgb(var(--amber-400) / 0.05) var(--tw-gradient-to-position);
}
.to-amber-500 {
  --tw-gradient-to: rgb(var(--amber-500) / 1) var(--tw-gradient-to-position);
}
.to-slate-50 {
  --tw-gradient-to: #f8fafc var(--tw-gradient-to-position);
}
.to-stone-950\/10 {
  --tw-gradient-to: rgb(var(--stone-950) / 0.1) var(--tw-gradient-to-position);
}
.to-stone-950\/60 {
  --tw-gradient-to: rgb(var(--stone-950) / 0.6) var(--tw-gradient-to-position);
}
.to-stone-950\/70 {
  --tw-gradient-to: rgb(var(--stone-950) / 0.7) var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.fill-current {
  fill: currentColor;
}
.fill-primary {
  fill: hsl(var(--primary));
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[1px\] {
  padding: 1px;
}
.\!px-3\.5 {
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}
.\!px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
}
.pb-\[calc\(2rem\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(2rem + env(safe-area-inset-bottom));
}
.pb-\[calc\(6\.5rem\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(6.5rem + env(safe-area-inset-bottom));
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-11 {
  padding-left: 2.75rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-3\.5 {
  padding-right: 0.875rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-3\.5 {
  padding-top: 0.875rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[calc\(0\.75rem\+env\(safe-area-inset-top\)\)\] {
  padding-top: calc(0.75rem + env(safe-area-inset-top));
}
.pt-\[calc\(2rem\+env\(safe-area-inset-top\)\)\] {
  padding-top: calc(2rem + env(safe-area-inset-top));
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.font-body {
  font-family: var(--font-body);
}
.font-mono {
  font-family: var(--font-mono);
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[25px\] {
  font-size: 25px;
}
.text-\[26px\] {
  font-size: 26px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[34px\] {
  font-size: 34px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.normal-case {
  text-transform: none;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-\[44px\] {
  line-height: 44px;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}
.tracking-\[0\.16em\] {
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.22em\] {
  letter-spacing: 0.22em;
}
.tracking-\[0\.24em\] {
  letter-spacing: 0.24em;
}
.tracking-\[0\.28em\] {
  letter-spacing: 0.28em;
}
.tracking-\[0\.2em\] {
  letter-spacing: 0.2em;
}
.tracking-\[0\.32em\] {
  letter-spacing: 0.32em;
}
.tracking-\[0\.34em\] {
  letter-spacing: 0.34em;
}
.tracking-\[0\.3em\] {
  letter-spacing: 0.3em;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-\[\#1a1206\] {
  --tw-text-opacity: 1;
  color: rgb(26 18 6 / var(--tw-text-opacity, 1));
}
.text-accent-foreground {
  color: hsl(var(--accent-foreground));
}
.text-amber-100 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-amber-100) / var(--tw-text-opacity, 1));
}
.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-amber-200) / var(--tw-text-opacity, 1));
}
.text-amber-200\/80 {
  color: rgb(var(--tx-amber-200) / 0.8);
}
.text-amber-200\/90 {
  color: rgb(var(--tx-amber-200) / 0.9);
}
.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-amber-300) / var(--tw-text-opacity, 1));
}
.text-amber-300\/70 {
  color: rgb(var(--tx-amber-300) / 0.7);
}
.text-amber-300\/80 {
  color: rgb(var(--tx-amber-300) / 0.8);
}
.text-amber-300\/85 {
  color: rgb(var(--tx-amber-300) / 0.85);
}
.text-amber-300\/90 {
  color: rgb(var(--tx-amber-300) / 0.9);
}
.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-amber-400) / var(--tw-text-opacity, 1));
}
.text-amber-400\/90 {
  color: rgb(var(--tx-amber-400) / 0.9);
}
.text-amber-50 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-amber-50) / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-amber-600) / var(--tw-text-opacity, 1));
}
.text-card-foreground {
  color: hsl(var(--card-foreground));
}
.text-current {
  color: currentColor;
}
.text-destructive {
  color: hsl(var(--destructive));
}
.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}
.text-emerald-100 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-emerald-100) / var(--tw-text-opacity, 1));
}
.text-emerald-200 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-emerald-200) / var(--tw-text-opacity, 1));
}
.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-emerald-300) / var(--tw-text-opacity, 1));
}
.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-emerald-400) / var(--tw-text-opacity, 1));
}
.text-emerald-50 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-emerald-50) / var(--tw-text-opacity, 1));
}
.text-foreground {
  color: hsl(var(--foreground));
}
.text-foreground\/50 {
  color: hsl(var(--foreground) / 0.5);
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-orange-600) / var(--tw-text-opacity, 1));
}
.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}
.text-primary {
  color: hsl(var(--primary));
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.text-rose-100 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-rose-100) / var(--tw-text-opacity, 1));
}
.text-rose-200 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-rose-200) / var(--tw-text-opacity, 1));
}
.text-rose-300 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-rose-300) / var(--tw-text-opacity, 1));
}
.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}
.text-sidebar-foreground {
  color: hsl(var(--sidebar-foreground));
}
.text-sidebar-foreground\/70 {
  color: hsl(var(--sidebar-foreground) / 0.7);
}
.text-sky-200 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-sky-200) / var(--tw-text-opacity, 1));
}
.text-sky-300 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-sky-300) / var(--tw-text-opacity, 1));
}
.text-sky-50 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-sky-50) / var(--tw-text-opacity, 1));
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-stone-100 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-100) / var(--tw-text-opacity, 1));
}
.text-stone-200 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-200) / var(--tw-text-opacity, 1));
}
.text-stone-300 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-300) / var(--tw-text-opacity, 1));
}
.text-stone-400 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-400) / var(--tw-text-opacity, 1));
}
.text-stone-50 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-50) / var(--tw-text-opacity, 1));
}
.text-stone-500 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-500) / var(--tw-text-opacity, 1));
}
.text-stone-600 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-600) / var(--tw-text-opacity, 1));
}
.text-stone-700 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-700) / var(--tw-text-opacity, 1));
}
.text-stone-800\/80 {
  color: rgb(var(--tx-stone-800) / 0.8);
}
.text-stone-900 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-900) / var(--tw-text-opacity, 1));
}
.text-stone-950 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-950) / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.decoration-amber-400\/50 {
  text-decoration-color: rgb(var(--amber-400) / 0.5);
}
.decoration-stone-600 {
  text-decoration-color: rgb(var(--stone-600) / 1);
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-stone-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(var(--stone-500) / var(--tw-placeholder-opacity, 1));
}
.placeholder-stone-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(var(--stone-500) / var(--tw-placeholder-opacity, 1));
}
.accent-amber-400 {
  accent-color: rgb(var(--amber-400) / 1);
}
.opacity-0 {
  opacity: 0;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-95 {
  opacity: 0.95;
}
.opacity-\[0\.72\] {
  opacity: 0.72;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgb\(var\(--amber-400\)\/0\.3\)\] {
  --tw-shadow: 0 0 0 1px rgb(var(--amber-400)/0.3);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgb\(var\(--amber-400\)\/0\.8\)\] {
  --tw-shadow: 0 0 12px rgb(var(--amber-400)/0.8);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(252\2c 176\2c 64\2c 0\.8\)\] {
  --tw-shadow: 0 0 12px rgba(252,176,64,0.8);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_40px_-18px_rgba\(252\2c 176\2c 64\2c 0\.35\)\] {
  --tw-shadow: 0 0 40px -18px rgba(252,176,64,0.35);
  --tw-shadow-colored: 0 0 40px -18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_-10px_rgb\(var\(--amber-400\)\/0\.8\)\] {
  --tw-shadow: 0 10px 30px -10px rgb(var(--amber-400)/0.8);
  --tw-shadow-colored: 0 10px 30px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_-12px_rgb\(var\(--amber-400\)\/0\.75\)\] {
  --tw-shadow: 0 10px 30px -12px rgb(var(--amber-400)/0.75);
  --tw-shadow-colored: 0 10px 30px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_-8px_rgb\(var\(--amber-400\)\/0\.8\)\] {
  --tw-shadow: 0 10px 30px -8px rgb(var(--amber-400)/0.8);
  --tw-shadow-colored: 0 10px 30px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_40px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: 0 10px 40px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 10px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_44px_rgba\(0\2c 0\2c 0\2c 0\.65\)\] {
  --tw-shadow: 0 14px 44px rgba(0,0,0,0.65);
  --tw-shadow-colored: 0 14px 44px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_40px_-16px_rgb\(0_0_0\/0\.9\)\] {
  --tw-shadow: 0 18px 40px -16px rgb(0 0 0/0.9);
  --tw-shadow-colored: 0 18px 40px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_50px_-20px_rgb\(0_0_0\/0\.9\)\] {
  --tw-shadow: 0 20px 50px -20px rgb(0 0 0/0.9);
  --tw-shadow-colored: 0 20px 50px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_8px_rgb\(0_0_0\/0\.45\)\] {
  --tw-shadow: 0 2px 8px rgb(0 0 0/0.45);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-40px_rgb\(0_0_0\/0\.9\)\] {
  --tw-shadow: 0 30px 80px -40px rgb(0 0 0/0.9);
  --tw-shadow-colored: 0 30px 80px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_40px_80px_-30px_rgb\(0_0_0\/0\.9\)\] {
  --tw-shadow: 0 40px 80px -30px rgb(0 0 0/0.9);
  --tw-shadow-colored: 0 40px 80px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_-10px_rgba\(252\2c 176\2c 64\2c 0\.5\)\] {
  --tw-shadow: 0 8px 24px -10px rgba(252,176,64,0.5);
  --tw-shadow-colored: 0 8px 24px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_-16px_rgb\(0_0_0\/0\.9\)\] {
  --tw-shadow: 0 8px 24px -16px rgb(0 0 0/0.9);
  --tw-shadow-colored: 0 8px 24px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_30px_-12px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-shadow: 0 8px 30px -12px rgba(0,0,0,0.8);
  --tw-shadow-colored: 0 8px 30px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_rgb\(var\(--amber-400\)\/0\.35\)\] {
  --tw-shadow: inset 0 0 0 1px rgb(var(--amber-400)/0.35);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.\!ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-amber-400\/50 {
  --tw-ring-color: rgb(var(--amber-400) / 0.5);
}
.ring-amber-400\/70 {
  --tw-ring-color: rgb(var(--amber-400) / 0.7);
}
.ring-ring {
  --tw-ring-color: hsl(var(--ring));
}
.ring-sidebar-ring {
  --tw-ring-color: hsl(var(--sidebar-ring));
}
.ring-stone-950 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--stone-950) / var(--tw-ring-opacity, 1));
}
.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl {
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl {
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_24px_rgb\(var\(--amber-400\)\/0\.25\)\] {
  --tw-drop-shadow: drop-shadow(0 0 24px rgb(var(--amber-400)/0.25));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_26px_rgba\(252\2c 176\2c 64\2c 0\.35\)\] {
  --tw-drop-shadow: drop-shadow(0 0 26px rgba(252,176,64,0.35));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_30px_rgba\(252\2c 176\2c 64\2c 0\.3\)\] {
  --tw-drop-shadow: drop-shadow(0 0 30px rgba(252,176,64,0.3));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_36px_rgb\(var\(--amber-400\)\/0\.35\)\] {
  --tw-drop-shadow: drop-shadow(0 0 36px rgb(var(--amber-400)/0.35));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_40px_rgb\(var\(--amber-400\)\/0\.4\)\] {
  --tw-drop-shadow: drop-shadow(0 0 40px rgb(var(--amber-400)/0.4));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[left\2c right\2c width\] {
  transition-property: left,right,width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[margin\2c opacity\] {
  transition-property: margin,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\2c height\2c padding\] {
  transition-property: width,height,padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-1000 {
  transition-duration: 1000ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter {

  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {

  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.zoom-in-95 {
  --tw-enter-scale: .95;
}
.duration-1000 {
  animation-duration: 1000ms;
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.duration-700 {
  animation-duration: 700ms;
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  animation-timing-function: linear;
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.running {
  animation-play-state: running;
}
.paused {
  animation-play-state: paused;
}
.\[color-scheme\:dark\] {
  color-scheme: dark;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.\[scrollbar-width\:thin\] {
  scrollbar-width: thin;
}

/* Native-app shell behaviour.
   - html/body are painted the brand dark so no white ever shows, even if a
     browser rubber-bands past the edge of the page.
   - overscroll-behavior stops the whole page bouncing / pull-to-refresh.
   - overflow-x hidden kills sideways drift; pinch-zoom is off via the viewport meta.
   - dvh sizing + safe-area padding keep the shell edge-to-edge under the notch
     and home indicator when installed to a phone. */
html {
  background-color: rgb(var(--stone-950));
  color-scheme: dark;
  height: 100%;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  overscroll-behavior: none;
  -webkit-text-size-adjust: 100%;
}
body {
  background-color: rgb(var(--stone-950));
  min-height: 100%;
  min-height: 100dvh;
  width: 100%;
  max-width: 100vw;
  /* Desktop mouse-wheel root cause (Josh, 2026-09-03). `overflow-x: hidden`
     here made <body> a scroll container (with zero range), and
     `overscroll-behavior: none` on that container told Chrome never to hand
     a scroll up to the real page scroller (<html>). Result: wheel over the
     content did nothing, only the page scrollbar worked. `clip` cuts
     sideways overflow without creating a scroll container, and the
     overscroll rule lives on <html> (the viewport) where it belongs. */
  overflow-x: clip;
  /* "manipulation" = pan + pinch allowed by the engine, double-tap zoom
     disabled — together with user-scalable=no in the viewport meta, nothing
     the crew taps can zoom the app (Josh, 2026-09-08). */
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
}
#root {
  min-height: 100dvh;
  overflow-x: clip; /* not hidden — hidden would make #root a scroll container (see .aoi-shell-main note) */
  width: 100%;
  max-width: 100vw;
}

/* AOI app shell (mobile) — this is what stops the "everything is sliding
   around" feel the owner reported: below the sidebar breakpoint (matches the
   lg=1280px Tailwind breakpoint used throughout AppLayout/Messages), the
   crew shell pins <body> in place and the ONLY thing that scrolls is the
   dedicated <main> inside AppLayout (.aoi-shell-main). This is scoped to the
   `aoi-app-shell` class AppLayout adds/removes on <body> itself (only while
   the signed-in shell is mounted), so the public Landing page and its swipe
   gallery, plus /login etc., keep normal document scrolling untouched. */
@media (max-width: 1279.98px) {
  body.aoi-app-shell {
    position: fixed;
    inset: 0;
    overflow: hidden;
    /* Paint the safe areas too — if the OS ever leaves a band under the
       home indicator or beside a notch, it's our near-black, not white. */
    background-color: rgb(var(--stone-950));
  }
  /* The phone shell fills the screen by pinning to all four edges of the
     fixed body instead of trusting 100dvh, which some iOS builds under-report
     in an installed (home-screen) app and leave a strip at the bottom (Josh,
     2026-09-04: "it doesn't fill the screen properly"). */
  body.aoi-app-shell .aoi-shell-root {
    position: fixed;
    inset: 0;
    height: auto;
    min-height: 0;
  }
  /* Installed iPhone app only, set by src/lib/fitGap.js: the screen paints
     taller than the layout viewport by a status-bar-sized gap, so the pinned
     body grows down by it. The transform makes the fixed tab bar and sheets
     pin to this taller body instead of the short viewport. */
  body.aoi-app-shell.aoi-fit-gap {
    bottom: calc(-1 * var(--aoi-fit-gap, 0px));
    transform: translateZ(0);
  }
}
/* The toolbar is a solid surface, including its status-bar safe area.
   A full control row remains below the inset on installed iPad/iPhone apps.
   Avoid backdrop filters here: Safari can composite a blurred scroll edge
   across the toolbar when the document moves behind a sticky header. */
.aoi-shell-header {
  box-sizing: border-box;
  min-height: calc(56px + env(safe-area-inset-top, 0px));
  padding-top: calc(6px + env(safe-area-inset-top, 0px));
  padding-bottom: 6px;
  padding-left: calc(16px + env(safe-area-inset-left, 0px));
  padding-right: calc(16px + env(safe-area-inset-right, 0px));
  background-color: rgb(var(--stone-900));
  backdrop-filter: none;
}
@media (min-width: 1280px) {
  .aoi-shell-header {
    min-height: calc(64px + env(safe-area-inset-top, 0px));
    padding-top: calc(10px + env(safe-area-inset-top, 0px));
    padding-bottom: 10px;
  }
}

/* Desktop wheel-scroll fix (Josh, 2026-09-03: "I have to grab the scrollbar,
   the mouse wheel does nothing"). `overflow-x: hidden` silently turns
   overflow-y into `auto`, which made <main> its own scroll container on
   desktop with ~10px of travel. Chrome latches a wheel gesture to the first
   scrollable ancestor under the pointer, so every wheel burst moved <main>
   10px and never reached the page. `clip` cuts sideways overflow WITHOUT
   creating a scroll container, so on desktop the document scrolls normally;
   on phones the media rule below still makes <main> the scroller. */
.aoi-shell-main {
  overflow-x: clip;
  overscroll-behavior-x: contain;
}
@media (min-width: 1280px) {
  .aoi-shell-main {
    overflow-y: visible;
  }
}
@media (max-width: 1279.98px) {
  /* Flex child of the shell's column (AppLayout): flex-1 + min-h-0 (Tailwind,
     on the element) do the sizing so it exactly fills the space left by the
     header above it; this rule only adds the scrolling behaviour. */
  .aoi-shell-main {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    /* Space for the fixed MobileTabBar. MobileTabBar measures its real height
       (raised assistant button and home-indicator inset included) into
       --aoi-tabbar-h; the old fixed 52px left the last lines of every page
       under the bar on taller bars (2026-10-28). 12px breathing room on top. */
    padding-bottom: calc(var(--aoi-tabbar-h, calc(72px + env(safe-area-inset-bottom))) + 12px);
  }
}
img, video {
  -webkit-user-drag: none;
}
@media (display-mode: standalone) {
  body { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
  input, textarea, [contenteditable="true"], code, pre { -webkit-user-select: text; -moz-user-select: text; user-select: text; }
}

/* iOS WebView deployment (2026-10-10): the shell disables selection app-wide,
   but anything a person authored or needs to copy — posts, message bodies,
   articles, job instructions — must stay selectable in the WebView. */
.prose, article, p, .message-content, .selectable-text {
  -moz-user-select: text !important;
       user-select: text !important;
  -webkit-user-select: text !important;
}

/* AOI cinematic motion system — gold-oak topographic brand */
@keyframes topoDrift {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-7%, -4%, 0); }
}
@keyframes topoDrift2 {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(6%, 4%, 0); }
}
@keyframes glowPulse {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.65; }
}
@keyframes scanline {
  0% { transform: translateY(-12vh); opacity: 0; }
  12% { opacity: 1; }
  88% { opacity: 1; }
  100% { transform: translateY(112vh); opacity: 0; }
}
@keyframes kenburns {
  0% { transform: scale(1) translate(0, 0); }
  100% { transform: scale(1.12) translate(-2%, -1.5%); }
}
@keyframes livePing {
  0% { transform: scale(1); opacity: 0.6; }
  80%, 100% { transform: scale(2.6); opacity: 0; }
}
@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
@keyframes dustRise {
  0%   { transform: translate3d(0, 0, 0); opacity: 0; }
  12%  { opacity: 0.8; }
  85%  { opacity: 0.45; }
  100% { transform: translate3d(var(--dx, 0px), -100vh, 0); opacity: 0; }
}
@keyframes iconGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgb(var(--amber-400) / 0); }
  50% { box-shadow: 0 0 30px 2px rgb(var(--amber-400) / 0.4); }
}

/* AOI interactive glow — golden pulse on hover/proximity for icons & buttons */
.aoi-glow { transition: filter .25s ease, color .25s ease; }
.aoi-glow:hover, .aoi-glow:focus-visible {
  filter: drop-shadow(0 0 5px rgb(var(--amber-400) / 0.65)) drop-shadow(0 0 10px rgb(var(--amber-400) / 0.35));
  color: rgb(252, 211, 77);
}
.aoi-glow-ring { transition: box-shadow .25s ease, border-color .25s ease; }
.aoi-glow-ring:hover, .aoi-glow-ring:focus-visible {
  box-shadow: 0 0 0 1px rgb(var(--amber-400) / 0.35), 0 0 14px 1px rgb(var(--amber-400) / 0.45);
  border-color: rgb(var(--amber-400) / 0.5);
}
.aoi-glow-active {
  animation: iconGlow 2.4s ease-in-out infinite;
}

/* AOI golden info stream — flowing data between org-tree nodes */
@keyframes goldStream {
  to { stroke-dashoffset: -56; }
}
@keyframes goldPulse {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.9; }
}
.gold-stream {
  stroke-dasharray: 5 9;
  animation: goldStream 1.4s linear infinite;
  filter: drop-shadow(0 0 3px rgb(var(--amber-400) / 0.55));
}
.gold-stream-trunk {
  stroke-dasharray: 7 11;
  animation: goldStream 1.1s linear infinite;
  filter: drop-shadow(0 0 5px rgb(var(--amber-400) / 0.75));
}
.org-node {
  transition: box-shadow .3s ease, border-color .3s ease, transform .3s ease;
}
.org-node:hover {
  border-color: rgb(var(--amber-400) / 0.55);
  box-shadow: 0 0 0 1px rgb(var(--amber-400) / 0.35), 0 0 22px 1px rgb(var(--amber-400) / 0.28);
}
.org-node-lead {
  animation: goldPulse 3.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* AOI Messages — mobile keyboard-safe chat column (src/pages/Messages.jsx).
   Below lg, the chat root is pulled out of document flow and pinned via the
   JS-measured --aoi-vvh (usable height) / --aoi-vv-offset (pan offset) custom
   properties Messages.jsx writes on it, instead of a stale 100vh that ignores
   both the sticky app header above it and the on-screen keyboard. This keeps
   it aligned on Android (interactive-widget=resizes-content already shrinks
   the layout viewport, so the offset stays ~0) and on iOS Safari (which only
   pans the visual viewport — the translateY compensates so the composer at
   the bottom of the column stays glued above the keyboard). Falls back to
   100dvh / no offset before the JS effect runs, and is inert at lg+ where the
   page keeps its normal in-flow desktop layout (sidebar + optional split). */
@media (max-width: 1279.98px) {
  .aoi-chat-root {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    height: var(--aoi-vvh, 100dvh);
    transform: translateY(var(--aoi-vv-offset, 0px));
    overscroll-behavior: contain;
    /* Smooth keyboard tracking (Josh: "keyboard comes up, but it's a little
       choppy"). The usable-height/pan offset vars update on every
       visualViewport resize — dozens of steps over the iPhone keyboard's
       animation — so the fixed column jumps in steps. A short transition
       interpolates those steps into one fluid slide. Short enough (120ms)
       that the composer still tracks the keyboard edge closely. */
    transition: height 120ms ease-out, transform 120ms ease-out;
  }
}
/* ---------------------------------------------------------------------
   Professional polish pass — global, brand-consistent details that apply
   app-wide rather than per-component.
   ------------------------------------------------------------------- */

/* Branded scrollbars — thin, gold thumb on a transparent track, wherever
   something scrolls (the main content area, chat panes, drawers, any
   overflow-y/x-auto list). */
* {
  scrollbar-width: thin;
  scrollbar-color: rgb(var(--amber-400) / 0.55) transparent;
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: rgb(var(--amber-400) / 0.55);
  border-radius: 9999px;
  border: 2px solid rgb(var(--stone-950));
  background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: rgb(var(--amber-400) / 0.85);
}

/* Native form controls (checkboxes, radios, range sliders, progress bars)
   pick up the brand gold instead of the browser's default blue. */
:root {
  accent-color: rgb(var(--amber-400));
}

/* Range sliders — gold thumb, charcoal track, in browsers that don't fully
   honor accent-color for the track. */
input[type="range"] {
  accent-color: rgb(var(--amber-400));
}
input[type="range"]::-webkit-slider-runnable-track {
  background: rgb(var(--stone-800));
  border-radius: 9999px;
  height: 4px;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  margin-top: -6px;
  border-radius: 9999px;
  background: rgb(var(--amber-400));
  border: 2px solid rgb(var(--stone-950));
  cursor: pointer;
}
input[type="range"]::-moz-range-track {
  background: rgb(var(--stone-800));
  border-radius: 9999px;
  height: 4px;
}
input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  background: rgb(var(--amber-400));
  border: 2px solid rgb(var(--stone-950));
  cursor: pointer;
}

::-moz-selection {
  background: rgb(var(--amber-400) / 0.35);
  color: #fffbeb;
}

::selection {
  background: rgb(var(--amber-400) / 0.35);
  color: #fffbeb;
}

/* Amber focus ring for keyboard/programmatic focus app-wide. Scoped to
   :focus-visible so a mouse click doesn't draw a ring on top of a
   component's own focus styling (many inputs already set their own
   focus:border-amber-400 + focus:outline-none — this is the fallback for
   everything else: native selects, checkboxes, plain buttons/links). */
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible,
a:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid rgb(var(--amber-400) / 0.6);
  outline-offset: 2px;
}

/* Smooth scroll only where it's safe — never for people who've asked for
   reduced motion, and only on the containers that actually scroll. */
@media (prefers-reduced-motion: no-preference) {
  html,
  .aoi-shell-main {
    scroll-behavior: smooth;
  }
}

/* AOI gold hover glow for nav rows, tab bar items and header buttons */
.aoi-nav-glow { transition: color .15s ease, background-color .15s ease, box-shadow .15s ease, border-color .15s ease; }
/* The selected page has a steady edge; pointer hover is temporary. */
.aoi-nav-glow:focus-visible { outline: 2px solid var(--brand-primary, rgb(var(--amber-400))); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
  .aoi-nav-glow:hover { box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-primary, rgb(var(--amber-400))) 55%, transparent), 0 0 22px color-mix(in srgb, var(--brand-primary, rgb(var(--amber-400))) 30%, transparent); color: var(--brand-primary, rgb(var(--amber-400))); }
}
.aoi-nav-glow-active { box-shadow: 0 0 0 1px rgb(var(--amber-400) / .45), 0 0 22px 1px rgb(var(--amber-400) / .4); }
.aoi-sidebar-row.aoi-nav-glow-active { box-shadow: inset 3px 0 0 var(--brand-primary, rgb(var(--amber-400))); }
nav, [data-aoi-mobile-tabbar] { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

/* Keyboard-safe form inputs on phones: iOS Safari auto-zooms the page when
   a focused input's computed font-size is under 16px. Every text-entry
   control gets floored to 16px below the tablet breakpoint so tapping into
   any form (Calendar's event form, FormSheet-based dialogs, AddressField,
   etc.) never triggers an unwanted zoom. */
@media (max-width: 767.98px) {
  /* !important: utility classes like text-[13px] out-rank the old plain
     rule, and iOS auto-zooms into any focused input under 16px — the zoom
     that "locks" the app until restart (Josh, 2026-09-08). The viewport
     meta locks zoom off entirely; this floor makes sure it never triggers. */
  input, select, textarea { font-size: 16px !important; }
}


/* ---------------------------------------------------------------------
   Global "nothing may leave the screen" safety net — layout pass, Sep 2026.
   Belt-and-suspenders on top of the html/body/#root rules above: catches
   any element (img/video/canvas overflow, a stray wide child) that would
   otherwise force sideways scroll on a route we didn't hand-fix directly.
   ------------------------------------------------------------------- */
html {
  overflow-x: hidden;
}
body {
  overflow-x: clip; /* never `hidden` on body — see the note on the body rule above */
}
.aoi-shell-main {
  overflow-x: clip; /* see the desktop wheel-scroll note above — never `hidden` here */
}
img, video, canvas {
  max-width: 100%;
}

/* .aoi-hscroll — the standard wrapper for content that is legitimately
   wider than the viewport (data tables, the org tree, roster/CSV-like
   lists, tab strips). Scrolls horizontally inside itself instead of
   pushing the page wide; never applies to the page shell. Pair with
   .aoi-hscroll-wrap on a parent to get a right-edge fade hinting that
   there's more to scroll to. */
.aoi-hscroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-gutter: stable;
  max-width: 100%;
}
.aoi-hscroll-wrap {
  position: relative;
}
.aoi-hscroll-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 28px;
  pointer-events: none;
  background: linear-gradient(to right, transparent, rgb(var(--stone-950) / 0.85));
}

/* ---------------------------------------------------------------------
   Living plan-sheet background (src/components/PlanBackground.jsx)
   ------------------------------------------------------------------- */
@keyframes aoiPlanWipe {
  from { clip-path: inset(0 100% 0 0); }
  to { clip-path: inset(0 0 0 0); }
}
@keyframes aoiPlanDrift {
  0% { transform: translate3d(0, 0, 0) scale(1.02); }
  50% { transform: translate3d(-1.6%, -1%, 0) scale(1.05); }
  100% { transform: translate3d(0, 0, 0) scale(1.02); }
}
@keyframes aoiPlanSweep {
  0% { transform: translateX(0) skewX(-18deg); opacity: 0; }
  8% { opacity: 1; }
  40% { transform: translateX(2600px) skewX(-18deg); opacity: 1; }
  41% { opacity: 0; }
  100% { transform: translateX(2600px) skewX(-18deg); opacity: 0; }
}
@keyframes aoiPlanSpray {
  0%, 100% { fill-opacity: 0.05; opacity: 0.45; }
  50% { fill-opacity: 0.18; opacity: 0.9; }
}
@keyframes aoiPlanRipple {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(-8px); }
}
.aoi-plan-sheet .aoi-plan-drift { transform-origin: 50% 50%; }
.aoi-plan-sheet .aoi-plan-sweep { animation: aoiPlanSweep 14s ease-in-out infinite; animation-delay: 2.5s; will-change: transform; }
.aoi-plan-sheet .aoi-plan-spray { animation: aoiPlanSpray 6s ease-in-out infinite; }
.aoi-plan-sheet .aoi-plan-ripple { animation: aoiPlanRipple 5s ease-in-out infinite; }
@media (prefers-reduced-motion: no-preference) {
  .aoi-plan-sheet .aoi-plan-drift { animation: aoiPlanDrift 90s ease-in-out infinite; }
  /* Draft-in on first paint: each layer wipes on left-to-right like a
     plotter pass (clip-path keeps every dash style intact). */
  .aoi-plan-sheet .aoi-plan-draw { clip-path: inset(0 100% 0 0); animation: aoiPlanWipe 2.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
}
@media (prefers-reduced-motion: reduce) {
  .aoi-plan-sheet .aoi-plan-sweep, .aoi-plan-sheet .aoi-plan-spray, .aoi-plan-sheet .aoi-plan-ripple { animation: none; }
}
@keyframes aoiPlanMote {
  0% { transform: translate3d(0, 0, 0) scale(0.6); opacity: 0; }
  8% { opacity: var(--aoi-mote-o, 0.6); }
  50% { transform: translate3d(var(--aoi-sway, 0px), -55vh, 0) scale(1); }
  92% { opacity: var(--aoi-mote-o, 0.6); }
  100% { transform: translate3d(calc(var(--aoi-sway, 0px) * -0.6), -110vh, 0) scale(0.7); opacity: 0; }
}
@keyframes aoiPlanWings {
  0%, 100% { transform: scaleY(1); }
  50% { transform: scaleY(0.55); }
}
.aoi-plan-mote { animation: aoiPlanMote linear infinite; will-change: transform, opacity; }
.aoi-plan-sheet .aoi-plan-wings { transform-box: fill-box; transform-origin: 50% 50%; animation: aoiPlanWings 0.9s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .aoi-plan-mote, .aoi-plan-sheet .aoi-plan-wings { animation: none; } }

/* Readability over the plan sheet (Josh, 2026-09-04: "still busy, hard to
   read"). Inside the signed-in shell, the translucent card surfaces become
   near-solid so text sits on dark stone, not on gold linework. The sheet
   stays visible in the margins and between cards. */
.aoi-app-shell .bg-stone-900\/60 { background-color: rgb(var(--stone-900) / 0.9); }
.aoi-app-shell .bg-stone-900\/50 { background-color: rgb(var(--stone-900) / 0.86); }
.aoi-app-shell .bg-stone-900\/40 { background-color: rgb(var(--stone-900) / 0.8); }
.aoi-app-shell .bg-stone-950\/60 { background-color: rgb(var(--stone-950) / 0.9); }
.aoi-app-shell .bg-stone-950\/50 { background-color: rgb(var(--stone-950) / 0.86); }
/* ---------------------------------------------------------------------
   Live chat backgrounds (src/components/messages/ChatBackdrop.jsx)
   Shares the aoi-plan-* wipe / drift / sweep / spray / ripple / wings
   rules above; these add the motion the themed sheets need.
   ------------------------------------------------------------------- */
@keyframes aoiBdFlow { to { stroke-dashoffset: -120; } }
@keyframes aoiBdRain {
  0% { transform: translateY(-40px); opacity: 0; }
  8% { opacity: var(--aoi-rain-o, 0.5); }
  100% { transform: translateY(1060px); opacity: 0; }
}
@keyframes aoiBdTwinkle { 0%, 100% { opacity: 0.15; } 50% { opacity: 1; } }
@keyframes aoiBdSway { 0%, 100% { transform: rotate(-1.2deg); } 50% { transform: rotate(1.2deg); } }
@keyframes aoiBdBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes aoiBdSpin { to { transform: rotate(360deg); } }
@keyframes aoiBdEmber {
  0% { transform: translate(0, 0) scale(1); opacity: 0; }
  12% { opacity: 0.9; }
  100% { transform: translate(var(--dx, 0px), -150px) scale(0.3); opacity: 0; }
}
@keyframes aoiBdSmoke {
  0% { transform: translate(0, 0) scale(0.6); opacity: 0; }
  15% { opacity: 0.35; }
  100% { transform: translate(22px, -130px) scale(2); opacity: 0; }
}
@keyframes aoiBdFall {
  0% { transform: translate(0, -20px) rotate(0deg); opacity: 0; }
  10% { opacity: 0.85; }
  100% { transform: translate(var(--dx, 40px), 460px) rotate(320deg); opacity: 0; }
}
@keyframes aoiBdDig {
  0%, 100% { transform: rotate(0deg); }
  40%, 60% { transform: rotate(24deg); }
}
.aoi-plan-sheet .aoi-bd-flow { animation: aoiBdFlow 3s linear infinite; }
.aoi-plan-sheet .aoi-bd-rain { animation: aoiBdRain linear infinite; }
.aoi-plan-sheet .aoi-bd-twinkle { animation: aoiBdTwinkle ease-in-out infinite; }
.aoi-plan-sheet .aoi-bd-sway { transform-box: fill-box; transform-origin: 50% 50%; animation: aoiBdSway 6s ease-in-out infinite; }
.aoi-plan-sheet .aoi-bd-bob { animation: aoiBdBob 1.6s ease-in-out infinite; }
.aoi-plan-sheet .aoi-bd-spin { transform-box: fill-box; transform-origin: 0% 50%; animation: aoiBdSpin 4s linear infinite; }
.aoi-plan-sheet .aoi-bd-ember { animation: aoiBdEmber linear infinite; }
.aoi-plan-sheet .aoi-bd-smoke { animation: aoiBdSmoke 5s ease-out infinite; }
.aoi-plan-sheet .aoi-bd-fall { animation: aoiBdFall linear infinite; }
.aoi-plan-sheet .aoi-bd-dig { transform-box: fill-box; transform-origin: 0% 50%; animation: aoiBdDig 4s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
  .aoi-plan-sheet .aoi-bd-flow, .aoi-plan-sheet .aoi-bd-rain, .aoi-plan-sheet .aoi-bd-twinkle, .aoi-plan-sheet .aoi-bd-sway,
  .aoi-plan-sheet .aoi-bd-bob, .aoi-plan-sheet .aoi-bd-spin, .aoi-plan-sheet .aoi-bd-ember, .aoi-plan-sheet .aoi-bd-smoke,
  .aoi-plan-sheet .aoi-bd-fall, .aoi-plan-sheet .aoi-bd-dig { animation: none; }
}

/* Header favorites strip (HeaderFavorites.jsx): it scrolls when the shortcut
   pills outnumber the space, but the global gold scrollbar thumb under the
   top bar reads as a broken underline (iPad landscape, Josh 2026-10-04).
   Hide it — wheel/touch/drag still scroll the strip. */
.aoi-fav-strip {
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.aoi-fav-strip::-webkit-scrollbar {
  display: none;
}

/* Dropdown menus: the native select arrow is near-invisible on the charcoal
   theme (Josh, 2026-09-10: "make sure it's easier to see the little arrows
   for the drop-down menus when you're actually in the estimate builder").
   Draw a gold chevron ourselves so every select in the app reads as
   tappable at a glance. background-color stays whatever Tailwind class the
   select already carries; only the arrow is added. */
/* Storm alarm banner (StormAlarmOverlay) — Josh, 2026-09-30: it sits ABOVE
   the app header and pushes it down instead of covering the bell, search bar,
   favorites and gear. The banner measures itself into --aoi-storm-banner-h. */
/* Josh, 2026-10-01: "it's laid over all the damn top menu." The header is
   sticky top-0 at EVERY width, so the top: offset has to apply at every width
   too (it was only set at 1280px and up, so on a phone or tablet the header
   slid back under the banner as soon as the page scrolled). margin-top sets
   the resting spot at scroll 0; top keeps it below the banner once scrolled. */
body.aoi-storm-banner-live .aoi-shell-col > header {
  margin-top: var(--aoi-storm-banner-h, 44px);
  top: var(--aoi-storm-banner-h, 44px);
}
/* Sidebar shows from lg (1024px, lg:pl-64 = 16rem). The banner clears it from
   the same width; width auto so left + right set the span (w-full would push
   it 16rem past the right edge). */
@media (min-width: 1024px) {
  body.aoi-storm-banner-live .aoi-storm-banner { left: 16rem; width: auto; }
}

select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding-right: 1.75rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23f8b040' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 0.85rem;
}

/* ---------------------------------------------------------------------
   iPad keyboard lift for the clock note dialog (2026-09-30). The app shell
   pins <body>, so iPad Safari cannot pan the page to reveal a focused input
   — the keyboard covers the bottom of the centered dialog instead. While an
   input inside the dialog is focused, TimeNoteDialog measures the keyboard
   and writes --kb-lift (how far the dialog should rise) plus
   --kb-scrollpad (the remainder, given to the input as scroll margin so the
   dialog's own scrolling finishes the reveal). The transform below piggy-
   backs on the Tailwind translate variables so the md centering keeps
   working underneath it.
   ------------------------------------------------------------------- */
.kb-lift textarea,
.kb-lift input {
  scroll-margin-bottom: var(--kb-scrollpad, 0px);
}
@media (min-width: 768px) {
  .kb-lift {
    transform: translate(var(--tw-translate-x, 0px), calc(var(--tw-translate-y, 0px) - var(--kb-lift, 0px))) !important;
  }
}
/* ---------------------------------------------------------------------
   LIGHT MODE EXTRAS (2026-10-28). White text and white glass are dark-mode
   habits; in light mode they read as the theme ink instead. Inside solid
   colored buttons, photo heroes and black overlays the dark neutrals come
   back (tailwind.config.js SOLID scope), so --stone-100 is white there.
   --------------------------------------------------------------------- */
html.light { color-scheme: light; }
html.light .text-white { color: rgb(var(--stone-100)); }
html.light .text-white\/50 { color: rgb(var(--stone-100) / 0.5); }
html.light .text-white\/60 { color: rgb(var(--stone-100) / 0.6); }
html.light .text-white\/70 { color: rgb(var(--stone-100) / 0.7); }
html.light .text-white\/80 { color: rgb(var(--stone-100) / 0.8); }
html.light .text-white\/90 { color: rgb(var(--stone-100) / 0.9); }
html.light .text-white\/95 { color: rgb(var(--stone-100) / 0.95); }
html.light .bg-white\/5 { background-color: rgb(var(--stone-100) / 0.05); }
html.light .border-white\/5 { border-color: rgb(var(--stone-100) / 0.05); }
html.light .hover\:bg-white\/5:hover { background-color: rgb(var(--stone-100) / 0.05); }
html.light .bg-white\/10 { background-color: rgb(var(--stone-100) / 0.1); }
html.light .border-white\/10 { border-color: rgb(var(--stone-100) / 0.1); }
html.light .hover\:bg-white\/10:hover { background-color: rgb(var(--stone-100) / 0.1); }
html.light .bg-white\/15 { background-color: rgb(var(--stone-100) / 0.15); }
html.light .border-white\/15 { border-color: rgb(var(--stone-100) / 0.15); }
html.light .hover\:bg-white\/15:hover { background-color: rgb(var(--stone-100) / 0.15); }
html.light .bg-white\/20 { background-color: rgb(var(--stone-100) / 0.2); }
html.light .border-white\/20 { border-color: rgb(var(--stone-100) / 0.2); }
html.light .hover\:bg-white\/20:hover { background-color: rgb(var(--stone-100) / 0.2); }
html.light .bg-white\/25 { background-color: rgb(var(--stone-100) / 0.25); }
html.light .border-white\/25 { border-color: rgb(var(--stone-100) / 0.25); }
html.light .hover\:bg-white\/25:hover { background-color: rgb(var(--stone-100) / 0.25); }
html.light .bg-white\/30 { background-color: rgb(var(--stone-100) / 0.3); }
html.light .border-white\/30 { border-color: rgb(var(--stone-100) / 0.3); }
html.light .hover\:bg-white\/30:hover { background-color: rgb(var(--stone-100) / 0.3); }
html.light .bg-white\/40 { background-color: rgb(var(--stone-100) / 0.4); }
html.light .border-white\/40 { border-color: rgb(var(--stone-100) / 0.4); }
html.light .hover\:bg-white\/40:hover { background-color: rgb(var(--stone-100) / 0.4); }
html.light .bg-\[\#0c0a07\], html.light .bg-\[\#0f0d0a\], html.light .bg-\[\#0e0c09\] { background-color: rgb(var(--stone-950)); }
html.light .bg-\[\#0c0a07\]\/70 { background-color: rgb(var(--stone-950) / 0.7); }
html.light .text-\[\rgb(var(--amber-400))\] { color: rgb(var(--tx-amber-400)); }
/* Inputs, selects and date pickers follow the theme. */
html.light input, html.light select, html.light textarea { color-scheme: light; }
/* Shadows meant for a black page are too heavy on cream; soften them. */
html.light .shadow-black\/40, html.light .shadow-black\/50, html.light .shadow-black\/60 { --tw-shadow-color: rgb(120 113 108 / 0.18); }

/* LIGHT MODE PARTICLES AND PLAN SHEET (Josh, 2026-10-28: gold dust did not show on
   white). Light mode runs its own look for the background engine: the drifting
   motes turn deep amber-bronze with a soft dark halo and stay near full strength,
   and the blueprint linework is darkened from bright gold to bronze so it reads
   on cream. Dark mode is untouched. */
html.light .aoi-plan-mote {
  --aoi-mote-o: 0.95;
  background: rgb(var(--brand-600, 184 116 20)) !important;
  box-shadow: 0 0 0 1.5px rgba(107, 68, 21, 0.55), 0 0 10px 4px rgba(224, 149, 45, 0.55), 0 0 22px 8px rgb(var(--amber-400) / 0.30) !important;
}
/* The cream scrim is lighter than the dark one so the bronze linework shows
   around the white cards, which already carry the text. */
html.light .aoi-plan-scrim { opacity: 0.55; }
.aoi-plan-ink { color: rgb(var(--amber-400)); }
html.light .aoi-plan-ink { color: rgb(var(--brand-700, 143 94 20)); }
/* Other plan-sheet art (chat backdrops) keeps a light-mode darkening filter. */
html.light svg.aoi-plan-sheet:not(.aoi-plan-ink) {
  filter: brightness(0.55) saturate(1.5) contrast(1.2);
}

/* LIGHT MODE CHARTS AND SVG ART (2026-10-28). Charts and drawn icons set their
   colors as SVG attributes; CSS outranks those, so the dark-theme greys are
   swapped here instead of in every chart. Maps are not affected. */
html.light .recharts-cartesian-grid line { stroke: #E7E2DA; }
html.light .recharts-cartesian-axis-line, html.light .recharts-cartesian-axis-tick-line { stroke: #D6D0C7; }
html.light .recharts-cartesian-axis-tick-value, html.light .recharts-text { fill: #6B6560; }
html.light .recharts-default-tooltip { background: #FFFFFF !important; border-color: #E7E2DA !important; color: #292524; }
html.light .recharts-tooltip-label { color: #292524 !important; }
html.light :not(.gm-box) > svg [stroke="#0c0a09"], html.light :not(.gm-box) > svg [stroke="#0c0a07"] { stroke: #FFFFFF; }
html.light svg [stroke="#292524"] { stroke: #E7E2DA; }
html.light svg [stroke="#44403c"] { stroke: #D6D0C7; }
html.light svg [fill="#a8a29e"] { fill: #6B6560; }

/* PHONE FIT - SINGLE-COLUMN GRIDS (2026-10-28, found by the Fit Check).
   A .grid with no column template on a phone sizes its one column to the
   widest unbreakable child (a long job title, an address, a nowrap row), so
   the whole list grew wider than the screen and the shell clipped it: Jobs
   (694px over), Team (340), Zone Maps (132), Clients (116), Schedule (70).
   Below the sm breakpoint, a grid with no unprefixed grid-cols-* class gets
   one column that can shrink to the screen. Larger screens keep their own
   sm:/md:/lg: templates; inline gridTemplateColumns still wins. */
@media (max-width: 639.98px) {
  .grid:not([class^="grid-cols-"]):not([class*=" grid-cols-"]):not([class*="grid-flow-col"]):not([class*="auto-cols"]) {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Inline gold or band-colored TEXT set from code (Time Score, pay cards) is too
   bright on white: darken it in Light. Backgrounds are not matched. */
html.light .aoi-band-ink { filter: brightness(0.72) saturate(1.2); }
html.light [style^="color: rgb(252, 176, 64)"], html.light [style*="; color: rgb(252, 176, 64)"] { color: #96601C !important; }

/* DISPLAY AND READABILITY (src/lib/uiPrefs.js, 2026-10-28). Each person's own
   settings, switched by data attributes on <html>. Contrast and text size live
   in tailwind.config.js (readabilityBase). Brand gold, logos and company colors
   are never changed here. */
html[data-bold="1"] body { font-weight: 500; }
html[data-bold="1"] .font-normal { font-weight: 500; }
html[data-bold="1"] .font-medium { font-weight: 600; }
html[data-bold="1"] .font-semibold { font-weight: 700; }
html[data-bold="1"] .font-bold { font-weight: 800; }
html[data-bg="faint"] .aoi-plan-bg { opacity: 0.35; }
html[data-bg="off"] .aoi-plan-bg { display: none; }
html[data-motion="reduced"] *, html[data-motion="reduced"] *::before, html[data-motion="reduced"] *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
  scroll-behavior: auto !important;
}
html[data-motion="reduced"] .aoi-plan-mote { display: none; }

/* DISPLAY AND READABILITY PHASE 2 (src/lib/uiPrefs.js, 2026-10-28).
   Strong highlights: thicker focus ring and a clear outline on the selected or
   current item. Large buttons: taller tap targets and bigger checkboxes.
   Both use the company accent, never a fixed color. */
html[data-highlight="strong"] :focus-visible { outline: 3px solid rgb(var(--amber-400)) !important; outline-offset: 2px !important; }
html[data-highlight="strong"] :is([aria-pressed="true"], [aria-selected="true"], [aria-current="page"], [data-state="active"], [data-state="checked"]) {
  box-shadow: 0 0 0 2px rgb(var(--amber-400) / 0.9) !important;
}
html[data-touch="large"] :is(button, [role="button"], select, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]), a[class*="rounded"]) { min-height: 44px; }
html[data-touch="large"] :is(input[type="checkbox"], input[type="radio"]) { width: 22px; height: 22px; }
html[data-touch="large"] button[role="checkbox"], html[data-touch="large"] button[role="switch"] { min-height: 0; transform: scale(1.2); }

/* ── App-wide glass cards (Josh, 2026-10-29: "the look that you have here is
   what I want cohesive through the entire app"). Every top-level card built
   with the house pattern - rounded-xl/2xl, border-stone-800, a see-through
   bg-stone-900 - picks up the Home page Daily Drive treatment: gold hairline
   border, frosted background, soft gold glow, gold ring on hover. A card
   inside another card stays plain so lists do not glow twice. Add
   data-plain to any card that should keep the old flat look. One block,
   CSS only - delete it to roll back. ── */
:is(.rounded-xl, .rounded-2xl).border.border-stone-800:is(.bg-stone-900\/40, .bg-stone-900\/50, .bg-stone-900\/60, .bg-stone-900\/70):not([data-plain]) {
  border-color: rgb(var(--amber-400) / 0.2);
  box-shadow: 0 0 40px -18px rgb(var(--amber-400) / 0.35);
  backdrop-filter: blur(4px);
  transition: box-shadow .25s ease, border-color .25s ease;
}
@media (hover: hover) and (pointer: fine) {
  :is(.rounded-xl, .rounded-2xl).border.border-stone-800:is(.bg-stone-900\/40, .bg-stone-900\/50, .bg-stone-900\/60, .bg-stone-900\/70):not([data-plain]):hover {
    border-color: rgb(var(--amber-400) / 0.45);
    box-shadow: 0 0 0 1px rgb(var(--amber-400) / 0.18), 0 0 26px -6px rgb(var(--amber-400) / 0.4);
  }
}
:is(.rounded-xl, .rounded-2xl).border.border-stone-800:is(.bg-stone-900\/40, .bg-stone-900\/50, .bg-stone-900\/60, .bg-stone-900\/70)
  :is(.rounded-xl, .rounded-2xl).border.border-stone-800:is(.bg-stone-900\/40, .bg-stone-900\/50, .bg-stone-900\/60, .bg-stone-900\/70) {
  border-color: rgb(var(--stone-800));
  box-shadow: none;
  backdrop-filter: none;
}
html.light :is(.rounded-xl, .rounded-2xl).border.border-stone-800:is(.bg-stone-900\/40, .bg-stone-900\/50, .bg-stone-900\/60, .bg-stone-900\/70):not([data-plain]) {
  box-shadow: 0 6px 24px -14px rgb(var(--amber-400) / 0.45);
}

/* ── App-wide chart motion (Josh, 2026-10-29: "all of the graphs and ...
   sliders, they all have that animated effect all the way through the whole
   app"). CSS only, so every page gets it without edits:
   - progress and meter bars (a fill with an inline width % inside a track)
     grow from the left, then glide when the number changes;
   - vertical bar charts (rounded bars with an inline height in %) rise from the
     bottom, one after another;
   - progress rings (circle.aoi-ring) sweep round.
   Anything already animated by framer-motion carries data-anim and is left
   alone; the boot splash bar keeps its own motion. The Display setting
   "reduce motion" (html[data-motion="reduced"]) already stops every
   animation. Delete this block to roll back. ── */
@keyframes aoiGrowX { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes aoiGrowY { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes aoiRing { from { stroke-dasharray: 0 1000; } }
:where([class*="bg-"], .overflow-hidden, .rounded-full) > :is(.h-full, .h-1, .h-1\.5, .h-2, .h-2\.5, .h-3, [class*="inset-y-0"])[style*="width"][style*="%"]:not([data-anim]):not(.aoi-boot-bar) {
  transform-origin: left center;
  animation: aoiGrowX .9s cubic-bezier(.16, 1, .3, 1) .1s both;
  transition: width .7s cubic-bezier(.16, 1, .3, 1);
}
:is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"]:not([data-anim]) {
  transform-origin: center bottom;
  animation: aoiGrowY .8s cubic-bezier(.16, 1, .3, 1) both;
  transition: height .6s cubic-bezier(.16, 1, .3, 1);
}
:nth-child(2) > :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"], :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"]:nth-child(2) { animation-delay: .06s; }
:nth-child(3) > :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"], :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"]:nth-child(3) { animation-delay: .12s; }
:nth-child(4) > :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"], :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"]:nth-child(4) { animation-delay: .18s; }
:nth-child(5) > :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"], :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"]:nth-child(5) { animation-delay: .24s; }
:nth-child(6) > :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"], :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"]:nth-child(6) { animation-delay: .3s; }
:nth-child(7) > :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"], :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"]:nth-child(7) { animation-delay: .36s; }
:nth-child(n+8) > :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"], :is(.w-full, .flex-1)[class*="rounded"][style*="height"][style*="%"]:nth-child(n+8) { animation-delay: .42s; }
circle.aoi-ring { animation: aoiRing 1.1s cubic-bezier(.16, 1, .3, 1) .15s both; transition: stroke-dasharray .7s ease; }

/* ── Phone tap sizes (Josh, 2026-10-29, after the phone fit check found small
   tap targets on 32 pages: filter chips 24-26px, contact and inline links
   16-20px, small checkboxes, 28px toggles). Phones only (under 640px), and
   skipped when the person already chose Large touch (data-touch="large",
   44px). Desktop is unchanged.
   - Buttons and flex/block links: at least 32px tall and wide.
   - Plain inline links: extra padding above and below, so the touch area
     grows without moving the text.
   - Checkboxes and radios: 20px; the label around them is at least 32px.
   - Toggle switches: drawn a little larger.
   Add data-tap-exempt to any control that must stay small. Delete this
   block to roll back. ── */
@media (max-width: 639px) {
  html:not([data-touch="large"]) :is(button, [role="button"]):not([role="switch"]):not([role="checkbox"]):not([data-tap-exempt]),
  html:not([data-touch="large"]) a[href]:is([class*="flex"], [class*="block"], [class*="rounded"]):not([data-tap-exempt]) {
    min-height: 32px;
    min-width: 32px;
  }
  html:not([data-touch="large"]) a[href]:not([class*="flex"]):not([class*="block"]):not([class*="rounded"]):not([data-tap-exempt]) {
    padding-block: 7px;
  }
  html:not([data-touch="large"]) :is(input[type="checkbox"], input[type="radio"]):not([data-tap-exempt]) { width: 20px; height: 20px; }
  html:not([data-touch="large"]) label:has(> input[type="checkbox"], > input[type="radio"]) { min-height: 32px; }
  html:not([data-touch="large"]) button[role="switch"]:not([data-tap-exempt]) { transform: scale(1.12); }
}

/* ── READABILITY PASS (Josh, 2026-10-29: "the background eats up some of the
   text ... hard to see and differentiate between each line item ... we need
   columns and dividers"). One block, CSS only - delete it to roll back.
   1. The gold plan sheet sits further back behind content. Display settings
      Background "Faint" and "Off" still go further.
   2. Card surfaces inside the signed-in shell are close to solid.
   3. Secondary and helper text is lifted one step in dark mode at the
      Standard contrast level (High and Max keep their own values).
   4. Every table gets a header band, row dividers, zebra rows, a hover row
      and aligned numbers. Add data-plain to a table to opt out. ── */
html:not([data-bg]) .aoi-plan-bg, html[data-bg="full"] .aoi-plan-bg { opacity: 0.5; }
html[data-bg="faint"] .aoi-plan-bg { opacity: 0.22; }
.aoi-app-shell .bg-stone-900\/60, .aoi-app-shell .bg-stone-900\/70 { background-color: rgb(var(--stone-900) / 0.96); }
.aoi-app-shell .bg-stone-900\/50 { background-color: rgb(var(--stone-900) / 0.94); }
.aoi-app-shell .bg-stone-900\/40 { background-color: rgb(var(--stone-900) / 0.92); }
html:not(.light):not([data-contrast="high"]):not([data-contrast="max"]) {
  --tx-stone-400: 196 190 184;
  --tx-stone-500: 168 162 158;
  --tx-stone-600: 143 136 128;
}
body { font-variant-numeric: tabular-nums; }
.aoi-app-shell table:not([data-plain]) { border-collapse: separate; border-spacing: 0; }
.aoi-app-shell table:not([data-plain]) thead th {
  background: rgb(var(--stone-800) / 0.55);
  color: rgb(var(--tx-stone-300, 214 211 209));
  font-size: 0.7rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;
  padding-top: 0.55rem; padding-bottom: 0.55rem;
  border-bottom: 1px solid rgb(var(--amber-400) / 0.35);
  position: sticky; top: 0; z-index: 1;
}
.aoi-app-shell table:not([data-plain]) thead th:first-child { padding-left: 0.6rem; border-top-left-radius: 0.5rem; }
.aoi-app-shell table:not([data-plain]) thead th:last-child { border-top-right-radius: 0.5rem; }
.aoi-app-shell table:not([data-plain]) tbody td:first-child { padding-left: 0.6rem; }
.aoi-app-shell table:not([data-plain]) tbody tr > td { border-top: 1px solid rgb(var(--stone-800)); }
.aoi-app-shell table:not([data-plain]) tbody tr:nth-child(even) > td { background: rgb(var(--stone-800) / 0.22); }
@media (hover: hover) { .aoi-app-shell table:not([data-plain]) tbody tr:hover > td { background: rgb(var(--amber-400) / 0.07); } }
.aoi-app-shell table:not([data-plain]) td + td, .aoi-app-shell table:not([data-plain]) th + th { border-left: 1px solid rgb(var(--stone-800) / 0.7); padding-left: 0.5rem; }


/* 2026-10-29 (Josh: "tells you exactly where to go and highlights it"):
   the spot a checklist button sends you to lights up for a few seconds. */
@keyframes aoi-focus-pulse { 0% { box-shadow: 0 0 0 0 rgba(252, 176, 64, 0.85); } 70% { box-shadow: 0 0 0 12px rgba(252, 176, 64, 0); } 100% { box-shadow: 0 0 0 0 rgba(252, 176, 64, 0); } }
.aoi-focus-pulse { outline: 2px solid #FCB040; outline-offset: 4px; border-radius: 12px; animation: aoi-focus-pulse 1.2s ease-out 3; }
@media (prefers-reduced-motion: reduce) { .aoi-focus-pulse { animation: none; } }
html[data-motion="reduced"] .aoi-focus-pulse { animation: none; }
html[data-text] .file\:text-sm::file-selector-button {
  font-size: calc(0.875rem * var(--ui-fs, 1));
}
@media (min-width: 640px) {

  html[data-text] .sm\:text-xs {
    font-size: calc(0.75rem * var(--ui-fs, 1));
  }

  html[data-text] .sm\:text-base {
    font-size: calc(1rem * var(--ui-fs, 1));
  }

  html[data-text] .sm\:text-lg {
    font-size: calc(1.125rem * var(--ui-fs, 1));
  }

  html[data-text] .sm\:text-xl {
    font-size: calc(1.25rem * var(--ui-fs, 1));
  }

  html[data-text] .sm\:text-2xl {
    font-size: calc(1.5rem * var(--ui-fs, 1));
  }

  html[data-text] .sm\:text-3xl {
    font-size: calc(1.875rem * var(--ui-fs, 1));
  }

  html[data-text] .sm\:text-4xl {
    font-size: calc(2.25rem * var(--ui-fs, 1));
  }

  html[data-text] .sm\:text-5xl {
    font-size: calc(3rem * var(--ui-fs, 1));
  }

  html[data-text] .sm\:text-\[15px\] {
    font-size: calc(15px * var(--ui-fs, 1));
  }
}
@media (min-width: 768px) {

  html[data-text] .md\:text-sm {
    font-size: calc(0.875rem * var(--ui-fs, 1));
  }
}
html[data-text] .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
  font-size: calc(0.75rem * var(--ui-fs, 1));
}
.file\:border-0::file-selector-button {
  border-width: 0px;
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.file\:text-foreground::file-selector-button {
  color: hsl(var(--foreground));
}
.placeholder\:text-muted-foreground::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder\:text-stone-500::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-500) / var(--tw-text-opacity, 1));
}
.placeholder\:text-stone-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-500) / var(--tw-text-opacity, 1));
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:-inset-2::after {
  content: var(--tw-content);
  inset: -0.5rem;
}
.after\:inset-y-0::after {
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}
.after\:left-1\/2::after {
  content: var(--tw-content);
  left: 50%;
}
.after\:w-1::after {
  content: var(--tw-content);
  width: 0.25rem;
}
.after\:w-\[2px\]::after {
  content: var(--tw-content);
  width: 2px;
}
.after\:-translate-x-1\/2::after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.first\:rounded-l-md:first-child {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.first\:border-l:first-child {
  border-left-width: 1px;
}
.first\:pt-0:first-child {
  padding-top: 0px;
}
.first\:pt-1:first-child {
  padding-top: 0.25rem;
}
.last\:rounded-r-md:last-child {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:pb-1:last-child {
  padding-bottom: 0.25rem;
}
.focus-within\:relative:focus-within {
  position: relative;
}
.focus-within\:z-20:focus-within {
  z-index: 20;
}
.focus-within\:border-amber-400\/70:focus-within {
  border-color: rgb(var(--amber-400) / 0.7);
}
.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-amber-400\/20:focus-within {
  --tw-ring-color: rgb(var(--amber-400) / 0.2);
}
.hover\:border-amber-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--amber-300) / var(--tw-border-opacity, 1));
}
.hover\:border-amber-400\/30:hover {
  border-color: rgb(var(--amber-400) / 0.3);
}
.hover\:border-amber-400\/40:hover {
  border-color: rgb(var(--amber-400) / 0.4);
}
.hover\:border-amber-400\/50:hover {
  border-color: rgb(var(--amber-400) / 0.5);
}
.hover\:border-amber-400\/60:hover {
  border-color: rgb(var(--amber-400) / 0.6);
}
.hover\:border-amber-400\/70:hover {
  border-color: rgb(var(--amber-400) / 0.7);
}
.hover\:border-slate-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.hover\:border-stone-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--stone-500) / var(--tw-border-opacity, 1));
}
.hover\:border-stone-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--stone-600) / var(--tw-border-opacity, 1));
}
.hover\:border-stone-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--stone-700) / var(--tw-border-opacity, 1));
}
.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}
.hover\:bg-amber-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--amber-300) / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-400\/10:hover {
  background-color: rgb(var(--amber-400) / 0.1);
}
.hover\:bg-amber-400\/\[0\.08\]:hover {
  background-color: rgb(var(--amber-400) / 0.08);
}
.hover\:bg-destructive\/80:hover {
  background-color: hsl(var(--destructive) / 0.8);
}
.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}
.hover\:bg-muted:hover {
  background-color: hsl(var(--muted));
}
.hover\:bg-muted\/50:hover {
  background-color: hsl(var(--muted) / 0.5);
}
.hover\:bg-primary:hover {
  background-color: hsl(var(--primary));
}
.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / 0.8);
}
.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-rose-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--rose-400) / var(--tw-bg-opacity, 1));
}
.hover\:bg-secondary:hover {
  background-color: hsl(var(--secondary));
}
.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / 0.8);
}
.hover\:bg-sidebar-accent:hover {
  background-color: hsl(var(--sidebar-accent));
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-stone-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--stone-800) / var(--tw-bg-opacity, 1));
}
.hover\:bg-stone-800\/50:hover {
  background-color: rgb(var(--stone-800) / 0.5);
}
.hover\:bg-stone-800\/60:hover {
  background-color: rgb(var(--stone-800) / 0.6);
}
.hover\:bg-stone-800\/70:hover {
  background-color: rgb(var(--stone-800) / 0.7);
}
.hover\:bg-stone-800\/80:hover {
  background-color: rgb(var(--stone-800) / 0.8);
}
.hover\:bg-stone-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--stone-900) / var(--tw-bg-opacity, 1));
}
.hover\:bg-stone-900\/60:hover {
  background-color: rgb(var(--stone-900) / 0.6);
}
.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}
.hover\:text-amber-100:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-amber-100) / var(--tw-text-opacity, 1));
}
.hover\:text-amber-200:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-amber-200) / var(--tw-text-opacity, 1));
}
.hover\:text-amber-300:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-amber-300) / var(--tw-text-opacity, 1));
}
.hover\:text-foreground:hover {
  color: hsl(var(--foreground));
}
.hover\:text-muted-foreground:hover {
  color: hsl(var(--muted-foreground));
}
.hover\:text-primary-foreground:hover {
  color: hsl(var(--primary-foreground));
}
.hover\:text-rose-300:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-rose-300) / var(--tw-text-opacity, 1));
}
.hover\:text-sidebar-accent-foreground:hover {
  color: hsl(var(--sidebar-accent-foreground));
}
.hover\:text-stone-100:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-100) / var(--tw-text-opacity, 1));
}
.hover\:text-stone-300:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-300) / var(--tw-text-opacity, 1));
}
.hover\:text-stone-50:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-stone-50) / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:brightness-105:hover {
  --tw-brightness: brightness(1.05);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:after\:bg-sidebar-border:hover::after {
  content: var(--tw-content);
  background-color: hsl(var(--sidebar-border));
}
.focus\:border-amber-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--amber-400) / var(--tw-border-opacity, 1));
}
.focus\:border-amber-400\/60:focus {
  border-color: rgb(var(--amber-400) / 0.6);
}
.focus\:bg-accent:focus {
  background-color: hsl(var(--accent));
}
.focus\:bg-primary:focus {
  background-color: hsl(var(--primary));
}
.focus\:text-accent-foreground:focus {
  color: hsl(var(--accent-foreground));
}
.focus\:text-primary-foreground:focus {
  color: hsl(var(--primary-foreground));
}
.focus\:opacity-100:focus {
  opacity: 1;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-amber-400\/25:focus {
  --tw-ring-color: rgb(var(--amber-400) / 0.25);
}
.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}
.focus\:ring-slate-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-amber-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--amber-400) / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-amber-400\/60:focus-visible {
  --tw-ring-color: rgb(var(--amber-400) / 0.6);
}
.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}
.focus-visible\:ring-sidebar-ring:focus-visible {
  --tw-ring-color: hsl(var(--sidebar-ring));
}
.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: hsl(var(--background));
}
.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.98\]:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:bg-sidebar-accent:active {
  background-color: hsl(var(--sidebar-accent));
}
.active\:text-sidebar-accent-foreground:active {
  color: hsl(var(--sidebar-accent-foreground));
}
.enabled\:hover\:border-stone-600:hover:enabled {
  --tw-border-opacity: 1;
  border-color: rgb(var(--stone-600) / var(--tw-border-opacity, 1));
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-default:disabled {
  cursor: default;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:-translate-x-0\.5 {
  --tw-translate-x: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:bg-stone-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--stone-800) / var(--tw-bg-opacity, 1));
}
.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group.destructive .group-\[\.destructive\]\:border-muted\/40 {
  border-color: hsl(var(--muted) / 0.4);
}
.group.toaster .group-\[\.toaster\]\:border-border {
  border-color: hsl(var(--border));
}
.group.toast .group-\[\.toast\]\:bg-muted {
  background-color: hsl(var(--muted));
}
.group.toast .group-\[\.toast\]\:bg-primary {
  background-color: hsl(var(--primary));
}
.group.toaster .group-\[\.toaster\]\:bg-background {
  background-color: hsl(var(--background));
}
.group.destructive .group-\[\.destructive\]\:text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-red-300) / var(--tw-text-opacity, 1));
}
.group.toast .group-\[\.toast\]\:text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.group.toast .group-\[\.toast\]\:text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.group.toaster .group-\[\.toaster\]\:text-foreground {
  color: hsl(var(--foreground));
}
.group.toaster .group-\[\.toaster\]\:shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
  border-color: hsl(var(--destructive) / 0.3);
}
.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
  background-color: hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
  color: hsl(var(--destructive-foreground));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-red-50) / var(--tw-text-opacity, 1));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
  --tw-ring-color: hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
  --tw-ring-offset-color: #dc2626;
}
.peer:checked ~ .peer-checked\:translate-x-5 {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.peer:checked ~ .peer-checked\:bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--amber-400) / var(--tw-bg-opacity, 1));
}
.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
  color: hsl(var(--sidebar-accent-foreground));
}
.peer:focus-visible ~ .peer-focus-visible\:ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.peer:focus-visible ~ .peer-focus-visible\:ring-amber-400\/60 {
  --tw-ring-color: rgb(var(--amber-400) / 0.6);
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) {
  background-color: hsl(var(--sidebar-background));
}
.has-\[\:disabled\]\:opacity-50:has(:disabled) {
  opacity: 0.5;
}
.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
  padding-right: 2rem;
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}
.aria-pressed\:text-amber-50[aria-pressed="true"] {
  --tw-text-opacity: 1;
  color: rgb(var(--tx-amber-50) / var(--tw-text-opacity, 1));
}
.aria-selected\:bg-accent[aria-selected="true"] {
  background-color: hsl(var(--accent));
}
.aria-selected\:bg-accent\/50[aria-selected="true"] {
  background-color: hsl(var(--accent) / 0.5);
}
.aria-selected\:text-accent-foreground[aria-selected="true"] {
  color: hsl(var(--accent-foreground));
}
.aria-selected\:text-muted-foreground[aria-selected="true"] {
  color: hsl(var(--muted-foreground));
}
.aria-selected\:opacity-100[aria-selected="true"] {
  opacity: 1;
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
  pointer-events: none;
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
  height: 1px;
}
.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
  width: 100%;
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
  --tw-translate-x: var(--radix-toast-swipe-end-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
  --tw-translate-x: var(--radix-toast-swipe-move-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes accordion-up {

  from {
    height: var(--radix-accordion-content-height);
  }

  to {
    height: 0;
  }
}
.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
  animation: accordion-up 0.2s ease-out;
}
@keyframes accordion-down {

  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height);
  }
}
.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
  animation: accordion-down 0.2s ease-out;
}
.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
  flex-direction: column;
}
.data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
  background-color: hsl(var(--sidebar-accent));
}
.data-\[active\]\:bg-accent\/50[data-active] {
  background-color: hsl(var(--accent) / 0.5);
}
.data-\[selected\=true\]\:bg-accent[data-selected="true"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=active\]\:bg-background[data-state="active"] {
  background-color: hsl(var(--background));
}
.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
  background-color: hsl(var(--primary));
}
.data-\[state\=on\]\:bg-accent[data-state="on"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:bg-accent[data-state="open"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
  background-color: hsl(var(--accent) / 0.5);
}
.data-\[state\=open\]\:bg-secondary[data-state="open"] {
  background-color: hsl(var(--secondary));
}
.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  background-color: hsl(var(--muted));
}
.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
  background-color: hsl(var(--input));
}
.data-\[active\=true\]\:font-medium[data-active="true"] {
  font-weight: 500;
}
.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
  color: hsl(var(--sidebar-accent-foreground));
}
.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
  color: hsl(var(--muted-foreground));
}
.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
  color: hsl(var(--accent-foreground));
}
.data-\[state\=active\]\:text-foreground[data-state="active"] {
  color: hsl(var(--foreground));
}
.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
  color: hsl(var(--primary-foreground));
}
.data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
  color: hsl(var(--accent-foreground));
}
.data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
  color: hsl(var(--accent-foreground));
}
.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: hsl(var(--muted-foreground));
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
  opacity: 0.5;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=open\]\:opacity-100[data-state="open"] {
  opacity: 1;
}
.data-\[state\=active\]\:shadow[data-state="active"] {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
  transition-property: none;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  transition-duration: 300ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  transition-duration: 500ms;
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=visible\]\:animate-in[data-state="visible"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
  --tw-enter-opacity: 0;
}
.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
  --tw-exit-opacity: 0.8;
}
.data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=visible\]\:fade-in[data-state="visible"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}
.data-\[state\=open\]\:zoom-in-90[data-state="open"] {
  --tw-enter-scale: .9;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
  --tw-enter-translate-x: 13rem;
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
  --tw-enter-translate-x: -13rem;
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
  --tw-exit-translate-x: 13rem;
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
  --tw-exit-translate-x: -13rem;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
  --tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
  --tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
  --tw-exit-translate-y: -100%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
  --tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
  --tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
  --tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  animation-duration: 300ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  animation-duration: 500ms;
}
.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  left: 0px;
}
.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  height: 0.25rem;
}
.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  width: 100%;
}
.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after {
  content: var(--tw-content);
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] {
  background-color: hsl(var(--sidebar-accent));
}
.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] {
  color: hsl(var(--sidebar-accent-foreground));
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  left: calc(var(--sidebar-width) * -1);
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  right: calc(var(--sidebar-width) * -1);
}
.group[data-side="left"] .group-data-\[side\=left\]\:-right-4 {
  right: -1rem;
}
.group[data-side="right"] .group-data-\[side\=right\]\:left-0 {
  left: 0px;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 {
  margin-top: -2rem;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
  display: none;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 {
  width: 2rem !important;
  height: 2rem !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
  width: var(--sidebar-width-icon);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem + 2px);
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 {
  width: 0px;
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-side="right"] .group-data-\[side\=right\]\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden {
  overflow: hidden;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
  border-radius: var(--radius);
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border {
  border-width: 1px;
}
.group[data-side="left"] .group-data-\[side\=left\]\:border-r {
  border-right-width: 1px;
}
.group[data-side="right"] .group-data-\[side\=right\]\:border-l {
  border-left-width: 1px;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border {
  border-color: hsl(var(--sidebar-border));
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 {
  padding: 0px !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
  padding: 0.5rem !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 {
  opacity: 0;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after {
  content: var(--tw-content);
  left: 100%;
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover {
  background-color: hsl(var(--sidebar-background));
}
.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
  top: 0.375rem;
}
.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
  top: 0.625rem;
}
.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
  top: 0.25rem;
}
.peer[data-variant="inset"] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
  min-height: calc(100svh - 1rem);
}
.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
  color: hsl(var(--sidebar-accent-foreground));
}
.dark\:border-destructive:is(.dark *) {
  border-color: hsl(var(--destructive));
}
@media (min-width: 640px) {

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

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

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

  .sm\:right-0 {
    right: 0px;
  }

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

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

  .sm\:top-auto {
    top: auto;
  }

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

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

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

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

  .sm\:h-\[64dvh\] {
    height: 64dvh;
  }

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

  .sm\:h-\[min\(72dvh\2c 760px\)\] {
    height: min(72dvh, 760px);
  }

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

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

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

  .sm\:w-44 {
    width: 11rem;
  }

  .sm\:w-48 {
    width: 12rem;
  }

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

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

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

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

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

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

  .sm\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .sm\:grid-cols-\[2fr_1fr\] {
    grid-template-columns: 2fr 1fr;
  }

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

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

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

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

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

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

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

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

  .sm\:gap-2\.5 {
    gap: 0.625rem;
  }

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

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

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

  .sm\:justify-self-end {
    justify-self: end;
  }

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

  .sm\:rounded-lg {
    border-radius: var(--radius);
  }

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

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

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

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

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

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

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

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

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

  .sm\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

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

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

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

  .sm\:pt-12 {
    padding-top: 3rem;
  }

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

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

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

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

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

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

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

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

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

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

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

  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] {
    --tw-enter-translate-y: 100%;
  }
}
@media (min-width: 768px) {

  .md\:absolute {
    position: absolute;
  }

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

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

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

  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
    width: var(--radix-navigation-menu-viewport-width);
  }

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

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

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

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

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

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

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

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

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

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

  .md\:border-stone-800 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--stone-800) / var(--tw-border-opacity, 1));
  }

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

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

  .md\:pl-\[92px\] {
    padding-left: 92px;
  }

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

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

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

  .md\:opacity-0 {
    opacity: 0;
  }

  .md\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

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

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
    margin: 0.5rem;
  }

  .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
    margin-left: 0.5rem;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
    margin-left: 0px;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
    border-radius: 0.75rem;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 1280px) {

  .lg\:sticky {
    position: sticky;
  }

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

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

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

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

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

  .lg\:grid-cols-\[220px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 220px minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_320px\] {
    grid-template-columns: minmax(0,1fr) 320px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_340px\] {
    grid-template-columns: minmax(0,1fr) 340px;
  }

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

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

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

  .lg\:border-transparent {
    border-color: transparent;
  }

  .lg\:bg-transparent {
    background-color: transparent;
  }

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

  .lg\:pl-\[288px\] {
    padding-left: 288px;
  }

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

  .xl\:inline {
    display: inline;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.4fr\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);
  }

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

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

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

  .xl\:justify-between {
    justify-content: space-between;
  }
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
  border-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
  background-color: hsl(var(--accent));
}
.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
  background-color: hsl(var(--accent) / 0.5);
}
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
  padding-right: 0px;
}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
  --tw-translate-y: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>button\]\:hidden>button {
  display: none;
}
.\[\&\>span\:last-child\]\:truncate>span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.\[\&\>span\]\:line-clamp-1>span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div {
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>svg\]\:absolute>svg {
  position: absolute;
}
.\[\&\>svg\]\:left-4>svg {
  left: 1rem;
}
.\[\&\>svg\]\:top-4>svg {
  top: 1rem;
}
.\[\&\>svg\]\:size-4>svg {
  width: 1rem;
  height: 1rem;
}
.\[\&\>svg\]\:h-2\.5>svg {
  height: 0.625rem;
}
.\[\&\>svg\]\:h-3>svg {
  height: 0.75rem;
}
.\[\&\>svg\]\:h-3\.5>svg {
  height: 0.875rem;
}
.\[\&\>svg\]\:w-2\.5>svg {
  width: 0.625rem;
}
.\[\&\>svg\]\:w-3>svg {
  width: 0.75rem;
}
.\[\&\>svg\]\:w-3\.5>svg {
  width: 0.875rem;
}
.\[\&\>svg\]\:shrink-0>svg {
  flex-shrink: 0;
}
.\[\&\>svg\]\:text-destructive>svg {
  color: hsl(var(--destructive));
}
.\[\&\>svg\]\:text-foreground>svg {
  color: hsl(var(--foreground));
}
.\[\&\>svg\]\:text-muted-foreground>svg {
  color: hsl(var(--muted-foreground));
}
.\[\&\>svg\]\:text-sidebar-accent-foreground>svg {
  color: hsl(var(--sidebar-accent-foreground));
}
.\[\&\>svg\~\*\]\:pl-7>svg~* {
  padding-left: 1.75rem;
}
.\[\&\>tr\]\:last\:border-b-0:last-child>tr {
  border-bottom-width: 0px;
}
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
  fill: hsl(var(--muted-foreground));
}
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc'] {
  stroke: hsl(var(--border) / 0.5);
}
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] {
  stroke: transparent;
}
.\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'] {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
  fill: hsl(var(--muted));
}
.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
  fill: hsl(var(--muted));
}
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'] {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] {
  stroke: transparent;
}
.\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
  font-weight: 500;
}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
  color: hsl(var(--muted-foreground));
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
  padding-top: 0px;
}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
  width: 1.25rem;
}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
  height: 3rem;
}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
  width: 1.25rem;
}
.\[\&_p\]\:leading-relaxed p {
  line-height: 1.625;
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0px;
}
.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
  right: -0.5rem;
}
[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}
[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
  left: -0.5rem;
}
[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}