@import url('https://fonts.googleapis.com/css2?family=Hedvig+Letters+Serif:opsz@12..24&family=Inter:wght@300;400;500;600;700&family=Open+Sans:wght@500;600;700&display=swap');

/*
 * theme.css (By Sheaf.dev) was removed here. It contained a Tailwind v4
 * theme at-rule block, which this v3 build could not process. Its tokens now
 * live in resources/css/variables.css (--color-primary*) and
 * tailwind.config.js (primary-content / primary-fg / rounded-field / rounded-box).
 */
/* Import Midday-inspired CSS variables */
/**
 * Midday-inspired CSS Variables
 * Mirrors the public Midday site and shared UI package tokens.
 */
/* Mission Control uses the shared admin shell and theme tokens. */
.mc-v2-link { outline-offset: 4px; }
.mc-v2-link:hover { color: hsl(var(--foreground)); }
/* The bookmark tile is the whole row, so drag/edit/remove controls sit inside
   the same bar as the link instead of on a separate line below it. */
.mc-v2-bookmark { background: hsl(var(--card)); }
.mc-v2-bookmark:hover { background: hsl(var(--accent)); }
.mc-v2-bookmark-icon { background: #e2e2e2; }
.mc-v2-bookmark-icon svg { color: #262626 !important; }

/* Workspace shortcut cards are flat, matching the bookmark tiles: the same
   card fill, with no outline. The weather card keeps its border. */
.mc-v2-shortcut, .mc-v2-weather {
    padding: 16px;
    border-radius: 0;
    background: hsl(var(--card));
}

.mc-v2-weather {
    border: 1px solid hsl(var(--border));
}

.mc-v2-shortcut { width: 100%; }
.mc-v2-shortcut .text-neutral-950 { color: hsl(var(--foreground)); }
.mc-v2-shortcut:hover, .mc-v2-weather:hover { background: hsl(var(--accent)); }
.mc-v2-shortcut:active, .mc-v2-weather:active, .mc-v2-control:active { transform: translateY(1px); }
.mc-v2 :is(a, button, input):focus-visible { outline: 2px solid #D96C8F; outline-offset: 4px; }

.mc-v2 .mc-v2-input {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid hsl(var(--border));
    border-radius: 0;
    background: hsl(var(--input));
    color: hsl(var(--foreground));
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.mc-v2-control {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid hsl(var(--border));
    border-radius: 0;
    background: hsl(var(--secondary));
    color: hsl(var(--foreground));
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
}
.mc-v2-control:hover { background: hsl(var(--accent)); }
.mc-v2-control:disabled { cursor: wait; opacity: 0.5; }

.mc-v2-dialog {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: fixed;
    inset: auto;
    left: var(--mc-dialog-left, 16px);
    top: var(--mc-dialog-top, 16px);
    margin: 0;
    z-index: 20;
    width: var(--mc-dialog-width, calc(100vw - 32px));
    max-width: none;
    height: var(--mc-dialog-height, calc(100dvh - 32px));
    max-height: var(--mc-dialog-height, calc(100dvh - 32px));
    padding: 0;
    border: 1px solid hsl(var(--border));
    border-radius: 0;
    background: rgb(0 0 0 / 0.92);
    color: hsl(var(--foreground));
    font-family: inherit;
}
.mc-v2-dialog:not([open]) { display: none; }
.mc-v2-dialog > header { flex-shrink: 0; }
.mc-v2-dialog-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.mc-v2-inbox-row {
    display: block;
    padding: 12px;
    border: 1px solid hsl(var(--border));
    background: hsl(var(--card));
}
.mc-v2-inbox-row:hover { background: hsl(var(--accent)); }
.mc-v2-tools .mc-v2-inbox-row { background: color-mix(in srgb, hsl(var(--card)) 80%, #000000); }
.mc-v2-tools .mc-v2-inbox-row:hover { background: hsl(var(--card)); }
.mc-v2-section-handle { cursor: grab; touch-action: none; }
.mc-v2-section-handle:active { cursor: grabbing; }
/* Heading/header face is Hedvig Letters Serif (Google Fonts); UI and body copy
 * remain Inter, and D-DIN stays the fallback elsewhere. */

/* D-DIN (SIL OFL) — primary UI / display face */
@font-face {
    font-family: 'D-DIN';
    src: url('/fonts/d-din/D-DIN.woff') format('woff'),
         url('/fonts/d-din/D-DIN.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Profile type selection is an intentional exception to the borderless card rule. */
.profile-type-option {
    border: 1px solid transparent;
}

.peer:checked + .profile-type-option {
    border-color: #ffffff !important;
}

@font-face {
    font-family: 'D-DIN';
    src: url('/fonts/d-din/D-DIN-Bold.woff') format('woff'),
         url('/fonts/d-din/D-DIN-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* SeasonMix kept as fallback for any residual display references */
@font-face {
    font-family: 'SeasonMix';
    src: url('/fonts/SeasonMix-Regular.woff2') format('woff2'),
         url('/fonts/SeasonMix-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

*, ::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: Inter, 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: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

input::-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;
}

input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; }

input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([multiple]):focus, textarea:focus, select:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); border-color: #2563eb; }

input::-moz-placeholder, textarea::-moz-placeholder{ color: #6b7280; opacity: 1; }

input::placeholder,textarea::placeholder{ color: #6b7280; opacity: 1; }

::-webkit-datetime-edit-fields-wrapper{ padding: 0; }

::-webkit-date-and-time-value{ min-height: 1.5em; text-align: inherit; }

::-webkit-datetime-edit{ display: inline-flex; }

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{ padding-top: 0; padding-bottom: 0; }

select{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; }

select:where([multiple]),select:where([size]:not([size="1"])){ background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; }

input:where([type='checkbox']),input:where([type='radio']){ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; }

input:where([type='checkbox']){ border-radius: 0px; }

input:where([type='radio']){ border-radius: 100%; }

input:where([type='checkbox']):focus,input:where([type='radio']):focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); }

input:where([type='checkbox']):checked,input:where([type='radio']):checked{ border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }

input:where([type='checkbox']):checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); }

@media (forced-colors: active) {
 input:where([type='checkbox']):checked{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }

input:where([type='radio']):checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); }

@media (forced-colors: active) {
 input:where([type='radio']):checked{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }

input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus{ border-color: transparent; background-color: currentColor; }

input:where([type='checkbox']):indeterminate{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }

@media (forced-colors: active) {
 input:where([type='checkbox']):indeterminate{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }

input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus{ border-color: transparent; background-color: currentColor; }

input:where([type='file']){ background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; }

input:where([type='file']):focus{ outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; }
  :root {
    --font-d-din: "D-DIN", "Arial Narrow", Arial, system-ui, sans-serif;
    --font-hedvig-sans: "D-DIN", "Arial Narrow", Arial, system-ui, sans-serif;
    --font-hedvig-serif: "Hedvig Letters Serif", Georgia, "Times New Roman", serif;

    /* Pinkk core palette: white, neutral grey, ink, and blush. */
    --background: 0 0% 5.1%; /* #0d0d0d */
    --foreground: 0 0% 7.8%; /* #141414 */
    --card: 0 0% 100%; /* #ffffff */
    --card-foreground: 0 0% 7.8%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 7.8%;
    --primary: 0 0% 7.8%;
    --primary-foreground: 0 0% 100%;
    --secondary: 0 0% 83.5%;
    --secondary-foreground: 0 0% 7.8%;
    --muted: 0 0% 83.5%;
    --muted-foreground: 0 0% 7.8%;
    --accent: 0 100% 94.5%; /* #ffe3e3 */
    --accent-foreground: 0 0% 7.8%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --success: 142 76% 36%;
    --success-foreground: 0 0% 98%;
    --border: 0 0% 83.5%;
    --input: 0 0% 83.5%;
    --ring: 0 0% 7.8%;
    --radius: 0px;

    /*
     * Sheaf.dev UI component tokens. Previously declared in theme.css using
     * Tailwind v4 theme-block syntax, which this v3 build could not process,
     * so they were never actually defined. That left every default
     * <x-ui.button variant="primary"> with a transparent background, since it
     * styles itself via bg-[var(--color-primary)] / text-[var(--color-primary-fg)].
     * The component overrides these only when passed a color="..." prop.
     */
    --color-white: #ffffff;
    --color-neutral-950: #141414;

    --color-primary: var(--color-neutral-950);
    --color-primary-content: var(--color-neutral-950);
    --color-primary-fg: var(--color-white);

    --chart-grid-stroke: #d5d5d5;
    --chart-axis-text: #141414;
    --chart-reference-line-stroke: #d5d5d5;
    --chart-reference-label: #141414;
    --chart-actual-line: #141414;
    --chart-forecast-line: #ffe3e3;
    --chart-tooltip-cursor: #141414;
    --chart-pattern-bg: #ffffff;
    --chart-pattern-stroke: #141414;
    --chart-bar-fill: #141414;
    --chart-bar-fill-secondary: #ffe3e3;
    --chart-gradient-start: #ffe3e3;
    --chart-gradient-end: #141414;
    --chart-line-secondary: #141414;
  }

  .dark {
    --background: 0 0% 5.1%; /* #0d0d0d */
    --foreground: 0 0% 98%;
    --card: 0 0% 7.8%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 7.8%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 100% 94.5%;
    --primary-foreground: 0 0% 7.8%;
    --secondary: 0 0% 7.8%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 83.5%;
    --muted-foreground: 0 0% 100%;
    --accent: 0 100% 94.5%;
    --accent-foreground: 0 0% 7.8%;
    --destructive: 359 100% 61%;
    --destructive-foreground: 0 0% 100%;
    --success: 142 76% 36%;
    --success-foreground: 0 0% 98%;
    --border: 0 0% 83.5%;
    --input: 0 0% 83.5%;
    --ring: 0 100% 94.5%;

    /*
     * Dark-mode flip for the button tokens above. Mirrors what every
     * color="..." variant in the button component does in dark mode; without
     * it a default primary button renders near-black on a near-black bg.
     */
    --color-primary: #ffe3e3;
    --color-primary-content: #ffe3e3;
    --color-primary-fg: var(--color-neutral-950);

    --chart-grid-stroke: #d5d5d5;
    --chart-axis-text: #d5d5d5;
    --chart-reference-line-stroke: #d5d5d5;
    --chart-reference-label: #d5d5d5;
    --chart-actual-line: #ffffff;
    --chart-forecast-line: #ffe3e3;
    --chart-tooltip-cursor: #ffe3e3;
    --chart-pattern-bg: #141414;
    --chart-pattern-stroke: #d5d5d5;
    --chart-bar-fill: white;
    --chart-bar-fill-secondary: #ffe3e3;
    --chart-gradient-start: #ffe3e3;
    --chart-gradient-end: #ffffff;
    --chart-line-secondary: #ffe3e3;
  }
  *{ border-color: hsl(var(--border)); }

  body{ background-color: hsl(var(--background)); color: hsl(var(--foreground)); }

  bodybody.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}

  bodybody.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex [data-lucide="chevron-right"] {
    display: none;
}
    #digest-dialog-title {
        font-family: var(--font-sans) !important;
        font-size: 1rem !important;
        line-height: 1.5rem !important;
        font-weight: 600 !important;
    }

    .research-digest-content > .research-digest-section-title {
        margin-top: 24px !important;
        margin-bottom: 16px !important;
    }

    .research-digest-content > .research-digest-section-title:first-child {
        margin-top: 0 !important;
    }

    [x-cloak] {
        display: none !important;
    }

    /* Reserve the scrollbar gutter at all times so that locking body scroll
       when a modal opens (body { overflow: hidden }) doesn't widen the page
       and cause a horizontal layout shift. */
    html {
        scrollbar-gutter: stable;
    }

    /* CSS Custom Properties for Pinkk Design System */
    :root {
        --color-pinkk-primary: #141414;
        --color-pinkk-primary-hover: #ffe3e3;
        --color-pinkk-primary-light: #ffe3e3;
        --color-pinkk-primary-dark: #141414;

        --color-neutral-50: #ffffff;
        --color-neutral-100: #ffffff;
        --color-neutral-200: #d5d5d5;
        --color-neutral-300: #d5d5d5;
        --color-neutral-400: #d5d5d5;
        --color-neutral-500: #141414;
        --color-neutral-600: #141414;
        --color-neutral-700: #141414;
        --color-neutral-800: #141414;
        --color-neutral-900: #141414;

        /* Surface palette — dark UI backgrounds */
        --color-surface-50: #f5f5f6;
        --color-surface-100: #e5e5e7;
        --color-surface-200: #cdcdd1;
        --color-surface-300: #abaab2;
        --color-surface-400: #8c8d95;
        --color-surface-500: #6b6c75;
        --color-surface-600: #565760;
        --color-surface-700: #48484f;
        --color-surface-800: #32323a;
        --color-surface-900: #25252d;
        --color-surface-950: #19191e;

        /* Beige palette — warm sand accents */
        --color-beige-50: #faf6f2;
        --color-beige-100: #f5ede4;
        --color-beige-200: #eadace;
        --color-beige-300: #e6d5c3;
        --color-beige-400: #d4b89e;
        --color-beige-500: #c49d7d;
        --color-beige-600: #b38463;
        --color-beige-700: #966b51;
        --color-beige-800: #7a5845;
        --color-beige-900: #64493b;
        --color-beige-950: #35241e;

        /* Palette entries consumed by the Sheaf.dev UI components.
         *
         * Those components are written for Tailwind v4, which publishes its
         * whole colour palette as --color-* custom properties automatically.
         * v3 does not, so every reference below resolved to nothing and the
         * declaration using it was invalid at computed-value time. In practice
         * that meant any <x-ui.button color="..."> rendered with no colour.
         *
         * Values are Tailwind's default palette, generated from the installed
         * tailwindcss package rather than typed by hand. The neutral scale
         * above is deliberately NOT part of this block: this project overrides
         * neutral with zinc-flavoured greys, and regenerating it from the
         * default palette would quietly change existing greys.
         *
         * Only the shades the components actually reference are defined, so
         * this list stays honest about what is in use.
         */
        --color-amber-100: #fef3c7;
        --color-amber-200: #fde68a;
        --color-amber-400: #fbbf24;
        --color-amber-600: #d97706;
        --color-amber-800: #92400e;
        --color-amber-900: #78350f;
        --color-amber-950: #451a03;
        --color-blue-400: #60a5fa;
        --color-blue-600: #2563eb;
        --color-cyan-400: #22d3ee;
        --color-cyan-600: #0891b2;
        --color-emerald-400: #34d399;
        --color-emerald-600: #059669;
        --color-fuchsia-400: #e879f9;
        --color-fuchsia-600: #c026d3;
        --color-green-400: #4ade80;
        --color-green-600: #16a34a;
        --color-indigo-300: #a5b4fc;
        --color-indigo-500: #6366f1;
        --color-indigo-600: #4f46e5;
        --color-lime-400: #a3e635;
        --color-lime-600: #65a30d;
        --color-lime-900: #365314;
        --color-lime-950: #1a2e05;
        --color-orange-400: #fb923c;
        --color-orange-500: #f97316;
        --color-orange-600: #ea580c;
        --color-orange-950: #431407;
        --color-pink-400: #f472b6;
        --color-pink-600: #db2777;
        --color-purple-300: #d8b4fe;
        --color-purple-500: #a855f7;
        --color-purple-600: #9333ea;
        --color-red-400: #f87171;
        --color-red-500: #ef4444;
        --color-red-600: #dc2626;
        --color-rose-400: #fb7185;
        --color-rose-500: #f43f5e;
        --color-sky-400: #38bdf8;
        --color-sky-600: #0284c7;
        --color-slate-800: #1e293b;
        --color-stone-800: #292524;
        --color-teal-400: #2dd4bf;
        --color-teal-600: #0d9488;
        --color-violet-400: #a78bfa;
        --color-violet-500: #8b5cf6;
        --color-violet-600: #7c3aed;
        --color-yellow-400: #facc15;
        --color-yellow-600: #ca8a04;
        --color-yellow-950: #422006;
        --color-zinc-800: #27272a;

        --color-success: #10b981;
        --color-warning: #f59e0b;
        --color-error: #ef4444;
        --color-info: #3b82f6;

        --spacing-xs: 0.25rem;
        --spacing-sm: 0.5rem;
        --spacing-md: 1rem;
        --spacing-lg: 1.5rem;
        --spacing-xl: 2rem;
        --spacing-2xl: 3rem;
        --spacing-3xl: 4rem;

        --radius-sm: 0.25rem;
        --radius-md: 0.5rem;
        --radius-lg: 0.75rem;
        --radius-xl: 1rem;
        --radius-full: 9999px;

        --shadow-soft: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
        --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
        --shadow-strong: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);

        --font-sans: 'Inter', system-ui, sans-serif;
        --font-weight-normal: 400;
        --font-weight-medium: 400;
        --font-weight-semibold: 700;
        --font-weight-bold: 700;

        --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
        --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
        --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Base Typography */
    body{ background-color: hsl(var(--background)); color: hsl(var(--foreground)); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    bodybody.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}
    bodybody.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex [data-lucide="chevron-right"] {
    display: none;
}
    body {
        background-color: #0D0D0D !important;
        font-family: 'Inter', system-ui, sans-serif;
    }



    /* Icons should be black everywhere (white in dark mode) */
    svg {
        color: #000 !important;
    }

    .dark svg {
        color: #fff !important;
    }

    /* Exception: SVGs inside buttons should inherit button text color.
       The `.dark` variants are needed because color utilities such as
       `.dark .text-neutral-700` (a two-class `!important` rule) otherwise
       out-specify the single-class button exception and repaint button
       glyphs grey in dark mode. */
    button svg,
    [data-slot="button"] svg,
    .dark button svg,
    .dark [data-slot="button"] svg,
    a[class*="bg-neutral-950"] svg,
    a[class*="bg-neutral-900"] svg,
    .bg-neutral-950 svg,
    .bg-neutral-900 svg {
        color: inherit !important;
    }

    /* Trust-badge icons: a touch lighter than the black label text */
    .trust-badges svg {
        color: #71717a !important; /* neutral-500 */
    }
    .dark .trust-badges svg {
        color: #a1a1aa !important; /* neutral-400 */
    }

    h1, h2, h3, h4, h5, h6 {
        /* Hedvig Letters Serif ships a single 400 weight, so anything heavier is
         * browser-synthesised faux-bold. Keep headings at the real weight. */
        font-weight: 400 !important;
        color: hsl(var(--foreground));
        font-family: 'Hedvig Letters Serif', Georgia, 'Times New Roman', serif !important;
        letter-spacing: normal;
    }

    /* App page titles — never use tight tracking */
    .font-display {
        letter-spacing: normal;
    }
    
    h1 {
        font-size: 46px;
        line-height: 50px;
    }

    @media (min-width: 640px) {
        h1 {
            font-size: 58px;
            line-height: 58px;
        }
    }
    
    h2 {
        font-size: 46px;
        line-height: 50px;
    }
    
    h3 {
        font-size: 26px !important;
        line-height: 34px !important;
    }
    
    h4 {
        font-size: 30px !important;
        line-height: 38px !important;
    }
    
    h5 {
        font-size: 28px !important;
        line-height: 38px !important;
    }
    
    h6 {
        font-size: 26px !important;
        line-height: 34px !important;
    }
/* Keep Ask Sable action choices consistent with the white Hub controls. */
html body [role="menu"].ask-sable-action-menu {
    background-color: #ffffff !important;
    color: #0a0a0a !important;
    border-color: rgba(10, 10, 10, 0.2) !important;
}

html body .ask-sable-action-menu [data-slot="dropdown-item"] {
    background-color: #ffffff !important;
    color: #0a0a0a !important;
}

html body .ask-sable-action-menu [data-slot="dropdown-item"]:is(:hover, :focus, [data-active="true"]) {
    background-color: #f5f5f5 !important;
}
    html body .research-hub-result-link {
        color: #737373 !important;
        text-decoration-line: none !important;
    }

    html body .research-hub-result-link:is(:hover, :focus-visible) {
        color: #ffffff !important;
        text-decoration-line: underline !important;
    }
    html body #dashboard-main-content .research-hub-evidence-card,
    html body [role="dialog"] .research-hub-evidence-dialog {
        background-color: #000000 !important;
        background-image: none !important;
        color: #ffffff !important;
    }

    html body #dashboard-main-content .research-hub-evidence-card :is(p, span, div, h3, a),
    html body [role="dialog"] .research-hub-evidence-dialog :is(p, span, div, h3, a) {
        color: #ffffff !important;
        font-style: normal !important;
    }

    html body .research-hub-evidence-card button {
        background-color: #000000 !important;
        color: #ffffff !important;
        border-color: #313131 !important;
    }

    html body .research-hub-evidence-card button:hover {
        background-color: #313131 !important;
    }
    html body #dashboard-main-content .research-hub-image-tile:is(:hover, :focus-within) .research-hub-grid-image {
        opacity: 0.35 !important;
    }

    html body #dashboard-main-content .research-hub-image-caption {
        pointer-events: none;
    }

    html body #dashboard-main-content .research-hub-image-tile:is(:hover, :focus-within) .research-hub-image-caption {
        opacity: 1 !important;
        pointer-events: auto;
    }

    html body #dashboard-main-content .research-hub-image-caption :is(p, button) {
        color: #ffffff !important;
    }

    @media (hover: none) {
        html body #dashboard-main-content .research-hub-image-caption {
            opacity: 1 !important;
            pointer-events: auto;
            background-color: rgba(0, 0, 0, 0.75) !important;
        }

        html body #dashboard-main-content .research-hub-image-actions,
        html body #dashboard-main-content .research-hub-image-actions button {
            opacity: 1 !important;
        }
    }
    html body #dashboard-main-content .research-hub-image-actions button {
        background-color: #000000 !important;
        color: #ffffff !important;
        border: 0 !important;
    }

    html body #dashboard-main-content .research-hub-image-actions button svg {
        color: #ffffff !important;
    }

    html body #dashboard-main-content .research-hub-image-actions button:is(:hover, :focus-visible) {
        background-color: #313131 !important;
        color: #ffffff !important;
    }
    html body .research-hub-tools-drawer {
        background-color: #000000 !important;
        color: #ffffff !important;
    }

    html body .research-hub-tools-drawer :is(h2, p, span, label, svg, button) {
        color: #ffffff !important;
    }

    html body .research-hub-tools-drawer p,
    html body .research-hub-tool-option span.text-xs {
        opacity: 0.7;
    }

    
    html body .research-hub-tool-option span.\!text-xs {
        opacity: 0.7 !important;
    }

    html body .research-hub-tool-option {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        padding: 16px;
        text-align: left;
        background-color: #000000 !important;
        transition: background-color 200ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    html body .research-hub-tool-option:is(:hover, :focus-visible) {
        background-color: #272727 !important;
    }

    html body .research-hub-tool-option:disabled {
        opacity: 0.45;
        cursor: not-allowed;
    }

    @media (prefers-reduced-motion: reduce) {
        html body .research-hub-tools-drawer,
        html body .research-hub-tool-option {
            transition: none !important;
        }
    }
    html body .research-hub-note-drawer { background: #000 !important; color: #fff !important; }
    html body .research-hub-note-drawer :is(h3, p, span, svg, textarea) { color: #fff !important; }
    html body .research-hub-note-drawer textarea,
    html body .research-hub-tools-drawer :is(input:not([type=checkbox]), select, option) { background: #000 !important; color: #fff !important; color-scheme: dark; }
    html body .research-hub-tools-drawer a { color: #fff !important; }
    html body .research-hub-tools-drawer a:hover { text-decoration: underline; }
    html body :is(.research-hub-note-drawer, .research-hub-tools-drawer) [data-slot=button] span { color: inherit !important; }
    html body .research-hub-tool-option { height: auto; justify-content: flex-start; white-space: normal; }
    html body .research-hub-tool-option > [data-text] { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; }
    html body .research-hub-tools-drawer :is(.research-hub-filter-trigger, .research-hub-filter-menu) :is(span, svg, button) { color: #0a0a0a !important; }
    html body .research-hub-tools-drawer [role="menu"].research-hub-filter-menu { background-color: #fff !important; }
    html body .research-hub-filter-menu [data-slot=dropdown-item]:is(:hover, :focus-visible) { background: #f5f5f5 !important; }
    html body .research-hub-toolbar-search input { background-color: #000 !important; color: #fff !important; }
    @media (max-width: 639px) {
        html body .research-hub-toolbar-search { width: min(16rem, calc(100vw - 10rem)); }
    }
    html body .research-hub-toolbar-action {
        transition: opacity 200ms ease;
    }
    html body .research-hub-toolbar-action:not(:disabled):is(:hover, :focus-visible) {
        opacity: 0.75;
    }
    @media (prefers-reduced-motion: reduce) {
        html body .research-hub-toolbar-action { transition: none; }
    }
.\!container{ width: 100% !important; }
.container{ width: 100%; }
@media (min-width: 640px){
 .\!container{ max-width: 640px !important; }
 .container{ max-width: 640px; } }
@media (min-width: 768px){
 .\!container{ max-width: 768px !important; }
 .container{ max-width: 768px; } }
@media (min-width: 1024px){
 .\!container{ max-width: 1024px !important; }
 .container{ max-width: 1024px; } }
@media (min-width: 1280px){
 .\!container{ max-width: 1280px !important; }
 .container{ max-width: 1280px; } }
@media (min-width: 1536px){
 .\!container{ max-width: 1536px !important; }
 .container{ max-width: 1536px; } }
.form-input,.form-textarea,.form-select,.form-multiselect{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; }
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); border-color: #2563eb; }
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder{ color: #6b7280; opacity: 1; }
.form-input::placeholder,.form-textarea::placeholder{ color: #6b7280; opacity: 1; }
.form-input::-webkit-datetime-edit-fields-wrapper{ padding: 0; }
.form-input::-webkit-date-and-time-value{ min-height: 1.5em; text-align: inherit; }
.form-input::-webkit-datetime-edit{ display: inline-flex; }
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{ padding-top: 0; padding-bottom: 0; }
.form-checkbox,.form-radio{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; }
.form-checkbox{ border-radius: 0px; }
.form-radio{ border-radius: 100%; }
.form-checkbox:focus,.form-radio:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); }
.form-checkbox:checked,.form-radio:checked{ border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
.form-checkbox:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); }
@media (forced-colors: active) {
 .form-checkbox:checked{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }
.form-radio:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); }
@media (forced-colors: active) {
 .form-radio:checked{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }
.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{ border-color: transparent; background-color: currentColor; }
.form-checkbox:indeterminate{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
@media (forced-colors: active) {
 .form-checkbox:indeterminate{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } }
.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{ border-color: transparent; background-color: currentColor; }
.prose{ color: hsl(var(--foreground)); max-width: none; }
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; margin-bottom: 1.25em; }
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; }
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: hsl(var(--primary)); text-decoration: underline; font-weight: 500; }
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover{ color: hsl(var(--primary)); }
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-bold); font-weight: 600; }
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; }
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; }
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; }
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; }
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-alpha; }
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-alpha; }
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-alpha; }
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-alpha; }
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-roman; }
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-roman; }
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-roman; }
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-roman; }
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: decimal; }
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; }
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ font-weight: 400; color: var(--tw-prose-counters); }
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ color: var(--tw-prose-bullets); }
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; }
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; }
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; }
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: open-quote; }
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: close-quote; }
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; }
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 900; color: inherit; }
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; }
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 800; color: inherit; }
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; }
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 700; color: inherit; }
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; }
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 700; color: inherit; }
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; }
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){ display: block; margin-top: 2em; margin-bottom: 2em; }
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; }
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; }
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; }
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: "`"; }
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: "`"; }
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; }
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; }
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; font-size: 0.875em; }
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; font-size: 0.9em; }
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; }
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; }
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; }
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; }
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; }
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: none; }
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: none; }
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){ width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; }
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); }
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; }
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); }
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 0; }
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ vertical-align: baseline; }
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); }
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ vertical-align: top; }
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ text-align: start; }
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; }
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; }
.prose{ --tw-prose-body: #374151; --tw-prose-headings: #111827; --tw-prose-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #111827; --tw-prose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6b7280; --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: rgb(17 24 39 / 10%); --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: #4b5563; --tw-prose-invert-td-borders: #374151; font-size: 1rem; line-height: 1.75; }
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; }
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5em; margin-bottom: 0.5em; }
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0.375em; }
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0.375em; }
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.75em; margin-bottom: 0.75em; }
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; }
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.25em; }
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; }
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.25em; }
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.75em; margin-bottom: 0.75em; }
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; margin-bottom: 1.25em; }
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5em; padding-inline-start: 1.625em; }
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; }
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; }
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; }
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; }
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0; }
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-end: 0; }
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; }
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0; }
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-end: 0; }
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; }
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; }
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 0; }
.prose-sm{ font-size: 0.875rem; line-height: 1.7142857; }
.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; margin-bottom: 1.1428571em; }
.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 1.2857143em; line-height: 1.5555556; margin-top: 0.8888889em; margin-bottom: 0.8888889em; }
.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.1111111em; }
.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 2.1428571em; margin-top: 0; margin-bottom: 0.8em; line-height: 1.2; }
.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 1.4285714em; margin-top: 1.6em; margin-bottom: 0.8em; line-height: 1.4; }
.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 1.2857143em; margin-top: 1.5555556em; margin-bottom: 0.4444444em; line-height: 1.5555556; }
.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.4285714em; margin-bottom: 0.5714286em; line-height: 1.4285714; }
.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.7142857em; margin-bottom: 1.7142857em; }
.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.7142857em; margin-bottom: 1.7142857em; }
.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; }
.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.7142857em; margin-bottom: 1.7142857em; }
.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.8571429em; border-radius: 0.3125rem; padding-top: 0.1428571em; padding-inline-end: 0.3571429em; padding-bottom: 0.1428571em; padding-inline-start: 0.3571429em; }
.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.8571429em; }
.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.9em; }
.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.8888889em; }
.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.8571429em; line-height: 1.6666667; margin-top: 1.6666667em; margin-bottom: 1.6666667em; border-radius: 0.25rem; padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; }
.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-inline-start: 1.5714286em; }
.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-inline-start: 1.5714286em; }
.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.2857143em; margin-bottom: 0.2857143em; }
.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0.4285714em; }
.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0.4285714em; }
.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5714286em; margin-bottom: 0.5714286em; }
.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; }
.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.1428571em; }
.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; }
.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.1428571em; }
.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5714286em; margin-bottom: 0.5714286em; }
.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; margin-bottom: 1.1428571em; }
.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; }
.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.2857143em; padding-inline-start: 1.5714286em; }
.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2.8571429em; margin-bottom: 2.8571429em; }
.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; }
.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; }
.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; }
.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; }
.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.8571429em; line-height: 1.5; }
.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; }
.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0; }
.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-end: 0; }
.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; }
.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0; }
.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-end: 0; }
.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.7142857em; margin-bottom: 1.7142857em; }
.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; }
.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.8571429em; line-height: 1.3333333; margin-top: 0.6666667em; }
.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; }
.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 0; }
.prose-neutral{ --tw-prose-body: #404040; --tw-prose-headings: #171717; --tw-prose-lead: #525252; --tw-prose-links: #171717; --tw-prose-bold: #171717; --tw-prose-counters: #737373; --tw-prose-bullets: #d4d4d4; --tw-prose-hr: #e5e5e5; --tw-prose-quotes: #171717; --tw-prose-quote-borders: #e5e5e5; --tw-prose-captions: #737373; --tw-prose-kbd: #171717; --tw-prose-kbd-shadows: rgb(23 23 23 / 10%); --tw-prose-code: #171717; --tw-prose-pre-code: #e5e5e5; --tw-prose-pre-bg: #262626; --tw-prose-th-borders: #d4d4d4; --tw-prose-td-borders: #e5e5e5; --tw-prose-invert-body: #d4d4d4; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #a3a3a3; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #a3a3a3; --tw-prose-invert-bullets: #525252; --tw-prose-invert-hr: #404040; --tw-prose-invert-quotes: #f5f5f5; --tw-prose-invert-quote-borders: #404040; --tw-prose-invert-captions: #a3a3a3; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d4d4d4; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: #525252; --tw-prose-invert-td-borders: #404040; }
    /* Button Components - Midday Style */
    .\!btn{ display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0px; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].\!btn i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].\!btn [data-lucide="chevron-right"] {
    display: none;
}
    .\!btn:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-offset-width: 2px; }
    .\!btn:disabled{ cursor: not-allowed; opacity: 0.5; }
    .btn{ display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0px; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn [data-lucide="chevron-right"] {
    display: none;
}
    .btn:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-offset-width: 2px; }
    .btn:disabled{ cursor: not-allowed; opacity: 0.5; }
    
    .btn-primary svg {
        color: inherit;
    }
    
    .btn-primary{ display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0px; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-primary i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-primary [data-lucide="chevron-right"] {
    display: none;
}
    
    .btn-primary:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-offset-width: 2px; }
    
    .btn-primary:disabled{ cursor: not-allowed; opacity: 0.5; }
    
    .btn-primary{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --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); }
    
    .btn-primary:hover{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
    
    .btn-primary:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(20 20 20 / var(--tw-ring-opacity, 1)); }
    
    .btn-secondary{ display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0px; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-secondary i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-secondary [data-lucide="chevron-right"] {
    display: none;
}
    
    .btn-secondary:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-offset-width: 2px; }
    
    .btn-secondary:disabled{ cursor: not-allowed; opacity: 0.5; }
    
    .btn-secondary{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
    
    
    .dark .btn-secondary {
        background-color: #1f1f1f;
        color: #ffffff;
        border-color: #313131;
    }
    
    body[data-admin-theme] .admin-page-content :is(.card, [class~="bg-white"], [class~="bg-neutral-50"]) :is(.text-neutral-950,.btn-secondary) {
    color: #f5f5f5;
}
    
    .btn-secondary:hover{ --tw-bg-opacity: 1; background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1)); }
    
    .btn-secondary:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(20 20 20 / var(--tw-ring-opacity, 1)); }
    
    .btn-secondary:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    
    .btn-secondary:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
    
    .btn-danger{ display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0px; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-danger i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-danger [data-lucide="chevron-right"] {
    display: none;
}
    
    .btn-danger:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-offset-width: 2px; }
    
    .btn-danger:disabled{ cursor: not-allowed; opacity: 0.5; }
    
    .btn-danger{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --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); }
    
    .btn-danger:hover{ --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); }
    
    .btn-danger:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); }
    
    .btn-sm{ padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; }
    
    /* Card Components - Midday Style */
    .\!card{ overflow: hidden; border-radius: 0px; border-width: 1px; border-color: hsl(var(--border)); background-color: hsl(var(--background)); color: hsl(var(--foreground)); --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(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); }
    body.\!card.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}
    body.\!card.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex [data-lucide="chevron-right"] {
    display: none;
}
    .card{ overflow: hidden; border-radius: 0px; border-width: 1px; border-color: hsl(var(--border)); background-color: hsl(var(--background)); color: hsl(var(--foreground)); --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(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); }
    body.card.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}
    body.card.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex [data-lucide="chevron-right"] {
    display: none;
}

    .card-body{ padding: 1.5rem; }

    .card-header{ border-bottom-width: 1px; border-color: hsl(var(--border)); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; }
    
    /* Badge Components - Midday Style */
    
    html body .research-hub-tool-option span.\!badge {
        opacity: 0.7;
    }
    .\!badge{ display: inline-flex; align-items: center; gap: 0.375rem; border-radius: 0px; border-width: 1px; padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; }
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].\!badge i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].\!badge [data-lucide="chevron-right"] {
    display: none;
}
    
    html body .research-hub-tool-option span.badge {
        opacity: 0.7;
    }
    .badge{ display: inline-flex; align-items: center; gap: 0.375rem; border-radius: 0px; border-width: 1px; padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; }
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge [data-lucide="chevron-right"] {
    display: none;
}

    
    html body .research-hub-tool-option span.badge-success {
        opacity: 0.7;
    }

    .badge-success{ display: inline-flex; align-items: center; gap: 0.375rem; border-radius: 0px; border-width: 1px; padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; }

    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge-success i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}

    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge-success [data-lucide="chevron-right"] {
    display: none;
}

    .badge-success{ --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); }

    .badge-success:is(.dark *){ border-color: rgb(34 197 94 / 0.2); background-color: rgb(34 197 94 / 0.1); --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity, 1)); }

    
    html body .research-hub-tool-option span.badge-neutral {
        opacity: 0.7;
    }

    .badge-neutral{ display: inline-flex; align-items: center; gap: 0.375rem; border-radius: 0px; border-width: 1px; padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; }

    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge-neutral i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}

    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge-neutral [data-lucide="chevron-right"] {
    display: none;
}

    .badge-neutral{ --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }

    
    .dark .badge-neutral {
        background-color: #181818;
        color: rgb(212 212 216);
        border-color: #313131;
    }

    body[data-admin-theme] .admin-page-content :is(.card, [class~="bg-white"], [class~="bg-neutral-50"]) :is(.text-neutral-800,.badge-neutral) {
    color: #b8b8b8;
}

    .badge-neutral:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
    
    /* Form Components - Midday Style */
    .form-input{ display: block; width: 100%; border-radius: 0px; border-color: hsl(var(--border)); background-color: hsl(var(--background)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; --tw-shadow: 0 1px 2px 0 rgba(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); 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: 200ms; }
    body.form-input.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex i[data-lucide] {
    width: 1.25rem;
    height: 1.25rem;
    color: #141414;
}
    body.form-input.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex [data-lucide="chevron-right"] {
    display: none;
}
    .form-input::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
    .form-input::placeholder{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
    
    .dark .form-input::-moz-placeholder {
        color: rgb(161 161 170);
    }
    
    .dark .form-input::placeholder {
        color: rgb(161 161 170);
    }
    .form-input:focus{ --tw-border-opacity: 1; border-color: rgb(217 108 143 / var(--tw-border-opacity, 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); --tw-ring-opacity: 1; --tw-ring-color: rgb(217 108 143 / var(--tw-ring-opacity, 1)); }
    .form-input:is(.dark *)::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
    .form-input:is(.dark *)::placeholder{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
    
    .dark .form-input:is(.dark *)::-moz-placeholder {
        color: rgb(113 113 122);
    }
    
    .dark .form-input:is(.dark *)::placeholder {
        color: rgb(113 113 122);
    }

    .form-label{ margin-bottom: 0.375rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: hsl(var(--foreground)); }

    .form-error{ margin-top: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); }

    .form-help{ margin-top: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }

    
    .dark .form-help {
        color: rgb(113 113 122);
    }

    .app-page-content > .mb-16 :is(h1, h2):not(:has(> span.form-help)) {
    font-family: inherit;
    font-weight: 500;
    text-wrap: balance;
    font-size: 1.5rem;
    line-height: 2rem;
}

    .app-page-content > .mb-16 h2:has(> span.form-help) {
    font-family: 'Hedvig Letters Serif', Georgia, 'Times New Roman', serif;
    font-size: 2.375rem;
    font-weight: 500;
    line-height: 1.2;
}

    .form-help:is(.dark *){ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }

    
    .dark .form-help:is(.dark *) {
        color: rgb(161 161 170);
    }
    
    /* Table Styles - Midday Style */
    .table{ width: 100%; text-align: left; font-size: 0.875rem; line-height: 1.25rem; }
    
    /* Loading States */
    @keyframes spin{
 to{ transform: rotate(360deg); } }
    .loading-spinner{ animation: spin 1s linear infinite; border-radius: 9999px; border-width: 2px; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); --tw-border-opacity: 1; border-top-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
    
    .dark .loading-spinner {
        border-color: #313131;
    }
    
    /* Empty State - Midday Style */
    .empty-state{ padding-top: 3rem; padding-bottom: 3rem; padding-left: 1rem; padding-right: 1rem; text-align: center; }
    
    /* Link Styles - Midday Style */
    .\!link{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); text-decoration-line: underline; text-underline-offset: 4px; 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: 200ms; }
    
    .dark .\!link {
        color: #ffffff;
    }
    body[data-admin-theme] .admin-page-content :is(.card, [class~="bg-white"], [class~="bg-neutral-50"]) :is(.text-neutral-950,.\!link) {
    color: #f5f5f5;
}
    .\!link:hover{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
    
    .dark .\!link:hover {
        color: rgb(212 212 216);
    }
    .\!link:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .\!link:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .link{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); text-decoration-line: underline; text-underline-offset: 4px; 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: 200ms; }
    
    .dark .link {
        color: #ffffff;
    }
    body[data-admin-theme] .admin-page-content :is(.card, [class~="bg-white"], [class~="bg-neutral-50"]) :is(.text-neutral-950,.link) {
    color: #f5f5f5;
}
    .link:hover{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
    
    .dark .link:hover {
        color: rgb(212 212 216);
    }
    .link:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .link:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

    .link-muted{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); 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: 200ms; }

    
    .dark .link-muted {
        color: rgb(161 161 170);
    }

    .link-muted:hover{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }

    
    .dark .link-muted:hover {
        color: #ffffff;
    }

    .link-muted:is(.dark *){ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }

    
    .dark .link-muted:is(.dark *) {
        color: rgb(161 161 170);
    }

    .link-muted:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

    /* Divider */
    .divider{ border-top-width: 1px; border-color: hsl(var(--border)); }
    
    /* Container */
.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-3{ inset: 0.75rem; }
.inset-x-0{ left: 0px; right: 0px; }
.inset-x-4{ left: 1rem; right: 1rem; }
.inset-y-0{ top: 0px; bottom: 0px; }
.-bottom-0\.5{ bottom: -0.125rem; }
.-bottom-1\.5{ bottom: -0.375rem; }
.-bottom-2{ bottom: -0.5rem; }
.-bottom-40{ bottom: -10rem; }
.-left-24{ left: -6rem; }
.-left-6{ left: -1.5rem; }
.-left-\[1\.32rem\]{ left: -1.32rem; }
.-right-0\.5{ right: -0.125rem; }
.-right-1{ right: -0.25rem; }
.-right-2{ right: -0.5rem; }
.-right-24{ right: -6rem; }
.-right-6{ right: -1.5rem; }
.-top-0\.5{ top: -0.125rem; }
.-top-1{ top: -0.25rem; }
.-top-2{ top: -0.5rem; }
.-top-32{ top: -8rem; }
.-top-\[13px\]{ top: -13px; }
.bottom-0{ bottom: 0px; }
.bottom-1{ bottom: 0.25rem; }
.bottom-16{ bottom: 4rem; }
.bottom-2{ bottom: 0.5rem; }
.bottom-4{ bottom: 1rem; }
.bottom-5{ bottom: 1.25rem; }
.bottom-full{ bottom: 100%; }
.end-0{ inset-inline-end: 0px; }
.left-0{ left: 0px; }
.left-1{ left: 0.25rem; }
.left-1\/2{ left: 50%; }
.left-1\/4{ left: 25%; }
.left-2{ left: 0.5rem; }
.left-2\.5{ left: 0.625rem; }
.left-20{ left: 5rem; }
.left-3{ left: 0.75rem; }
.left-4{ left: 1rem; }
.left-\[-1px\]{ left: -1px; }
.left-\[37\%\]{ left: 37%; }
.left-\[56\%\]{ left: 56%; }
.left-\[8\%\]{ left: 8%; }
.left-full{ left: 100%; }
.right-0{ right: 0px; }
.right-1{ right: 0.25rem; }
.right-1\.5{ right: 0.375rem; }
.right-1\/4{ right: 25%; }
.right-14{ right: 3.5rem; }
.right-2{ right: 0.5rem; }
.right-2\.5{ right: 0.625rem; }
.right-3{ right: 0.75rem; }
.right-4{ right: 1rem; }
.right-5{ right: 1.25rem; }
.right-8{ right: 2rem; }
.right-9{ right: 2.25rem; }
.right-full{ right: 100%; }
.start-0{ inset-inline-start: 0px; }
.top-0{ top: 0px; }
.top-1{ top: 0.25rem; }
.top-1\.5{ top: 0.375rem; }
.top-1\/2{ top: 50%; }
.top-11{ top: 2.75rem; }
.top-12{ top: 3rem; }
.top-2{ top: 0.5rem; }
.top-2\.5{ top: 0.625rem; }
.top-20{ top: 5rem; }
.top-24{ top: 6rem; }
.top-3{ top: 0.75rem; }
.top-4{ top: 1rem; }
.top-5{ top: 1.25rem; }
.top-6{ top: 1.5rem; }
.top-\[13px\]{ top: 13px; }
.top-\[16\%\]{ top: 16%; }
.top-\[20\%\]{ top: 20%; }
.top-\[210px\]{ top: 210px; }
.top-\[284px\]{ top: 284px; }
.top-\[295px\]{ top: 295px; }
.top-\[300px\]{ top: 300px; }
.top-\[305px\]{ top: 305px; }
.top-\[310px\]{ top: 310px; }
.top-\[318px\]{ top: 318px; }
.top-\[32\%\]{ top: 32%; }
.top-\[320px\]{ top: 320px; }
.top-\[408px\]{ top: 408px; }
.top-\[420px\]{ top: 420px; }
.top-\[430px\]{ top: 430px; }
.top-\[438px\]{ top: 438px; }
.top-\[5vh\]{ top: 5vh; }
.top-\[72px\]{ top: 72px; }
.top-\[calc\(100\%\+0\.5rem\)\]{ top: calc(100% + 0.5rem); }
.top-full{ top: 100%; }
.isolate{ isolation: isolate; }
.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-\[10000\]{ z-index: 10000; }
.z-\[100\]{ z-index: 100; }
.z-\[300\]{ z-index: 300; }
.z-\[60\]{ z-index: 60; }
.z-\[99999\]{ z-index: 99999; }
.z-\[9999\]{ z-index: 9999; }
.col-span-1{ grid-column: span 1 / span 1; }
.col-span-12{ grid-column: span 12 / span 12; }
.col-span-2{ grid-column: span 2 / span 2; }
.col-span-3{ grid-column: span 3 / span 3; }
.col-span-4{ grid-column: span 4 / span 4; }
.col-span-7{ grid-column: span 7 / span 7; }
.col-span-full{ grid-column: 1 / -1; }
.col-start-1{ grid-column-start: 1; }
.col-start-2{ grid-column-start: 2; }
.col-start-3{ grid-column-start: 3; }
.row-start-1{ grid-row-start: 1; }
.m-0{ margin: 0px; }
.m-auto{ margin: auto; }
.-mx-0{ margin-left: -0px; margin-right: -0px; }
.-mx-1{ margin-left: -0.25rem; margin-right: -0.25rem; }
.-mx-4{ margin-left: -1rem; margin-right: -1rem; }
.mx-0\.5{ margin-left: 0.125rem; margin-right: 0.125rem; }
.mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-1\.5{ margin-left: 0.375rem; margin-right: 0.375rem; }
.mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-3{ margin-left: 0.75rem; margin-right: 0.75rem; }
.mx-4{ margin-left: 1rem; margin-right: 1rem; }
.mx-5{ margin-left: 1.25rem; margin-right: 1.25rem; }
.mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; }
.mx-auto{ margin-left: auto; margin-right: auto; }
.my-1{ margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-4{ margin-top: 1rem; margin-bottom: 1rem; }
.my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-8{ margin-top: 2rem; margin-bottom: 2rem; }
.-mb-px{ margin-bottom: -1px; }
.-ml-1{ margin-left: -0.25rem; }
.-ml-1\.5{ margin-left: -0.375rem; }
.-ml-px{ margin-left: -1px; }
.-ms-2{ margin-inline-start: -0.5rem; }
.-mt-2{ margin-top: -0.5rem; }
.-mt-8{ margin-top: -2rem; }
.-mt-px{ margin-top: -1px; }
.mb-0{ margin-bottom: 0px; }
.mb-0\.5{ margin-bottom: 0.125rem; }
.mb-1{ margin-bottom: 0.25rem; }
.mb-1\.5{ margin-bottom: 0.375rem; }
.mb-10{ margin-bottom: 2.5rem; }
.mb-16{ margin-bottom: 4rem; }
.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-1\.5{ margin-left: 0.375rem; }
.ml-12{ margin-left: 3rem; }
.ml-2{ margin-left: 0.5rem; }
.ml-3{ margin-left: 0.75rem; }
.ml-4{ margin-left: 1rem; }
.ml-6{ margin-left: 1.5rem; }
.ml-9{ margin-left: 2.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-3{ margin-right: 0.75rem; }
.mr-4{ margin-right: 1rem; }
.mr-5{ margin-right: 1.25rem; }
.mr-auto{ margin-right: auto; }
.ms-2{ margin-inline-start: 0.5rem; }
.ms-3{ margin-inline-start: 0.75rem; }
.mt-0{ margin-top: 0px; }
.mt-0\.5{ margin-top: 0.125rem; }
.mt-1{ margin-top: 0.25rem; }
.mt-1\.5{ margin-top: 0.375rem; }
.mt-10{ margin-top: 2.5rem; }
.mt-12{ margin-top: 3rem; }
.mt-16{ margin-top: 4rem; }
.mt-2{ margin-top: 0.5rem; }
.mt-2\.5{ margin-top: 0.625rem; }
.mt-3{ margin-top: 0.75rem; }
.mt-3\.5{ margin-top: 0.875rem; }
.mt-4{ margin-top: 1rem; }
.mt-5{ margin-top: 1.25rem; }
.mt-6{ margin-top: 1.5rem; }
.mt-7{ margin-top: 1.75rem; }
.mt-8{ margin-top: 2rem; }
.mt-\[1\.125rem\]{ margin-top: 1.125rem; }
.mt-auto{ margin-top: auto; }
.mt-px{ margin-top: 1px; }
.line-clamp-1{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-clamp-2{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.line-clamp-3{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.line-clamp-4{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.line-clamp-5{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.line-clamp-6{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.\!block{ display: block !important; }
.block{ display: block; }
.inline-block{ display: inline-block; }
.inline{ display: inline; }
.flex{ display: flex; }
.\!inline-flex{ display: inline-flex !important; }
.inline-flex{ display: inline-flex; }
.table{ display: table; }
.grid{ display: grid; }
.inline-grid{ display: inline-grid; }
.contents{ display: contents; }
.\!hidden{ display: none !important; }
.hidden{ display: none; }
.aspect-\[16\/10\]{ aspect-ratio: 16/10; }
.aspect-square{ aspect-ratio: 1 / 1; }
.\!size-5{ width: 1.25rem !important; height: 1.25rem !important; }
.\!size-7{ width: 1.75rem !important; height: 1.75rem !important; }
.\!size-\[1\.10rem\]{ width: 1.10rem !important; height: 1.10rem !important; }
.\!size-\[1\.15rem\]{ width: 1.15rem !important; height: 1.15rem !important; }
.size-10{ width: 2.5rem; height: 2.5rem; }
.size-12{ width: 3rem; height: 3rem; }
.size-2\.5{ width: 0.625rem; height: 0.625rem; }
.size-3{ width: 0.75rem; height: 0.75rem; }
.size-3\.5{ width: 0.875rem; height: 0.875rem; }
.size-4{ width: 1rem; height: 1rem; }
.size-5{ width: 1.25rem; height: 1.25rem; }
.size-6{ width: 1.5rem; height: 1.5rem; }
.size-7{ width: 1.75rem; height: 1.75rem; }
.size-8{ width: 2rem; height: 2rem; }
.size-\[1\.125rem\]{ width: 1.125rem; height: 1.125rem; }
.size-\[1\.15rem\]{ width: 1.15rem; height: 1.15rem; }
.size-full{ width: 100%; height: 100%; }
.\!h-10{ height: 2.5rem !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-24{ height: 6rem; }
.h-28{ height: 7rem; }
.h-3{ height: 0.75rem; }
.h-3\.5{ height: 0.875rem; }
.h-32{ height: 8rem; }
.h-4{ height: 1rem; }
.h-40{ height: 10rem; }
.h-44{ height: 11rem; }
.h-5{ height: 1.25rem; }
.h-56{ height: 14rem; }
.h-6{ height: 1.5rem; }
.h-7{ height: 1.75rem; }
.h-72{ height: 18rem; }
.h-8{ height: 2rem; }
.h-80{ height: 20rem; }
.h-9{ height: 2.25rem; }
.h-96{ height: 24rem; }
.h-\[0\.75px\]{ height: 0.75px; }
.h-\[100dvh\]{ height: 100dvh; }
.h-\[100vh\]{ height: 100vh; }
.h-\[30\%\]{ height: 30%; }
.h-\[32\%\]{ height: 32%; }
.h-\[380px\]{ height: 380px; }
.h-\[38px\]{ height: 38px; }
.h-\[46\%\]{ height: 46%; }
.h-\[520px\]{ height: 520px; }
.h-\[540px\]{ height: 540px; }
.h-\[560px\]{ height: 560px; }
.h-\[5px\]{ height: 5px; }
.h-\[70vh\]{ height: 70vh; }
.h-\[calc\(100\%-2\.5rem\)\]{ height: calc(100% - 2.5rem); }
.h-\[min\(40rem\2c calc\(100dvh-2rem\)\)\]{ height: min(40rem, calc(100dvh - 2rem)); }
.h-auto{ height: auto; }
.h-full{ height: 100%; }
.h-px{ height: 1px; }
.max-h-0{ max-height: 0px; }
.max-h-10{ max-height: 2.5rem; }
.max-h-12{ max-height: 3rem; }
.max-h-16{ max-height: 4rem; }
.max-h-20{ max-height: 5rem; }
.max-h-36{ max-height: 9rem; }
.max-h-40{ max-height: 10rem; }
.max-h-48{ max-height: 12rem; }
.max-h-56{ max-height: 14rem; }
.max-h-60{ max-height: 15rem; }
.max-h-64{ max-height: 16rem; }
.max-h-72{ max-height: 18rem; }
.max-h-8{ max-height: 2rem; }
.max-h-80{ max-height: 20rem; }
.max-h-96{ max-height: 24rem; }
.max-h-\[32vh\]{ max-height: 32vh; }
.max-h-\[36rem\]{ max-height: 36rem; }
.max-h-\[40vh\]{ max-height: 40vh; }
.max-h-\[55vh\]{ max-height: 55vh; }
.max-h-\[60vh\]{ max-height: 60vh; }
.max-h-\[65vh\]{ max-height: 65vh; }
.max-h-\[70vh\]{ max-height: 70vh; }
.max-h-\[75vh\]{ max-height: 75vh; }
.max-h-\[80vh\]{ max-height: 80vh; }
.max-h-\[85vh\]{ max-height: 85vh; }
.max-h-\[92vh\]{ max-height: 92vh; }
.max-h-\[calc\(100vh-13\.8rem\)\]{ max-height: calc(100vh - 13.8rem); }
.max-h-\[calc\(100vh-8rem\)\]{ max-height: calc(100vh - 8rem); }
.max-h-\[min\(70vh\2c 32rem\)\]{ max-height: min(70vh, 32rem); }
.max-h-full{ max-height: 100%; }
.max-h-screen{ max-height: 100vh; }
.\!min-h-9{ min-height: 2.25rem !important; }
.min-h-0{ min-height: 0px; }
.min-h-10{ min-height: 2.5rem; }
.min-h-14{ min-height: 3.5rem; }
.min-h-24{ min-height: 6rem; }
.min-h-32{ min-height: 8rem; }
.min-h-40{ min-height: 10rem; }
.min-h-48{ min-height: 12rem; }
.min-h-6{ min-height: 1.5rem; }
.min-h-64{ min-height: 16rem; }
.min-h-8{ min-height: 2rem; }
.min-h-80{ min-height: 20rem; }
.min-h-\[1\.5rem\]{ min-height: 1.5rem; }
.min-h-\[12rem\]{ min-height: 12rem; }
.min-h-\[140px\]{ min-height: 140px; }
.min-h-\[14rem\]{ min-height: 14rem; }
.min-h-\[160px\]{ min-height: 160px; }
.min-h-\[16rem\]{ min-height: 16rem; }
.min-h-\[240px\]{ min-height: 240px; }
.min-h-\[24px\]{ min-height: 24px; }
.min-h-\[260px\]{ min-height: 260px; }
.min-h-\[280px\]{ min-height: 280px; }
.min-h-\[28px\]{ min-height: 28px; }
.min-h-\[300px\]{ min-height: 300px; }
.min-h-\[320px\]{ min-height: 320px; }
.min-h-\[380px\]{ min-height: 380px; }
.min-h-\[400px\]{ min-height: 400px; }
.min-h-\[40px\]{ min-height: 40px; }
.min-h-\[42px\]{ min-height: 42px; }
.min-h-\[440px\]{ min-height: 440px; }
.min-h-\[560px\]{ min-height: 560px; }
.min-h-\[600px\]{ min-height: 600px; }
.min-h-\[60vh\]{ min-height: 60vh; }
.min-h-\[70vh\]{ min-height: 70vh; }
.min-h-\[calc\(100vh-10rem\)\]{ min-height: calc(100vh - 10rem); }
.min-h-full{ min-height: 100%; }
.min-h-screen{ min-height: 100vh; }
.\!w-full{ width: 100% !important; }
.w-0\.5{ width: 0.125rem; }
.w-1{ width: 0.25rem; }
.w-1\.5{ width: 0.375rem; }
.w-1\/2{ width: 50%; }
.w-1\/3{ width: 33.333333%; }
.w-1\/4{ width: 25%; }
.w-10{ width: 2.5rem; }
.w-11{ width: 2.75rem; }
.w-12{ width: 3rem; }
.w-14{ width: 3.5rem; }
.w-16{ width: 4rem; }
.w-2{ width: 0.5rem; }
.w-2\.5{ width: 0.625rem; }
.w-2\/4{ width: 50%; }
.w-2\/5{ width: 40%; }
.w-20{ width: 5rem; }
.w-24{ width: 6rem; }
.w-28{ width: 7rem; }
.w-3{ width: 0.75rem; }
.w-3\.5{ width: 0.875rem; }
.w-3\/4{ width: 75%; }
.w-3\/5{ width: 60%; }
.w-32{ width: 8rem; }
.w-36{ width: 9rem; }
.w-4{ width: 1rem; }
.w-4\/5{ width: 80%; }
.w-40{ width: 10rem; }
.w-44{ width: 11rem; }
.w-48{ width: 12rem; }
.w-5{ width: 1.25rem; }
.w-5\/6{ width: 83.333333%; }
.w-52{ width: 13rem; }
.w-56{ width: 14rem; }
.w-6{ width: 1.5rem; }
.w-60{ width: 15rem; }
.w-64{ width: 16rem; }
.w-7{ width: 1.75rem; }
.w-72{ width: 18rem; }
.w-8{ width: 2rem; }
.w-80{ width: 20rem; }
.w-9{ width: 2.25rem; }
.w-96{ width: 24rem; }
.w-\[10\%\]{ width: 10%; }
.w-\[18\%\]{ width: 18%; }
.w-\[280px\]{ width: 280px; }
.w-\[300px\]{ width: 300px; }
.w-\[32\%\]{ width: 32%; }
.w-\[340px\]{ width: 340px; }
.w-\[36\%\]{ width: 36%; }
.w-\[380px\]{ width: 380px; }
.w-\[42rem\]{ width: 42rem; }
.w-\[440px\]{ width: 440px; }
.w-\[46px\]{ width: 46px; }
.w-\[calc\(100vw-2rem\)\]{ width: calc(100vw - 2rem); }
.w-auto{ width: auto; }
.w-fit{ width: -moz-fit-content; width: fit-content; }
.w-full{ width: 100%; }
.w-max{ width: -moz-max-content; width: max-content; }
.w-px{ width: 1px; }
.w-screen{ width: 100vw; }
.min-w-0{ min-width: 0px; }
.min-w-2{ min-width: 0.5rem; }
.min-w-28{ min-width: 7rem; }
.min-w-3{ min-width: 0.75rem; }
.min-w-36{ min-width: 9rem; }
.min-w-4{ min-width: 1rem; }
.min-w-48{ min-width: 12rem; }
.min-w-5{ min-width: 1.25rem; }
.min-w-56{ min-width: 14rem; }
.min-w-64{ min-width: 16rem; }
.min-w-\[1\.25rem\]{ min-width: 1.25rem; }
.min-w-\[1\.5rem\]{ min-width: 1.5rem; }
.min-w-\[1000px\]{ min-width: 1000px; }
.min-w-\[1040px\]{ min-width: 1040px; }
.min-w-\[10rem\]{ min-width: 10rem; }
.min-w-\[1100px\]{ min-width: 1100px; }
.min-w-\[12rem\]{ min-width: 12rem; }
.min-w-\[16rem\]{ min-width: 16rem; }
.min-w-\[200px\]{ min-width: 200px; }
.min-w-\[220px\]{ min-width: 220px; }
.min-w-\[28px\]{ min-width: 28px; }
.min-w-\[32rem\]{ min-width: 32rem; }
.min-w-\[600px\]{ min-width: 600px; }
.min-w-\[640px\]{ min-width: 640px; }
.min-w-\[680px\]{ min-width: 680px; }
.min-w-\[7\.5rem\]{ min-width: 7.5rem; }
.min-w-\[7rem\]{ min-width: 7rem; }
.min-w-\[800px\]{ min-width: 800px; }
.min-w-\[80px\]{ min-width: 80px; }
.min-w-\[860px\]{ min-width: 860px; }
.min-w-\[8rem\]{ min-width: 8rem; }
.min-w-\[900px\]{ min-width: 900px; }
.min-w-\[9rem\]{ min-width: 9rem; }
.min-w-full{ min-width: 100%; }
.max-w-28{ max-width: 7rem; }
.max-w-2xl{ max-width: 42rem; }
.max-w-36{ max-width: 9rem; }
.max-w-3xl{ max-width: 48rem; }
.max-w-4xl{ max-width: 56rem; }
.max-w-5xl{ max-width: 64rem; }
.max-w-64{ max-width: 16rem; }
.max-w-6xl{ max-width: 72rem; }
.max-w-7xl{ max-width: 80rem; }
.max-w-\[10rem\]{ max-width: 10rem; }
.max-w-\[132px\]{ max-width: 132px; }
.max-w-\[140px\]{ max-width: 140px; }
.max-w-\[1600px\]{ max-width: 1600px; }
.max-w-\[160px\]{ max-width: 160px; }
.max-w-\[180px\]{ max-width: 180px; }
.max-w-\[1920px\]{ max-width: 1920px; }
.max-w-\[75\%\]{ max-width: 75%; }
.max-w-\[78\%\]{ max-width: 78%; }
.max-w-\[80\%\]{ max-width: 80%; }
.max-w-\[82\%\]{ max-width: 82%; }
.max-w-\[85\%\]{ max-width: 85%; }
.max-w-\[8rem\]{ max-width: 8rem; }
.max-w-\[calc\(100vw-3rem\)\]{ max-width: calc(100vw - 3rem); }
.max-w-\[calc\(100vw_-_3\.5rem\)\]{ max-width: calc(100vw - 3.5rem); }
.max-w-\[min\(16rem\2c 80\%\)\]{ max-width: min(16rem, 80%); }
.max-w-\[min\(28rem\2c calc\(100\%-1\.5rem\)\)\]{ max-width: min(28rem, calc(100% - 1.5rem)); }
.max-w-full{ max-width: 100%; }
.max-w-lg{ max-width: 32rem; }
.max-w-md{ max-width: 28rem; }
.max-w-none{ max-width: none; }
.max-w-screen-2xl{ max-width: 1536px; }
.max-w-screen-lg{ max-width: 1024px; }
.max-w-screen-md{ max-width: 768px; }
.max-w-screen-sm{ max-width: 640px; }
.max-w-screen-xl{ max-width: 1280px; }
.max-w-sm{ max-width: 24rem; }
.max-w-xl{ max-width: 36rem; }
.max-w-xs{ max-width: 20rem; }
.flex-1{ flex: 1 1 0%; }
.flex-shrink{ flex-shrink: 1; }
.flex-shrink-0{ flex-shrink: 0; }
.shrink-0{ flex-shrink: 0; }
.grow{ flex-grow: 1; }
.basis-\[14rem\]{ flex-basis: 14rem; }
.basis-full{ flex-basis: 100%; }
.border-collapse{ border-collapse: collapse; }
.origin-top{ transform-origin: top; }
.-translate-x-1\/2{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-x-full{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-1{ --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-1\.5{ --tw-translate-y: -0.375rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-2{ --tw-translate-y: -0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-full{ --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-0\.5{ --tw-translate-x: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-1\/2{ --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-3{ --tw-translate-x: 0.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-5{ --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-6{ --tw-translate-x: 1.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-\[0\.05rem\]{ --tw-translate-x: 0.05rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-full{ --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-0{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-1{ --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-1\.5{ --tw-translate-y: 0.375rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-1\/2{ --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-12{ --tw-translate-y: 3rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-2{ --tw-translate-y: 0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-3{ --tw-translate-y: 0.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-4{ --tw-translate-y: 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)); }
.-rotate-45{ --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-rotate-90{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rotate-0{ --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rotate-45{ --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rotate-90{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-100{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-110{ --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-75{ --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-95{ --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-x-125{ --tw-scale-x: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.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 bounce{
 0%, 100%{ transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); }
 50%{ transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } }
.animate-bounce{ animation: bounce 1s infinite; }
@keyframes ping{
 75%, 100%{ transform: scale(2); opacity: 0; } }
.animate-ping{ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }
@keyframes pulse{
 50%{ opacity: .5; } }
.animate-pulse{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
@keyframes spin{
 to{ transform: rotate(360deg); } }
.animate-spin{ animation: spin 1s linear infinite; }
.cursor-auto{ cursor: auto; }
.cursor-default{ cursor: default; }
.cursor-grab{ cursor: grab; }
.cursor-grabbing{ cursor: grabbing; }
.cursor-help{ cursor: help; }
.cursor-move{ cursor: move; }
.cursor-not-allowed{ cursor: not-allowed; }
.cursor-pointer{ cursor: pointer; }
.cursor-text{ cursor: text; }
.cursor-zoom-in{ cursor: zoom-in; }
.touch-none{ touch-action: none; }
.select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.select-all{ -webkit-user-select: all; -moz-user-select: all; user-select: all; }
.resize-none{ resize: none; }
.resize-y{ resize: vertical; }
.resize-x{ resize: horizontal; }
.resize{ resize: both; }
.scroll-mt-20{ scroll-margin-top: 5rem; }
.scroll-mt-24{ scroll-margin-top: 6rem; }
.scroll-mt-6{ scroll-margin-top: 1.5rem; }
.list-inside{ list-style-position: inside; }
.list-\[lower-alpha\]{ list-style-type: lower-alpha; }
.list-decimal{ list-style-type: decimal; }
.list-disc{ list-style-type: disc; }
.list-none{ list-style-type: none; }
.appearance-none{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); }
.grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); }
.grid-cols-\[1fr_1fr_auto\]{ grid-template-columns: 1fr 1fr auto; }
.grid-cols-\[1fr_24px\]{ grid-template-columns: 1fr 24px; }
.grid-cols-\[1fr_2fr\]{ grid-template-columns: 1fr 2fr; }
.grid-cols-\[1fr_auto\]{ grid-template-columns: 1fr auto; }
.grid-cols-\[20px_1fr\]{ grid-template-columns: 20px 1fr; }
.grid-cols-\[40px_1fr_auto\]{ grid-template-columns: 40px 1fr auto; }
.grid-cols-\[84px_minmax\(0\2c 1fr\)_auto\]{ grid-template-columns: 84px minmax(0,1fr) auto; }
.grid-cols-\[auto\2c 1fr\]{ grid-template-columns: auto 1fr; }
.grid-cols-\[auto_1fr\]{ grid-template-columns: auto 1fr; }
.grid-cols-\[auto_auto_1fr\]{ grid-template-columns: auto auto 1fr; }
.grid-cols-subgrid{ grid-template-columns: subgrid; }
.flex-row{ flex-direction: row; }
.flex-row-reverse{ flex-direction: row-reverse; }
.flex-col{ flex-direction: column; }
.flex-col-reverse{ flex-direction: column-reverse; }
.flex-wrap{ flex-wrap: wrap; }
.place-items-center{ place-items: center; }
.content-start{ align-content: flex-start; }
.items-start{ align-items: flex-start; }
.items-end{ align-items: flex-end; }
.items-center{ align-items: center; }
.items-baseline{ align-items: baseline; }
.items-stretch{ align-items: stretch; }
.justify-start{ justify-content: flex-start; }
.justify-end{ justify-content: flex-end; }
.justify-center{ justify-content: center; }
.justify-between{ justify-content: space-between; }
.justify-items-center{ justify-items: center; }
.gap-0{ gap: 0px; }
.gap-0\.5{ gap: 0.125rem; }
.gap-1{ gap: 0.25rem; }
.gap-1\.5{ gap: 0.375rem; }
.gap-10{ gap: 2.5rem; }
.gap-12{ gap: 3rem; }
.gap-2{ gap: 0.5rem; }
.gap-2\.5{ gap: 0.625rem; }
.gap-3{ gap: 0.75rem; }
.gap-3\.5{ gap: 0.875rem; }
.gap-4{ gap: 1rem; }
.gap-5{ gap: 1.25rem; }
.gap-6{ gap: 1.5rem; }
.gap-7{ gap: 1.75rem; }
.gap-8{ gap: 2rem; }
.gap-px{ gap: 1px; }
.gap-x-0\.5{ -moz-column-gap: 0.125rem; column-gap: 0.125rem; }
.gap-x-1{ -moz-column-gap: 0.25rem; column-gap: 0.25rem; }
.gap-x-1\.5{ -moz-column-gap: 0.375rem; column-gap: 0.375rem; }
.gap-x-12{ -moz-column-gap: 3rem; column-gap: 3rem; }
.gap-x-2{ -moz-column-gap: 0.5rem; column-gap: 0.5rem; }
.gap-x-2\.5{ -moz-column-gap: 0.625rem; column-gap: 0.625rem; }
.gap-x-3{ -moz-column-gap: 0.75rem; column-gap: 0.75rem; }
.gap-x-4{ -moz-column-gap: 1rem; column-gap: 1rem; }
.gap-x-5{ -moz-column-gap: 1.25rem; column-gap: 1.25rem; }
.gap-x-6{ -moz-column-gap: 1.5rem; column-gap: 1.5rem; }
.gap-x-7{ -moz-column-gap: 1.75rem; column-gap: 1.75rem; }
.gap-x-8{ -moz-column-gap: 2rem; column-gap: 2rem; }
.gap-y-0\.5{ row-gap: 0.125rem; }
.gap-y-1{ row-gap: 0.25rem; }
.gap-y-1\.5{ row-gap: 0.375rem; }
.gap-y-10{ row-gap: 2.5rem; }
.gap-y-2{ row-gap: 0.5rem; }
.gap-y-2\.5{ row-gap: 0.625rem; }
.gap-y-3{ row-gap: 0.75rem; }
.gap-y-4{ row-gap: 1rem; }
.gap-y-5{ row-gap: 1.25rem; }
.gap-y-6{ row-gap: 1.5rem; }
.gap-y-8{ row-gap: 2rem; }
.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-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); }
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); }
.space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); }
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); }
.space-y-10 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); }
.space-y-12 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3rem * var(--tw-space-y-reverse)); }
.space-y-16 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4rem * 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-20 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(5rem * 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)); }
.space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); }
.space-y-px > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1px * var(--tw-space-y-reverse)); }
.divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); }
.divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }
.divide-dashed > :not([hidden]) ~ :not([hidden]){ border-style: dashed; }
.divide-\[\#141414\] > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(20 20 20 / var(--tw-divide-opacity, 1)); }
.divide-black\/10 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(0 0 0 / 0.1); }
.divide-black\/5 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(0 0 0 / 0.05); }
.divide-black\/\[0\.05\] > :not([hidden]) ~ :not([hidden]){ border-color: rgb(0 0 0 / 0.05); }
.divide-black\/\[0\.06\] > :not([hidden]) ~ :not([hidden]){ border-color: rgb(0 0 0 / 0.06); }
.divide-neutral-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1)); }
.divide-neutral-200 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(213 213 213 / var(--tw-divide-opacity, 1)); }
.divide-neutral-50 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1)); }
.divide-white > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1)); }
.divide-white\/10 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(255 255 255 / 0.1); }
.divide-white\/5 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(255 255 255 / 0.05); }
.place-self-center{ place-self: center; }
.self-start{ align-self: flex-start; }
.self-end{ align-self: flex-end; }
.self-center{ align-self: center; }
.self-stretch{ align-self: stretch; }
.justify-self-center{ justify-self: center; }
.justify-self-stretch{ justify-self: stretch; }
.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-y-hidden{ overflow-y: hidden; }
.overscroll-contain{ overscroll-behavior: contain; }
.overscroll-none{ overscroll-behavior: none; }
.truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-ellipsis{ text-overflow: ellipsis; }
.whitespace-normal{ white-space: normal; }
.whitespace-nowrap{ white-space: nowrap; }
.whitespace-pre-line{ white-space: pre-line; }
.whitespace-pre-wrap{ white-space: pre-wrap; }
.text-wrap{ text-wrap: wrap; }
.text-balance{ text-wrap: balance; }
.text-pretty{ text-wrap: pretty; }
.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-\[3px\]{ border-radius: 3px; }
.rounded-\[calc\(1\.5\*var\(--radius-box\)\)\]{ border-radius: calc(1.5 * var(--radius-box)); }
.rounded-\[calc\(var\(--dropdown-radius\)-var\(--dropdown-padding\)\)\]{ border-radius: calc(var(--dropdown-radius) - var(--dropdown-padding)); }
.rounded-\[calc\(var\(--noncontained-variant-radius\)-var\(--noncontained-variant-padding\)\)\]{ border-radius: calc(var(--noncontained-variant-radius) - var(--noncontained-variant-padding)); }
.rounded-\[calc\(var\(--popup-round\)-var\(--popup-padding\)\)\]{ border-radius: calc(var(--popup-round) - var(--popup-padding)); }
.rounded-box{ border-radius: 0px; }
.rounded-field{ border-radius: 0px; }
.rounded-full{ border-radius: 9999px; }
.rounded-lg{ border-radius: var(--radius); }
.rounded-md{ border-radius: calc(var(--radius) - 2px); }
.rounded-none{ border-radius: 0px; }
.rounded-sm{ border-radius: calc(var(--radius) - 4px); }
.rounded-xl{ border-radius: 0.75rem; }
.rounded-b-none{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.rounded-l-md{ border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.rounded-r-md{ border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
.rounded-bl-none{ border-bottom-left-radius: 0px; }
.rounded-br-none{ border-bottom-right-radius: 0px; }
.border{ border-width: 1px; }
.border-0{ border-width: 0px; }
.border-2{ border-width: 2px; }
.border-4{ border-width: 4px; }
.border-y{ border-top-width: 1px; border-bottom-width: 1px; }
.border-b{ border-bottom-width: 1px; }
.border-b-0{ border-bottom-width: 0px; }
.border-b-2{ border-bottom-width: 2px; }
.border-l{ border-left-width: 1px; }
.border-l-0{ border-left-width: 0px; }
.border-l-2{ border-left-width: 2px; }
.border-l-4{ border-left-width: 4px; }
.border-r{ border-right-width: 1px; }
.border-r-0{ border-right-width: 0px; }
.border-t{ border-top-width: 1px; }
.border-t-0{ border-top-width: 0px; }
.border-t-2{ border-top-width: 2px; }
.border-dashed{ border-style: dashed; }
.border-\[\#141414\]{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-\[\#252525\]{ --tw-border-opacity: 1; border-color: rgb(37 37 37 / var(--tw-border-opacity, 1)); }
.border-\[\#262626\]{ --tw-border-opacity: 1; border-color: rgb(38 38 38 / var(--tw-border-opacity, 1)); }
.border-\[\#272727\]{ --tw-border-opacity: 1; border-color: rgb(39 39 39 / var(--tw-border-opacity, 1)); }
.border-\[\#313131\]{ --tw-border-opacity: 1; border-color: rgb(49 49 49 / var(--tw-border-opacity, 1)); }
.border-\[\#52525B\]{ --tw-border-opacity: 1; border-color: rgb(82 82 91 / var(--tw-border-opacity, 1)); }
.border-\[\#52525B\]\/30{ border-color: rgb(82 82 91 / 0.3); }
.border-\[\#52525B\]\/40{ border-color: rgb(82 82 91 / 0.4); }
.border-\[\#52525B\]\/60{ border-color: rgb(82 82 91 / 0.6); }
.border-\[\#d5d5d5\]{ --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.border-amber-200{ --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); }
.border-amber-300{ --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); }
.border-amber-400{ --tw-border-opacity: 1; border-color: rgb(251 191 36 / var(--tw-border-opacity, 1)); }
.border-amber-400\/50{ border-color: rgb(251 191 36 / 0.5); }
.border-amber-500{ --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); }
.border-amber-500\/30{ border-color: rgb(245 158 11 / 0.3); }
.border-amber-600{ --tw-border-opacity: 1; border-color: rgb(217 119 6 / var(--tw-border-opacity, 1)); }
.border-black{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); }
.border-black\/10{ border-color: rgb(0 0 0 / 0.1); }
.border-black\/15{ border-color: rgb(0 0 0 / 0.15); }
.border-black\/20{ border-color: rgb(0 0 0 / 0.2); }
.border-black\/5{ border-color: rgb(0 0 0 / 0.05); }
.border-black\/\[0\.05\]{ border-color: rgb(0 0 0 / 0.05); }
.border-black\/\[0\.06\]{ border-color: rgb(0 0 0 / 0.06); }
.border-blue-100{ --tw-border-opacity: 1; border-color: rgb(219 234 254 / var(--tw-border-opacity, 1)); }
.border-blue-200{ --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); }
.border-blue-300{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); }
.border-blue-600{ --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); }
.border-current{ border-color: currentColor; }
.border-cyan-200{ --tw-border-opacity: 1; border-color: rgb(165 243 252 / var(--tw-border-opacity, 1)); }
.border-emerald-100{ --tw-border-opacity: 1; border-color: rgb(209 250 229 / var(--tw-border-opacity, 1)); }
.border-emerald-200{ --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); }
.border-emerald-300{ --tw-border-opacity: 1; border-color: rgb(110 231 183 / var(--tw-border-opacity, 1)); }
.border-emerald-500{ --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); }
.border-emerald-500\/30{ border-color: rgb(16 185 129 / 0.3); }
.border-emerald-600{ --tw-border-opacity: 1; border-color: rgb(5 150 105 / var(--tw-border-opacity, 1)); }
.border-emerald-700{ --tw-border-opacity: 1; border-color: rgb(4 120 87 / var(--tw-border-opacity, 1)); }
.border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); }
.border-gray-300{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); }
.border-gray-400{ --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); }
.border-green-100{ --tw-border-opacity: 1; border-color: rgb(220 252 231 / var(--tw-border-opacity, 1)); }
.border-green-200{ --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); }
.border-green-300{ --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity, 1)); }
.border-green-400{ --tw-border-opacity: 1; border-color: rgb(74 222 128 / var(--tw-border-opacity, 1)); }
.border-green-500{ --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); }
.border-green-600{ --tw-border-opacity: 1; border-color: rgb(22 163 74 / var(--tw-border-opacity, 1)); }
.border-green-600\/40{ border-color: rgb(22 163 74 / 0.4); }
.border-indigo-200{ --tw-border-opacity: 1; border-color: rgb(199 210 254 / var(--tw-border-opacity, 1)); }
.border-neutral-100{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.border-neutral-200{ --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.border-neutral-300{ --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.border-neutral-400{ --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.border-neutral-500{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-neutral-500\/20{ border-color: rgb(20 20 20 / 0.2); }
.border-neutral-600{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-neutral-700{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-neutral-800{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-neutral-900{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-neutral-950{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-neutral-950\/10{ border-color: rgb(20 20 20 / 0.1); }
.border-orange-200{ --tw-border-opacity: 1; border-color: rgb(254 215 170 / var(--tw-border-opacity, 1)); }
.border-orange-300{ --tw-border-opacity: 1; border-color: rgb(253 186 116 / var(--tw-border-opacity, 1)); }
.border-pink-200{ --tw-border-opacity: 1; border-color: rgb(251 207 232 / var(--tw-border-opacity, 1)); }
.border-pinkk-200{ --tw-border-opacity: 1; border-color: rgb(255 227 227 / var(--tw-border-opacity, 1)); }
.border-pinkk-400{ --tw-border-opacity: 1; border-color: rgb(255 227 227 / var(--tw-border-opacity, 1)); }
.border-pinkk-400\/80{ border-color: rgb(255 227 227 / 0.8); }
.border-pinkk-600\/20{ border-color: rgb(217 108 143 / 0.2); }
.border-purple-100{ --tw-border-opacity: 1; border-color: rgb(243 232 255 / var(--tw-border-opacity, 1)); }
.border-purple-200{ --tw-border-opacity: 1; border-color: rgb(233 213 255 / var(--tw-border-opacity, 1)); }
.border-red-100{ --tw-border-opacity: 1; border-color: rgb(254 226 226 / var(--tw-border-opacity, 1)); }
.border-red-200{ --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); }
.border-red-300{ --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); }
.border-red-300\/50{ border-color: rgb(252 165 165 / 0.5); }
.border-red-400{ --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); }
.border-red-500{ --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); }
.border-red-500\/30{ border-color: rgb(239 68 68 / 0.3); }
.border-red-500\/40{ border-color: rgb(239 68 68 / 0.4); }
.border-red-600{ --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); }
.border-red-600\/30{ border-color: rgb(220 38 38 / 0.3); }
.border-red-700{ --tw-border-opacity: 1; border-color: rgb(185 28 28 / var(--tw-border-opacity, 1)); }
.border-red-800{ --tw-border-opacity: 1; border-color: rgb(153 27 27 / var(--tw-border-opacity, 1)); }
.border-rose-200{ --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); }
.border-rose-500{ --tw-border-opacity: 1; border-color: rgb(244 63 94 / var(--tw-border-opacity, 1)); }
.border-rose-600{ --tw-border-opacity: 1; border-color: rgb(225 29 72 / var(--tw-border-opacity, 1)); }
.border-sky-200{ --tw-border-opacity: 1; border-color: rgb(186 230 253 / var(--tw-border-opacity, 1)); }
.border-sky-400\/50{ border-color: rgb(56 189 248 / 0.5); }
.border-teal-200{ --tw-border-opacity: 1; border-color: rgb(153 246 228 / var(--tw-border-opacity, 1)); }
.border-teal-400\/50{ border-color: rgb(45 212 191 / 0.5); }
.border-transparent{ border-color: transparent; }
.border-violet-200{ --tw-border-opacity: 1; border-color: rgb(221 214 254 / var(--tw-border-opacity, 1)); }
.border-violet-400\/50{ border-color: rgb(167 139 250 / 0.5); }
.border-violet-800{ --tw-border-opacity: 1; border-color: rgb(91 33 182 / var(--tw-border-opacity, 1)); }
.border-white{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.border-white\/10{ border-color: rgb(255 255 255 / 0.1); }
.border-white\/15{ border-color: rgb(255 255 255 / 0.15); }
.border-white\/20{ border-color: rgb(255 255 255 / 0.2); }
.border-white\/25{ border-color: rgb(255 255 255 / 0.25); }
.border-white\/30{ border-color: rgb(255 255 255 / 0.3); }
.border-white\/5{ border-color: rgb(255 255 255 / 0.05); }
.border-white\/60{ border-color: rgb(255 255 255 / 0.6); }
.border-white\/70{ border-color: rgb(255 255 255 / 0.7); }
.border-yellow-200{ --tw-border-opacity: 1; border-color: rgb(254 240 138 / var(--tw-border-opacity, 1)); }
.border-yellow-300{ --tw-border-opacity: 1; border-color: rgb(253 224 71 / var(--tw-border-opacity, 1)); }
.border-yellow-400{ --tw-border-opacity: 1; border-color: rgb(250 204 21 / var(--tw-border-opacity, 1)); }
.border-yellow-600{ --tw-border-opacity: 1; border-color: rgb(202 138 4 / var(--tw-border-opacity, 1)); }
.border-b-neutral-950{ --tw-border-opacity: 1; border-bottom-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-l-emerald-500{ --tw-border-opacity: 1; border-left-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); }
.border-l-neutral-400{ --tw-border-opacity: 1; border-left-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.border-l-neutral-900{ --tw-border-opacity: 1; border-left-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-l-red-400{ --tw-border-opacity: 1; border-left-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); }
.border-r-neutral-950{ --tw-border-opacity: 1; border-right-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-t-blue-500{ --tw-border-opacity: 1; border-top-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); }
.border-t-emerald-500{ --tw-border-opacity: 1; border-top-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); }
.border-t-neutral-200{ --tw-border-opacity: 1; border-top-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.border-t-neutral-300{ --tw-border-opacity: 1; border-top-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.border-t-neutral-400{ --tw-border-opacity: 1; border-top-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.border-t-neutral-500{ --tw-border-opacity: 1; border-top-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-t-neutral-900{ --tw-border-opacity: 1; border-top-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-t-neutral-950{ --tw-border-opacity: 1; border-top-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.border-t-pinkk-600{ --tw-border-opacity: 1; border-top-color: rgb(217 108 143 / var(--tw-border-opacity, 1)); }
.border-t-red-500{ --tw-border-opacity: 1; border-top-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); }
.\!bg-white{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; }
.bg-\[\#000000\]{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); }
.bg-\[\#0D0D0D\]{ --tw-bg-opacity: 1; background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1)); }
.bg-\[\#0D0D0D\]\/70{ background-color: rgb(13 13 13 / 0.7); }
.bg-\[\#0b0b0b\]{ --tw-bg-opacity: 1; background-color: rgb(11 11 11 / var(--tw-bg-opacity, 1)); }
.bg-\[\#0f0f0f\]{ --tw-bg-opacity: 1; background-color: rgb(15 15 15 / var(--tw-bg-opacity, 1)); }
.bg-\[\#0f0f0f\]\/0{ background-color: rgb(15 15 15 / 0); }
.bg-\[\#111111\]{ --tw-bg-opacity: 1; background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1)); }
.bg-\[\#131313\]{ --tw-bg-opacity: 1; background-color: rgb(19 19 19 / var(--tw-bg-opacity, 1)); }
.bg-\[\#141414\]{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.bg-\[\#181818\]{ --tw-bg-opacity: 1; background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1)); }
.bg-\[\#181818\]\/90{ background-color: rgb(24 24 24 / 0.9); }
.bg-\[\#1F1F1F\]{ --tw-bg-opacity: 1; background-color: rgb(31 31 31 / var(--tw-bg-opacity, 1)); }
.bg-\[\#262626\]{ --tw-bg-opacity: 1; background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1)); }
.bg-\[\#272727\]{ --tw-bg-opacity: 1; background-color: rgb(39 39 39 / var(--tw-bg-opacity, 1)); }
.bg-\[\#313131\]{ --tw-bg-opacity: 1; background-color: rgb(49 49 49 / var(--tw-bg-opacity, 1)); }
.bg-\[\#52525B\]{ --tw-bg-opacity: 1; background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1)); }
.bg-\[\#52525B\]\/10{ background-color: rgb(82 82 91 / 0.1); }
.bg-\[\#52525B\]\/5{ background-color: rgb(82 82 91 / 0.05); }
.bg-\[\#D96C8F\]{ --tw-bg-opacity: 1; background-color: rgb(217 108 143 / var(--tw-bg-opacity, 1)); }
.bg-\[\#d5d5d5\]{ --tw-bg-opacity: 1; background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1)); }
.bg-\[\#ffe3e3\]{ --tw-bg-opacity: 1; background-color: rgb(255 227 227 / var(--tw-bg-opacity, 1)); }
.bg-\[\#ffffff\]{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.bg-\[hsl\(var\(--card\)\)\]{ background-color: hsl(var(--card)); }
.bg-\[var\(--color-primary\)\]{ background-color: var(--color-primary); }
.bg-\[var\(--pwa-accent\)\]{ background-color: var(--pwa-accent); }
.bg-\[var\(--pwa-surface\)\]{ background-color: var(--pwa-surface); }
.bg-amber-100{ --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); }
.bg-amber-200{ --tw-bg-opacity: 1; background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1)); }
.bg-amber-400{ --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)); }
.bg-amber-50{ --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); }
.bg-amber-50\/40{ background-color: rgb(255 251 235 / 0.4); }
.bg-amber-50\/50{ background-color: rgb(255 251 235 / 0.5); }
.bg-amber-50\/60{ background-color: rgb(255 251 235 / 0.6); }
.bg-amber-500{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); }
.bg-amber-500\/10{ background-color: rgb(245 158 11 / 0.1); }
.bg-amber-500\/90{ background-color: rgb(245 158 11 / 0.9); }
.bg-amber-600{ --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); }
.bg-background{ background-color: hsl(var(--background)); }
.bg-beige-200{ --tw-bg-opacity: 1; background-color: rgb(234 218 206 / var(--tw-bg-opacity, 1)); }
.bg-beige-300{ --tw-bg-opacity: 1; background-color: rgb(230 213 195 / var(--tw-bg-opacity, 1)); }
.bg-beige-50{ --tw-bg-opacity: 1; background-color: rgb(250 246 242 / var(--tw-bg-opacity, 1)); }
.bg-beige-500{ --tw-bg-opacity: 1; background-color: rgb(196 157 125 / var(--tw-bg-opacity, 1)); }
.bg-beige-700{ --tw-bg-opacity: 1; background-color: rgb(150 107 81 / var(--tw-bg-opacity, 1)); }
.bg-beige-950{ --tw-bg-opacity: 1; background-color: rgb(53 36 30 / var(--tw-bg-opacity, 1)); }
.bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); }
.bg-black\/10{ background-color: rgb(0 0 0 / 0.1); }
.bg-black\/30{ background-color: rgb(0 0 0 / 0.3); }
.bg-black\/40{ background-color: rgb(0 0 0 / 0.4); }
.bg-black\/5{ background-color: rgb(0 0 0 / 0.05); }
.bg-black\/50{ background-color: rgb(0 0 0 / 0.5); }
.bg-black\/55{ background-color: rgb(0 0 0 / 0.55); }
.bg-black\/60{ background-color: rgb(0 0 0 / 0.6); }
.bg-black\/70{ background-color: rgb(0 0 0 / 0.7); }
.bg-black\/80{ background-color: rgb(0 0 0 / 0.8); }
.bg-black\/\[0\.04\]{ background-color: rgb(0 0 0 / 0.04); }
.bg-black\/\[0\.05\]{ background-color: rgb(0 0 0 / 0.05); }
.bg-black\/\[0\.06\]{ background-color: rgb(0 0 0 / 0.06); }
.bg-blue-100{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); }
.bg-blue-200{ --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1)); }
.bg-blue-400{ --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1)); }
.bg-blue-50{ --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); }
.bg-blue-500{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); }
.bg-blue-600{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); }
.bg-current{ background-color: currentColor; }
.bg-cyan-200{ --tw-bg-opacity: 1; background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1)); }
.bg-cyan-50{ --tw-bg-opacity: 1; background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1)); }
.bg-cyan-500{ --tw-bg-opacity: 1; background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1)); }
.bg-emerald-100{ --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); }
.bg-emerald-200{ --tw-bg-opacity: 1; background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1)); }
.bg-emerald-400{ --tw-bg-opacity: 1; background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1)); }
.bg-emerald-50{ --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); }
.bg-emerald-50\/30{ background-color: rgb(236 253 245 / 0.3); }
.bg-emerald-500{ --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); }
.bg-emerald-500\/10{ background-color: rgb(16 185 129 / 0.1); }
.bg-emerald-600{ --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); }
.bg-emerald-700{ --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1)); }
.bg-fuchsia-200{ --tw-bg-opacity: 1; background-color: rgb(245 208 254 / var(--tw-bg-opacity, 1)); }
.bg-fuchsia-500{ --tw-bg-opacity: 1; background-color: rgb(217 70 239 / var(--tw-bg-opacity, 1)); }
.bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); }
.bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); }
.bg-gray-300{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); }
.bg-gray-500{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); }
.bg-green-100{ --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); }
.bg-green-200{ --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1)); }
.bg-green-400{ --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1)); }
.bg-green-50{ --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); }
.bg-green-50\/30{ background-color: rgb(240 253 244 / 0.3); }
.bg-green-500{ --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); }
.bg-green-600{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); }
.bg-green-600\/80{ background-color: rgb(22 163 74 / 0.8); }
.bg-green-900\/30{ background-color: rgb(20 83 45 / 0.3); }
.bg-indigo-200{ --tw-bg-opacity: 1; background-color: rgb(199 210 254 / var(--tw-bg-opacity, 1)); }
.bg-indigo-50{ --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1)); }
.bg-indigo-500{ --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1)); }
.bg-indigo-600{ --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1)); }
.bg-lime-200{ --tw-bg-opacity: 1; background-color: rgb(217 249 157 / var(--tw-bg-opacity, 1)); }
.bg-lime-500{ --tw-bg-opacity: 1; background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1)); }
.bg-neutral-100{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.bg-neutral-100\/40{ background-color: rgb(255 255 255 / 0.4); }
.bg-neutral-200{ --tw-bg-opacity: 1; background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1)); }
.bg-neutral-300{ --tw-bg-opacity: 1; background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1)); }
.bg-neutral-400{ --tw-bg-opacity: 1; background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1)); }
.bg-neutral-50{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.bg-neutral-50\/50{ background-color: rgb(255 255 255 / 0.5); }
.bg-neutral-50\/60{ background-color: rgb(255 255 255 / 0.6); }
.bg-neutral-50\/70{ background-color: rgb(255 255 255 / 0.7); }
.bg-neutral-50\/80{ background-color: rgb(255 255 255 / 0.8); }
.bg-neutral-500{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.bg-neutral-500\/70{ background-color: rgb(20 20 20 / 0.7); }
.bg-neutral-600{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.bg-neutral-700{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.bg-neutral-800{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.bg-neutral-800\/10{ background-color: rgb(20 20 20 / 0.1); }
.bg-neutral-800\/5{ background-color: rgb(20 20 20 / 0.05); }
.bg-neutral-900{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.bg-neutral-900\/40{ background-color: rgb(20 20 20 / 0.4); }
.bg-neutral-950{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.bg-neutral-950\/20{ background-color: rgb(20 20 20 / 0.2); }
.bg-neutral-950\/30{ background-color: rgb(20 20 20 / 0.3); }
.bg-neutral-950\/40{ background-color: rgb(20 20 20 / 0.4); }
.bg-neutral-950\/50{ background-color: rgb(20 20 20 / 0.5); }
.bg-neutral-950\/60{ background-color: rgb(20 20 20 / 0.6); }
.bg-neutral-950\/70{ background-color: rgb(20 20 20 / 0.7); }
.bg-neutral-950\/75{ background-color: rgb(20 20 20 / 0.75); }
.bg-neutral-950\/80{ background-color: rgb(20 20 20 / 0.8); }
.bg-neutral-950\/85{ background-color: rgb(20 20 20 / 0.85); }
.bg-neutral-950\/90{ background-color: rgb(20 20 20 / 0.9); }
.bg-orange-100{ --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); }
.bg-orange-200{ --tw-bg-opacity: 1; background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1)); }
.bg-orange-400{ --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1)); }
.bg-orange-50{ --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); }
.bg-orange-500{ --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); }
.bg-pink-200{ --tw-bg-opacity: 1; background-color: rgb(251 207 232 / var(--tw-bg-opacity, 1)); }
.bg-pink-50{ --tw-bg-opacity: 1; background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1)); }
.bg-pink-500{ --tw-bg-opacity: 1; background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1)); }
.bg-pinkk-100{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.bg-pinkk-300{ --tw-bg-opacity: 1; background-color: rgb(255 227 227 / var(--tw-bg-opacity, 1)); }
.bg-pinkk-400{ --tw-bg-opacity: 1; background-color: rgb(255 227 227 / var(--tw-bg-opacity, 1)); }
.bg-pinkk-50{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.bg-pinkk-600{ --tw-bg-opacity: 1; background-color: rgb(217 108 143 / var(--tw-bg-opacity, 1)); }
.bg-pinkk-700{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.bg-pinkk-900{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.bg-purple-100{ --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); }
.bg-purple-200{ --tw-bg-opacity: 1; background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1)); }
.bg-purple-50{ --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)); }
.bg-purple-500{ --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)); }
.bg-red-100{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); }
.bg-red-200{ --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1)); }
.bg-red-400{ --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); }
.bg-red-50{ --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); }
.bg-red-50\/40{ background-color: rgb(254 242 242 / 0.4); }
.bg-red-500{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); }
.bg-red-500\/10{ background-color: rgb(239 68 68 / 0.1); }
.bg-red-600{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); }
.bg-red-950{ --tw-bg-opacity: 1; background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1)); }
.bg-rose-100{ --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1)); }
.bg-rose-200{ --tw-bg-opacity: 1; background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1)); }
.bg-rose-400{ --tw-bg-opacity: 1; background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1)); }
.bg-rose-50{ --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); }
.bg-rose-500{ --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1)); }
.bg-rose-600{ --tw-bg-opacity: 1; background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1)); }
.bg-secondary{ background-color: hsl(var(--secondary)); }
.bg-sky-200{ --tw-bg-opacity: 1; background-color: rgb(186 230 253 / var(--tw-bg-opacity, 1)); }
.bg-sky-50{ --tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1)); }
.bg-sky-500{ --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1)); }
.bg-sky-600{ --tw-bg-opacity: 1; background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1)); }
.bg-sky-700{ --tw-bg-opacity: 1; background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1)); }
.bg-surface-200{ --tw-bg-opacity: 1; background-color: rgb(205 205 209 / var(--tw-bg-opacity, 1)); }
.bg-surface-400{ --tw-bg-opacity: 1; background-color: rgb(140 141 149 / var(--tw-bg-opacity, 1)); }
.bg-surface-50{ --tw-bg-opacity: 1; background-color: rgb(245 245 246 / var(--tw-bg-opacity, 1)); }
.bg-surface-800{ --tw-bg-opacity: 1; background-color: rgb(50 50 58 / var(--tw-bg-opacity, 1)); }
.bg-surface-900{ --tw-bg-opacity: 1; background-color: rgb(37 37 45 / var(--tw-bg-opacity, 1)); }
.bg-surface-950{ --tw-bg-opacity: 1; background-color: rgb(25 25 30 / var(--tw-bg-opacity, 1)); }
.bg-teal-200{ --tw-bg-opacity: 1; background-color: rgb(153 246 228 / var(--tw-bg-opacity, 1)); }
.bg-teal-50{ --tw-bg-opacity: 1; background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1)); }
.bg-teal-500{ --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1)); }
.bg-transparent{ background-color: transparent; }
.bg-violet-200{ --tw-bg-opacity: 1; background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1)); }
.bg-violet-50{ --tw-bg-opacity: 1; background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1)); }
.bg-violet-500{ --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1)); }
.bg-violet-950{ --tw-bg-opacity: 1; background-color: rgb(46 16 101 / var(--tw-bg-opacity, 1)); }
.bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.bg-white\/0{ background-color: rgb(255 255 255 / 0); }
.bg-white\/10{ background-color: rgb(255 255 255 / 0.1); }
.bg-white\/15{ background-color: rgb(255 255 255 / 0.15); }
.bg-white\/25{ background-color: rgb(255 255 255 / 0.25); }
.bg-white\/40{ background-color: rgb(255 255 255 / 0.4); }
.bg-white\/5{ background-color: rgb(255 255 255 / 0.05); }
.bg-white\/60{ background-color: rgb(255 255 255 / 0.6); }
.bg-white\/70{ background-color: rgb(255 255 255 / 0.7); }
.bg-white\/80{ background-color: rgb(255 255 255 / 0.8); }
.bg-white\/90{ background-color: rgb(255 255 255 / 0.9); }
.bg-white\/95{ background-color: rgb(255 255 255 / 0.95); }
.bg-white\/\[0\.03\]{ background-color: rgb(255 255 255 / 0.03); }
.bg-yellow-100{ --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); }
.bg-yellow-200{ --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1)); }
.bg-yellow-400{ --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1)); }
.bg-yellow-50{ --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1)); }
.bg-yellow-500{ --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); }
.bg-zinc-400{ --tw-bg-opacity: 1; background-color: rgb(161 161 170 / var(--tw-bg-opacity, 1)); }
.bg-gradient-to-br{ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
.from-gray-700\/50{ --tw-gradient-from: rgb(55 65 81 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-neutral-700{ --tw-gradient-from: #141414 var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 20 20 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-neutral-800{ --tw-gradient-from: #141414 var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 20 20 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-white\/0{ --tw-gradient-from: rgb(255 255 255 / 0) 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-transparent{ --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); }
.via-white\/0{ --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.to-neutral-50\/80{ --tw-gradient-to: rgb(255 255 255 / 0.8) var(--tw-gradient-to-position); }
.to-neutral-950{ --tw-gradient-to: #141414 var(--tw-gradient-to-position); }
.fill-current{ fill: currentColor; }
.object-contain{ -o-object-fit: contain; object-fit: contain; }
.object-cover{ -o-object-fit: cover; object-fit: cover; }
.\!p-0{ padding: 0px !important; }
.\!p-4{ padding: 1rem !important; }
.p-0{ padding: 0px; }
.p-0\.5{ padding: 0.125rem; }
.p-1{ padding: 0.25rem; }
.p-1\.5{ padding: 0.375rem; }
.p-10{ padding: 2.5rem; }
.p-12{ padding: 3rem; }
.p-16{ padding: 4rem; }
.p-2{ padding: 0.5rem; }
.p-3{ padding: 0.75rem; }
.p-4{ padding: 1rem; }
.p-5{ padding: 1.25rem; }
.p-6{ padding: 1.5rem; }
.p-7{ padding: 1.75rem; }
.p-8{ padding: 2rem; }
.\!px-2\.5{ padding-left: 0.625rem !important; padding-right: 0.625rem !important; }
.\!px-3{ padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.\!py-2{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.px-0{ padding-left: 0px; padding-right: 0px; }
.px-1{ padding-left: 0.25rem; padding-right: 0.25rem; }
.px-1\.5{ padding-left: 0.375rem; padding-right: 0.375rem; }
.px-10{ padding-left: 2.5rem; padding-right: 2.5rem; }
.px-12{ padding-left: 3rem; padding-right: 3rem; }
.px-2{ padding-left: 0.5rem; padding-right: 0.5rem; }
.px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; }
.px-3{ padding-left: 0.75rem; padding-right: 0.75rem; }
.px-3\.5{ padding-left: 0.875rem; padding-right: 0.875rem; }
.px-4{ padding-left: 1rem; padding-right: 1rem; }
.px-5{ padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6{ padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8{ padding-left: 2rem; padding-right: 2rem; }
.px-\[calc\(--spacing\(1\.5\)_\+_var\(--popup-padding\)\)\]{ padding-left: calc(--spacing(1.5) + var(--popup-padding)); padding-right: calc(--spacing(1.5) + var(--popup-padding)); }
.py-0\.5{ padding-top: 0.125rem; padding-bottom: 0.125rem; }
.py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; }
.py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-12{ padding-top: 3rem; padding-bottom: 3rem; }
.py-14{ padding-top: 3.5rem; padding-bottom: 3.5rem; }
.py-16{ padding-top: 4rem; padding-bottom: 4rem; }
.py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5{ padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-20{ padding-top: 5rem; padding-bottom: 5rem; }
.py-24{ padding-top: 6rem; padding-bottom: 6rem; }
.py-28{ padding-top: 7rem; padding-bottom: 7rem; }
.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-40{ padding-top: 10rem; padding-bottom: 10rem; }
.py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-7{ padding-top: 1.75rem; padding-bottom: 1.75rem; }
.py-8{ padding-top: 2rem; padding-bottom: 2rem; }
.py-\[2px\]{ padding-top: 2px; padding-bottom: 2px; }
.py-\[3px\]{ padding-top: 3px; padding-bottom: 3px; }
.py-px{ padding-top: 1px; padding-bottom: 1px; }
.pb-0{ padding-bottom: 0px; }
.pb-0\.5{ padding-bottom: 0.125rem; }
.pb-1{ padding-bottom: 0.25rem; }
.pb-1\.5{ padding-bottom: 0.375rem; }
.pb-10{ padding-bottom: 2.5rem; }
.pb-12{ padding-bottom: 3rem; }
.pb-14{ padding-bottom: 3.5rem; }
.pb-16{ padding-bottom: 4rem; }
.pb-2{ padding-bottom: 0.5rem; }
.pb-2\.5{ padding-bottom: 0.625rem; }
.pb-20{ padding-bottom: 5rem; }
.pb-28{ padding-bottom: 7rem; }
.pb-3{ padding-bottom: 0.75rem; }
.pb-4{ padding-bottom: 1rem; }
.pb-5{ padding-bottom: 1.25rem; }
.pb-6{ padding-bottom: 1.5rem; }
.pb-8{ padding-bottom: 2rem; }
.pb-\[0\.22rem\]{ padding-bottom: 0.22rem; }
.pe-1\.5{ padding-inline-end: 0.375rem; }
.pe-2{ padding-inline-end: 0.5rem; }
.pe-3{ padding-inline-end: 0.75rem; }
.pe-4{ padding-inline-end: 1rem; }
.pe-5{ padding-inline-end: 1.25rem; }
.pe-6{ padding-inline-end: 1.5rem; }
.pl-1{ padding-left: 0.25rem; }
.pl-1\.5{ padding-left: 0.375rem; }
.pl-10{ padding-left: 2.5rem; }
.pl-2{ padding-left: 0.5rem; }
.pl-3{ padding-left: 0.75rem; }
.pl-4{ padding-left: 1rem; }
.pl-5{ padding-left: 1.25rem; }
.pl-6{ padding-left: 1.5rem; }
.pl-7{ padding-left: 1.75rem; }
.pl-8{ padding-left: 2rem; }
.pl-9{ padding-left: 2.25rem; }
.pr-1{ padding-right: 0.25rem; }
.pr-1\.5{ padding-right: 0.375rem; }
.pr-10{ padding-right: 2.5rem; }
.pr-16{ padding-right: 4rem; }
.pr-2{ padding-right: 0.5rem; }
.pr-3{ padding-right: 0.75rem; }
.pr-4{ padding-right: 1rem; }
.pr-7{ padding-right: 1.75rem; }
.pr-8{ padding-right: 2rem; }
.ps-2{ padding-inline-start: 0.5rem; }
.ps-2\.5{ padding-inline-start: 0.625rem; }
.ps-3{ padding-inline-start: 0.75rem; }
.ps-4{ padding-inline-start: 1rem; }
.ps-5{ padding-inline-start: 1.25rem; }
.ps-6{ padding-inline-start: 1.5rem; }
.pt-0{ padding-top: 0px; }
.pt-1{ padding-top: 0.25rem; }
.pt-10{ padding-top: 2.5rem; }
.pt-12{ padding-top: 3rem; }
.pt-16{ padding-top: 4rem; }
.pt-2{ padding-top: 0.5rem; }
.pt-2\.5{ padding-top: 0.625rem; }
.pt-3{ padding-top: 0.75rem; }
.pt-4{ padding-top: 1rem; }
.pt-5{ padding-top: 1.25rem; }
.pt-6{ padding-top: 1.5rem; }
.pt-8{ padding-top: 2rem; }
.pt-\[20vh\]{ padding-top: 20vh; }
.pt-\[2px\]{ padding-top: 2px; }
.text-left{ text-align: left; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.text-start{ text-align: start; }
.align-baseline{ vertical-align: baseline; }
.align-top{ vertical-align: top; }
.align-middle{ vertical-align: middle; }
.align-bottom{ vertical-align: bottom; }
.\!font-heading{ font-family: Open Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }
.\!font-sans{ font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }
.font-display{ font-family: Hedvig Letters Serif, Georgia, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; }
.font-mono{ font-family: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.font-sans{ font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
.font-serif{ font-family: Hedvig Letters Serif, Georgia, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; }
.\!text-2xl{ font-size: 1.5rem !important; line-height: 2rem !important; }
.\!text-3xl{ font-size: 1.875rem !important; line-height: 2.25rem !important; }
.\!text-4xl{ font-size: 2.25rem !important; line-height: 2.5rem !important; }
.\!text-\[11px\]{ font-size: 11px !important; }
.\!text-base{ font-size: 1rem !important; line-height: 1.5rem !important; }
.\!text-lg{ font-size: 1.125rem !important; line-height: 1.75rem !important; }
.\!text-sm{ font-size: 0.875rem !important; line-height: 1.25rem !important; }
.\!text-xl{ font-size: 1.25rem !important; line-height: 1.75rem !important; }
.\!text-xs{ font-size: 0.75rem !important; line-height: 1rem !important; }
.text-2xl{ font-size: 1.5rem; line-height: 2rem; }
.text-3xl{ font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl{ font-size: 2.25rem; line-height: 2.5rem; }
.text-5xl{ font-size: 3rem; line-height: 1; }
.text-6xl{ font-size: 3.75rem; line-height: 1; }
.text-7xl{ font-size: 4.5rem; line-height: 1; }
.text-8xl{ font-size: 6rem; line-height: 1; }
.text-\[\.625rem\]{ font-size: .625rem; }
.text-\[0\.6875rem\]{ font-size: 0.6875rem; }
.text-\[0\.75rem\]{ font-size: 0.75rem; }
.text-\[0\.7rem\]{ font-size: 0.7rem; }
.text-\[0\.85em\]{ font-size: 0.85em; }
.text-\[10px\]{ font-size: 10px; }
.text-\[11px\]{ font-size: 11px; }
.text-\[12px\]{ font-size: 12px; }
.text-\[13px\]{ font-size: 13px; }
.text-\[15px\]{ font-size: 15px; }
.text-\[17px\]{ font-size: 17px; }
.text-\[1rem\]{ font-size: 1rem; }
.text-\[8px\]{ font-size: 8px; }
.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-light{ font-weight: 300 !important; }
.\!font-normal{ font-weight: 400 !important; }
.\!font-semibold{ font-weight: 600 !important; }
.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; }
.lowercase{ text-transform: lowercase; }
.capitalize{ text-transform: capitalize; }
.normal-case{ text-transform: none; }
.italic{ font-style: italic; }
.not-italic{ font-style: normal; }
.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-10{ line-height: 2.5rem !important; }
.\!leading-4{ line-height: 1rem !important; }
.\!leading-5{ line-height: 1.25rem !important; }
.\!leading-6{ line-height: 1.5rem !important; }
.\!leading-7{ line-height: 1.75rem !important; }
.\!leading-8{ line-height: 2rem !important; }
.\!leading-9{ line-height: 2.25rem !important; }
.leading-4{ line-height: 1rem; }
.leading-5{ line-height: 1.25rem; }
.leading-6{ line-height: 1.5rem; }
.leading-7{ line-height: 1.75rem; }
.leading-8{ line-height: 2rem; }
.leading-\[1\.02\]{ line-height: 1.02; }
.leading-none{ line-height: 1; }
.leading-relaxed{ line-height: 1.625; }
.leading-snug{ line-height: 1.375; }
.leading-tight{ line-height: 1.25; }
.\!tracking-normal{ letter-spacing: 0em !important; }
.\!tracking-wide{ letter-spacing: 0.025em !important; }
.tracking-\[-0\.01em\]{ letter-spacing: -0.01em; }
.tracking-\[-0\.025em\]{ letter-spacing: -0.025em; }
.tracking-\[-0\.02em\]{ letter-spacing: -0.02em; }
.tracking-\[-0\.03em\]{ letter-spacing: -0.03em; }
.tracking-\[-0\.04em\]{ letter-spacing: -0.04em; }
.tracking-\[-0\.06em\]{ letter-spacing: -0.06em; }
.tracking-\[0\.05em\]{ letter-spacing: 0.05em; }
.tracking-\[0\.08em\]{ letter-spacing: 0.08em; }
.tracking-\[0\.12em\]{ letter-spacing: 0.12em; }
.tracking-\[0\.14em\]{ letter-spacing: 0.14em; }
.tracking-\[0\.15em\]{ letter-spacing: 0.15em; }
.tracking-\[0\.16em\]{ letter-spacing: 0.16em; }
.tracking-\[0\.18em\]{ letter-spacing: 0.18em; }
.tracking-\[0\.1em\]{ letter-spacing: 0.1em; }
.tracking-\[0\.22em\]{ letter-spacing: 0.22em; }
.tracking-\[0\.24em\]{ letter-spacing: 0.24em; }
.tracking-\[0\.25em\]{ letter-spacing: 0.25em; }
.tracking-\[0\.28em\]{ letter-spacing: 0.28em; }
.tracking-\[0\.2em\]{ letter-spacing: 0.2em; }
.tracking-\[0\.3em\]{ letter-spacing: 0.3em; }
.tracking-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-\[var\(--color-primary-fg\)\]{ color: var(--color-primary-fg) !important; }
.\!text-black{ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; }
.\!text-current{ color: currentColor !important; }
.\!text-neutral-300{ --tw-text-opacity: 1 !important; color: rgb(213 213 213 / var(--tw-text-opacity, 1)) !important; }
.\!text-neutral-400{ --tw-text-opacity: 1 !important; color: rgb(213 213 213 / var(--tw-text-opacity, 1)) !important; }
.\!text-neutral-500{ --tw-text-opacity: 1 !important; color: rgb(20 20 20 / var(--tw-text-opacity, 1)) !important; }
.\!text-neutral-600{ --tw-text-opacity: 1 !important; color: rgb(20 20 20 / var(--tw-text-opacity, 1)) !important; }
.\!text-neutral-950{ --tw-text-opacity: 1 !important; color: rgb(20 20 20 / var(--tw-text-opacity, 1)) !important; }
.\!text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }
.text-\[\#000000\]{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); }
.text-\[\#141414\]{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.text-\[\#52525B\]{ --tw-text-opacity: 1; color: rgb(82 82 91 / var(--tw-text-opacity, 1)); }
.text-\[\#71717a\]{ --tw-text-opacity: 1; color: rgb(113 113 122 / var(--tw-text-opacity, 1)); }
.text-\[\#D96C8F\]{ --tw-text-opacity: 1; color: rgb(217 108 143 / var(--tw-text-opacity, 1)); }
.text-\[\#d4d4d8\]{ --tw-text-opacity: 1; color: rgb(212 212 216 / var(--tw-text-opacity, 1)); }
.text-\[\#d5d5d5\]{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.text-\[\#ffe3e3\]{ --tw-text-opacity: 1; color: rgb(255 227 227 / var(--tw-text-opacity, 1)); }
.text-\[\#ffffff\]{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.text-\[var\(--color-primary\)\]{ color: var(--color-primary); }
.text-\[var\(--color-primary-content\)\]{ color: var(--color-primary-content); }
.text-\[var\(--color-primary-fg\)\]{ color: var(--color-primary-fg); }
.text-amber-300{ --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); }
.text-amber-400{ --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); }
.text-amber-500{ --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); }
.text-amber-600{ --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); }
.text-amber-600\/80{ color: rgb(217 119 6 / 0.8); }
.text-amber-700{ --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); }
.text-amber-800{ --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); }
.text-amber-900{ --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); }
.text-beige-950{ --tw-text-opacity: 1; color: rgb(53 36 30 / var(--tw-text-opacity, 1)); }
.text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); }
.text-blue-500{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); }
.text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); }
.text-blue-700{ --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); }
.text-blue-800{ --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); }
.text-blue-900{ --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity, 1)); }
.text-current{ color: currentColor; }
.text-cyan-800{ --tw-text-opacity: 1; color: rgb(21 94 117 / var(--tw-text-opacity, 1)); }
.text-cyan-900{ --tw-text-opacity: 1; color: rgb(22 78 99 / var(--tw-text-opacity, 1)); }
.text-cyan-950{ --tw-text-opacity: 1; color: rgb(8 51 68 / var(--tw-text-opacity, 1)); }
.text-emerald-100\/80{ color: rgb(209 250 229 / 0.8); }
.text-emerald-200{ --tw-text-opacity: 1; color: rgb(167 243 208 / var(--tw-text-opacity, 1)); }
.text-emerald-400{ --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); }
.text-emerald-500{ --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); }
.text-emerald-600{ --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); }
.text-emerald-700{ --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); }
.text-emerald-800{ --tw-text-opacity: 1; color: rgb(6 95 70 / var(--tw-text-opacity, 1)); }
.text-emerald-900{ --tw-text-opacity: 1; color: rgb(6 78 59 / var(--tw-text-opacity, 1)); }
.text-foreground{ color: hsl(var(--foreground)); }
.text-fuchsia-800{ --tw-text-opacity: 1; color: rgb(134 25 143 / var(--tw-text-opacity, 1)); }
.text-gray-200{ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); }
.text-gray-300{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); }
.text-gray-400{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); }
.text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); }
.text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); }
.text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); }
.text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); }
.text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); }
.text-green-100{ --tw-text-opacity: 1; color: rgb(220 252 231 / var(--tw-text-opacity, 1)); }
.text-green-400{ --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); }
.text-green-500{ --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); }
.text-green-600{ --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); }
.text-green-700{ --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); }
.text-green-800{ --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)); }
.text-indigo-500{ --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity, 1)); }
.text-indigo-700{ --tw-text-opacity: 1; color: rgb(67 56 202 / var(--tw-text-opacity, 1)); }
.text-indigo-800{ --tw-text-opacity: 1; color: rgb(55 48 163 / var(--tw-text-opacity, 1)); }
.text-lime-800{ --tw-text-opacity: 1; color: rgb(63 98 18 / var(--tw-text-opacity, 1)); }
.text-muted{ color: hsl(var(--muted)); }
.text-muted-foreground{ color: hsl(var(--muted-foreground)); }
.text-neutral-100{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.text-neutral-200{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.text-neutral-300{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.text-neutral-400{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.text-neutral-500{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.text-neutral-600{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.text-neutral-700{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.text-neutral-800{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.text-neutral-900{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.text-neutral-950{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.text-orange-600{ --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); }
.text-orange-700{ --tw-text-opacity: 1; color: rgb(194 65 12 / var(--tw-text-opacity, 1)); }
.text-orange-800{ --tw-text-opacity: 1; color: rgb(154 52 18 / var(--tw-text-opacity, 1)); }
.text-orange-950{ --tw-text-opacity: 1; color: rgb(67 20 7 / var(--tw-text-opacity, 1)); }
.text-pink-500{ --tw-text-opacity: 1; color: rgb(236 72 153 / var(--tw-text-opacity, 1)); }
.text-pink-600{ --tw-text-opacity: 1; color: rgb(219 39 119 / var(--tw-text-opacity, 1)); }
.text-pink-700{ --tw-text-opacity: 1; color: rgb(190 24 93 / var(--tw-text-opacity, 1)); }
.text-pink-800{ --tw-text-opacity: 1; color: rgb(157 23 77 / var(--tw-text-opacity, 1)); }
.text-pink-900{ --tw-text-opacity: 1; color: rgb(131 24 67 / var(--tw-text-opacity, 1)); }
.text-pinkk-600{ --tw-text-opacity: 1; color: rgb(217 108 143 / var(--tw-text-opacity, 1)); }
.text-pinkk-700{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.text-pinkk-900{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.text-purple-700{ --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); }
.text-purple-800{ --tw-text-opacity: 1; color: rgb(107 33 168 / var(--tw-text-opacity, 1)); }
.text-red-100{ --tw-text-opacity: 1; color: rgb(254 226 226 / var(--tw-text-opacity, 1)); }
.text-red-100\/80{ color: rgb(254 226 226 / 0.8); }
.text-red-200{ --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity, 1)); }
.text-red-300{ --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); }
.text-red-400{ --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); }
.text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); }
.text-red-600{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); }
.text-red-700{ --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); }
.text-red-800{ --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); }
.text-red-900{ --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity, 1)); }
.text-rose-400{ --tw-text-opacity: 1; color: rgb(251 113 133 / var(--tw-text-opacity, 1)); }
.text-rose-500{ --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity, 1)); }
.text-rose-600{ --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); }
.text-rose-700{ --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); }
.text-rose-800{ --tw-text-opacity: 1; color: rgb(159 18 57 / var(--tw-text-opacity, 1)); }
.text-rose-900{ --tw-text-opacity: 1; color: rgb(136 19 55 / var(--tw-text-opacity, 1)); }
.text-secondary-foreground{ color: hsl(var(--secondary-foreground)); }
.text-sky-300{ --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity, 1)); }
.text-sky-500{ --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1)); }
.text-sky-600{ --tw-text-opacity: 1; color: rgb(2 132 199 / var(--tw-text-opacity, 1)); }
.text-sky-700{ --tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity, 1)); }
.text-sky-800{ --tw-text-opacity: 1; color: rgb(7 89 133 / var(--tw-text-opacity, 1)); }
.text-surface-950{ --tw-text-opacity: 1; color: rgb(25 25 30 / var(--tw-text-opacity, 1)); }
.text-teal-300{ --tw-text-opacity: 1; color: rgb(94 234 212 / var(--tw-text-opacity, 1)); }
.text-teal-700{ --tw-text-opacity: 1; color: rgb(15 118 110 / var(--tw-text-opacity, 1)); }
.text-teal-800{ --tw-text-opacity: 1; color: rgb(17 94 89 / var(--tw-text-opacity, 1)); }
.text-violet-100{ --tw-text-opacity: 1; color: rgb(237 233 254 / var(--tw-text-opacity, 1)); }
.text-violet-300{ --tw-text-opacity: 1; color: rgb(196 181 253 / var(--tw-text-opacity, 1)); }
.text-violet-400{ --tw-text-opacity: 1; color: rgb(167 139 250 / var(--tw-text-opacity, 1)); }
.text-violet-600{ --tw-text-opacity: 1; color: rgb(124 58 237 / var(--tw-text-opacity, 1)); }
.text-violet-700{ --tw-text-opacity: 1; color: rgb(109 40 217 / var(--tw-text-opacity, 1)); }
.text-violet-800{ --tw-text-opacity: 1; color: rgb(91 33 182 / var(--tw-text-opacity, 1)); }
.text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.text-white\/40{ color: rgb(255 255 255 / 0.4); }
.text-white\/50{ color: rgb(255 255 255 / 0.5); }
.text-white\/60{ color: rgb(255 255 255 / 0.6); }
.text-white\/70{ color: rgb(255 255 255 / 0.7); }
.text-white\/80{ color: rgb(255 255 255 / 0.8); }
.text-white\/90{ color: rgb(255 255 255 / 0.9); }
.text-yellow-500{ --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); }
.text-yellow-600{ --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity, 1)); }
.text-yellow-700{ --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity, 1)); }
.text-yellow-800{ --tw-text-opacity: 1; color: rgb(133 77 14 / var(--tw-text-opacity, 1)); }
.text-yellow-900{ --tw-text-opacity: 1; color: rgb(113 63 18 / var(--tw-text-opacity, 1)); }
.underline{ text-decoration-line: underline; }
.line-through{ text-decoration-line: line-through; }
.no-underline{ text-decoration-line: none; }
.decoration-\[\#d5d5d5\]\/30{ text-decoration-color: rgb(213 213 213 / 0.3); }
.decoration-\[color-mix\(in_oklab\2c var\(--color-primary-content\)\2c transparent_80\%\)\]{ text-decoration-color: color-mix(in oklab,var(--color-primary-content),transparent 80%); }
.decoration-amber-400{ text-decoration-color: #fbbf24; }
.decoration-black\/20{ text-decoration-color: rgb(0 0 0 / 0.2); }
.decoration-neutral-200{ text-decoration-color: #d5d5d5; }
.decoration-neutral-300{ text-decoration-color: #d5d5d5; }
.decoration-neutral-400{ text-decoration-color: #d5d5d5; }
.decoration-neutral-500{ text-decoration-color: #141414; }
.decoration-neutral-600{ text-decoration-color: #141414; }
.decoration-neutral-800\/20{ text-decoration-color: rgb(20 20 20 / 0.2); }
.decoration-neutral-950{ text-decoration-color: #141414; }
.decoration-red-300{ text-decoration-color: #fca5a5; }
.decoration-transparent{ text-decoration-color: transparent; }
.decoration-white{ text-decoration-color: #fff; }
.decoration-dotted{ text-decoration-style: dotted; }
.decoration-dashed{ text-decoration-style: dashed; }
.underline-offset-2{ text-underline-offset: 2px; }
.underline-offset-4{ text-underline-offset: 4px; }
.underline-offset-8{ text-underline-offset: 8px; }
.underline-offset-\[6px\]{ text-underline-offset: 6px; }
.antialiased{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.\!placeholder-neutral-300::-moz-placeholder{ --tw-placeholder-opacity: 1 !important; color: rgb(213 213 213 / var(--tw-placeholder-opacity, 1)) !important; }
.\!placeholder-neutral-300::placeholder{ --tw-placeholder-opacity: 1 !important; color: rgb(213 213 213 / var(--tw-placeholder-opacity, 1)) !important; }
.placeholder-neutral-300::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(213 213 213 / var(--tw-placeholder-opacity, 1)); }
.placeholder-neutral-300::placeholder{ --tw-placeholder-opacity: 1; color: rgb(213 213 213 / var(--tw-placeholder-opacity, 1)); }
.placeholder-neutral-400::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(213 213 213 / var(--tw-placeholder-opacity, 1)); }
.placeholder-neutral-400::placeholder{ --tw-placeholder-opacity: 1; color: rgb(213 213 213 / var(--tw-placeholder-opacity, 1)); }
.placeholder-neutral-500::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(20 20 20 / var(--tw-placeholder-opacity, 1)); }
.placeholder-neutral-500::placeholder{ --tw-placeholder-opacity: 1; color: rgb(20 20 20 / var(--tw-placeholder-opacity, 1)); }
.placeholder-white\/40::-moz-placeholder{ color: rgb(255 255 255 / 0.4); }
.placeholder-white\/40::placeholder{ color: rgb(255 255 255 / 0.4); }
.caret-transparent{ caret-color: transparent; }
.accent-neutral-800{ accent-color: #141414; }
.accent-neutral-950{ accent-color: #141414; }
.accent-pinkk-400{ accent-color: #ffe3e3; }
.accent-rose-600{ accent-color: #e11d48; }
.accent-white{ accent-color: #fff; }
.\!opacity-100{ opacity: 1 !important; }
.opacity-0{ opacity: 0; }
.opacity-100{ opacity: 1; }
.opacity-25{ opacity: 0.25; }
.opacity-40{ opacity: 0.4; }
.opacity-50{ opacity: 0.5; }
.opacity-60{ opacity: 0.6; }
.opacity-70{ opacity: 0.7; }
.opacity-75{ opacity: 0.75; }
.opacity-80{ opacity: 0.8; }
.opacity-90{ opacity: 0.9; }
.shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-2xl{ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_0_6px_2px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{ --tw-shadow: 0 0 6px 2px rgba(0,0,0,0.25); --tw-shadow-colored: 0 0 6px 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-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.04\)\]{ --tw-shadow: 0 1px 3px rgba(0,0,0,0.04); --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]{ --tw-shadow: 0 8px 32px rgba(0,0,0,0.12); --tw-shadow-colored: 0 8px 32px 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_40px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]{ --tw-shadow: 0 8px 40px rgba(0,0,0,0.12); --tw-shadow-colored: 0 8px 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-\[0px_0px_1px_0px_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c 0px_1px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{ --tw-shadow: 0px 0px 1px 0px rgba(0,0,0,0.03),0px 1px 2px 0px rgba(0,0,0,0.06); --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 1px 2px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0px_1px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.04\)\]{ --tw-shadow: 0px 1px 2px 0px rgba(0,0,0,0.04); --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-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-strong{ --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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-xl{ --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-xs{ --tw-shadow: 0 1px 2px 0 rgba(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-black\/30{ --tw-shadow-color: rgb(0 0 0 / 0.3); --tw-shadow: var(--tw-shadow-colored); }
.shadow-black\/40{ --tw-shadow-color: rgb(0 0 0 / 0.4); --tw-shadow: var(--tw-shadow-colored); }
.shadow-gray-500\/20{ --tw-shadow-color: rgb(107 114 128 / 0.2); --tw-shadow: var(--tw-shadow-colored); }
.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); --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-\[2px\]{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.ring-inset{ --tw-ring-inset: inset; }
.ring-\[\#52525B\]\/30{ --tw-ring-color: rgb(82 82 91 / 0.3); }
.ring-amber-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1)); }
.ring-amber-600\/20{ --tw-ring-color: rgb(217 119 6 / 0.2); }
.ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1)); }
.ring-black\/5{ --tw-ring-color: rgb(0 0 0 / 0.05); }
.ring-black\/60{ --tw-ring-color: rgb(0 0 0 / 0.6); }
.ring-black\/\[0\.06\]{ --tw-ring-color: rgb(0 0 0 / 0.06); }
.ring-blue-300{ --tw-ring-opacity: 1; --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1)); }
.ring-emerald-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1)); }
.ring-gray-300{ --tw-ring-opacity: 1; --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1)); }
.ring-green-500\/40{ --tw-ring-color: rgb(34 197 94 / 0.4); }
.ring-green-600\/20{ --tw-ring-color: rgb(22 163 74 / 0.2); }
.ring-neutral-100{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); }
.ring-neutral-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(213 213 213 / var(--tw-ring-opacity, 1)); }
.ring-neutral-300{ --tw-ring-opacity: 1; --tw-ring-color: rgb(213 213 213 / var(--tw-ring-opacity, 1)); }
.ring-neutral-400{ --tw-ring-opacity: 1; --tw-ring-color: rgb(213 213 213 / var(--tw-ring-opacity, 1)); }
.ring-neutral-500\/20{ --tw-ring-color: rgb(20 20 20 / 0.2); }
.ring-neutral-900\/5{ --tw-ring-color: rgb(20 20 20 / 0.05); }
.ring-neutral-950{ --tw-ring-opacity: 1; --tw-ring-color: rgb(20 20 20 / var(--tw-ring-opacity, 1)); }
.ring-pinkk-400{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 227 227 / var(--tw-ring-opacity, 1)); }
.ring-red-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1)); }
.ring-red-600\/20{ --tw-ring-color: rgb(220 38 38 / 0.2); }
.ring-white{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); }
.ring-white\/10{ --tw-ring-color: rgb(255 255 255 / 0.1); }
.ring-white\/20{ --tw-ring-color: rgb(255 255 255 / 0.2); }
.ring-yellow-400{ --tw-ring-opacity: 1; --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1)); }
.ring-opacity-5{ --tw-ring-opacity: 0.05; }
.ring-offset-0{ --tw-ring-offset-width: 0px; }
.ring-offset-2{ --tw-ring-offset-width: 2px; }
.ring-offset-neutral-950{ --tw-ring-offset-color: #141414; }
.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-3xl{ --tw-blur: blur(64px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.blur-\[2px\]{ --tw-blur: blur(2px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.blur-lg{ --tw-blur: blur(16px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.blur-xl{ --tw-blur: blur(24px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.brightness-0{ --tw-brightness: brightness(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.grayscale{ --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.invert{ --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.backdrop-blur{ --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-blur-\[1px\]{ --tw-backdrop-blur: blur(1px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-blur-xl{ --tw-backdrop-blur: blur(24px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-filter{ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-\[background-color\2c border-color\]{ transition-property: background-color,border-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-\[filter\]{ transition-property: filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-\[opacity\2c filter\]{ transition-property: opacity,filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-\[width\]{ transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-none{ transition-property: none; }
.transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.delay-150{ transition-delay: 150ms; }
.delay-75{ transition-delay: 75ms; }
.duration-100{ transition-duration: 100ms; }
.duration-150{ transition-duration: 150ms; }
.duration-200{ transition-duration: 200ms; }
.duration-300{ transition-duration: 300ms; }
.duration-500{ transition-duration: 500ms; }
.duration-700{ transition-duration: 700ms; }
.duration-75{ transition-duration: 75ms; }
.ease-\[cubic-bezier\(0\.32\2c 0\.72\2c 0\2c 1\)\]{ transition-timing-function: cubic-bezier(0.32,0.72,0,1); }
.ease-in{ transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    /* Card and label headings authored as `font-mono` use compact text sizing
     * instead of inheriting the larger base heading scale. */
    h2.font-mono,
    h3.font-mono,
    h4.font-mono {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
    }

    /* Keep public card headings sans-serif and consistent with the shared
     * compact heading size. */
    body.public-site :is(h2, h3, h4).font-mono {
        font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
        font-weight: 500 !important;
    }

    /* Force mono font on all inputs and textareas — overrides @tailwindcss/forms reset */
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
    textarea,
    select {
        font-family: 'D-DIN', 'Arial Narrow', Arial, system-ui, sans-serif !important;
    }

    /* Custom Utilities */
    .text-balance {
        text-wrap: balance;
    }

    /* Reusable display scale for primary marketing hero headings. */
    .hero-display-title {
        font-size: 2.25rem !important;
        line-height: 1 !important;
    }

    @media (min-width: 640px) {
        .hero-display-title {
            font-size: 4rem !important;
        }
    }

    @media (min-width: 1024px) {
        .hero-display-title {
            font-size: 5rem !important;
        }
    }

    /* Dark-mode overrides for common utility classes used throughout the views */
    .dark .bg-white {
        background-color: #181818 !important;
    }
    .dark .\!bg-white {
        background-color: #181818 !important;
    }

    .dark .bg-gray-50,
    .dark .bg-neutral-50 {
        background-color: #181818 !important;
    }

    .dark .bg-gray-100,
    .dark .bg-neutral-100 {
        background-color: #1f1f1f !important;
    }

    /* Preview: unify the public-site card/box surfaces to #111111. Scoped to
       block containers on the public site only, so button/anchor surfaces
       (which set their own background) and the footer are unaffected. */
    .dark .public-site :is(div, article)[class~="bg-white"]:not(.public-mobile-navigation),
    .dark .public-site :is(div, article)[class~="bg-neutral-50"],
    .dark .public-site :is(div, article)[class~="bg-black"],
    .dark .public-site :is(div, article)[class~="bg-neutral-950"][class~="border"] {
        background-color: #111111 !important;
    }

    .dark .text-black,
    .dark .text-gray-950,
    .dark .text-neutral-950 {
        color: #ffffff !important;
    }

    .dark .\!text-black {
        color: #ffffff !important;
    }

    
    .dark .\!text-neutral-950 {
        color: #ffffff !important;
    }

    .dark .text-gray-900,
    .dark .text-neutral-900 {
        color: #ffffff !important;
    }

    .dark .text-gray-800,
    .dark .text-neutral-800 {
        color: rgb(228 228 231) !important;
    }

    .dark .text-gray-700,
    .dark .text-neutral-700 {
        color: rgb(212 212 216) !important;
    }

    .dark .text-gray-600,
    .dark .text-neutral-600 {
        color: rgb(161 161 170) !important;
    }

    
    .dark .\!text-neutral-600 {
        color: rgb(161 161 170) !important;
    }

    .dark .text-gray-500,
    .dark .text-neutral-500 {
        color: rgb(113 113 122) !important;
    }

    
    .dark .\!text-neutral-500 {
        color: rgb(113 113 122) !important;
    }

    .dark .text-gray-400,
    .dark .text-neutral-400 {
        color: rgb(161 161 170) !important;
    }

    
    .dark .\!text-neutral-400 {
        color: rgb(161 161 170) !important;
    }

    .dark .border-gray-100,
    .dark .border-gray-200,
    .dark .border-gray-300,
    .dark .border-neutral-100,
    .dark .border-neutral-200,
    .dark .border-neutral-300 {
        border-color: #313131 !important;
    }

    .dark [class*="border-black/"] {
        border-color: rgb(255 255 255 / 0.15) !important;
    }

    .dark .hover\:bg-gray-50:hover,
    .dark .hover\:bg-gray-100:hover {
        background-color: rgb(39 39 42) !important;
    }

    .dark .hover\:text-gray-700:hover,
    .dark .hover\:text-gray-800:hover {
        color: rgb(244 244 245) !important;
    }
    body[data-admin-theme] [role="switch"][class~="bg-neutral-800"] {
        background-color: #d4d4d8 !important;
    }

    body[data-admin-theme] [role="switch"][class~="bg-neutral-300"] > span {
        background-color: #d4d4d8 !important;
    }

    /* x-ui.radio item: the same dark overrides repaint the checked indicator to
       the card colour, so a selected option looks identical to an unselected
       one. The override is regenerated for every "-bg-white" variant (which is
       what the component's checked styles use), so its specificity is out of
       reach: paint the fill as an image instead, which no background-color
       rule can beat. The component's own dot then reads against it. */
    body[data-admin-theme] input.peer:checked + label [data-slot="radio-item-indicator"] {
        background-color: #d4d4d8 !important;
        background-image: linear-gradient(#d4d4d8, #d4d4d8) !important;
        border-color: #d4d4d8 !important;
    }
html body .profile-saved-links input + label > [data-slot="radio-item-indicator"] {
    border-color: #9b9b9b !important;
}
html body .profile-saved-links input:checked + label > [data-slot="radio-item-indicator"] {
    background-color: #000 !important;
}
html.dark body .profile-saved-links input:checked + label > [data-slot="radio-item-indicator"] {
    background-color: #fff !important;
}
html body .profile-saved-links input:checked + label > [data-slot="radio-item-indicator"]::after {
    display: block;
    background-color: #fff !important;
}
html.dark body .profile-saved-links input:checked + label > [data-slot="radio-item-indicator"]::after {
    background-color: #fff !important;
}
html body .profile-saved-links input:focus-visible + label {
    outline: 2px solid #9b9b9b;
    outline-offset: 2px;
}
.\[--avatar-radius\:calc\(infinity\*1px\)\]{ --avatar-radius: calc(infinity * 1px); }
.\[--avatar-radius\:var\(--radius-lg\)\]{ --avatar-radius: var(--radius-lg); }
.\[--avatar-radius\:var\(--radius-md\)\]{ --avatar-radius: var(--radius-md); }
.\[--avatar-radius\:var\(--radius-sm\)\]{ --avatar-radius: var(--radius-sm); }
.\[--avatar-radius\:var\(--radius-xl\)\]{ --avatar-radius: var(--radius-xl); }
.\[--color-primary-content\:var\(--color-amber-600\)\]{ --color-primary-content: var(--color-amber-600); }
.\[--color-primary-content\:var\(--color-blue-600\)\]{ --color-primary-content: var(--color-blue-600); }
.\[--color-primary-content\:var\(--color-cyan-600\)\]{ --color-primary-content: var(--color-cyan-600); }
.\[--color-primary-content\:var\(--color-emerald-600\)\]{ --color-primary-content: var(--color-emerald-600); }
.\[--color-primary-content\:var\(--color-fuchsia-600\)\]{ --color-primary-content: var(--color-fuchsia-600); }
.\[--color-primary-content\:var\(--color-green-600\)\]{ --color-primary-content: var(--color-green-600); }
.\[--color-primary-content\:var\(--color-indigo-600\)\]{ --color-primary-content: var(--color-indigo-600); }
.\[--color-primary-content\:var\(--color-lime-600\)\]{ --color-primary-content: var(--color-lime-600); }
.\[--color-primary-content\:var\(--color-neutral-800\)\]{ --color-primary-content: var(--color-neutral-800); }
.\[--color-primary-content\:var\(--color-neutral-950\)\]{ --color-primary-content: var(--color-neutral-950); }
.\[--color-primary-content\:var\(--color-orange-600\)\]{ --color-primary-content: var(--color-orange-600); }
.\[--color-primary-content\:var\(--color-pink-600\)\]{ --color-primary-content: var(--color-pink-600); }
.\[--color-primary-content\:var\(--color-purple-600\)\]{ --color-primary-content: var(--color-purple-600); }
.\[--color-primary-content\:var\(--color-red-600\)\]{ --color-primary-content: var(--color-red-600); }
.\[--color-primary-content\:var\(--color-rose-500\)\]{ --color-primary-content: var(--color-rose-500); }
.\[--color-primary-content\:var\(--color-sky-600\)\]{ --color-primary-content: var(--color-sky-600); }
.\[--color-primary-content\:var\(--color-slate-800\)\]{ --color-primary-content: var(--color-slate-800); }
.\[--color-primary-content\:var\(--color-stone-800\)\]{ --color-primary-content: var(--color-stone-800); }
.\[--color-primary-content\:var\(--color-teal-600\)\]{ --color-primary-content: var(--color-teal-600); }
.\[--color-primary-content\:var\(--color-violet-600\)\]{ --color-primary-content: var(--color-violet-600); }
.\[--color-primary-content\:var\(--color-yellow-600\)\]{ --color-primary-content: var(--color-yellow-600); }
.\[--color-primary-content\:var\(--color-zinc-800\)\]{ --color-primary-content: var(--color-zinc-800); }
.\[--color-primary-fg\:var\(--color-amber-950\)\]{ --color-primary-fg: var(--color-amber-950); }
.\[--color-primary-fg\:var\(--color-lime-900\)\]{ --color-primary-fg: var(--color-lime-900); }
.\[--color-primary-fg\:var\(--color-neutral-50\)\]{ --color-primary-fg: var(--color-neutral-50); }
.\[--color-primary-fg\:var\(--color-white\)\]{ --color-primary-fg: var(--color-white); }
.\[--color-primary-fg\:var\(--color-yellow-950\)\]{ --color-primary-fg: var(--color-yellow-950); }
.\[--color-primary\:var\(--color-amber-400\)\]{ --color-primary: var(--color-amber-400); }
.\[--color-primary\:var\(--color-blue-500\)\]{ --color-primary: var(--color-blue-500); }
.\[--color-primary\:var\(--color-cyan-600\)\]{ --color-primary: var(--color-cyan-600); }
.\[--color-primary\:var\(--color-emerald-600\)\]{ --color-primary: var(--color-emerald-600); }
.\[--color-primary\:var\(--color-fuchsia-600\)\]{ --color-primary: var(--color-fuchsia-600); }
.\[--color-primary\:var\(--color-green-600\)\]{ --color-primary: var(--color-green-600); }
.\[--color-primary\:var\(--color-indigo-500\)\]{ --color-primary: var(--color-indigo-500); }
.\[--color-primary\:var\(--color-lime-400\)\]{ --color-primary: var(--color-lime-400); }
.\[--color-primary\:var\(--color-neutral-800\)\]{ --color-primary: var(--color-neutral-800); }
.\[--color-primary\:var\(--color-neutral-950\)\]{ --color-primary: var(--color-neutral-950); }
.\[--color-primary\:var\(--color-orange-500\)\]{ --color-primary: var(--color-orange-500); }
.\[--color-primary\:var\(--color-pink-600\)\]{ --color-primary: var(--color-pink-600); }
.\[--color-primary\:var\(--color-purple-500\)\]{ --color-primary: var(--color-purple-500); }
.\[--color-primary\:var\(--color-red-500\)\]{ --color-primary: var(--color-red-500); }
.\[--color-primary\:var\(--color-rose-500\)\]{ --color-primary: var(--color-rose-500); }
.\[--color-primary\:var\(--color-sky-600\)\]{ --color-primary: var(--color-sky-600); }
.\[--color-primary\:var\(--color-slate-800\)\]{ --color-primary: var(--color-slate-800); }
.\[--color-primary\:var\(--color-stone-800\)\]{ --color-primary: var(--color-stone-800); }
.\[--color-primary\:var\(--color-teal-600\)\]{ --color-primary: var(--color-teal-600); }
.\[--color-primary\:var\(--color-violet-500\)\]{ --color-primary: var(--color-violet-500); }
.\[--color-primary\:var\(--color-yellow-400\)\]{ --color-primary: var(--color-yellow-400); }
.\[--color-primary\:var\(--color-zinc-800\)\]{ --color-primary: var(--color-zinc-800); }
.\[--dropdown-padding\:--spacing\(\.75\)\]{ --dropdown-padding: var(--spacing(.75)); }
.\[--dropdown-radius\:var\(--radius-box\)\]{ --dropdown-radius: var(--radius-box); }
.\[--noncontained-variant-padding\:--spacing\(\.75\)\]{ --noncontained-variant-padding: var(--spacing(.75)); }
.\[--noncontained-variant-radius\:var\(--radius-box\)\]{ --noncontained-variant-radius: var(--radius-box); }
.\[--popup-padding\:--spacing\(1\)\]{ --popup-padding: var(--spacing(1)); }
.\[--popup-round\:var\(--radius-box\)\]{ --popup-round: var(--radius-box); }
.\[a-zA-Z0-9\:_\\-\]{ a-z-a--z0-9: \-; }
.\[mask-image\:linear-gradient\(90deg\2c transparent\2c \#000_12\%\2c \#000_88\%\2c transparent\)\]{ -webkit-mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.\[text-wrap\:balance\]{ text-wrap: balance; }
.\[text-wrap\:pretty\]{ text-wrap: pretty; }

.analysis-processing-dots > span {
    display: inline-block;
    animation: analysis-processing-dot 1.2s cubic-bezier(0.32, 0.72, 0, 1) infinite;
}
.analysis-processing-dots > span:nth-child(2) { animation-delay: 0.2s; }
.analysis-processing-dots > span:nth-child(3) { animation-delay: 0.4s; }
@keyframes analysis-processing-dot {
    0%, 80%, 100% { opacity: 0.3; }
    40% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .analysis-processing-dots > span { animation: none; }
}


 @custom-variant dark (&:where(.dark, .dark *)); /* By Sheaf.dev */

::-moz-selection, *::-moz-selection {
    background-color: #a1a1aa !important;
    color: #000 !important;
}

::selection,
*::selection,
::-moz-selection,
*::-moz-selection {
    background-color: #a1a1aa !important;
    color: #000 !important;
}

/* Live badge keeps its blush fill with an ink label and dot in both themes. */
.public-live-badge,
.dark .public-live-badge {
    background-color: #ffe3e3 !important;
    border-color: #ffe3e3 !important;
    color: #141414 !important;
}

.public-live-badge-dot,
.dark .public-live-badge-dot {
    background-color: #141414 !important;
}

/* Public editorial pages: tighter display sizes than the global h1/h2 defaults. */
.public-page-title {
    font-size: 40px !important;
    line-height: 44px !important;
}

.public-live-cta-title {
    font-size: 24px !important;
    line-height: 32px !important;
}

/* Currency selector — the selected option inverts to white with ink text.
   Explicit CSS is used because Tailwind's peer-checked variants lose to the
   global dark-mode !important overrides. */
.currency-option input:checked + span {
    background-color: #ffffff !important;
    border-color: #141414 !important;
    color: #141414 !important;
}

/* White buttons whose glyph must stay ink regardless of theme. */
.public-ink-icon svg,
.dark .public-ink-icon svg {
    color: #0a0a0a !important;
}

/* Profiles grid — cards tilt and lift while reordering, then settle back on drop. */
.is-sorting .profile-card {
    transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 180ms ease;
}

.profile-card-lift {
    transform: rotate(2.5deg) scale(1.05);
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.7);
    z-index: 30;
    cursor: grabbing;
}

.profile-card-dragging {
    opacity: 1 !important;
    rotate: 2.5deg;
    /* Sortable updates the floating card on every pointer move. Do not ease
       those transforms or the photo visibly trails behind the cursor. */
    transition: none !important;
}

/* Empty drop slot left behind while a card is dragged. */
.profile-card-ghost {
    transform: none !important;
    box-shadow: none !important;
    background-color: rgba(255, 255, 255, 0.03);
    outline: 1px dashed rgba(255, 255, 255, 0.35);
    outline-offset: -1px;
}

.profile-card-ghost > * {
    visibility: hidden;
}

.profile-card-drop {
    animation: profile-card-drop 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* Workspace cards use the same opaque, pointer-locked lift as profile cards. */
.is-sorting .workspace-card {
    transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 180ms ease;
}

.workspace-card-lift {
    transform: rotate(2.5deg) scale(1.05);
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.7);
    z-index: 30;
    cursor: grabbing;
}

.workspace-card-dragging {
    opacity: 1 !important;
    rotate: 2.5deg;
    transition: none !important;
}

.workspace-card-ghost {
    transform: none !important;
    box-shadow: none !important;
    background-color: rgba(255, 255, 255, 0.03);
    outline: 1px dashed rgba(255, 255, 255, 0.35);
    outline-offset: -1px;
}

.workspace-card-ghost > * {
    visibility: hidden;
}

.workspace-card-drop {
    animation: profile-card-drop 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.radio-row-dragging {
    opacity: 1 !important;
    rotate: 1.5deg;
    transition: none !important;
    background-color: #181818 !important;
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.7);
}

.radio-row-ghost {
    background-color: #1f1f1f !important;
    outline: 1px dashed rgba(255, 255, 255, 0.35);
    outline-offset: -1px;
}

.radio-row-ghost > * {
    visibility: hidden;
}

/* Native HTML drag previews capture the source at dragstart. Keep that
   capture fully opaque and tilted, with no transform easing. */
.native-reorder-lift {
    opacity: 1 !important;
    rotate: 2.5deg;
    transition: none !important;
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.7);
}

.admin-reorder-dragging {
    opacity: 1 !important;
    rotate: 2.5deg;
    transition: none !important;
    background-color: #181818 !important;
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.7);
}

.admin-reorder-ghost {
    background-color: #1f1f1f !important;
    outline: 1px dashed rgba(255, 255, 255, 0.35);
    outline-offset: -1px;
}

.admin-reorder-ghost > * {
    visibility: hidden;
}

@keyframes profile-card-drop {
    0% {
        transform: rotate(2.5deg) scale(1.05);
        box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.7);
    }
    100% {
        transform: rotate(0deg) scale(1);
        box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0);
    }
}

/* Public interactions share one fluid hover rhythm across buttons and links. */
.public-site :is(a, button, [role="button"]) {
    transition-property: color, background-color, border-color, opacity, transform, box-shadow;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
    .public-site :is(a, button, [role="button"]) {
        transition-duration: 0.01ms;
    }
}

/* Primary CTAs use a white surface with an ink label across the site. */
.public-navigation svg,
.public-mobile-navigation svg {
    color: currentColor !important;
}

.public-primary-cta,
.public-primary-cta svg,
.dark .public-primary-cta,
.dark .public-primary-cta svg {
    color: #141414 !important;
}

.public-primary-cta,
.dark .public-primary-cta {
    background-color: #ffffff !important;
    border-color: #d4d4d8 !important;
}

/* White CTAs dim slightly on hover — the ink label stays legible. */
.public-primary-cta:not(:disabled):hover,
.dark .public-primary-cta:not(:disabled):hover {
    opacity: 0.8;
}

/* Hand-rolled white CTAs (anchors written before the button component) get the
   same sizing as the component's `md` size: 12px label and wider side padding.
   Component buttons are excluded via [data-slot="button"], so their own sizing
   from $sizeClasses is left untouched. */
a.public-primary-cta:not([data-slot="button"]) {
    font-size: 0.75rem !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}


body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex i[data-lucide] {
    width: 1.25rem !important;
    height: 1.25rem !important;
    color: #141414 !important;
}

body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex [data-lucide="chevron-right"] {
    display: none;
}

/* The global dark-mode SVG rule must not override confidence-icon strokes. */
.public-confidence-icon svg,
.dark .public-confidence-icon svg {
    color: #141414 !important;
}

/* Covers already-compiled confidence items while their Blade view cache refreshes. */
.dark div.h-7[class~="bg-[#ffe3e3]"] svg {
    color: #141414 !important;
}

/* Hub link cards invert cleanly against the dark admin surface. */
.sable-hub-link:hover,
.dark .sable-hub-link:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.sable-hub-link:hover > svg,
.sable-hub-link:hover > span,
.dark .sable-hub-link:hover > svg,
.dark .sable-hub-link:hover > span {
    color: #141414 !important;
}

/* Dashboard action and analysis cards use the neutral hover surface from admin. */
.dashboard-quick-actions > a:hover,
.dark .dashboard-quick-actions > a:hover,
.dashboard-recent-analysis-card:hover,
.dark .dashboard-recent-analysis-card:hover {
    background-color: #0f0f0f !important;
    border-color: #303030 !important;
}

.dashboard-quick-actions > a:hover p,
.dashboard-quick-actions > a:hover > svg,
.dark .dashboard-quick-actions > a:hover p,
.dark .dashboard-quick-actions > a:hover > svg,
.dashboard-recent-analysis-card:hover p,
.dark .dashboard-recent-analysis-card:hover p {
    color: #ffffff !important;
}

/* Footer links remain readable as they fade to white on the dark site footer. */
.public-site-footer a,
.dark .public-site-footer a {
    transition: color 150ms ease-in-out;
}

.public-site-footer a:hover,
.dark .public-site-footer a:hover {
    color: #ffffff !important;
}

/* Form primary actions use the same white surface in every theme. */
.primary-button,
.primary-button svg,
.dark .primary-button,
.dark .primary-button svg {
    color: #141414 !important;
}

.primary-button,
.dark .primary-button {
    background-color: #ffffff !important;
    border-color: #d4d4d8 !important;
}

/* Blush CTAs dim slightly on hover — surface and label stay put. */
.primary-button:not(:disabled):hover,
.dark .primary-button:not(:disabled):hover {
    opacity: 0.8;
}

/* Inline link whose underline draws out to the full width on hover. */
.grow-underline {
    position: relative;
    display: inline-block;
}

.grow-underline::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 200ms ease-in-out;
}

.grow-underline:hover::after,
.grow-underline:focus-visible::after {
    transform: scaleX(1);
}

/* Button glyphs follow their labels unless an explicit text colour is supplied. */
:is(a, button)[class*="inline-flex"] > svg:not([class*="text-"]) {
    color: currentColor !important;
}

[data-slot="button"] svg {
    color: currentColor !important;
}

/* The pricing teaser keeps a dark resting state, then inverts cleanly on hover. */
.pricing-teaser-primary-cta:hover,
.dark .pricing-teaser-primary-cta:hover {
    background-color: #ffffff !important;
    color: #141414 !important;
}

.pricing-teaser-primary-cta:hover svg,
.dark .pricing-teaser-primary-cta:hover svg {
    color: inherit !important;
}

/* Intentional exception to the borderless-surface rule: the homepage workflow
   detail row is split from the stage rail by a hairline rule. The class name
   avoids the "border-" substring so the global transparent-border rule above
   does not swallow it. */
.workflow-detail {
    border-top: 1px solid #313131;
}

/* On desktop the detail column is split from the active-stage column by a
   matching vertical rule; on narrow screens the columns stack, so no rule. */
@media (min-width: 768px) {
    .workflow-detail > :nth-child(2) {
        border-left: 1px solid #313131;
    }
}

/* Surfaces are separated by colour and space, never by box outlines. Inputs
   retain their border and every existing focus ring remains available. */
body :is(div, section, article, aside, li, a, button)[class~="border"],
body :is(div, section, article, aside, li, a, button)[class*="border-"],
.dark body :is(div, section, article, aside, li, a, button)[class~="border"],
.dark body :is(div, section, article, aside, li, a, button)[class*="border-"] {
    border-color: transparent !important;
}

.card,
.pwa-card {
    border-color: transparent !important;
}

/* Provider catalog model tiles opt out of the borderless-surface rule so each
   model reads as a distinct row. The class avoids the "border-" substring the
   global transparent-border rule above targets. */
.provider-model-tile {
    border: 1px solid rgb(0 0 0 / 0.1);
}

.dark .provider-model-tile {
    border-color: rgb(255 255 255 / 0.15);
}

/* Opt-in dashed outline for Mission Control list items and empty states. The
   class name deliberately avoids the "border-" substring the global
   transparent-border rule above targets, so the dashes are actually visible
   on the dark admin surface. */
.admin-dashed-outline {
    border: 1px dashed rgb(0 0 0 / 0.15);
}

.dark .admin-dashed-outline {
    border-color: rgb(255 255 255 / 0.2);
}

/* Inbound email HTML is authored for a fixed-width (usually 600px) light mail
   client. Pin the canvas to white and the default ink to near-black: the admin
   monochrome theme would otherwise repaint a `bg-white` surface dark while the
   email's own inline ink stays dark, leaving invisible dark-on-dark text. The
   email's inline styles still win for anything it colours explicitly. */
.email-preview-canvas,
.email-preview-body {
    background-color: #ffffff;
    color: #202020;
}

/* Cap every node to the preview column so tables and images scale with the
   panel instead of overflowing it. */
.email-preview-body {
    max-width: 100%;
    overflow-x: auto;
}

.email-preview-body :is(table, tbody, thead, tfoot, tr, td, th, div, center, img) {
    max-width: 100% !important;
}

/* Auto table layout refuses to shrink below an image's intrinsic width, so a
   percentage max-width can never resolve. Fixed layout lets the 100% width
   resolve against the preview column and the images scale with it. */
.email-preview-body table {
    width: 100% !important;
    table-layout: fixed !important;
}

/* Respect the size the email declares via `width`/`height` attributes and
   inline styles; only let the height follow once `max-width` caps a wide
   image, so nothing distorts. Forcing `width:auto` here would discard the
   author's sizing and blow small icons up to their intrinsic resolution. */
.email-preview-body img {
    height: auto !important;
}

/* Links are author-coloured inline when the email cares; otherwise inherit the
   canvas ink instead of Tailwind Typography's (dark-theme) prose link colour,
   which renders near-invisible on the white email canvas. */
.email-preview-body a {
    color: inherit;
    text-decoration: underline;
}

/* Form fields use the dark surface everywhere, including guest and dashboard
   screens. Their border and focus treatment stays visible for accessibility. */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
textarea,
select,
.dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[class],
.dark textarea[class],
.dark select[class] {
    background-color: #141414 !important;
    color: #ffffff !important;
    border-color: #313131 !important;
    caret-color: #ffffff;
}

/* Cover the browser's autofill paint while editing login credentials, retaining
   the component's outer focus ring. */
.login-form input:is([type="email"], [type="password"]):focus {
    background-color: #181818 !important;
    -webkit-text-fill-color: #ffffff;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000),
        inset 0 0 0 1000px #181818 !important;
}

/* @tailwindcss/forms paints a blue (#2563eb) focus ring on every field. The
   rule above only recoloured the border, so the plugin's blue ring survived
   focus. Align focus with the interface's white treatment instead. */
body[data-admin-theme] :is(input, textarea, select):focus {
    border-color: #ffffff !important;
    --tw-ring-color: rgb(255 255 255 / 0.35) !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])::-moz-placeholder, textarea::-moz-placeholder {
    color: #d5d5d5 !important;
    opacity: 1;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])::placeholder,
textarea::placeholder {
    color: #d5d5d5 !important;
    opacity: 1;
}

select option {
    background-color: #141414;
    color: #ffffff;
}

/* ──────────────────────────────────────────────────────────────────────────
   Scroll-reveal animations
   Elements carry data-reveal="<variant>" and receive .is-visible when they
   enter the viewport (driven by scroll-reveal.js via IntersectionObserver).

   All variants start invisible; .is-visible transitions to the resting state.
   The transition uses a cubic-bezier that feels snappy on entrance but never
   "bouncy" — keeping the flat/minimal design language intact.
   ────────────────────────────────────────────────────────────────────────── */

/* Shared transition */
[data-reveal] {
    transition-property: opacity, transform;
    transition-duration: 600ms;
    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); /* expo-out */
}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
    [data-reveal] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ── Variants: initial (hidden) state ── */
[data-reveal="fade-up"] {
    opacity: 0;
    transform: translateY(28px);
}

[data-reveal="fade-in"] {
    opacity: 0;
    transform: none;
}

[data-reveal="fade-left"] {
    opacity: 0;
    transform: translateX(28px);
}

[data-reveal="fade-right"] {
    opacity: 0;
    transform: translateX(-28px);
}

/* ── Revealed state — same for all variants ── */
[data-reveal].is-visible {
    opacity: 1;
    transform: none;
}

/* Homepage workflow — a lightweight, accessible version of the lifecycle rail. */
@keyframes workflow-rail-flow {
    to { stroke-dashoffset: -32; }
}

.workflow-rail-flow {
    stroke-dasharray: 8 10;
    animation: workflow-rail-flow 1.6s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .workflow-rail-flow {
        animation: none;
    }
}

/* ──────────────────────────────────────────────────────────────────────────
   Hero entrance animation — plays once on page load, no JS required.
   Applied via class names directly on hero child elements.
   ────────────────────────────────────────────────────────────────────────── */

.hero-animate {
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    animation-duration: 700ms;
    animation-name: heroFadeUp;
}

@keyframes heroFadeUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-animate {
        animation: none;
    }
}

/* Stagger delays for hero children */
.hero-animate-1 { animation-delay: 0ms; }
.hero-animate-2 { animation-delay: 100ms; }
.hero-animate-3 { animation-delay: 200ms; }
.hero-animate-4 { animation-delay: 320ms; }
.hero-animate-5 { animation-delay: 440ms; }

/* Homepage hero: drifting lanes of source material. The animation lives behind
   a flat contrast veil, never captures scroll, and becomes static for reduced motion. */
@keyframes heroResourceReveal {
    from {
        opacity: 0;
        transform: scale(1.04);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes heroResourceDriftLeft {
    to { transform: translate3d(-50%, 0, 0); }
}

@keyframes heroResourceDriftRight {
    from { transform: translate3d(-50%, 0, 0); }
    to { transform: translate3d(0, 0, 0); }
}

.hero-resource-drift {
    --drift-pointer-x: 0px;
    --drift-pointer-y: 0px;
    z-index: 0;
    opacity: 0;
    animation: heroResourceReveal 1600ms cubic-bezier(0.32, 0.72, 0, 1) 120ms forwards;
}

.hero-resource-drift__plane {
    position: absolute;
    inset: -64px -96px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    transform: translate3d(var(--drift-pointer-x), var(--drift-pointer-y), 0) rotate(-3deg) scale(1.08);
    transition: transform 1000ms cubic-bezier(0.32, 0.72, 0, 1);
    will-change: transform;
}

.hero-resource-drift__lane {
    min-width: -moz-max-content;
    min-width: max-content;
    opacity: 0.6;
}

.hero-resource-drift__track {
    display: flex;
    width: -moz-max-content;
    width: max-content;
    will-change: transform;
}

.hero-resource-drift__group {
    display: flex;
    flex: none;
    gap: 12px;
    padding-right: 12px;
}

.hero-resource-drift__lane:nth-child(odd) .hero-resource-drift__track {
    animation: heroResourceDriftLeft 58s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.hero-resource-drift__lane:nth-child(even) .hero-resource-drift__track {
    animation: heroResourceDriftRight 64s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.hero-resource-drift__lane--2 .hero-resource-drift__track { animation-duration: 72s; }
.hero-resource-drift__lane--3 .hero-resource-drift__track { animation-duration: 54s; }
.hero-resource-drift__lane--4 .hero-resource-drift__track { animation-duration: 78s; }
.hero-resource-drift__lane--5 .hero-resource-drift__track { animation-duration: 60s; }

.hero-resource-card {
    position: relative;
    width: 208px;
    height: 112px;
    flex: none;
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 0.18);
    border-radius: 8px;
    background: #181818;
    box-shadow: 0 12px 32px rgb(0 0 0 / 0.34);
}

.hero-resource-card__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    filter: grayscale(1) contrast(1.08);
}

.hero-resource-card__caption {
    position: absolute;
    right: 8px;
    bottom: 8px;
    left: 8px;
    color: rgb(255 255 255 / 0.72);
    font-size: 12px;
    line-height: 16px;
    text-shadow: 0 1px 8px rgb(0 0 0 / 0.9);
}

.hero-resource-card__signal {
    display: flex;
    height: 100%;
    align-items: center;
    gap: 12px;
    padding: 16px;
    color: white;
}

.hero-resource-card__icon {
    display: flex;
    width: 32px;
    height: 32px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #313131;
    color: #ffe3e3;
}

.hero-resource-card__eyebrow,
.hero-resource-card__signal span,
.hero-resource-card__signal strong {
    display: block;
}

.hero-resource-card__eyebrow {
    margin-bottom: 4px;
    color: rgb(255 255 255 / 0.45);
    font-size: 12px;
    line-height: 16px;
}

.hero-resource-card__signal strong {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.hero-resource-card__signal span:last-child {
    color: rgb(255 255 255 / 0.55);
    font-size: 12px;
    line-height: 16px;
}

@media (max-width: 639px) {
    .hero-resource-drift__plane {
        inset: -32px -176px;
        gap: 8px;
        transform: translate3d(0, 0, 0) rotate(-4deg) scale(1.04);
    }

    .hero-resource-drift__group {
        gap: 8px;
        padding-right: 8px;
    }

    .hero-resource-card {
        width: 176px;
        height: 96px;
    }

    .hero-resource-card__signal {
        gap: 8px;
        padding: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-resource-drift {
        opacity: 1;
        animation: none;
    }

    .hero-resource-drift__plane {
        transform: rotate(-3deg) scale(1.08);
        transition: none;
    }

    .hero-resource-drift__track {
        animation-play-state: paused !important;
    }
}

/* ──────────────────────────────────────────────────────────────────────────
   Hero float animations — independent bob cycles for each decorative card.
   Extracted from report-mockup.blade.php so they work when the float
   components are rendered without that component on the page.
   ────────────────────────────────────────────────────────────────────────── */

@keyframes float-a {
    0%, 100% { transform: translateY(0px); }
    50%       { transform: translateY(-8px); }
}
@keyframes float-b {
    0%, 100% { transform: translateY(0px); }
    50%       { transform: translateY(-6px); }
}
@keyframes float-c {
    0%, 100% { transform: translateY(0px); }
    50%       { transform: translateY(-10px); }
}

.mockup-float-a {
    animation: float-a 6s ease-in-out infinite;
}
.mockup-float-b {
    animation: float-b 7s ease-in-out infinite;
    animation-delay: 1s;
}
.mockup-float-c {
    animation: float-c 5.5s ease-in-out infinite;
    animation-delay: 2.5s;
}

@media (prefers-reduced-motion: reduce) {
    .mockup-float-a,
    .mockup-float-b,
    .mockup-float-c {
        animation: none;
    }
}

/* ──────────────────────────────────────────────────────────────────────────
   Cropper.js — minimal, on-brand overrides
   Keeps the cropping UI flat (no rounded corners) and uses the neutral
   palette so it reads as part of the Pinkk design system rather than the
   library's default blue-tinted chrome.
   ────────────────────────────────────────────────────────────────────────── */
.cropper-view-box,
.cropper-face {
    border-radius: 0 !important;
}

.cropper-view-box {
    outline: 1px solid rgba(255, 255, 255, 0.85);
    outline-color: rgba(255, 255, 255, 0.85);
}

.cropper-line,
.cropper-point {
    background-color: #ffffff;
}

.cropper-point {
    width: 6px;
    height: 6px;
    opacity: 0.9;
}

.cropper-dashed {
    border-color: rgba(255, 255, 255, 0.4);
}

.cropper-bg {
    /* Neutral checkerboard instead of the default light-grey one */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='8' height='8' fill='%23262626'/%3E%3Crect x='8' y='8' width='8' height='8' fill='%23262626'/%3E%3Crect x='8' width='8' height='8' fill='%231a1a1a'/%3E%3Crect y='8' width='8' height='8' fill='%231a1a1a'/%3E%3C/svg%3E");
}

/* ──────────────────────────────────────────────────────────────────────────
   Rich text — shared typography for the contenteditable editor (admin) and
   its rendered output on public pages. Keep the two in sync so the admin
   preview matches what visitors see (WYSIWYG).
   ────────────────────────────────────────────────────────────────────────── */
.rich-content h2 {
    font-family: inherit;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    margin: 0.75rem 0 0.5rem;
}
.rich-content h3 {
    font-family: inherit;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0.75rem 0 0.5rem;
}
.rich-content p { margin: 0.5rem 0; }
.rich-content ul { list-style: disc; padding-left: 1.5rem; margin: 0.5rem 0; }
.rich-content ol { list-style: decimal; padding-left: 1.5rem; margin: 0.5rem 0; }
.rich-content li { margin: 0.15rem 0; }
.rich-content a { color: #2563eb; text-decoration: underline; }
.rich-content blockquote {
    border-left: 3px solid #e4e4e7;
    padding-left: 0.875rem;
    margin: 0.5rem 0;
    color: #52525b;
}
.rich-content strong { font-weight: 600; }
.rich-content em { font-style: italic; }
.rich-content u { text-decoration: underline; }
.rich-content > :first-child { margin-top: 0; }
.rich-content > :last-child { margin-bottom: 0; }

/* Placeholder + focus behaviour for the editable surface. */
.rich-editor:empty::before {
    content: attr(data-placeholder);
    color: #a3a3a3;
    pointer-events: none;
}
.rich-editor:focus { outline: none; }


/*
 * Reviewed admin monochrome treatment.
 *
 * Match utility tokens at class boundaries so hover/focus/dark variants are
 * not treated as active at rest. UI descendants are targeted deliberately;
 * SVG, images, canvas, video, iframe, and rich content remain content.
 */
body[data-admin-theme] {
    color-scheme: dark;
    --background: 0 0% 5.1%; /* #0d0d0d */
    --foreground: 0 0% 98%;
    --card: 0 0% 9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 0 0% 10%;
    --secondary: 0 0% 12%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 12%;
    --muted-foreground: 0 0% 62%;
    --accent: 0 0% 15%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 0% 68%;
    --destructive-foreground: 0 0% 5%;
    --success: 0 0% 68%;
    --success-foreground: 0 0% 5%;
    --border: 0 0% 19%;
    --input: 0 0% 12%;
    --ring: 0 0% 98%;
    --color-pinkk-primary: #ffffff;
    --color-pinkk-primary-hover: #d4d4d8;
    --color-pinkk-primary-light: #313131;
    --color-pinkk-primary-dark: #ffffff;
    --color-success: #52525b;
    --color-warning: #52525b;
    --color-error: #3f3f46;
    --color-info: #52525b;
    --color-primary: #171717;
    --color-primary-content: #171717;
    --color-primary-fg: #ffffff;
}

/* Keep every admin page title compact without changing nested section headings. */
body[data-admin-theme] .admin-page-content h1:not(.admin-dashboard-greeting) {
    font-family: inherit !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    line-height: 1.75rem !important;
    text-wrap: balance;
}

body[data-admin-theme] .admin-page-content .admin-dashboard-greeting {
    color: #f5f5f5 !important;
    font-size: 38px !important;
    line-height: 1.2 !important;
}

body[data-admin-theme] .admin-page-content .admin-dashboard-greeting-name {
    color: #a3a3a3 !important;
}

body[data-admin-theme] .admin-page-content :is(h2, h3) {
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.5rem !important;
    text-wrap: balance;
}

body[data-admin-theme] .admin-page-content .admin-card-title {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

body[data-admin-theme] .admin-page-content .admin-card-description {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

/* Admin cards keep their existing geometry, while using the restrained dark
   surface and thin outline from the selected visual reference. */
body[data-admin-theme] .admin-page-content .card,
body[data-admin-theme] .admin-page-content :is(div, section, article, a)[class~="border"][class~="bg-white"],
body[data-admin-theme] .admin-page-content :is(div, section, article)[class~="border"][class~="bg-neutral-50"],
body[data-admin-theme] .admin-page-content :is(div, section, article)[class~="bg-neutral-950"] {
    border: 1px solid #252525 !important;
    border-radius: 0 !important;
    background-color: #0b0b0b !important;
    box-shadow: none !important;
    color: #f5f5f5;
}

body[data-admin-theme] .admin-page-content :is(.card, [class~="bg-white"], [class~="bg-neutral-50"]) :is(.text-neutral-950, .text-neutral-900) {
    color: #f5f5f5 !important;
}

body[data-admin-theme] .admin-page-content :is(.card, [class~="bg-white"], [class~="bg-neutral-50"]) :is(.text-neutral-800, .text-neutral-700) {
    color: #b8b8b8 !important;
}

/* Compact action and filter controls consistently across every admin page. */
body[data-admin-theme] .admin-page-content [data-slot="button"]:has([data-text]) {
    height: 1.875rem !important;
    gap: 0.375rem !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

body[data-admin-theme] .admin-page-content [data-slot="button"][class*="border-black/15"]:not([class*="border-red"]) {
    border-color: #303030 !important;
    background-color: #0b0b0b !important;
    color: #f5f5f5 !important;
}

body[data-admin-theme] .admin-page-content [data-slot="button"][class*="border-black/15"]:not([class*="border-red"]):hover {
    border-color: #3f3f46 !important;
    background-color: #3f3f46 !important;
    color: #ffffff !important;
}

body[data-admin-theme] .admin-page-content [data-slot="button"][class*="border-red-200"] {
    border-color: #303030 !important;
    background-color: #0b0b0b !important;
    color: #f5f5f5 !important;
}

body[data-admin-theme] .admin-page-content [data-slot="button"][class*="border-red-200"]:hover {
    border-color: #3f3f46 !important;
    background-color: #3f3f46 !important;
    color: #ffffff !important;
}

body[data-admin-theme] .admin-page-content button[class~="text-sm"][class*="px-"] {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

body[data-admin-theme] .admin-page-content a[class~="text-sm"][class*="px-"][class*="border"] {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

body[data-admin-theme] .admin-page-content div[class~="flex"][class~="items-center"][class~="gap-1"][class~="border"] > a[class~="text-sm"] {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

/* Use the supplied #0f0f0f hover surface for dashboard cards and admin data
   rows. Sable hub cards opt out and keep their dedicated white invert hover. */
body[data-admin-theme] .admin-page-content a.group:not(.sable-hub-link):hover,
body[data-admin-theme] .admin-page-content a.group[class~="border"][class~="bg-white"]:not(.sable-hub-link):hover,
body[data-admin-theme] .admin-page-content :is(a, button)[class*="hover:bg-neutral-50"]:hover,
body[data-admin-theme] .admin-page-content tbody tr.group:hover,
body[data-admin-theme] .admin-page-content .table-row:hover {
    background-color: #0f0f0f !important;
    border-color: #303030 !important;
}

body[data-admin-theme] .admin-page-content a.group:hover [class*="group-hover:bg-neutral-950"] {
    background-color: #1f1f1f !important;
    border-color: #303030 !important;
}

/* x-ui.switch in the dark-only admin theme. The shared ".dark .bg-white"
   override paints the "on" track the same colour as the card, so the switch
   would read as off either way. Keep a light track when on, and a light thumb
   when off, so both states stay legible on the dark surfaces. This lives in
   the utilities layer (like that override) so it can win the cascade. */

body[data-admin-theme] .admin-rail-link{ margin-left: auto; margin-right: auto; display: flex; min-height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; gap: 0.75rem; border-width: 1px; border-color: transparent; padding-left: 0.5rem; padding-right: 0.5rem; outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

body[data-admin-theme] .admin-rail-link:hover{ background-color: rgb(255 255 255 / 0.05); }

body[data-admin-theme] .admin-rail-link: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); --tw-ring-opacity: 1; --tw-ring-color: rgb(217 108 143 / var(--tw-ring-opacity, 1)); }

body[data-admin-theme] .admin-rail-link {
    color: #666666;
}

body[data-admin-theme] [data-admin-topbar] {
    position: sticky;
    top: 0;
    border-bottom: 1px solid #292929 !important;
}

body[data-admin-theme]:has(#worker-down-banner) [data-admin-topbar] {
    top: 2.6875rem;
}

body[data-admin-theme] [data-admin-brand] {
    border-right: 1px solid #292929 !important;
}

body[data-admin-theme] [data-admin-sidebar] {
    position: fixed;
    left: max(0px, calc((100vw - 1920px) / 2));
    top: 4rem;
    bottom: 0;
    border-right: 1px solid #292929 !important;
}

body[data-admin-theme]:has(#worker-down-banner) [data-admin-sidebar] {
    top: 6.6875rem;
}

body[data-admin-theme] .admin-content-column {
    margin-left: 4.375rem;
}

body[data-admin-theme] [data-admin-sidebar].is-expanded,
body[data-admin-theme] [data-admin-sidebar]:hover,
body[data-admin-theme] [data-admin-sidebar]:focus-within {
    z-index: 45;
    top: 0;
}

body[data-admin-theme]:has(#worker-down-banner) [data-admin-sidebar].is-expanded,
body[data-admin-theme]:has(#worker-down-banner) [data-admin-sidebar]:hover,
body[data-admin-theme]:has(#worker-down-banner) [data-admin-sidebar]:focus-within {
    top: 2.6875rem;
}

body[data-admin-theme] [data-admin-brand] {
    position: relative;
    z-index: 46;
}

body[data-admin-theme] .admin-rail-link:hover,
body[data-admin-theme] .admin-rail-link:focus-visible {
    color: #f5f5f5;
}

body[data-admin-theme] .admin-sidebar {
    width: 4.375rem;
    transition: width 180ms cubic-bezier(0.32, 0.72, 0, 1);
    transition-property: width, box-shadow;
}

body[data-admin-theme] .admin-sidebar.is-expanded {
    width: 15rem;
}

body[data-admin-theme] .admin-sidebar:hover,
body[data-admin-theme] .admin-sidebar:focus-within {
    width: 15rem;
}

body[data-admin-theme] .admin-brand-cell {
    flex: 0 0 4.375rem;
    width: 4.375rem;
}

body[data-admin-theme] .admin-sidebar-brand {
    display: none;
    flex: 0 0 4rem;
    align-items: center;
    border-bottom: 1px solid #292929;
    padding-left: 1rem;
}

body[data-admin-theme] .admin-sidebar:is(.is-expanded, :hover, :focus-within) > .admin-sidebar-brand {
    display: flex;
}

/* Keep the icon on the collapsed rail's centre line when the labels appear,
   so only the text slides in and the icons never move. */
body[data-admin-theme] .admin-sidebar:is(.is-expanded, :hover, :focus-within) .admin-rail-link {
    width: calc(100% - 1rem);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    justify-content: flex-start;
    padding-left: 1rem;
}

body[data-admin-theme] .admin-rail-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1rem;
}

body[data-admin-theme] .admin-sidebar:not(.is-expanded):not(:hover):not(:focus-within) .admin-rail-label {
    display: none;
}

body[data-admin-theme] .admin-rail-link.is-active{ border-color: rgb(255 255 255 / 0.1); --tw-bg-opacity: 1; background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

/* Collapsible rail groups. The parent button reuses .admin-rail-link so it
   keeps the exact geometry of a flat rail item; only the chevron and the
   indented child list are new. */
body[data-admin-theme] .admin-rail-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}

body[data-admin-theme] .admin-rail-chevron {
    margin-left: auto;
    transition: transform 180ms cubic-bezier(0.32, 0.72, 0, 1);
}

body[data-admin-theme] .admin-rail-group button[aria-expanded="true"] .admin-rail-chevron {
    transform: rotate(180deg);
}

body[data-admin-theme] .admin-rail-sublist {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    margin: 0.375rem 0.5rem 0.125rem 1.5rem;
    padding-left: 0.75rem;
    border-left: 1px solid #292929;
}

@media (prefers-reduced-motion: no-preference) {
    @keyframes admin-rail-sublist-in {
        from {
            opacity: 0;
            transform: translateY(-0.125rem);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    body[data-admin-theme] .admin-rail-sublist {
        animation: admin-rail-sublist-in 150ms cubic-bezier(0.32, 0.72, 0, 1);
    }
}


    html body .research-hub-tool-option spanbody[data-admin-theme] .admin-rail-sublink {
        opacity: 0.7;
    }

body[data-admin-theme] .admin-rail-sublink{ display: block; border-width: 1px; border-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 1rem; outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

body[data-admin-theme] .admin-rail-sublink:hover{ background-color: rgb(255 255 255 / 0.05); }

body[data-admin-theme] .admin-rail-sublink: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); --tw-ring-opacity: 1; --tw-ring-color: rgb(217 108 143 / var(--tw-ring-opacity, 1)); }

body[data-admin-theme] .admin-rail-sublink {
    color: #8a8a8a;
}

body[data-admin-theme] .admin-rail-sublink:hover,
body[data-admin-theme] .admin-rail-sublink:focus-visible {
    color: #f5f5f5;
}

body[data-admin-theme] .admin-rail-sublink.is-active{ border-color: rgb(255 255 255 / 0.1); --tw-bg-opacity: 1; background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

/* The collapsed rail has no room for chevrons or child lists: they only
   appear once the rail widens on hover, focus, or tap. */
body[data-admin-theme] .admin-sidebar:not(.is-expanded):not(:hover):not(:focus-within) .admin-rail-chevron,
body[data-admin-theme] .admin-sidebar:not(.is-expanded):not(:hover):not(:focus-within) .admin-rail-sublist {
    display: none;
}

body[data-admin-theme] .admin-rail-link svg {
    color: currentColor;
}


    html body .research-hub-tool-option spanbody[data-admin-theme] .admin-account-link {
        opacity: 0.7;
    }

body[data-admin-theme] .admin-account-link{ display: block; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

body[data-admin-theme] .admin-account-link:hover{ background-color: rgb(255 255 255 / 0.05); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

body[data-admin-theme] .admin-account-link:focus-visible{ background-color: rgb(255 255 255 / 0.05); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

body[data-admin-theme] .admin-topbar-notifications button{ border-color: rgb(255 255 255 / 0.1); background-color: transparent; --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }


    .dark body[data-admin-theme] .admin-topbar-notifications button {
        color: rgb(161 161 170);
    }

body[data-admin-theme] .admin-topbar-notifications button:hover{ border-color: rgb(255 255 255 / 0.2); background-color: rgb(255 255 255 / 0.05); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

body[data-admin-theme] [data-admin-page-finder] label {
    color: #666666;
}

body[data-admin-theme] [data-admin-page-finder] input::-moz-placeholder {
    color: #666666;
    opacity: 1;
}

body[data-admin-theme] [data-admin-page-finder] input::placeholder {
    color: #666666;
    opacity: 1;
}

body[data-admin-theme] [data-admin-footer] {
    color: #666666;
}

body[data-admin-theme] [data-admin-page-finder] [role="option"]{ padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.625rem; padding-bottom: 0.625rem; --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

body[data-admin-theme] [data-admin-page-finder] [role="option"]:hover{ background-color: rgb(255 255 255 / 0.05); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

body[data-admin-theme] [data-admin-page-finder] [role="option"]:focus{ background-color: rgb(255 255 255 / 0.05); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

/* The signed-in product has its own navigation shell, matching the admin geometry. */
body[data-dashboard-theme] {
    --dashboard-banner-height: 0px;
    --dashboard-rail-offset: 0px;
}

body[data-dashboard-theme] [data-dashboard-topbar] {
    position: sticky;
    top: var(--dashboard-banner-height);
    border-bottom: 1px solid #292929;
}

body[data-dashboard-theme] [data-dashboard-brand] {
    position: relative;
    z-index: 46;
    border-right: 1px solid #292929;
}

body[data-dashboard-theme] .dashboard-brand-cell {
    flex: 0 0 4.375rem;
    width: 4.375rem;
}

body[data-dashboard-theme] .dashboard-sidebar {
    position: fixed;
    left: max(0px, calc((100vw - 1920px) / 2));
    top: calc(var(--dashboard-rail-offset) + 4rem);
    bottom: 0;
    width: 4.375rem;
    border-right: 1px solid #292929;
    transition: width 180ms cubic-bezier(0.32, 0.72, 0, 1), box-shadow 180ms cubic-bezier(0.32, 0.72, 0, 1);
}

body[data-dashboard-theme] .dashboard-sidebar:is(.is-expanded, :hover, :focus-within) {
    z-index: 45;
    top: var(--dashboard-rail-offset);
    width: 15rem;
}

body[data-dashboard-theme] .dashboard-sidebar-brand {
    display: none;
    flex: 0 0 4rem;
    align-items: center;
    border-bottom: 1px solid #292929;
    padding-left: 1rem;
}

body[data-dashboard-theme] .dashboard-sidebar:is(.is-expanded, :hover, :focus-within) > .dashboard-sidebar-brand {
    display: flex;
}

body[data-dashboard-theme] .dashboard-rail-link{ margin-left: auto; margin-right: auto; display: flex; min-height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; gap: 0.75rem; border-width: 1px; border-color: transparent; padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }


    .dark body[data-dashboard-theme] .dashboard-rail-link {
        color: rgb(113 113 122);
    }

.app-page-content > .mb-16 :is(h1, h2):not(:has(> spanbody[data-dashboard-theme] .dashboard-rail-link)) {
    font-family: inherit;
    font-weight: 500;
    text-wrap: balance;
    font-size: 1.5rem;
    line-height: 2rem;
}

.app-page-content > .mb-16 h2:has(> spanbody[data-dashboard-theme] .dashboard-rail-link) {
    font-family: 'Hedvig Letters Serif', Georgia, 'Times New Roman', serif;
    font-size: 2.375rem;
    font-weight: 500;
    line-height: 1.2;
}

body[data-dashboard-theme] .dashboard-rail-link:hover{ background-color: rgb(255 255 255 / 0.05); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

body[data-dashboard-theme] .dashboard-rail-link: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); --tw-ring-opacity: 1; --tw-ring-color: rgb(217 108 143 / var(--tw-ring-opacity, 1)); }

body[data-dashboard-theme] .dashboard-rail-link.is-active{ border-color: rgb(255 255 255 / 0.1); --tw-bg-opacity: 1; background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

/* Same rule as the admin rail: icons stay put, only the labels slide in. */
body[data-dashboard-theme] .dashboard-sidebar:is(.is-expanded, :hover, :focus-within) .dashboard-rail-link {
    width: calc(100% - 1rem);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    justify-content: flex-start;
    padding-left: 1rem;
}

body[data-dashboard-theme] .dashboard-rail-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1rem;
}

body[data-dashboard-theme] .dashboard-sidebar:not(.is-expanded):not(:hover):not(:focus-within) .dashboard-rail-label {
    display: none;
}

/* Collapsible rail groups on the signed-in shell — same geometry as the admin
   rail: the parent button keeps the flat rail item shape, only the chevron and
   the indented child list are new. */
body[data-dashboard-theme] .dashboard-rail-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}

body[data-dashboard-theme] .dashboard-rail-chevron {
    margin-left: auto;
    transition: transform 180ms cubic-bezier(0.32, 0.72, 0, 1);
}

body[data-dashboard-theme] .dashboard-rail-group button[aria-expanded="true"] .dashboard-rail-chevron {
    transform: rotate(180deg);
}

body[data-dashboard-theme] .dashboard-rail-sublist {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    margin: 0.375rem 0.5rem 0.125rem 1.5rem;
    padding-left: 0.75rem;
    border-left: 1px solid #292929;
}

@media (prefers-reduced-motion: no-preference) {
    @keyframes dashboard-rail-sublist-in {
        from {
            opacity: 0;
            transform: translateY(-0.125rem);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    body[data-dashboard-theme] .dashboard-rail-sublist {
        animation: dashboard-rail-sublist-in 150ms cubic-bezier(0.32, 0.72, 0, 1);
    }
}


    html body .research-hub-tool-option spanbody[data-dashboard-theme] .dashboard-rail-sublink {
        opacity: 0.7;
    }

body[data-dashboard-theme] .dashboard-rail-sublink{ display: block; border-width: 1px; border-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 1rem; outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

body[data-dashboard-theme] .dashboard-rail-sublink:hover{ background-color: rgb(255 255 255 / 0.05); }

body[data-dashboard-theme] .dashboard-rail-sublink: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); --tw-ring-opacity: 1; --tw-ring-color: rgb(217 108 143 / var(--tw-ring-opacity, 1)); }

body[data-dashboard-theme] .dashboard-rail-sublink {
    color: #8a8a8a;
}

body[data-dashboard-theme] .dashboard-rail-sublink:hover,
body[data-dashboard-theme] .dashboard-rail-sublink:focus-visible {
    color: #f5f5f5;
}

body[data-dashboard-theme] .dashboard-rail-sublink.is-active{ border-color: transparent; background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

/* The collapsed rail has no room for chevrons or child lists: they only
   appear once the rail widens on hover, focus, or tap. */
body[data-dashboard-theme] .dashboard-sidebar:not(.is-expanded):not(:hover):not(:focus-within) .dashboard-rail-chevron,
body[data-dashboard-theme] .dashboard-sidebar:not(.is-expanded):not(:hover):not(:focus-within) .dashboard-rail-sublist {
    display: none;
}


    html body .research-hub-tool-option spanbody[data-dashboard-theme] .dashboard-account-link,
    html body .research-hub-tool-option span
body[data-dashboard-theme] .dashboard-finder-option {
        opacity: 0.7;
    }

body[data-dashboard-theme] .dashboard-account-link,
body[data-dashboard-theme] .dashboard-finder-option{ display: block; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

body[data-dashboard-theme] .dashboard-account-link:hover,
body[data-dashboard-theme] .dashboard-finder-option:hover{ background-color: rgb(255 255 255 / 0.05); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

body[data-dashboard-theme] .dashboard-account-link:focus-visible,
body[data-dashboard-theme] .dashboard-finder-option:focus-visible{ background-color: rgb(255 255 255 / 0.05); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

body[data-dashboard-theme] .dashboard-finder-option {
    display: flex;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

body[data-dashboard-theme] .dashboard-topbar-notifications button{ border-color: rgb(255 255 255 / 0.1); background-color: transparent; --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }


    .dark body[data-dashboard-theme] .dashboard-topbar-notifications button {
        color: rgb(161 161 170);
    }

body[data-dashboard-theme] .dashboard-topbar-notifications button:hover{ border-color: rgb(255 255 255 / 0.2); background-color: rgb(255 255 255 / 0.05); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

body[data-dashboard-theme] [data-dashboard-page-finder] #dashboard-page-finder-input {
    background-color: transparent !important;
    border-color: transparent !important;
}

body[data-dashboard-theme] [data-dashboard-page-finder] input::-moz-placeholder {
    color: #666666;
    opacity: 1;
}

body[data-dashboard-theme] [data-dashboard-page-finder] input::placeholder {
    color: #666666;
    opacity: 1;
}

body[data-dashboard-theme] .app-page-content .dashboard-section-title {
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.5rem !important;
}

body[data-dashboard-theme] .app-page-content .wallet-credit-guide-title {
    color: #d4d4d4 !important;
    font-family: inherit !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    line-height: 1.25rem !important;
}

body[data-dashboard-theme] .app-page-content .wallet-credit-guide-label {
    color: #a3a3a3 !important;
    font-family: inherit !important;
    font-size: 0.6875rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.14em !important;
    line-height: 1rem !important;
}

body[data-dashboard-theme] .app-page-content .dashboard-panel,
body[data-dashboard-theme] .app-page-content .dashboard-quick-actions > a,
body[data-dashboard-theme] .app-page-content .dashboard-recent-analysis-card {
    border: 1px solid #252525 !important;
    border-radius: 0 !important;
    background-color: #0b0b0b !important;
    box-shadow: none !important;
}

/* Shared UI cards use their own white/dark utility classes, so normalize them
   to the same dashboard panel surface, including dynamically added cards. */
body[data-dashboard-theme] .app-page-content .bg-white[class~="dark:bg-neutral-900"][class~="border"],
body[data-dashboard-theme] .app-page-content .bg-white[class~="ring-1"] {
    border: 1px solid #252525 !important;
    border-radius: 0 !important;
    background-color: #0b0b0b !important;
    box-shadow: none !important;
}

/* Keep content panels consistent throughout the authenticated dashboard. */
body[data-dashboard-theme] .app-page-content :is(div, section, article, form, a)[class~="border"]:is(
    [class~="p-3"], [class~="p-4"], [class~="p-5"], [class~="p-6"],
    [class~="p-8"], [class~="p-10"], [class~="p-12"],
    [class*=" px-"][class*=" py-"], [class~="overflow-hidden"]
) {
    border-color: #252525 !important;
    border-radius: 0 !important;
    background-color: #0b0b0b !important;
    box-shadow: none !important;
}

body[data-dashboard-theme] .app-page-content a[class~="border"]:is(
    [class~="p-3"], [class~="p-4"], [class~="p-5"], [class~="p-6"],
    [class~="p-8"], [class~="p-10"], [class~="p-12"],
    [class*=" px-"][class*=" py-"], [class~="overflow-hidden"]
):hover {
    border-color: #303030 !important;
    background-color: #0f0f0f !important;
}

/* Tables are panels too: theme their header, body, dividers, and row hover. */
body[data-dashboard-theme] .app-page-content table,
body[data-dashboard-theme] .app-page-content table :is(th, td, tr) {
    border-color: #252525 !important;
}

body[data-dashboard-theme] .app-page-content table thead {
    background-color: #181818 !important;
}

body[data-dashboard-theme] .app-page-content table tbody {
    background-color: #0b0b0b !important;
}

body[data-dashboard-theme] .app-page-content table tbody > tr + tr {
    border-top-color: #252525 !important;
}

body[data-dashboard-theme] .app-page-content table tbody > tr:hover {
    background-color: #0f0f0f !important;
}

/* Profile, report, comparison, and workspace tiles use custom markup instead
   of the shared bordered-panel utilities, so match those cards' surface. They
   separate themselves with their portrait and name strip, so they carry no
   frame border. */
body[data-dashboard-theme] .app-page-content :is(
    article[data-profile-id], article[data-workspace-id], article[data-item-id]
) {
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #0b0b0b !important;
    box-shadow: none !important;
}

body[data-dashboard-theme] .app-page-content article.profile-card > [class~="profile-name-strip"] {
    background-color: #131313 !important;
}

body[data-dashboard-theme] .app-page-content article.profile-card .profile-type {
    color: #474747 !important;
}

body[data-dashboard-theme] .app-page-content article[data-workspace-id] > div[class~="bg-neutral-950"],
body[data-dashboard-theme] .app-page-content .workspace-portrait + div[class~="bg-neutral-950"] {
    background-color: #0b0b0b !important;
}

body[data-dashboard-theme] .app-page-content .dashboard-quick-actions > a:hover,
body[data-dashboard-theme] .app-page-content .dashboard-recent-analysis-card:hover {
    border-color: #303030 !important;
    background-color: #0f0f0f !important;
}

@media (min-width: 1024px) {
    body[data-dashboard-theme] .dashboard-content-column {
        margin-left: 4.375rem;
    }
}

@media (min-width: 640px) {
    body[data-admin-theme] .admin-page-content h1:not(.admin-dashboard-greeting) {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
}

/* Match authenticated user page titles to the compact admin title scale. */
.app-page-content h1 {
    font-family: inherit !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    line-height: 1.75rem !important;
    text-wrap: balance;
}

@media (min-width: 640px) {
    .app-page-content h1 {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
}

/* Keep page headings and section titles consistent across the signed-in app. */
.app-page-content > .mb-16 :is(h1, h2):not(:has(> span.text-neutral-500)),
.app-page-content h3 {
    font-family: inherit !important;
    font-weight: 500 !important;
    text-wrap: balance;
}

.app-page-content > .mb-16 :is(h1, h2):not(:has(> span.text-neutral-500)) {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}

.app-page-content h3 {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

.app-page-content .profile-section-title {
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.5rem !important;
    text-wrap: balance;
}

.app-page-content .profile-section-title.profile-section-title--compact {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

/* Hub dialogs are teleported to body, outside the app heading overrides. */
.research-hub-title,
.app-page-content .research-hub-title,
#digest-dialog-title.research-hub-title {
    font-family: inherit !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    line-height: 1.25rem !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

.research-hub-import-status {
    font-size: 0.625rem;
    line-height: 0.75rem;
}

/* The dashboard greeting is intentionally more prominent than page titles. */
.app-page-content > .mb-16 h2:has(> span.text-neutral-500) {
    font-family: 'Hedvig Letters Serif', Georgia, 'Times New Roman', serif !important;
    font-size: 2.375rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

/* Opt-out for specific app page headers that need a larger display title. */
.app-page-content .app-hero-title {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
}

:is(body[data-admin-theme].dark, .dark body[data-admin-theme]) {
    --background: 0 0% 5.1%; /* #0d0d0d */
    --foreground: 0 0% 98%;
    --card: 0 0% 9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 0 0% 10%;
    --secondary: 0 0% 12%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 12%;
    --muted-foreground: 0 0% 62%;
    --accent: 0 0% 15%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 0% 68%;
    --destructive-foreground: 0 0% 5%;
    --success: 0 0% 68%;
    --success-foreground: 0 0% 5%;
    --border: 0 0% 19%;
    --input: 0 0% 12%;
    --ring: 0 0% 98%;
    --color-primary: #ffffff;
    --color-primary-content: #ffffff;
    --color-primary-fg: #171717;
}

/* Base colored backgrounds. */
body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="bg-red-"], [class*=" bg-red-"], [class^="bg-rose-"], [class*=" bg-rose-"],
    [class^="bg-amber-"], [class*=" bg-amber-"], [class^="bg-yellow-"], [class*=" bg-yellow-"],
    [class^="bg-green-"], [class*=" bg-green-"], [class^="bg-emerald-"], [class*=" bg-emerald-"],
    [class^="bg-blue-"], [class*=" bg-blue-"], [class^="bg-sky-"], [class*=" bg-sky-"],
    [class^="bg-cyan-"], [class*=" bg-cyan-"], [class^="bg-teal-"], [class*=" bg-teal-"],
    [class^="bg-indigo-"], [class*=" bg-indigo-"], [class^="bg-violet-"], [class*=" bg-violet-"],
    [class^="bg-purple-"], [class*=" bg-purple-"], [class^="bg-fuchsia-"], [class*=" bg-fuchsia-"],
    [class^="bg-pink-"], [class*=" bg-pink-"], [class^="bg-orange-"], [class*=" bg-orange-"],
    [class^="bg-lime-"], [class*=" bg-lime-"], [class^="bg-pinkk-"], [class*=" bg-pinkk-"]
) {
    background-color: #52525b !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class~="bg-red-50"], [class~="bg-rose-50"], [class~="bg-amber-50"], [class~="bg-yellow-50"],
    [class~="bg-green-50"], [class~="bg-emerald-50"], [class~="bg-blue-50"], [class~="bg-sky-50"],
    [class~="bg-cyan-50"], [class~="bg-teal-50"], [class~="bg-indigo-50"], [class~="bg-violet-50"],
    [class~="bg-purple-50"], [class~="bg-fuchsia-50"], [class~="bg-pink-50"], [class~="bg-orange-50"],
    [class~="bg-lime-50"], [class~="bg-pinkk-50"]
) {
    background-color: #f4f4f5 !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class~="bg-red-100"], [class~="bg-rose-100"], [class~="bg-amber-100"], [class~="bg-yellow-100"],
    [class~="bg-green-100"], [class~="bg-emerald-100"], [class~="bg-blue-100"], [class~="bg-sky-100"],
    [class~="bg-cyan-100"], [class~="bg-teal-100"], [class~="bg-indigo-100"], [class~="bg-violet-100"],
    [class~="bg-purple-100"], [class~="bg-fuchsia-100"], [class~="bg-pink-100"], [class~="bg-orange-100"],
    [class~="bg-lime-100"], [class~="bg-pinkk-100"]
) {
    background-color: #f4f4f5 !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class~="bg-red-900"], [class~="bg-red-950"], [class~="bg-rose-900"], [class~="bg-rose-950"],
    [class~="bg-amber-900"], [class~="bg-amber-950"], [class~="bg-yellow-900"], [class~="bg-yellow-950"],
    [class~="bg-green-900"], [class~="bg-green-950"], [class~="bg-emerald-900"], [class~="bg-emerald-950"],
    [class~="bg-blue-900"], [class~="bg-blue-950"], [class~="bg-sky-900"], [class~="bg-sky-950"],
    [class~="bg-cyan-900"], [class~="bg-cyan-950"], [class~="bg-teal-900"], [class~="bg-teal-950"],
    [class~="bg-indigo-900"], [class~="bg-indigo-950"], [class~="bg-violet-900"], [class~="bg-violet-950"],
    [class~="bg-purple-900"], [class~="bg-purple-950"], [class~="bg-fuchsia-900"], [class~="bg-fuchsia-950"],
    [class~="bg-pink-900"], [class~="bg-pink-950"], [class~="bg-orange-900"], [class~="bg-orange-950"],
    [class~="bg-lime-900"], [class~="bg-lime-950"], [class~="bg-pinkk-900"], [class~="bg-pinkk-950"]
) {
    background-color: #18181b !important;
}

/* Base text, border, ring, and decoration colors. */
body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="text-red-"], [class*=" text-red-"], [class^="text-rose-"], [class*=" text-rose-"],
    [class^="text-amber-"], [class*=" text-amber-"], [class^="text-yellow-"], [class*=" text-yellow-"],
    [class^="text-green-"], [class*=" text-green-"], [class^="text-emerald-"], [class*=" text-emerald-"],
    [class^="text-blue-"], [class*=" text-blue-"], [class^="text-sky-"], [class*=" text-sky-"],
    [class^="text-cyan-"], [class*=" text-cyan-"], [class^="text-teal-"], [class*=" text-teal-"],
    [class^="text-indigo-"], [class*=" text-indigo-"], [class^="text-violet-"], [class*=" text-violet-"],
    [class^="text-purple-"], [class*=" text-purple-"], [class^="text-fuchsia-"], [class*=" text-fuchsia-"],
    [class^="text-pink-"], [class*=" text-pink-"], [class^="text-orange-"], [class*=" text-orange-"],
    [class^="text-lime-"], [class*=" text-lime-"], [class^="text-pinkk-"], [class*=" text-pinkk-"]
) {
    color: #3f3f46 !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class~="text-red-50"], [class~="text-red-100"], [class~="text-red-200"], [class~="text-red-300"], [class~="text-red-400"],
    [class~="text-rose-50"], [class~="text-rose-100"], [class~="text-rose-200"], [class~="text-rose-300"], [class~="text-rose-400"],
    [class~="text-amber-50"], [class~="text-amber-100"], [class~="text-amber-200"], [class~="text-amber-300"], [class~="text-amber-400"],
    [class~="text-yellow-50"], [class~="text-yellow-100"], [class~="text-yellow-200"], [class~="text-yellow-300"], [class~="text-yellow-400"],
    [class~="text-green-50"], [class~="text-green-100"], [class~="text-green-200"], [class~="text-green-300"], [class~="text-green-400"],
    [class~="text-emerald-50"], [class~="text-emerald-100"], [class~="text-emerald-200"], [class~="text-emerald-300"], [class~="text-emerald-400"],
    [class~="text-blue-50"], [class~="text-blue-100"], [class~="text-blue-200"], [class~="text-blue-300"], [class~="text-blue-400"],
    [class~="text-sky-50"], [class~="text-sky-100"], [class~="text-sky-200"], [class~="text-sky-300"], [class~="text-sky-400"],
    [class~="text-cyan-50"], [class~="text-cyan-100"], [class~="text-cyan-200"], [class~="text-cyan-300"], [class~="text-cyan-400"],
    [class~="text-teal-50"], [class~="text-teal-100"], [class~="text-teal-200"], [class~="text-teal-300"], [class~="text-teal-400"],
    [class~="text-indigo-50"], [class~="text-indigo-100"], [class~="text-indigo-200"], [class~="text-indigo-300"], [class~="text-indigo-400"],
    [class~="text-violet-50"], [class~="text-violet-100"], [class~="text-violet-200"], [class~="text-violet-300"], [class~="text-violet-400"],
    [class~="text-purple-50"], [class~="text-purple-100"], [class~="text-purple-200"], [class~="text-purple-300"], [class~="text-purple-400"],
    [class~="text-fuchsia-50"], [class~="text-fuchsia-100"], [class~="text-fuchsia-200"], [class~="text-fuchsia-300"], [class~="text-fuchsia-400"],
    [class~="text-pink-50"], [class~="text-pink-100"], [class~="text-pink-200"], [class~="text-pink-300"], [class~="text-pink-400"],
    [class~="text-orange-50"], [class~="text-orange-100"], [class~="text-orange-200"], [class~="text-orange-300"], [class~="text-orange-400"],
    [class~="text-lime-50"], [class~="text-lime-100"], [class~="text-lime-200"], [class~="text-lime-300"], [class~="text-lime-400"],
    [class~="text-pinkk-50"], [class~="text-pinkk-100"], [class~="text-pinkk-200"], [class~="text-pinkk-300"], [class~="text-pinkk-400"]
) {
    color: #71717a !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="border-red-"], [class*=" border-red-"], [class^="border-rose-"], [class*=" border-rose-"],
    [class^="border-amber-"], [class*=" border-amber-"], [class^="border-yellow-"], [class*=" border-yellow-"],
    [class^="border-green-"], [class*=" border-green-"], [class^="border-emerald-"], [class*=" border-emerald-"],
    [class^="border-blue-"], [class*=" border-blue-"], [class^="border-sky-"], [class*=" border-sky-"],
    [class^="border-cyan-"], [class*=" border-cyan-"], [class^="border-teal-"], [class*=" border-teal-"],
    [class^="border-indigo-"], [class*=" border-indigo-"], [class^="border-violet-"], [class*=" border-violet-"],
    [class^="border-purple-"], [class*=" border-purple-"], [class^="border-fuchsia-"], [class*=" border-fuchsia-"],
    [class^="border-pink-"], [class*=" border-pink-"], [class^="border-orange-"], [class*=" border-orange-"],
    [class^="border-lime-"], [class*=" border-lime-"], [class^="border-pinkk-"], [class*=" border-pinkk-"]
) {
    border-color: #d4d4d8 !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="ring-red-"], [class*=" ring-red-"], [class^="ring-rose-"], [class*=" ring-rose-"],
    [class^="ring-amber-"], [class*=" ring-amber-"], [class^="ring-yellow-"], [class*=" ring-yellow-"],
    [class^="ring-green-"], [class*=" ring-green-"], [class^="ring-emerald-"], [class*=" ring-emerald-"],
    [class^="ring-blue-"], [class*=" ring-blue-"], [class^="ring-sky-"], [class*=" ring-sky-"],
    [class^="ring-cyan-"], [class*=" ring-cyan-"], [class^="ring-teal-"], [class*=" ring-teal-"],
    [class^="ring-indigo-"], [class*=" ring-indigo-"], [class^="ring-violet-"], [class*=" ring-violet-"],
    [class^="ring-purple-"], [class*=" ring-purple-"], [class^="ring-fuchsia-"], [class*=" ring-fuchsia-"],
    [class^="ring-pink-"], [class*=" ring-pink-"], [class^="ring-orange-"], [class*=" ring-orange-"],
    [class^="ring-lime-"], [class*=" ring-lime-"], [class^="ring-pinkk-"], [class*=" ring-pinkk-"]
) {
    --tw-ring-color: rgb(113 113 122 / 0.35) !important;
}

/* Core interactive variants remain stateful, but use neutral values. */
body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="hover:bg-red-"], [class*=" hover:bg-red-"], [class^="hover:bg-rose-"], [class*=" hover:bg-rose-"],
    [class^="hover:bg-amber-"], [class*=" hover:bg-amber-"], [class^="hover:bg-yellow-"], [class*=" hover:bg-yellow-"],
    [class^="hover:bg-green-"], [class*=" hover:bg-green-"], [class^="hover:bg-emerald-"], [class*=" hover:bg-emerald-"],
    [class^="hover:bg-blue-"], [class*=" hover:bg-blue-"], [class^="hover:bg-sky-"], [class*=" hover:bg-sky-"],
    [class^="hover:bg-purple-"], [class*=" hover:bg-purple-"], [class^="hover:bg-pink-"], [class*=" hover:bg-pink-"],
    [class^="hover:bg-orange-"], [class*=" hover:bg-orange-"], [class^="hover:bg-pinkk-"], [class*=" hover:bg-pinkk-"]
):hover {
    background-color: #3f3f46 !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="hover:text-red-"], [class*=" hover:text-red-"], [class^="hover:text-rose-"], [class*=" hover:text-rose-"],
    [class^="hover:text-amber-"], [class*=" hover:text-amber-"], [class^="hover:text-yellow-"], [class*=" hover:text-yellow-"],
    [class^="hover:text-green-"], [class*=" hover:text-green-"], [class^="hover:text-emerald-"], [class*=" hover:text-emerald-"],
    [class^="hover:text-blue-"], [class*=" hover:text-blue-"], [class^="hover:text-sky-"], [class*=" hover:text-sky-"],
    [class^="hover:text-cyan-"], [class*=" hover:text-cyan-"], [class^="hover:text-teal-"], [class*=" hover:text-teal-"],
    [class^="hover:text-indigo-"], [class*=" hover:text-indigo-"], [class^="hover:text-violet-"], [class*=" hover:text-violet-"],
    [class^="hover:text-purple-"], [class*=" hover:text-purple-"], [class^="hover:text-fuchsia-"], [class*=" hover:text-fuchsia-"],
    [class^="hover:text-pink-"], [class*=" hover:text-pink-"], [class^="hover:text-orange-"], [class*=" hover:text-orange-"],
    [class^="hover:text-lime-"], [class*=" hover:text-lime-"], [class^="hover:text-pinkk-"], [class*=" hover:text-pinkk-"]
):hover {
    color: #18181b !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="hover:border-red-"], [class*=" hover:border-red-"], [class^="hover:border-rose-"], [class*=" hover:border-rose-"],
    [class^="hover:border-amber-"], [class*=" hover:border-amber-"], [class^="hover:border-yellow-"], [class*=" hover:border-yellow-"],
    [class^="hover:border-green-"], [class*=" hover:border-green-"], [class^="hover:border-emerald-"], [class*=" hover:border-emerald-"],
    [class^="hover:border-blue-"], [class*=" hover:border-blue-"], [class^="hover:border-sky-"], [class*=" hover:border-sky-"],
    [class^="hover:border-cyan-"], [class*=" hover:border-cyan-"], [class^="hover:border-teal-"], [class*=" hover:border-teal-"],
    [class^="hover:border-indigo-"], [class*=" hover:border-indigo-"], [class^="hover:border-violet-"], [class*=" hover:border-violet-"],
    [class^="hover:border-purple-"], [class*=" hover:border-purple-"], [class^="hover:border-fuchsia-"], [class*=" hover:border-fuchsia-"],
    [class^="hover:border-pink-"], [class*=" hover:border-pink-"], [class^="hover:border-orange-"], [class*=" hover:border-orange-"],
    [class^="hover:border-lime-"], [class*=" hover:border-lime-"], [class^="hover:border-pinkk-"], [class*=" hover:border-pinkk-"]
):hover {
    border-color: #71717a !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="focus:ring-red-"], [class*=" focus:ring-red-"], [class^="focus:ring-rose-"], [class*=" focus:ring-rose-"],
    [class^="focus:ring-amber-"], [class*=" focus:ring-amber-"], [class^="focus:ring-yellow-"], [class*=" focus:ring-yellow-"],
    [class^="focus:ring-green-"], [class*=" focus:ring-green-"], [class^="focus:ring-emerald-"], [class*=" focus:ring-emerald-"],
    [class^="focus:ring-blue-"], [class*=" focus:ring-blue-"], [class^="focus:ring-sky-"], [class*=" focus:ring-sky-"],
    [class^="focus:ring-cyan-"], [class*=" focus:ring-cyan-"], [class^="focus:ring-teal-"], [class*=" focus:ring-teal-"],
    [class^="focus:ring-indigo-"], [class*=" focus:ring-indigo-"], [class^="focus:ring-violet-"], [class*=" focus:ring-violet-"],
    [class^="focus:ring-purple-"], [class*=" focus:ring-purple-"], [class^="focus:ring-fuchsia-"], [class*=" focus:ring-fuchsia-"],
    [class^="focus:ring-pink-"], [class*=" focus:ring-pink-"], [class^="focus:ring-orange-"], [class*=" focus:ring-orange-"],
    [class^="focus:ring-lime-"], [class*=" focus:ring-lime-"], [class^="focus:ring-pinkk-"], [class*=" focus:ring-pinkk-"]
):focus {
    --tw-ring-color: rgb(113 113 122 / 0.35) !important;
}

/* Group hover text variants must follow the hovered group while staying neutral. */
body[data-admin-theme] .group:hover :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="group-hover:text-red-"], [class*=" group-hover:text-red-"], [class^="group-hover:text-rose-"], [class*=" group-hover:text-rose-"],
    [class^="group-hover:text-amber-"], [class*=" group-hover:text-amber-"], [class^="group-hover:text-yellow-"], [class*=" group-hover:text-yellow-"],
    [class^="group-hover:text-green-"], [class*=" group-hover:text-green-"], [class^="group-hover:text-emerald-"], [class*=" group-hover:text-emerald-"],
    [class^="group-hover:text-blue-"], [class*=" group-hover:text-blue-"], [class^="group-hover:text-sky-"], [class*=" group-hover:text-sky-"],
    [class^="group-hover:text-cyan-"], [class*=" group-hover:text-cyan-"], [class^="group-hover:text-teal-"], [class*=" group-hover:text-teal-"],
    [class^="group-hover:text-indigo-"], [class*=" group-hover:text-indigo-"], [class^="group-hover:text-violet-"], [class*=" group-hover:text-violet-"],
    [class^="group-hover:text-purple-"], [class*=" group-hover:text-purple-"], [class^="group-hover:text-fuchsia-"], [class*=" group-hover:text-fuchsia-"],
    [class^="group-hover:text-pink-"], [class*=" group-hover:text-pink-"], [class^="group-hover:text-orange-"], [class*=" group-hover:text-orange-"],
    [class^="group-hover:text-lime-"], [class*=" group-hover:text-lime-"], [class^="group-hover:text-pinkk-"], [class*=" group-hover:text-pinkk-"]
) {
    color: #18181b !important;
}

/* Preserve readable contrast for semantic text on intentionally dark admin surfaces. */
body[data-admin-theme] .bg-neutral-950 :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="text-red-"], [class*=" text-red-"], [class^="text-rose-"], [class*=" text-rose-"],
    [class^="text-amber-"], [class*=" text-amber-"], [class^="text-yellow-"], [class*=" text-yellow-"],
    [class^="text-green-"], [class*=" text-green-"], [class^="text-emerald-"], [class*=" text-emerald-"],
    [class^="text-blue-"], [class*=" text-blue-"], [class^="text-sky-"], [class*=" text-sky-"],
    [class^="text-cyan-"], [class*=" text-cyan-"], [class^="text-teal-"], [class*=" text-teal-"],
    [class^="text-indigo-"], [class*=" text-indigo-"], [class^="text-violet-"], [class*=" text-violet-"],
    [class^="text-purple-"], [class*=" text-purple-"], [class^="text-fuchsia-"], [class*=" text-fuchsia-"],
    [class^="text-pink-"], [class*=" text-pink-"], [class^="text-orange-"], [class*=" text-orange-"],
    [class^="text-lime-"], [class*=" text-lime-"], [class^="text-pinkk-"], [class*=" text-pinkk-"]
) {
    color: #f4f4f5 !important;
}

body[data-admin-theme] .bg-neutral-950 .group:hover :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="group-hover:text-red-"], [class*=" group-hover:text-red-"], [class^="group-hover:text-rose-"], [class*=" group-hover:text-rose-"],
    [class^="group-hover:text-amber-"], [class*=" group-hover:text-amber-"], [class^="group-hover:text-yellow-"], [class*=" group-hover:text-yellow-"],
    [class^="group-hover:text-green-"], [class*=" group-hover:text-green-"], [class^="group-hover:text-emerald-"], [class*=" group-hover:text-emerald-"],
    [class^="group-hover:text-blue-"], [class*=" group-hover:text-blue-"], [class^="group-hover:text-sky-"], [class*=" group-hover:text-sky-"],
    [class^="group-hover:text-cyan-"], [class*=" group-hover:text-cyan-"], [class^="group-hover:text-teal-"], [class*=" group-hover:text-teal-"],
    [class^="group-hover:text-indigo-"], [class*=" group-hover:text-indigo-"], [class^="group-hover:text-violet-"], [class*=" group-hover:text-violet-"],
    [class^="group-hover:text-purple-"], [class*=" group-hover:text-purple-"], [class^="group-hover:text-fuchsia-"], [class*=" group-hover:text-fuchsia-"],
    [class^="group-hover:text-pink-"], [class*=" group-hover:text-pink-"], [class^="group-hover:text-orange-"], [class*=" group-hover:text-orange-"],
    [class^="group-hover:text-lime-"], [class*=" group-hover:text-lime-"], [class^="group-hover:text-pinkk-"], [class*=" group-hover:text-pinkk-"]
) {
    color: #d4d4d8 !important;
}

/* Preserve readable contrast for content on intentionally LIGHT admin surfaces
   (e.g. the Sable Gateway callout). The .dark neutral-text overrides and the
   global svg colour rule would otherwise paint this text white on a near-white
   box. Add `admin-light-surface` to any light callout in the admin. */
body[data-admin-theme] .admin-light-surface,
body[data-admin-theme] .admin-light-surface :not(img):not(video):not(canvas):not(iframe) {
    color: #3f3f46 !important;
}

/* Keep named gradients multi-stop while replacing each stop with gray. */
body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="from-red-"], [class*=" from-red-"], [class^="from-rose-"], [class*=" from-rose-"],
    [class^="from-amber-"], [class*=" from-amber-"], [class^="from-yellow-"], [class*=" from-yellow-"],
    [class^="from-green-"], [class*=" from-green-"], [class^="from-emerald-"], [class*=" from-emerald-"],
    [class^="from-blue-"], [class*=" from-blue-"], [class^="from-sky-"], [class*=" from-sky-"],
    [class^="from-cyan-"], [class*=" from-cyan-"], [class^="from-teal-"], [class*=" from-teal-"],
    [class^="from-indigo-"], [class*=" from-indigo-"], [class^="from-violet-"], [class*=" from-violet-"],
    [class^="from-purple-"], [class*=" from-purple-"], [class^="from-fuchsia-"], [class*=" from-fuchsia-"],
    [class^="from-pink-"], [class*=" from-pink-"], [class^="from-orange-"], [class*=" from-orange-"],
    [class^="from-lime-"], [class*=" from-lime-"], [class^="from-pinkk-"], [class*=" from-pinkk-"]
) {
    --tw-gradient-from: #71717a !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="via-red-"], [class*=" via-red-"], [class^="via-rose-"], [class*=" via-rose-"],
    [class^="via-amber-"], [class*=" via-amber-"], [class^="via-yellow-"], [class*=" via-yellow-"],
    [class^="via-green-"], [class*=" via-green-"], [class^="via-emerald-"], [class*=" via-emerald-"],
    [class^="via-blue-"], [class*=" via-blue-"], [class^="via-sky-"], [class*=" via-sky-"],
    [class^="via-cyan-"], [class*=" via-cyan-"], [class^="via-teal-"], [class*=" via-teal-"],
    [class^="via-indigo-"], [class*=" via-indigo-"], [class^="via-violet-"], [class*=" via-violet-"],
    [class^="via-purple-"], [class*=" via-purple-"], [class^="via-fuchsia-"], [class*=" via-fuchsia-"],
    [class^="via-pink-"], [class*=" via-pink-"], [class^="via-orange-"], [class*=" via-orange-"],
    [class^="via-lime-"], [class*=" via-lime-"], [class^="via-pinkk-"], [class*=" via-pinkk-"]
) {
    --tw-gradient-stops: var(--tw-gradient-from), #52525b var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="to-red-"], [class*=" to-red-"], [class^="to-rose-"], [class*=" to-rose-"],
    [class^="to-amber-"], [class*=" to-amber-"], [class^="to-yellow-"], [class*=" to-yellow-"],
    [class^="to-green-"], [class*=" to-green-"], [class^="to-emerald-"], [class*=" to-emerald-"],
    [class^="to-blue-"], [class*=" to-blue-"], [class^="to-sky-"], [class*=" to-sky-"],
    [class^="to-cyan-"], [class*=" to-cyan-"], [class^="to-teal-"], [class*=" to-teal-"],
    [class^="to-indigo-"], [class*=" to-indigo-"], [class^="to-violet-"], [class*=" to-violet-"],
    [class^="to-purple-"], [class*=" to-purple-"], [class^="to-fuchsia-"], [class*=" to-fuchsia-"],
    [class^="to-pink-"], [class*=" to-pink-"], [class^="to-orange-"], [class*=" to-orange-"],
    [class^="to-lime-"], [class*=" to-lime-"], [class^="to-pinkk-"], [class*=" to-pinkk-"]
) {
    --tw-gradient-to: #18181b !important;
}

/* Dark variants are also neutral, but only while dark mode is active. */
:is(body[data-admin-theme].dark, .dark body[data-admin-theme]) :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="dark:bg-red-"], [class*=" dark:bg-red-"], [class^="dark:bg-rose-"], [class*=" dark:bg-rose-"],
    [class^="dark:bg-amber-"], [class*=" dark:bg-amber-"], [class^="dark:bg-yellow-"], [class*=" dark:bg-yellow-"],
    [class^="dark:bg-green-"], [class*=" dark:bg-green-"], [class^="dark:bg-emerald-"], [class*=" dark:bg-emerald-"],
    [class^="dark:bg-blue-"], [class*=" dark:bg-blue-"], [class^="dark:bg-sky-"], [class*=" dark:bg-sky-"],
    [class^="dark:bg-purple-"], [class*=" dark:bg-purple-"], [class^="dark:bg-pink-"], [class*=" dark:bg-pink-"],
    [class^="dark:bg-orange-"], [class*=" dark:bg-orange-"], [class^="dark:bg-pinkk-"], [class*=" dark:bg-pinkk-"]
) {
    background-color: #27272a !important;
}

:is(body[data-admin-theme].dark, .dark body[data-admin-theme]) :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="dark:hover:bg-red-"], [class*=" dark:hover:bg-red-"], [class^="dark:hover:bg-rose-"], [class*=" dark:hover:bg-rose-"],
    [class^="dark:hover:bg-amber-"], [class*=" dark:hover:bg-amber-"], [class^="dark:hover:bg-yellow-"], [class*=" dark:hover:bg-yellow-"],
    [class^="dark:hover:bg-green-"], [class*=" dark:hover:bg-green-"], [class^="dark:hover:bg-emerald-"], [class*=" dark:hover:bg-emerald-"],
    [class^="dark:hover:bg-blue-"], [class*=" dark:hover:bg-blue-"], [class^="dark:hover:bg-sky-"], [class*=" dark:hover:bg-sky-"],
    [class^="dark:hover:bg-cyan-"], [class*=" dark:hover:bg-cyan-"], [class^="dark:hover:bg-teal-"], [class*=" dark:hover:bg-teal-"],
    [class^="dark:hover:bg-indigo-"], [class*=" dark:hover:bg-indigo-"], [class^="dark:hover:bg-violet-"], [class*=" dark:hover:bg-violet-"],
    [class^="dark:hover:bg-purple-"], [class*=" dark:hover:bg-purple-"], [class^="dark:hover:bg-fuchsia-"], [class*=" dark:hover:bg-fuchsia-"],
    [class^="dark:hover:bg-pink-"], [class*=" dark:hover:bg-pink-"], [class^="dark:hover:bg-orange-"], [class*=" dark:hover:bg-orange-"],
    [class^="dark:hover:bg-lime-"], [class*=" dark:hover:bg-lime-"], [class^="dark:hover:bg-pinkk-"], [class*=" dark:hover:bg-pinkk-"]
):hover {
    background-color: #3f3f46 !important;
}

:is(body[data-admin-theme].dark, .dark body[data-admin-theme]) :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="dark:text-red-"], [class*=" dark:text-red-"], [class^="dark:text-rose-"], [class*=" dark:text-rose-"],
    [class^="dark:text-amber-"], [class*=" dark:text-amber-"], [class^="dark:text-yellow-"], [class*=" dark:text-yellow-"],
    [class^="dark:text-green-"], [class*=" dark:text-green-"], [class^="dark:text-emerald-"], [class*=" dark:text-emerald-"],
    [class^="dark:text-blue-"], [class*=" dark:text-blue-"], [class^="dark:text-sky-"], [class*=" dark:text-sky-"],
    [class^="dark:text-purple-"], [class*=" dark:text-purple-"], [class^="dark:text-pink-"], [class*=" dark:text-pink-"],
    [class^="dark:text-orange-"], [class*=" dark:text-orange-"], [class^="dark:text-pinkk-"], [class*=" dark:text-pinkk-"]
) {
    color: #d4d4d8 !important;
}

:is(body[data-admin-theme].dark, .dark body[data-admin-theme]) :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="dark:border-red-"], [class*=" dark:border-red-"], [class^="dark:border-rose-"], [class*=" dark:border-rose-"],
    [class^="dark:border-amber-"], [class*=" dark:border-amber-"], [class^="dark:border-yellow-"], [class*=" dark:border-yellow-"],
    [class^="dark:border-green-"], [class*=" dark:border-green-"], [class^="dark:border-emerald-"], [class*=" dark:border-emerald-"],
    [class^="dark:border-blue-"], [class*=" dark:border-blue-"], [class^="dark:border-sky-"], [class*=" dark:border-sky-"],
    [class^="dark:border-cyan-"], [class*=" dark:border-cyan-"], [class^="dark:border-teal-"], [class*=" dark:border-teal-"],
    [class^="dark:border-indigo-"], [class*=" dark:border-indigo-"], [class^="dark:border-violet-"], [class*=" dark:border-violet-"],
    [class^="dark:border-purple-"], [class*=" dark:border-purple-"], [class^="dark:border-fuchsia-"], [class*=" dark:border-fuchsia-"],
    [class^="dark:border-pink-"], [class*=" dark:border-pink-"], [class^="dark:border-orange-"], [class*=" dark:border-orange-"],
    [class^="dark:border-lime-"], [class*=" dark:border-lime-"], [class^="dark:border-pinkk-"], [class*=" dark:border-pinkk-"]
) {
    border-color: #71717a !important;
}

:is(body[data-admin-theme].dark, .dark body[data-admin-theme]) :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="dark:ring-red-"], [class*=" dark:ring-red-"], [class^="dark:ring-rose-"], [class*=" dark:ring-rose-"],
    [class^="dark:ring-amber-"], [class*=" dark:ring-amber-"], [class^="dark:ring-yellow-"], [class*=" dark:ring-yellow-"],
    [class^="dark:ring-green-"], [class*=" dark:ring-green-"], [class^="dark:ring-emerald-"], [class*=" dark:ring-emerald-"],
    [class^="dark:ring-blue-"], [class*=" dark:ring-blue-"], [class^="dark:ring-sky-"], [class*=" dark:ring-sky-"],
    [class^="dark:ring-cyan-"], [class*=" dark:ring-cyan-"], [class^="dark:ring-teal-"], [class*=" dark:ring-teal-"],
    [class^="dark:ring-indigo-"], [class*=" dark:ring-indigo-"], [class^="dark:ring-violet-"], [class*=" dark:ring-violet-"],
    [class^="dark:ring-purple-"], [class*=" dark:ring-purple-"], [class^="dark:ring-fuchsia-"], [class*=" dark:ring-fuchsia-"],
    [class^="dark:ring-pink-"], [class*=" dark:ring-pink-"], [class^="dark:ring-orange-"], [class*=" dark:ring-orange-"],
    [class^="dark:ring-lime-"], [class*=" dark:ring-lime-"], [class^="dark:ring-pinkk-"], [class*=" dark:ring-pinkk-"]
) {
    --tw-ring-color: rgb(113 113 122 / 0.35) !important;
}

:is(body[data-admin-theme].dark, .dark body[data-admin-theme]) :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="dark:focus:border-red-"], [class*=" dark:focus:border-red-"], [class^="dark:focus:border-rose-"], [class*=" dark:focus:border-rose-"],
    [class^="dark:focus:border-amber-"], [class*=" dark:focus:border-amber-"], [class^="dark:focus:border-yellow-"], [class*=" dark:focus:border-yellow-"],
    [class^="dark:focus:border-green-"], [class*=" dark:focus:border-green-"], [class^="dark:focus:border-emerald-"], [class*=" dark:focus:border-emerald-"],
    [class^="dark:focus:border-blue-"], [class*=" dark:focus:border-blue-"], [class^="dark:focus:border-sky-"], [class*=" dark:focus:border-sky-"],
    [class^="dark:focus:border-cyan-"], [class*=" dark:focus:border-cyan-"], [class^="dark:focus:border-teal-"], [class*=" dark:focus:border-teal-"],
    [class^="dark:focus:border-indigo-"], [class*=" dark:focus:border-indigo-"], [class^="dark:focus:border-violet-"], [class*=" dark:focus:border-violet-"],
    [class^="dark:focus:border-purple-"], [class*=" dark:focus:border-purple-"], [class^="dark:focus:border-fuchsia-"], [class*=" dark:focus:border-fuchsia-"],
    [class^="dark:focus:border-pink-"], [class*=" dark:focus:border-pink-"], [class^="dark:focus:border-orange-"], [class*=" dark:focus:border-orange-"],
    [class^="dark:focus:border-lime-"], [class*=" dark:focus:border-lime-"], [class^="dark:focus:border-pinkk-"], [class*=" dark:focus:border-pinkk-"]
):focus {
    border-color: #71717a !important;
}

:is(body[data-admin-theme].dark, .dark body[data-admin-theme]) :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="dark:focus:ring-red-"], [class*=" dark:focus:ring-red-"], [class^="dark:focus:ring-rose-"], [class*=" dark:focus:ring-rose-"],
    [class^="dark:focus:ring-amber-"], [class*=" dark:focus:ring-amber-"], [class^="dark:focus:ring-yellow-"], [class*=" dark:focus:ring-yellow-"],
    [class^="dark:focus:ring-green-"], [class*=" dark:focus:ring-green-"], [class^="dark:focus:ring-emerald-"], [class*=" dark:focus:ring-emerald-"],
    [class^="dark:focus:ring-blue-"], [class*=" dark:focus:ring-blue-"], [class^="dark:focus:ring-sky-"], [class*=" dark:focus:ring-sky-"],
    [class^="dark:focus:ring-cyan-"], [class*=" dark:focus:ring-cyan-"], [class^="dark:focus:ring-teal-"], [class*=" dark:focus:ring-teal-"],
    [class^="dark:focus:ring-indigo-"], [class*=" dark:focus:ring-indigo-"], [class^="dark:focus:ring-violet-"], [class*=" dark:focus:ring-violet-"],
    [class^="dark:focus:ring-purple-"], [class*=" dark:focus:ring-purple-"], [class^="dark:focus:ring-fuchsia-"], [class*=" dark:focus:ring-fuchsia-"],
    [class^="dark:focus:ring-pink-"], [class*=" dark:focus:ring-pink-"], [class^="dark:focus:ring-orange-"], [class*=" dark:focus:ring-orange-"],
    [class^="dark:focus:ring-lime-"], [class*=" dark:focus:ring-lime-"], [class^="dark:focus:ring-pinkk-"], [class*=" dark:focus:ring-pinkk-"]
):focus {
    --tw-ring-color: rgb(113 113 122 / 0.35) !important;
}

/* Complete the remaining interactive/state variants without flattening them at rest. */
body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="hover:bg-cyan-"], [class*=" hover:bg-cyan-"], [class^="hover:bg-teal-"], [class*=" hover:bg-teal-"],
    [class^="hover:bg-indigo-"], [class*=" hover:bg-indigo-"], [class^="hover:bg-violet-"], [class*=" hover:bg-violet-"],
    [class^="hover:bg-fuchsia-"], [class*=" hover:bg-fuchsia-"], [class^="hover:bg-lime-"], [class*=" hover:bg-lime-"]
):hover {
    background-color: #3f3f46 !important;
}

:is(body[data-admin-theme].dark, .dark body[data-admin-theme]) :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="dark:bg-cyan-"], [class*=" dark:bg-cyan-"], [class^="dark:bg-teal-"], [class*=" dark:bg-teal-"],
    [class^="dark:bg-indigo-"], [class*=" dark:bg-indigo-"], [class^="dark:bg-violet-"], [class*=" dark:bg-violet-"],
    [class^="dark:bg-fuchsia-"], [class*=" dark:bg-fuchsia-"], [class^="dark:bg-lime-"], [class*=" dark:bg-lime-"]
) {
    background-color: #27272a !important;
}

:is(body[data-admin-theme].dark, .dark body[data-admin-theme]) :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="dark:text-cyan-"], [class*=" dark:text-cyan-"], [class^="dark:text-teal-"], [class*=" dark:text-teal-"],
    [class^="dark:text-indigo-"], [class*=" dark:text-indigo-"], [class^="dark:text-violet-"], [class*=" dark:text-violet-"],
    [class^="dark:text-fuchsia-"], [class*=" dark:text-fuchsia-"], [class^="dark:text-lime-"], [class*=" dark:text-lime-"]
) {
    color: #d4d4d8 !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="focus:border-red-"], [class*=" focus:border-red-"], [class^="focus:border-rose-"], [class*=" focus:border-rose-"],
    [class^="focus:border-amber-"], [class*=" focus:border-amber-"], [class^="focus:border-yellow-"], [class*=" focus:border-yellow-"],
    [class^="focus:border-green-"], [class*=" focus:border-green-"], [class^="focus:border-emerald-"], [class*=" focus:border-emerald-"],
    [class^="focus:border-blue-"], [class*=" focus:border-blue-"], [class^="focus:border-sky-"], [class*=" focus:border-sky-"],
    [class^="focus:border-cyan-"], [class*=" focus:border-cyan-"], [class^="focus:border-teal-"], [class*=" focus:border-teal-"],
    [class^="focus:border-indigo-"], [class*=" focus:border-indigo-"], [class^="focus:border-violet-"], [class*=" focus:border-violet-"],
    [class^="focus:border-purple-"], [class*=" focus:border-purple-"], [class^="focus:border-fuchsia-"], [class*=" focus:border-fuchsia-"],
    [class^="focus:border-pink-"], [class*=" focus:border-pink-"], [class^="focus:border-orange-"], [class*=" focus:border-orange-"],
    [class^="focus:border-lime-"], [class*=" focus:border-lime-"], [class^="focus:border-pinkk-"], [class*=" focus:border-pinkk-"]
):focus {
    border-color: #71717a !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="focus-within:border-red-"], [class*=" focus-within:border-red-"], [class^="focus-within:border-rose-"], [class*=" focus-within:border-rose-"],
    [class^="focus-within:border-amber-"], [class*=" focus-within:border-amber-"], [class^="focus-within:border-yellow-"], [class*=" focus-within:border-yellow-"],
    [class^="focus-within:border-green-"], [class*=" focus-within:border-green-"], [class^="focus-within:border-emerald-"], [class*=" focus-within:border-emerald-"],
    [class^="focus-within:border-blue-"], [class*=" focus-within:border-blue-"], [class^="focus-within:border-sky-"], [class*=" focus-within:border-sky-"],
    [class^="focus-within:border-cyan-"], [class*=" focus-within:border-cyan-"], [class^="focus-within:border-teal-"], [class*=" focus-within:border-teal-"],
    [class^="focus-within:border-indigo-"], [class*=" focus-within:border-indigo-"], [class^="focus-within:border-violet-"], [class*=" focus-within:border-violet-"],
    [class^="focus-within:border-purple-"], [class*=" focus-within:border-purple-"], [class^="focus-within:border-fuchsia-"], [class*=" focus-within:border-fuchsia-"],
    [class^="focus-within:border-pink-"], [class*=" focus-within:border-pink-"], [class^="focus-within:border-orange-"], [class*=" focus-within:border-orange-"],
    [class^="focus-within:border-lime-"], [class*=" focus-within:border-lime-"], [class^="focus-within:border-pinkk-"], [class*=" focus-within:border-pinkk-"]
):focus-within {
    border-color: #71717a !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="focus-within:ring-red-"], [class*=" focus-within:ring-red-"], [class^="focus-within:ring-rose-"], [class*=" focus-within:ring-rose-"],
    [class^="focus-within:ring-amber-"], [class*=" focus-within:ring-amber-"], [class^="focus-within:ring-yellow-"], [class*=" focus-within:ring-yellow-"],
    [class^="focus-within:ring-green-"], [class*=" focus-within:ring-green-"], [class^="focus-within:ring-emerald-"], [class*=" focus-within:ring-emerald-"],
    [class^="focus-within:ring-blue-"], [class*=" focus-within:ring-blue-"], [class^="focus-within:ring-sky-"], [class*=" focus-within:ring-sky-"],
    [class^="focus-within:ring-cyan-"], [class*=" focus-within:ring-cyan-"], [class^="focus-within:ring-teal-"], [class*=" focus-within:ring-teal-"],
    [class^="focus-within:ring-indigo-"], [class*=" focus-within:ring-indigo-"], [class^="focus-within:ring-violet-"], [class*=" focus-within:ring-violet-"],
    [class^="focus-within:ring-purple-"], [class*=" focus-within:ring-purple-"], [class^="focus-within:ring-fuchsia-"], [class*=" focus-within:ring-fuchsia-"],
    [class^="focus-within:ring-pink-"], [class*=" focus-within:ring-pink-"], [class^="focus-within:ring-orange-"], [class*=" focus-within:ring-orange-"],
    [class^="focus-within:ring-lime-"], [class*=" focus-within:ring-lime-"], [class^="focus-within:ring-pinkk-"], [class*=" focus-within:ring-pinkk-"]
):focus-within {
    --tw-ring-color: rgb(113 113 122 / 0.35) !important;
}

/* Complete chromatic utility coverage while preserving the media/content exclusions. */
body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="decoration-red-"], [class*=" decoration-red-"], [class^="decoration-rose-"], [class*=" decoration-rose-"],
    [class^="decoration-amber-"], [class*=" decoration-amber-"], [class^="decoration-yellow-"], [class*=" decoration-yellow-"],
    [class^="decoration-green-"], [class*=" decoration-green-"], [class^="decoration-emerald-"], [class*=" decoration-emerald-"],
    [class^="decoration-blue-"], [class*=" decoration-blue-"], [class^="decoration-sky-"], [class*=" decoration-sky-"],
    [class^="decoration-cyan-"], [class*=" decoration-cyan-"], [class^="decoration-teal-"], [class*=" decoration-teal-"],
    [class^="decoration-indigo-"], [class*=" decoration-indigo-"], [class^="decoration-violet-"], [class*=" decoration-violet-"],
    [class^="decoration-purple-"], [class*=" decoration-purple-"], [class^="decoration-fuchsia-"], [class*=" decoration-fuchsia-"],
    [class^="decoration-pink-"], [class*=" decoration-pink-"], [class^="decoration-orange-"], [class*=" decoration-orange-"],
    [class^="decoration-lime-"], [class*=" decoration-lime-"], [class^="decoration-pinkk-"], [class*=" decoration-pinkk-"]
) {
    text-decoration-color: #52525b !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="divide-red-"], [class*=" divide-red-"], [class^="divide-rose-"], [class*=" divide-rose-"],
    [class^="divide-amber-"], [class*=" divide-amber-"], [class^="divide-yellow-"], [class*=" divide-yellow-"],
    [class^="divide-green-"], [class*=" divide-green-"], [class^="divide-emerald-"], [class*=" divide-emerald-"],
    [class^="divide-blue-"], [class*=" divide-blue-"], [class^="divide-sky-"], [class*=" divide-sky-"],
    [class^="divide-cyan-"], [class*=" divide-cyan-"], [class^="divide-teal-"], [class*=" divide-teal-"],
    [class^="divide-indigo-"], [class*=" divide-indigo-"], [class^="divide-violet-"], [class*=" divide-violet-"],
    [class^="divide-purple-"], [class*=" divide-purple-"], [class^="divide-fuchsia-"], [class*=" divide-fuchsia-"],
    [class^="divide-pink-"], [class*=" divide-pink-"], [class^="divide-orange-"], [class*=" divide-orange-"],
    [class^="divide-lime-"], [class*=" divide-lime-"], [class^="divide-pinkk-"], [class*=" divide-pinkk-"]
) > :not([hidden]):not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe) ~ :not([hidden]):not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe) {
    border-color: #d4d4d8 !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="placeholder-red-"], [class*=" placeholder-red-"], [class^="placeholder-rose-"], [class*=" placeholder-rose-"],
    [class^="placeholder-amber-"], [class*=" placeholder-amber-"], [class^="placeholder-yellow-"], [class*=" placeholder-yellow-"],
    [class^="placeholder-green-"], [class*=" placeholder-green-"], [class^="placeholder-emerald-"], [class*=" placeholder-emerald-"],
    [class^="placeholder-blue-"], [class*=" placeholder-blue-"], [class^="placeholder-sky-"], [class*=" placeholder-sky-"],
    [class^="placeholder-cyan-"], [class*=" placeholder-cyan-"], [class^="placeholder-teal-"], [class*=" placeholder-teal-"],
    [class^="placeholder-indigo-"], [class*=" placeholder-indigo-"], [class^="placeholder-violet-"], [class*=" placeholder-violet-"],
    [class^="placeholder-purple-"], [class*=" placeholder-purple-"], [class^="placeholder-fuchsia-"], [class*=" placeholder-fuchsia-"],
    [class^="placeholder-pink-"], [class*=" placeholder-pink-"], [class^="placeholder-orange-"], [class*=" placeholder-orange-"],
    [class^="placeholder-lime-"], [class*=" placeholder-lime-"], [class^="placeholder-pinkk-"], [class*=" placeholder-pinkk-"]
)::-moz-placeholder {
    color: #71717a !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="placeholder-red-"], [class*=" placeholder-red-"], [class^="placeholder-rose-"], [class*=" placeholder-rose-"],
    [class^="placeholder-amber-"], [class*=" placeholder-amber-"], [class^="placeholder-yellow-"], [class*=" placeholder-yellow-"],
    [class^="placeholder-green-"], [class*=" placeholder-green-"], [class^="placeholder-emerald-"], [class*=" placeholder-emerald-"],
    [class^="placeholder-blue-"], [class*=" placeholder-blue-"], [class^="placeholder-sky-"], [class*=" placeholder-sky-"],
    [class^="placeholder-cyan-"], [class*=" placeholder-cyan-"], [class^="placeholder-teal-"], [class*=" placeholder-teal-"],
    [class^="placeholder-indigo-"], [class*=" placeholder-indigo-"], [class^="placeholder-violet-"], [class*=" placeholder-violet-"],
    [class^="placeholder-purple-"], [class*=" placeholder-purple-"], [class^="placeholder-fuchsia-"], [class*=" placeholder-fuchsia-"],
    [class^="placeholder-pink-"], [class*=" placeholder-pink-"], [class^="placeholder-orange-"], [class*=" placeholder-orange-"],
    [class^="placeholder-lime-"], [class*=" placeholder-lime-"], [class^="placeholder-pinkk-"], [class*=" placeholder-pinkk-"]
)::placeholder {
    color: #71717a !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="accent-red-"], [class*=" accent-red-"], [class^="accent-rose-"], [class*=" accent-rose-"],
    [class^="accent-amber-"], [class*=" accent-amber-"], [class^="accent-yellow-"], [class*=" accent-yellow-"],
    [class^="accent-green-"], [class*=" accent-green-"], [class^="accent-emerald-"], [class*=" accent-emerald-"],
    [class^="accent-blue-"], [class*=" accent-blue-"], [class^="accent-sky-"], [class*=" accent-sky-"],
    [class^="accent-cyan-"], [class*=" accent-cyan-"], [class^="accent-teal-"], [class*=" accent-teal-"],
    [class^="accent-indigo-"], [class*=" accent-indigo-"], [class^="accent-violet-"], [class*=" accent-violet-"],
    [class^="accent-purple-"], [class*=" accent-purple-"], [class^="accent-fuchsia-"], [class*=" accent-fuchsia-"],
    [class^="accent-pink-"], [class*=" accent-pink-"], [class^="accent-orange-"], [class*=" accent-orange-"],
    [class^="accent-lime-"], [class*=" accent-lime-"], [class^="accent-pinkk-"], [class*=" accent-pinkk-"]
) {
    accent-color: #71717a !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="shadow-red-"], [class*=" shadow-red-"], [class^="shadow-rose-"], [class*=" shadow-rose-"],
    [class^="shadow-amber-"], [class*=" shadow-amber-"], [class^="shadow-yellow-"], [class*=" shadow-yellow-"],
    [class^="shadow-green-"], [class*=" shadow-green-"], [class^="shadow-emerald-"], [class*=" shadow-emerald-"],
    [class^="shadow-blue-"], [class*=" shadow-blue-"], [class^="shadow-sky-"], [class*=" shadow-sky-"],
    [class^="shadow-cyan-"], [class*=" shadow-cyan-"], [class^="shadow-teal-"], [class*=" shadow-teal-"],
    [class^="shadow-indigo-"], [class*=" shadow-indigo-"], [class^="shadow-violet-"], [class*=" shadow-violet-"],
    [class^="shadow-purple-"], [class*=" shadow-purple-"], [class^="shadow-fuchsia-"], [class*=" shadow-fuchsia-"],
    [class^="shadow-pink-"], [class*=" shadow-pink-"], [class^="shadow-orange-"], [class*=" shadow-orange-"],
    [class^="shadow-lime-"], [class*=" shadow-lime-"], [class^="shadow-pinkk-"], [class*=" shadow-pinkk-"]
) {
    --tw-shadow-color: rgb(82 82 91 / 0.2) !important;
}

/* Important-prefixed base tokens are matched directly, never state variants. */
body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="!bg-red-"], [class*=" !bg-red-"], [class^="!bg-rose-"], [class*=" !bg-rose-"],
    [class^="!bg-amber-"], [class*=" !bg-amber-"], [class^="!bg-yellow-"], [class*=" !bg-yellow-"],
    [class^="!bg-green-"], [class*=" !bg-green-"], [class^="!bg-emerald-"], [class*=" !bg-emerald-"],
    [class^="!bg-blue-"], [class*=" !bg-blue-"], [class^="!bg-sky-"], [class*=" !bg-sky-"],
    [class^="!bg-cyan-"], [class*=" !bg-cyan-"], [class^="!bg-teal-"], [class*=" !bg-teal-"],
    [class^="!bg-indigo-"], [class*=" !bg-indigo-"], [class^="!bg-violet-"], [class*=" !bg-violet-"],
    [class^="!bg-purple-"], [class*=" !bg-purple-"], [class^="!bg-fuchsia-"], [class*=" !bg-fuchsia-"],
    [class^="!bg-pink-"], [class*=" !bg-pink-"], [class^="!bg-orange-"], [class*=" !bg-orange-"],
    [class^="!bg-lime-"], [class*=" !bg-lime-"], [class^="!bg-pinkk-"], [class*=" !bg-pinkk-"]
) {
    background-color: #52525b !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="!text-red-"], [class*=" !text-red-"], [class^="!text-rose-"], [class*=" !text-rose-"],
    [class^="!text-amber-"], [class*=" !text-amber-"], [class^="!text-yellow-"], [class*=" !text-yellow-"],
    [class^="!text-green-"], [class*=" !text-green-"], [class^="!text-emerald-"], [class*=" !text-emerald-"],
    [class^="!text-blue-"], [class*=" !text-blue-"], [class^="!text-sky-"], [class*=" !text-sky-"],
    [class^="!text-cyan-"], [class*=" !text-cyan-"], [class^="!text-teal-"], [class*=" !text-teal-"],
    [class^="!text-indigo-"], [class*=" !text-indigo-"], [class^="!text-violet-"], [class*=" !text-violet-"],
    [class^="!text-purple-"], [class*=" !text-purple-"], [class^="!text-fuchsia-"], [class*=" !text-fuchsia-"],
    [class^="!text-pink-"], [class*=" !text-pink-"], [class^="!text-orange-"], [class*=" !text-orange-"],
    [class^="!text-lime-"], [class*=" !text-lime-"], [class^="!text-pinkk-"], [class*=" !text-pinkk-"]
) {
    color: #3f3f46 !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="!border-red-"], [class*=" !border-red-"], [class^="!border-rose-"], [class*=" !border-rose-"],
    [class^="!border-amber-"], [class*=" !border-amber-"], [class^="!border-yellow-"], [class*=" !border-yellow-"],
    [class^="!border-green-"], [class*=" !border-green-"], [class^="!border-emerald-"], [class*=" !border-emerald-"],
    [class^="!border-blue-"], [class*=" !border-blue-"], [class^="!border-sky-"], [class*=" !border-sky-"],
    [class^="!border-cyan-"], [class*=" !border-cyan-"], [class^="!border-teal-"], [class*=" !border-teal-"],
    [class^="!border-indigo-"], [class*=" !border-indigo-"], [class^="!border-violet-"], [class*=" !border-violet-"],
    [class^="!border-purple-"], [class*=" !border-purple-"], [class^="!border-fuchsia-"], [class*=" !border-fuchsia-"],
    [class^="!border-pink-"], [class*=" !border-pink-"], [class^="!border-orange-"], [class*=" !border-orange-"],
    [class^="!border-lime-"], [class*=" !border-lime-"], [class^="!border-pinkk-"], [class*=" !border-pinkk-"]
) {
    border-color: #d4d4d8 !important;
}

body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
    [class^="!ring-red-"], [class*=" !ring-red-"], [class^="!ring-rose-"], [class*=" !ring-rose-"],
    [class^="!ring-amber-"], [class*=" !ring-amber-"], [class^="!ring-yellow-"], [class*=" !ring-yellow-"],
    [class^="!ring-green-"], [class*=" !ring-green-"], [class^="!ring-emerald-"], [class*=" !ring-emerald-"],
    [class^="!ring-blue-"], [class*=" !ring-blue-"], [class^="!ring-sky-"], [class*=" !ring-sky-"],
    [class^="!ring-cyan-"], [class*=" !ring-cyan-"], [class^="!ring-teal-"], [class*=" !ring-teal-"],
    [class^="!ring-indigo-"], [class*=" !ring-indigo-"], [class^="!ring-violet-"], [class*=" !ring-violet-"],
    [class^="!ring-purple-"], [class*=" !ring-purple-"], [class^="!ring-fuchsia-"], [class*=" !ring-fuchsia-"],
    [class^="!ring-pink-"], [class*=" !ring-pink-"], [class^="!ring-orange-"], [class*=" !ring-orange-"],
    [class^="!ring-lime-"], [class*=" !ring-lime-"], [class^="!ring-pinkk-"], [class*=" !ring-pinkk-"]
) {
    --tw-ring-color: rgb(113 113 122 / 0.35) !important;
}


/* Responsive chromatic tokens stay inside their Tailwind v3 breakpoint. */
@media (min-width: 640px) {
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="sm:bg-red-"], [class*=" sm:bg-red-"], [class^="sm:bg-rose-"], [class*=" sm:bg-rose-"],
        [class^="sm:bg-amber-"], [class*=" sm:bg-amber-"], [class^="sm:bg-yellow-"], [class*=" sm:bg-yellow-"],
        [class^="sm:bg-green-"], [class*=" sm:bg-green-"], [class^="sm:bg-emerald-"], [class*=" sm:bg-emerald-"],
        [class^="sm:bg-blue-"], [class*=" sm:bg-blue-"], [class^="sm:bg-sky-"], [class*=" sm:bg-sky-"],
        [class^="sm:bg-cyan-"], [class*=" sm:bg-cyan-"], [class^="sm:bg-teal-"], [class*=" sm:bg-teal-"],
        [class^="sm:bg-indigo-"], [class*=" sm:bg-indigo-"], [class^="sm:bg-violet-"], [class*=" sm:bg-violet-"],
        [class^="sm:bg-purple-"], [class*=" sm:bg-purple-"], [class^="sm:bg-fuchsia-"], [class*=" sm:bg-fuchsia-"],
        [class^="sm:bg-pink-"], [class*=" sm:bg-pink-"], [class^="sm:bg-orange-"], [class*=" sm:bg-orange-"],
        [class^="sm:bg-lime-"], [class*=" sm:bg-lime-"], [class^="sm:bg-pinkk-"], [class*=" sm:bg-pinkk-"],
        [class^="sm:!bg-red-"], [class*=" sm:!bg-red-"], [class^="sm:!bg-rose-"], [class*=" sm:!bg-rose-"],
        [class^="sm:!bg-amber-"], [class*=" sm:!bg-amber-"], [class^="sm:!bg-yellow-"], [class*=" sm:!bg-yellow-"],
        [class^="sm:!bg-green-"], [class*=" sm:!bg-green-"], [class^="sm:!bg-emerald-"], [class*=" sm:!bg-emerald-"],
        [class^="sm:!bg-blue-"], [class*=" sm:!bg-blue-"], [class^="sm:!bg-sky-"], [class*=" sm:!bg-sky-"],
        [class^="sm:!bg-cyan-"], [class*=" sm:!bg-cyan-"], [class^="sm:!bg-teal-"], [class*=" sm:!bg-teal-"],
        [class^="sm:!bg-indigo-"], [class*=" sm:!bg-indigo-"], [class^="sm:!bg-violet-"], [class*=" sm:!bg-violet-"],
        [class^="sm:!bg-purple-"], [class*=" sm:!bg-purple-"], [class^="sm:!bg-fuchsia-"], [class*=" sm:!bg-fuchsia-"],
        [class^="sm:!bg-pink-"], [class*=" sm:!bg-pink-"], [class^="sm:!bg-orange-"], [class*=" sm:!bg-orange-"],
        [class^="sm:!bg-lime-"], [class*=" sm:!bg-lime-"], [class^="sm:!bg-pinkk-"], [class*=" sm:!bg-pinkk-"]
    ) { background-color: #52525b !important; }

    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="sm:text-red-"], [class*=" sm:text-red-"], [class^="sm:text-rose-"], [class*=" sm:text-rose-"],
        [class^="sm:text-amber-"], [class*=" sm:text-amber-"], [class^="sm:text-yellow-"], [class*=" sm:text-yellow-"],
        [class^="sm:text-green-"], [class*=" sm:text-green-"], [class^="sm:text-emerald-"], [class*=" sm:text-emerald-"],
        [class^="sm:text-blue-"], [class*=" sm:text-blue-"], [class^="sm:text-sky-"], [class*=" sm:text-sky-"],
        [class^="sm:text-cyan-"], [class*=" sm:text-cyan-"], [class^="sm:text-teal-"], [class*=" sm:text-teal-"],
        [class^="sm:text-indigo-"], [class*=" sm:text-indigo-"], [class^="sm:text-violet-"], [class*=" sm:text-violet-"],
        [class^="sm:text-purple-"], [class*=" sm:text-purple-"], [class^="sm:text-fuchsia-"], [class*=" sm:text-fuchsia-"],
        [class^="sm:text-pink-"], [class*=" sm:text-pink-"], [class^="sm:text-orange-"], [class*=" sm:text-orange-"],
        [class^="sm:text-lime-"], [class*=" sm:text-lime-"], [class^="sm:text-pinkk-"], [class*=" sm:text-pinkk-"],
        [class^="sm:!text-red-"], [class*=" sm:!text-red-"], [class^="sm:!text-rose-"], [class*=" sm:!text-rose-"],
        [class^="sm:!text-amber-"], [class*=" sm:!text-amber-"], [class^="sm:!text-yellow-"], [class*=" sm:!text-yellow-"],
        [class^="sm:!text-green-"], [class*=" sm:!text-green-"], [class^="sm:!text-emerald-"], [class*=" sm:!text-emerald-"],
        [class^="sm:!text-blue-"], [class*=" sm:!text-blue-"], [class^="sm:!text-sky-"], [class*=" sm:!text-sky-"],
        [class^="sm:!text-cyan-"], [class*=" sm:!text-cyan-"], [class^="sm:!text-teal-"], [class*=" sm:!text-teal-"],
        [class^="sm:!text-indigo-"], [class*=" sm:!text-indigo-"], [class^="sm:!text-violet-"], [class*=" sm:!text-violet-"],
        [class^="sm:!text-purple-"], [class*=" sm:!text-purple-"], [class^="sm:!text-fuchsia-"], [class*=" sm:!text-fuchsia-"],
        [class^="sm:!text-pink-"], [class*=" sm:!text-pink-"], [class^="sm:!text-orange-"], [class*=" sm:!text-orange-"],
        [class^="sm:!text-lime-"], [class*=" sm:!text-lime-"], [class^="sm:!text-pinkk-"], [class*=" sm:!text-pinkk-"]
    ) { color: #3f3f46 !important; }

    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="sm:border-red-"], [class*=" sm:border-red-"], [class^="sm:border-rose-"], [class*=" sm:border-rose-"],
        [class^="sm:border-amber-"], [class*=" sm:border-amber-"], [class^="sm:border-yellow-"], [class*=" sm:border-yellow-"],
        [class^="sm:border-green-"], [class*=" sm:border-green-"], [class^="sm:border-emerald-"], [class*=" sm:border-emerald-"],
        [class^="sm:border-blue-"], [class*=" sm:border-blue-"], [class^="sm:border-sky-"], [class*=" sm:border-sky-"],
        [class^="sm:border-cyan-"], [class*=" sm:border-cyan-"], [class^="sm:border-teal-"], [class*=" sm:border-teal-"],
        [class^="sm:border-indigo-"], [class*=" sm:border-indigo-"], [class^="sm:border-violet-"], [class*=" sm:border-violet-"],
        [class^="sm:border-purple-"], [class*=" sm:border-purple-"], [class^="sm:border-fuchsia-"], [class*=" sm:border-fuchsia-"],
        [class^="sm:border-pink-"], [class*=" sm:border-pink-"], [class^="sm:border-orange-"], [class*=" sm:border-orange-"],
        [class^="sm:border-lime-"], [class*=" sm:border-lime-"], [class^="sm:border-pinkk-"], [class*=" sm:border-pinkk-"],
        [class^="sm:!border-red-"], [class*=" sm:!border-red-"], [class^="sm:!border-rose-"], [class*=" sm:!border-rose-"],
        [class^="sm:!border-amber-"], [class*=" sm:!border-amber-"], [class^="sm:!border-yellow-"], [class*=" sm:!border-yellow-"],
        [class^="sm:!border-green-"], [class*=" sm:!border-green-"], [class^="sm:!border-emerald-"], [class*=" sm:!border-emerald-"],
        [class^="sm:!border-blue-"], [class*=" sm:!border-blue-"], [class^="sm:!border-sky-"], [class*=" sm:!border-sky-"],
        [class^="sm:!border-cyan-"], [class*=" sm:!border-cyan-"], [class^="sm:!border-teal-"], [class*=" sm:!border-teal-"],
        [class^="sm:!border-indigo-"], [class*=" sm:!border-indigo-"], [class^="sm:!border-violet-"], [class*=" sm:!border-violet-"],
        [class^="sm:!border-purple-"], [class*=" sm:!border-purple-"], [class^="sm:!border-fuchsia-"], [class*=" sm:!border-fuchsia-"],
        [class^="sm:!border-pink-"], [class*=" sm:!border-pink-"], [class^="sm:!border-orange-"], [class*=" sm:!border-orange-"],
        [class^="sm:!border-lime-"], [class*=" sm:!border-lime-"], [class^="sm:!border-pinkk-"], [class*=" sm:!border-pinkk-"]
    ) { border-color: #d4d4d8 !important; }

    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="sm:ring-red-"], [class*=" sm:ring-red-"], [class^="sm:ring-rose-"], [class*=" sm:ring-rose-"],
        [class^="sm:ring-amber-"], [class*=" sm:ring-amber-"], [class^="sm:ring-yellow-"], [class*=" sm:ring-yellow-"],
        [class^="sm:ring-green-"], [class*=" sm:ring-green-"], [class^="sm:ring-emerald-"], [class*=" sm:ring-emerald-"],
        [class^="sm:ring-blue-"], [class*=" sm:ring-blue-"], [class^="sm:ring-sky-"], [class*=" sm:ring-sky-"],
        [class^="sm:ring-cyan-"], [class*=" sm:ring-cyan-"], [class^="sm:ring-teal-"], [class*=" sm:ring-teal-"],
        [class^="sm:ring-indigo-"], [class*=" sm:ring-indigo-"], [class^="sm:ring-violet-"], [class*=" sm:ring-violet-"],
        [class^="sm:ring-purple-"], [class*=" sm:ring-purple-"], [class^="sm:ring-fuchsia-"], [class*=" sm:ring-fuchsia-"],
        [class^="sm:ring-pink-"], [class*=" sm:ring-pink-"], [class^="sm:ring-orange-"], [class*=" sm:ring-orange-"],
        [class^="sm:ring-lime-"], [class*=" sm:ring-lime-"], [class^="sm:ring-pinkk-"], [class*=" sm:ring-pinkk-"],
        [class^="sm:!ring-red-"], [class*=" sm:!ring-red-"], [class^="sm:!ring-rose-"], [class*=" sm:!ring-rose-"],
        [class^="sm:!ring-amber-"], [class*=" sm:!ring-amber-"], [class^="sm:!ring-yellow-"], [class*=" sm:!ring-yellow-"],
        [class^="sm:!ring-green-"], [class*=" sm:!ring-green-"], [class^="sm:!ring-emerald-"], [class*=" sm:!ring-emerald-"],
        [class^="sm:!ring-blue-"], [class*=" sm:!ring-blue-"], [class^="sm:!ring-sky-"], [class*=" sm:!ring-sky-"],
        [class^="sm:!ring-cyan-"], [class*=" sm:!ring-cyan-"], [class^="sm:!ring-teal-"], [class*=" sm:!ring-teal-"],
        [class^="sm:!ring-indigo-"], [class*=" sm:!ring-indigo-"], [class^="sm:!ring-violet-"], [class*=" sm:!ring-violet-"],
        [class^="sm:!ring-purple-"], [class*=" sm:!ring-purple-"], [class^="sm:!ring-fuchsia-"], [class*=" sm:!ring-fuchsia-"],
        [class^="sm:!ring-pink-"], [class*=" sm:!ring-pink-"], [class^="sm:!ring-orange-"], [class*=" sm:!ring-orange-"],
        [class^="sm:!ring-lime-"], [class*=" sm:!ring-lime-"], [class^="sm:!ring-pinkk-"], [class*=" sm:!ring-pinkk-"]
    ) { --tw-ring-color: rgb(113 113 122 / 0.35) !important; }
}


@media (min-width: 768px) {
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="md:bg-red-"], [class*=" md:bg-red-"], [class^="md:bg-rose-"], [class*=" md:bg-rose-"], [class^="md:bg-amber-"], [class*=" md:bg-amber-"],
        [class^="md:bg-yellow-"], [class*=" md:bg-yellow-"], [class^="md:bg-green-"], [class*=" md:bg-green-"], [class^="md:bg-emerald-"], [class*=" md:bg-emerald-"],
        [class^="md:bg-blue-"], [class*=" md:bg-blue-"], [class^="md:bg-sky-"], [class*=" md:bg-sky-"], [class^="md:bg-cyan-"], [class*=" md:bg-cyan-"],
        [class^="md:bg-teal-"], [class*=" md:bg-teal-"], [class^="md:bg-indigo-"], [class*=" md:bg-indigo-"], [class^="md:bg-violet-"], [class*=" md:bg-violet-"],
        [class^="md:bg-purple-"], [class*=" md:bg-purple-"], [class^="md:bg-fuchsia-"], [class*=" md:bg-fuchsia-"], [class^="md:bg-pink-"], [class*=" md:bg-pink-"],
        [class^="md:bg-orange-"], [class*=" md:bg-orange-"], [class^="md:bg-lime-"], [class*=" md:bg-lime-"], [class^="md:bg-pinkk-"], [class*=" md:bg-pinkk-"]
    ) { background-color: #52525b !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="md:text-red-"], [class*=" md:text-red-"], [class^="md:text-rose-"], [class*=" md:text-rose-"], [class^="md:text-amber-"], [class*=" md:text-amber-"],
        [class^="md:text-yellow-"], [class*=" md:text-yellow-"], [class^="md:text-green-"], [class*=" md:text-green-"], [class^="md:text-emerald-"], [class*=" md:text-emerald-"],
        [class^="md:text-blue-"], [class*=" md:text-blue-"], [class^="md:text-sky-"], [class*=" md:text-sky-"], [class^="md:text-cyan-"], [class*=" md:text-cyan-"],
        [class^="md:text-teal-"], [class*=" md:text-teal-"], [class^="md:text-indigo-"], [class*=" md:text-indigo-"], [class^="md:text-violet-"], [class*=" md:text-violet-"],
        [class^="md:text-purple-"], [class*=" md:text-purple-"], [class^="md:text-fuchsia-"], [class*=" md:text-fuchsia-"], [class^="md:text-pink-"], [class*=" md:text-pink-"],
        [class^="md:text-orange-"], [class*=" md:text-orange-"], [class^="md:text-lime-"], [class*=" md:text-lime-"], [class^="md:text-pinkk-"], [class*=" md:text-pinkk-"]
    ) { color: #3f3f46 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="md:border-red-"], [class*=" md:border-red-"], [class^="md:border-rose-"], [class*=" md:border-rose-"], [class^="md:border-amber-"], [class*=" md:border-amber-"],
        [class^="md:border-yellow-"], [class*=" md:border-yellow-"], [class^="md:border-green-"], [class*=" md:border-green-"], [class^="md:border-emerald-"], [class*=" md:border-emerald-"],
        [class^="md:border-blue-"], [class*=" md:border-blue-"], [class^="md:border-sky-"], [class*=" md:border-sky-"], [class^="md:border-cyan-"], [class*=" md:border-cyan-"],
        [class^="md:border-teal-"], [class*=" md:border-teal-"], [class^="md:border-indigo-"], [class*=" md:border-indigo-"], [class^="md:border-violet-"], [class*=" md:border-violet-"],
        [class^="md:border-purple-"], [class*=" md:border-purple-"], [class^="md:border-fuchsia-"], [class*=" md:border-fuchsia-"], [class^="md:border-pink-"], [class*=" md:border-pink-"],
        [class^="md:border-orange-"], [class*=" md:border-orange-"], [class^="md:border-lime-"], [class*=" md:border-lime-"], [class^="md:border-pinkk-"], [class*=" md:border-pinkk-"]
    ) { border-color: #d4d4d8 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="md:ring-red-"], [class*=" md:ring-red-"], [class^="md:ring-rose-"], [class*=" md:ring-rose-"], [class^="md:ring-amber-"], [class*=" md:ring-amber-"],
        [class^="md:ring-yellow-"], [class*=" md:ring-yellow-"], [class^="md:ring-green-"], [class*=" md:ring-green-"], [class^="md:ring-emerald-"], [class*=" md:ring-emerald-"],
        [class^="md:ring-blue-"], [class*=" md:ring-blue-"], [class^="md:ring-sky-"], [class*=" md:ring-sky-"], [class^="md:ring-cyan-"], [class*=" md:ring-cyan-"],
        [class^="md:ring-teal-"], [class*=" md:ring-teal-"], [class^="md:ring-indigo-"], [class*=" md:ring-indigo-"], [class^="md:ring-violet-"], [class*=" md:ring-violet-"],
        [class^="md:ring-purple-"], [class*=" md:ring-purple-"], [class^="md:ring-fuchsia-"], [class*=" md:ring-fuchsia-"], [class^="md:ring-pink-"], [class*=" md:ring-pink-"],
        [class^="md:ring-orange-"], [class*=" md:ring-orange-"], [class^="md:ring-lime-"], [class*=" md:ring-lime-"], [class^="md:ring-pinkk-"], [class*=" md:ring-pinkk-"]
    ) { --tw-ring-color: rgb(113 113 122 / 0.35) !important; }
}

@media (min-width: 1024px) {
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="lg:bg-red-"], [class*=" lg:bg-red-"], [class^="lg:bg-rose-"], [class*=" lg:bg-rose-"], [class^="lg:bg-amber-"], [class*=" lg:bg-amber-"],
        [class^="lg:bg-yellow-"], [class*=" lg:bg-yellow-"], [class^="lg:bg-green-"], [class*=" lg:bg-green-"], [class^="lg:bg-emerald-"], [class*=" lg:bg-emerald-"],
        [class^="lg:bg-blue-"], [class*=" lg:bg-blue-"], [class^="lg:bg-sky-"], [class*=" lg:bg-sky-"], [class^="lg:bg-cyan-"], [class*=" lg:bg-cyan-"],
        [class^="lg:bg-teal-"], [class*=" lg:bg-teal-"], [class^="lg:bg-indigo-"], [class*=" lg:bg-indigo-"], [class^="lg:bg-violet-"], [class*=" lg:bg-violet-"],
        [class^="lg:bg-purple-"], [class*=" lg:bg-purple-"], [class^="lg:bg-fuchsia-"], [class*=" lg:bg-fuchsia-"], [class^="lg:bg-pink-"], [class*=" lg:bg-pink-"],
        [class^="lg:bg-orange-"], [class*=" lg:bg-orange-"], [class^="lg:bg-lime-"], [class*=" lg:bg-lime-"], [class^="lg:bg-pinkk-"], [class*=" lg:bg-pinkk-"]
    ) { background-color: #52525b !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="lg:text-red-"], [class*=" lg:text-red-"], [class^="lg:text-rose-"], [class*=" lg:text-rose-"], [class^="lg:text-amber-"], [class*=" lg:text-amber-"],
        [class^="lg:text-yellow-"], [class*=" lg:text-yellow-"], [class^="lg:text-green-"], [class*=" lg:text-green-"], [class^="lg:text-emerald-"], [class*=" lg:text-emerald-"],
        [class^="lg:text-blue-"], [class*=" lg:text-blue-"], [class^="lg:text-sky-"], [class*=" lg:text-sky-"], [class^="lg:text-cyan-"], [class*=" lg:text-cyan-"],
        [class^="lg:text-teal-"], [class*=" lg:text-teal-"], [class^="lg:text-indigo-"], [class*=" lg:text-indigo-"], [class^="lg:text-violet-"], [class*=" lg:text-violet-"],
        [class^="lg:text-purple-"], [class*=" lg:text-purple-"], [class^="lg:text-fuchsia-"], [class*=" lg:text-fuchsia-"], [class^="lg:text-pink-"], [class*=" lg:text-pink-"],
        [class^="lg:text-orange-"], [class*=" lg:text-orange-"], [class^="lg:text-lime-"], [class*=" lg:text-lime-"], [class^="lg:text-pinkk-"], [class*=" lg:text-pinkk-"]
    ) { color: #3f3f46 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="lg:border-red-"], [class*=" lg:border-red-"], [class^="lg:border-rose-"], [class*=" lg:border-rose-"], [class^="lg:border-amber-"], [class*=" lg:border-amber-"],
        [class^="lg:border-yellow-"], [class*=" lg:border-yellow-"], [class^="lg:border-green-"], [class*=" lg:border-green-"], [class^="lg:border-emerald-"], [class*=" lg:border-emerald-"],
        [class^="lg:border-blue-"], [class*=" lg:border-blue-"], [class^="lg:border-sky-"], [class*=" lg:border-sky-"], [class^="lg:border-cyan-"], [class*=" lg:border-cyan-"],
        [class^="lg:border-teal-"], [class*=" lg:border-teal-"], [class^="lg:border-indigo-"], [class*=" lg:border-indigo-"], [class^="lg:border-violet-"], [class*=" lg:border-violet-"],
        [class^="lg:border-purple-"], [class*=" lg:border-purple-"], [class^="lg:border-fuchsia-"], [class*=" lg:border-fuchsia-"], [class^="lg:border-pink-"], [class*=" lg:border-pink-"],
        [class^="lg:border-orange-"], [class*=" lg:border-orange-"], [class^="lg:border-lime-"], [class*=" lg:border-lime-"], [class^="lg:border-pinkk-"], [class*=" lg:border-pinkk-"]
    ) { border-color: #d4d4d8 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="lg:ring-red-"], [class*=" lg:ring-red-"], [class^="lg:ring-rose-"], [class*=" lg:ring-rose-"], [class^="lg:ring-amber-"], [class*=" lg:ring-amber-"],
        [class^="lg:ring-yellow-"], [class*=" lg:ring-yellow-"], [class^="lg:ring-green-"], [class*=" lg:ring-green-"], [class^="lg:ring-emerald-"], [class*=" lg:ring-emerald-"],
        [class^="lg:ring-blue-"], [class*=" lg:ring-blue-"], [class^="lg:ring-sky-"], [class*=" lg:ring-sky-"], [class^="lg:ring-cyan-"], [class*=" lg:ring-cyan-"],
        [class^="lg:ring-teal-"], [class*=" lg:ring-teal-"], [class^="lg:ring-indigo-"], [class*=" lg:ring-indigo-"], [class^="lg:ring-violet-"], [class*=" lg:ring-violet-"],
        [class^="lg:ring-purple-"], [class*=" lg:ring-purple-"], [class^="lg:ring-fuchsia-"], [class*=" lg:ring-fuchsia-"], [class^="lg:ring-pink-"], [class*=" lg:ring-pink-"],
        [class^="lg:ring-orange-"], [class*=" lg:ring-orange-"], [class^="lg:ring-lime-"], [class*=" lg:ring-lime-"], [class^="lg:ring-pinkk-"], [class*=" lg:ring-pinkk-"]
    ) { --tw-ring-color: rgb(113 113 122 / 0.35) !important; }
}

@media (min-width: 1280px) {
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="xl:bg-red-"], [class*=" xl:bg-red-"], [class^="xl:bg-rose-"], [class*=" xl:bg-rose-"], [class^="xl:bg-amber-"], [class*=" xl:bg-amber-"],
        [class^="xl:bg-yellow-"], [class*=" xl:bg-yellow-"], [class^="xl:bg-green-"], [class*=" xl:bg-green-"], [class^="xl:bg-emerald-"], [class*=" xl:bg-emerald-"],
        [class^="xl:bg-blue-"], [class*=" xl:bg-blue-"], [class^="xl:bg-sky-"], [class*=" xl:bg-sky-"], [class^="xl:bg-cyan-"], [class*=" xl:bg-cyan-"],
        [class^="xl:bg-teal-"], [class*=" xl:bg-teal-"], [class^="xl:bg-indigo-"], [class*=" xl:bg-indigo-"], [class^="xl:bg-violet-"], [class*=" xl:bg-violet-"],
        [class^="xl:bg-purple-"], [class*=" xl:bg-purple-"], [class^="xl:bg-fuchsia-"], [class*=" xl:bg-fuchsia-"], [class^="xl:bg-pink-"], [class*=" xl:bg-pink-"],
        [class^="xl:bg-orange-"], [class*=" xl:bg-orange-"], [class^="xl:bg-lime-"], [class*=" xl:bg-lime-"], [class^="xl:bg-pinkk-"], [class*=" xl:bg-pinkk-"]
    ) { background-color: #52525b !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="xl:text-red-"], [class*=" xl:text-red-"], [class^="xl:text-rose-"], [class*=" xl:text-rose-"], [class^="xl:text-amber-"], [class*=" xl:text-amber-"],
        [class^="xl:text-yellow-"], [class*=" xl:text-yellow-"], [class^="xl:text-green-"], [class*=" xl:text-green-"], [class^="xl:text-emerald-"], [class*=" xl:text-emerald-"],
        [class^="xl:text-blue-"], [class*=" xl:text-blue-"], [class^="xl:text-sky-"], [class*=" xl:text-sky-"], [class^="xl:text-cyan-"], [class*=" xl:text-cyan-"],
        [class^="xl:text-teal-"], [class*=" xl:text-teal-"], [class^="xl:text-indigo-"], [class*=" xl:text-indigo-"], [class^="xl:text-violet-"], [class*=" xl:text-violet-"],
        [class^="xl:text-purple-"], [class*=" xl:text-purple-"], [class^="xl:text-fuchsia-"], [class*=" xl:text-fuchsia-"], [class^="xl:text-pink-"], [class*=" xl:text-pink-"],
        [class^="xl:text-orange-"], [class*=" xl:text-orange-"], [class^="xl:text-lime-"], [class*=" xl:text-lime-"], [class^="xl:text-pinkk-"], [class*=" xl:text-pinkk-"]
    ) { color: #3f3f46 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="xl:border-red-"], [class*=" xl:border-red-"], [class^="xl:border-rose-"], [class*=" xl:border-rose-"], [class^="xl:border-amber-"], [class*=" xl:border-amber-"],
        [class^="xl:border-yellow-"], [class*=" xl:border-yellow-"], [class^="xl:border-green-"], [class*=" xl:border-green-"], [class^="xl:border-emerald-"], [class*=" xl:border-emerald-"],
        [class^="xl:border-blue-"], [class*=" xl:border-blue-"], [class^="xl:border-sky-"], [class*=" xl:border-sky-"], [class^="xl:border-cyan-"], [class*=" xl:border-cyan-"],
        [class^="xl:border-teal-"], [class*=" xl:border-teal-"], [class^="xl:border-indigo-"], [class*=" xl:border-indigo-"], [class^="xl:border-violet-"], [class*=" xl:border-violet-"],
        [class^="xl:border-purple-"], [class*=" xl:border-purple-"], [class^="xl:border-fuchsia-"], [class*=" xl:border-fuchsia-"], [class^="xl:border-pink-"], [class*=" xl:border-pink-"],
        [class^="xl:border-orange-"], [class*=" xl:border-orange-"], [class^="xl:border-lime-"], [class*=" xl:border-lime-"], [class^="xl:border-pinkk-"], [class*=" xl:border-pinkk-"]
    ) { border-color: #d4d4d8 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="xl:ring-red-"], [class*=" xl:ring-red-"], [class^="xl:ring-rose-"], [class*=" xl:ring-rose-"], [class^="xl:ring-amber-"], [class*=" xl:ring-amber-"],
        [class^="xl:ring-yellow-"], [class*=" xl:ring-yellow-"], [class^="xl:ring-green-"], [class*=" xl:ring-green-"], [class^="xl:ring-emerald-"], [class*=" xl:ring-emerald-"],
        [class^="xl:ring-blue-"], [class*=" xl:ring-blue-"], [class^="xl:ring-sky-"], [class*=" xl:ring-sky-"], [class^="xl:ring-cyan-"], [class*=" xl:ring-cyan-"],
        [class^="xl:ring-teal-"], [class*=" xl:ring-teal-"], [class^="xl:ring-indigo-"], [class*=" xl:ring-indigo-"], [class^="xl:ring-violet-"], [class*=" xl:ring-violet-"],
        [class^="xl:ring-purple-"], [class*=" xl:ring-purple-"], [class^="xl:ring-fuchsia-"], [class*=" xl:ring-fuchsia-"], [class^="xl:ring-pink-"], [class*=" xl:ring-pink-"],
        [class^="xl:ring-orange-"], [class*=" xl:ring-orange-"], [class^="xl:ring-lime-"], [class*=" xl:ring-lime-"], [class^="xl:ring-pinkk-"], [class*=" xl:ring-pinkk-"]
    ) { --tw-ring-color: rgb(113 113 122 / 0.35) !important; }
}

@media (min-width: 1536px) {
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="2xl:bg-red-"], [class*=" 2xl:bg-red-"], [class^="2xl:bg-rose-"], [class*=" 2xl:bg-rose-"], [class^="2xl:bg-amber-"], [class*=" 2xl:bg-amber-"],
        [class^="2xl:bg-yellow-"], [class*=" 2xl:bg-yellow-"], [class^="2xl:bg-green-"], [class*=" 2xl:bg-green-"], [class^="2xl:bg-emerald-"], [class*=" 2xl:bg-emerald-"],
        [class^="2xl:bg-blue-"], [class*=" 2xl:bg-blue-"], [class^="2xl:bg-sky-"], [class*=" 2xl:bg-sky-"], [class^="2xl:bg-cyan-"], [class*=" 2xl:bg-cyan-"],
        [class^="2xl:bg-teal-"], [class*=" 2xl:bg-teal-"], [class^="2xl:bg-indigo-"], [class*=" 2xl:bg-indigo-"], [class^="2xl:bg-violet-"], [class*=" 2xl:bg-violet-"],
        [class^="2xl:bg-purple-"], [class*=" 2xl:bg-purple-"], [class^="2xl:bg-fuchsia-"], [class*=" 2xl:bg-fuchsia-"], [class^="2xl:bg-pink-"], [class*=" 2xl:bg-pink-"],
        [class^="2xl:bg-orange-"], [class*=" 2xl:bg-orange-"], [class^="2xl:bg-lime-"], [class*=" 2xl:bg-lime-"], [class^="2xl:bg-pinkk-"], [class*=" 2xl:bg-pinkk-"]
    ) { background-color: #52525b !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="2xl:text-red-"], [class*=" 2xl:text-red-"], [class^="2xl:text-rose-"], [class*=" 2xl:text-rose-"], [class^="2xl:text-amber-"], [class*=" 2xl:text-amber-"],
        [class^="2xl:text-yellow-"], [class*=" 2xl:text-yellow-"], [class^="2xl:text-green-"], [class*=" 2xl:text-green-"], [class^="2xl:text-emerald-"], [class*=" 2xl:text-emerald-"],
        [class^="2xl:text-blue-"], [class*=" 2xl:text-blue-"], [class^="2xl:text-sky-"], [class*=" 2xl:text-sky-"], [class^="2xl:text-cyan-"], [class*=" 2xl:text-cyan-"],
        [class^="2xl:text-teal-"], [class*=" 2xl:text-teal-"], [class^="2xl:text-indigo-"], [class*=" 2xl:text-indigo-"], [class^="2xl:text-violet-"], [class*=" 2xl:text-violet-"],
        [class^="2xl:text-purple-"], [class*=" 2xl:text-purple-"], [class^="2xl:text-fuchsia-"], [class*=" 2xl:text-fuchsia-"], [class^="2xl:text-pink-"], [class*=" 2xl:text-pink-"],
        [class^="2xl:text-orange-"], [class*=" 2xl:text-orange-"], [class^="2xl:text-lime-"], [class*=" 2xl:text-lime-"], [class^="2xl:text-pinkk-"], [class*=" 2xl:text-pinkk-"]
    ) { color: #3f3f46 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="2xl:border-red-"], [class*=" 2xl:border-red-"], [class^="2xl:border-rose-"], [class*=" 2xl:border-rose-"], [class^="2xl:border-amber-"], [class*=" 2xl:border-amber-"],
        [class^="2xl:border-yellow-"], [class*=" 2xl:border-yellow-"], [class^="2xl:border-green-"], [class*=" 2xl:border-green-"], [class^="2xl:border-emerald-"], [class*=" 2xl:border-emerald-"],
        [class^="2xl:border-blue-"], [class*=" 2xl:border-blue-"], [class^="2xl:border-sky-"], [class*=" 2xl:border-sky-"], [class^="2xl:border-cyan-"], [class*=" 2xl:border-cyan-"],
        [class^="2xl:border-teal-"], [class*=" 2xl:border-teal-"], [class^="2xl:border-indigo-"], [class*=" 2xl:border-indigo-"], [class^="2xl:border-violet-"], [class*=" 2xl:border-violet-"],
        [class^="2xl:border-purple-"], [class*=" 2xl:border-purple-"], [class^="2xl:border-fuchsia-"], [class*=" 2xl:border-fuchsia-"], [class^="2xl:border-pink-"], [class*=" 2xl:border-pink-"],
        [class^="2xl:border-orange-"], [class*=" 2xl:border-orange-"], [class^="2xl:border-lime-"], [class*=" 2xl:border-lime-"], [class^="2xl:border-pinkk-"], [class*=" 2xl:border-pinkk-"]
    ) { border-color: #d4d4d8 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="2xl:ring-red-"], [class*=" 2xl:ring-red-"], [class^="2xl:ring-rose-"], [class*=" 2xl:ring-rose-"], [class^="2xl:ring-amber-"], [class*=" 2xl:ring-amber-"],
        [class^="2xl:ring-yellow-"], [class*=" 2xl:ring-yellow-"], [class^="2xl:ring-green-"], [class*=" 2xl:ring-green-"], [class^="2xl:ring-emerald-"], [class*=" 2xl:ring-emerald-"],
        [class^="2xl:ring-blue-"], [class*=" 2xl:ring-blue-"], [class^="2xl:ring-sky-"], [class*=" 2xl:ring-sky-"], [class^="2xl:ring-cyan-"], [class*=" 2xl:ring-cyan-"],
        [class^="2xl:ring-teal-"], [class*=" 2xl:ring-teal-"], [class^="2xl:ring-indigo-"], [class*=" 2xl:ring-indigo-"], [class^="2xl:ring-violet-"], [class*=" 2xl:ring-violet-"],
        [class^="2xl:ring-purple-"], [class*=" 2xl:ring-purple-"], [class^="2xl:ring-fuchsia-"], [class*=" 2xl:ring-fuchsia-"], [class^="2xl:ring-pink-"], [class*=" 2xl:ring-pink-"],
        [class^="2xl:ring-orange-"], [class*=" 2xl:ring-orange-"], [class^="2xl:ring-lime-"], [class*=" 2xl:ring-lime-"], [class^="2xl:ring-pinkk-"], [class*=" 2xl:ring-pinkk-"]
    ) { --tw-ring-color: rgb(113 113 122 / 0.35) !important; }
}


/* Responsive important tokens remain state-safe at their own breakpoints. */
@media (min-width: 768px) {
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="md:!bg-red-"], [class*=" md:!bg-red-"], [class^="md:!bg-rose-"], [class*=" md:!bg-rose-"], [class^="md:!bg-amber-"], [class*=" md:!bg-amber-"],
        [class^="md:!bg-yellow-"], [class*=" md:!bg-yellow-"], [class^="md:!bg-green-"], [class*=" md:!bg-green-"], [class^="md:!bg-emerald-"], [class*=" md:!bg-emerald-"],
        [class^="md:!bg-blue-"], [class*=" md:!bg-blue-"], [class^="md:!bg-sky-"], [class*=" md:!bg-sky-"], [class^="md:!bg-cyan-"], [class*=" md:!bg-cyan-"],
        [class^="md:!bg-teal-"], [class*=" md:!bg-teal-"], [class^="md:!bg-indigo-"], [class*=" md:!bg-indigo-"], [class^="md:!bg-violet-"], [class*=" md:!bg-violet-"],
        [class^="md:!bg-purple-"], [class*=" md:!bg-purple-"], [class^="md:!bg-fuchsia-"], [class*=" md:!bg-fuchsia-"], [class^="md:!bg-pink-"], [class*=" md:!bg-pink-"],
        [class^="md:!bg-orange-"], [class*=" md:!bg-orange-"], [class^="md:!bg-lime-"], [class*=" md:!bg-lime-"], [class^="md:!bg-pinkk-"], [class*=" md:!bg-pinkk-"]
    ) { background-color: #52525b !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="md:!text-red-"], [class*=" md:!text-red-"], [class^="md:!text-rose-"], [class*=" md:!text-rose-"], [class^="md:!text-amber-"], [class*=" md:!text-amber-"],
        [class^="md:!text-yellow-"], [class*=" md:!text-yellow-"], [class^="md:!text-green-"], [class*=" md:!text-green-"], [class^="md:!text-emerald-"], [class*=" md:!text-emerald-"],
        [class^="md:!text-blue-"], [class*=" md:!text-blue-"], [class^="md:!text-sky-"], [class*=" md:!text-sky-"], [class^="md:!text-cyan-"], [class*=" md:!text-cyan-"],
        [class^="md:!text-teal-"], [class*=" md:!text-teal-"], [class^="md:!text-indigo-"], [class*=" md:!text-indigo-"], [class^="md:!text-violet-"], [class*=" md:!text-violet-"],
        [class^="md:!text-purple-"], [class*=" md:!text-purple-"], [class^="md:!text-fuchsia-"], [class*=" md:!text-fuchsia-"], [class^="md:!text-pink-"], [class*=" md:!text-pink-"],
        [class^="md:!text-orange-"], [class*=" md:!text-orange-"], [class^="md:!text-lime-"], [class*=" md:!text-lime-"], [class^="md:!text-pinkk-"], [class*=" md:!text-pinkk-"]
    ) { color: #3f3f46 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="md:!border-red-"], [class*=" md:!border-red-"], [class^="md:!border-rose-"], [class*=" md:!border-rose-"], [class^="md:!border-amber-"], [class*=" md:!border-amber-"],
        [class^="md:!border-yellow-"], [class*=" md:!border-yellow-"], [class^="md:!border-green-"], [class*=" md:!border-green-"], [class^="md:!border-emerald-"], [class*=" md:!border-emerald-"],
        [class^="md:!border-blue-"], [class*=" md:!border-blue-"], [class^="md:!border-sky-"], [class*=" md:!border-sky-"], [class^="md:!border-cyan-"], [class*=" md:!border-cyan-"],
        [class^="md:!border-teal-"], [class*=" md:!border-teal-"], [class^="md:!border-indigo-"], [class*=" md:!border-indigo-"], [class^="md:!border-violet-"], [class*=" md:!border-violet-"],
        [class^="md:!border-purple-"], [class*=" md:!border-purple-"], [class^="md:!border-fuchsia-"], [class*=" md:!border-fuchsia-"], [class^="md:!border-pink-"], [class*=" md:!border-pink-"],
        [class^="md:!border-orange-"], [class*=" md:!border-orange-"], [class^="md:!border-lime-"], [class*=" md:!border-lime-"], [class^="md:!border-pinkk-"], [class*=" md:!border-pinkk-"]
    ) { border-color: #d4d4d8 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="md:!ring-red-"], [class*=" md:!ring-red-"], [class^="md:!ring-rose-"], [class*=" md:!ring-rose-"], [class^="md:!ring-amber-"], [class*=" md:!ring-amber-"],
        [class^="md:!ring-yellow-"], [class*=" md:!ring-yellow-"], [class^="md:!ring-green-"], [class*=" md:!ring-green-"], [class^="md:!ring-emerald-"], [class*=" md:!ring-emerald-"],
        [class^="md:!ring-blue-"], [class*=" md:!ring-blue-"], [class^="md:!ring-sky-"], [class*=" md:!ring-sky-"], [class^="md:!ring-cyan-"], [class*=" md:!ring-cyan-"],
        [class^="md:!ring-teal-"], [class*=" md:!ring-teal-"], [class^="md:!ring-indigo-"], [class*=" md:!ring-indigo-"], [class^="md:!ring-violet-"], [class*=" md:!ring-violet-"],
        [class^="md:!ring-purple-"], [class*=" md:!ring-purple-"], [class^="md:!ring-fuchsia-"], [class*=" md:!ring-fuchsia-"], [class^="md:!ring-pink-"], [class*=" md:!ring-pink-"],
        [class^="md:!ring-orange-"], [class*=" md:!ring-orange-"], [class^="md:!ring-lime-"], [class*=" md:!ring-lime-"], [class^="md:!ring-pinkk-"], [class*=" md:!ring-pinkk-"]
    ) { --tw-ring-color: rgb(113 113 122 / 0.35) !important; }
}

@media (min-width: 1024px) {
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="lg:!bg-red-"], [class*=" lg:!bg-red-"], [class^="lg:!bg-rose-"], [class*=" lg:!bg-rose-"], [class^="lg:!bg-amber-"], [class*=" lg:!bg-amber-"],
        [class^="lg:!bg-yellow-"], [class*=" lg:!bg-yellow-"], [class^="lg:!bg-green-"], [class*=" lg:!bg-green-"], [class^="lg:!bg-emerald-"], [class*=" lg:!bg-emerald-"],
        [class^="lg:!bg-blue-"], [class*=" lg:!bg-blue-"], [class^="lg:!bg-sky-"], [class*=" lg:!bg-sky-"], [class^="lg:!bg-cyan-"], [class*=" lg:!bg-cyan-"],
        [class^="lg:!bg-teal-"], [class*=" lg:!bg-teal-"], [class^="lg:!bg-indigo-"], [class*=" lg:!bg-indigo-"], [class^="lg:!bg-violet-"], [class*=" lg:!bg-violet-"],
        [class^="lg:!bg-purple-"], [class*=" lg:!bg-purple-"], [class^="lg:!bg-fuchsia-"], [class*=" lg:!bg-fuchsia-"], [class^="lg:!bg-pink-"], [class*=" lg:!bg-pink-"],
        [class^="lg:!bg-orange-"], [class*=" lg:!bg-orange-"], [class^="lg:!bg-lime-"], [class*=" lg:!bg-lime-"], [class^="lg:!bg-pinkk-"], [class*=" lg:!bg-pinkk-"]
    ) { background-color: #52525b !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="lg:!text-red-"], [class*=" lg:!text-red-"], [class^="lg:!text-rose-"], [class*=" lg:!text-rose-"], [class^="lg:!text-amber-"], [class*=" lg:!text-amber-"],
        [class^="lg:!text-yellow-"], [class*=" lg:!text-yellow-"], [class^="lg:!text-green-"], [class*=" lg:!text-green-"], [class^="lg:!text-emerald-"], [class*=" lg:!text-emerald-"],
        [class^="lg:!text-blue-"], [class*=" lg:!text-blue-"], [class^="lg:!text-sky-"], [class*=" lg:!text-sky-"], [class^="lg:!text-cyan-"], [class*=" lg:!text-cyan-"],
        [class^="lg:!text-teal-"], [class*=" lg:!text-teal-"], [class^="lg:!text-indigo-"], [class*=" lg:!text-indigo-"], [class^="lg:!text-violet-"], [class*=" lg:!text-violet-"],
        [class^="lg:!text-purple-"], [class*=" lg:!text-purple-"], [class^="lg:!text-fuchsia-"], [class*=" lg:!text-fuchsia-"], [class^="lg:!text-pink-"], [class*=" lg:!text-pink-"],
        [class^="lg:!text-orange-"], [class*=" lg:!text-orange-"], [class^="lg:!text-lime-"], [class*=" lg:!text-lime-"], [class^="lg:!text-pinkk-"], [class*=" lg:!text-pinkk-"]
    ) { color: #3f3f46 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="lg:!border-red-"], [class*=" lg:!border-red-"], [class^="lg:!border-rose-"], [class*=" lg:!border-rose-"], [class^="lg:!border-amber-"], [class*=" lg:!border-amber-"],
        [class^="lg:!border-yellow-"], [class*=" lg:!border-yellow-"], [class^="lg:!border-green-"], [class*=" lg:!border-green-"], [class^="lg:!border-emerald-"], [class*=" lg:!border-emerald-"],
        [class^="lg:!border-blue-"], [class*=" lg:!border-blue-"], [class^="lg:!border-sky-"], [class*=" lg:!border-sky-"], [class^="lg:!border-cyan-"], [class*=" lg:!border-cyan-"],
        [class^="lg:!border-teal-"], [class*=" lg:!border-teal-"], [class^="lg:!border-indigo-"], [class*=" lg:!border-indigo-"], [class^="lg:!border-violet-"], [class*=" lg:!border-violet-"],
        [class^="lg:!border-purple-"], [class*=" lg:!border-purple-"], [class^="lg:!border-fuchsia-"], [class*=" lg:!border-fuchsia-"], [class^="lg:!border-pink-"], [class*=" lg:!border-pink-"],
        [class^="lg:!border-orange-"], [class*=" lg:!border-orange-"], [class^="lg:!border-lime-"], [class*=" lg:!border-lime-"], [class^="lg:!border-pinkk-"], [class*=" lg:!border-pinkk-"]
    ) { border-color: #d4d4d8 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="lg:!ring-red-"], [class*=" lg:!ring-red-"], [class^="lg:!ring-rose-"], [class*=" lg:!ring-rose-"], [class^="lg:!ring-amber-"], [class*=" lg:!ring-amber-"],
        [class^="lg:!ring-yellow-"], [class*=" lg:!ring-yellow-"], [class^="lg:!ring-green-"], [class*=" lg:!ring-green-"], [class^="lg:!ring-emerald-"], [class*=" lg:!ring-emerald-"],
        [class^="lg:!ring-blue-"], [class*=" lg:!ring-blue-"], [class^="lg:!ring-sky-"], [class*=" lg:!ring-sky-"], [class^="lg:!ring-cyan-"], [class*=" lg:!ring-cyan-"],
        [class^="lg:!ring-teal-"], [class*=" lg:!ring-teal-"], [class^="lg:!ring-indigo-"], [class*=" lg:!ring-indigo-"], [class^="lg:!ring-violet-"], [class*=" lg:!ring-violet-"],
        [class^="lg:!ring-purple-"], [class*=" lg:!ring-purple-"], [class^="lg:!ring-fuchsia-"], [class*=" lg:!ring-fuchsia-"], [class^="lg:!ring-pink-"], [class*=" lg:!ring-pink-"],
        [class^="lg:!ring-orange-"], [class*=" lg:!ring-orange-"], [class^="lg:!ring-lime-"], [class*=" lg:!ring-lime-"], [class^="lg:!ring-pinkk-"], [class*=" lg:!ring-pinkk-"]
    ) { --tw-ring-color: rgb(113 113 122 / 0.35) !important; }
}

@media (min-width: 1280px) {
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="xl:!bg-red-"], [class*=" xl:!bg-red-"], [class^="xl:!bg-rose-"], [class*=" xl:!bg-rose-"], [class^="xl:!bg-amber-"], [class*=" xl:!bg-amber-"],
        [class^="xl:!bg-yellow-"], [class*=" xl:!bg-yellow-"], [class^="xl:!bg-green-"], [class*=" xl:!bg-green-"], [class^="xl:!bg-emerald-"], [class*=" xl:!bg-emerald-"],
        [class^="xl:!bg-blue-"], [class*=" xl:!bg-blue-"], [class^="xl:!bg-sky-"], [class*=" xl:!bg-sky-"], [class^="xl:!bg-cyan-"], [class*=" xl:!bg-cyan-"],
        [class^="xl:!bg-teal-"], [class*=" xl:!bg-teal-"], [class^="xl:!bg-indigo-"], [class*=" xl:!bg-indigo-"], [class^="xl:!bg-violet-"], [class*=" xl:!bg-violet-"],
        [class^="xl:!bg-purple-"], [class*=" xl:!bg-purple-"], [class^="xl:!bg-fuchsia-"], [class*=" xl:!bg-fuchsia-"], [class^="xl:!bg-pink-"], [class*=" xl:!bg-pink-"],
        [class^="xl:!bg-orange-"], [class*=" xl:!bg-orange-"], [class^="xl:!bg-lime-"], [class*=" xl:!bg-lime-"], [class^="xl:!bg-pinkk-"], [class*=" xl:!bg-pinkk-"]
    ) { background-color: #52525b !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="xl:!text-red-"], [class*=" xl:!text-red-"], [class^="xl:!text-rose-"], [class*=" xl:!text-rose-"], [class^="xl:!text-amber-"], [class*=" xl:!text-amber-"],
        [class^="xl:!text-yellow-"], [class*=" xl:!text-yellow-"], [class^="xl:!text-green-"], [class*=" xl:!text-green-"], [class^="xl:!text-emerald-"], [class*=" xl:!text-emerald-"],
        [class^="xl:!text-blue-"], [class*=" xl:!text-blue-"], [class^="xl:!text-sky-"], [class*=" xl:!text-sky-"], [class^="xl:!text-cyan-"], [class*=" xl:!text-cyan-"],
        [class^="xl:!text-teal-"], [class*=" xl:!text-teal-"], [class^="xl:!text-indigo-"], [class*=" xl:!text-indigo-"], [class^="xl:!text-violet-"], [class*=" xl:!text-violet-"],
        [class^="xl:!text-purple-"], [class*=" xl:!text-purple-"], [class^="xl:!text-fuchsia-"], [class*=" xl:!text-fuchsia-"], [class^="xl:!text-pink-"], [class*=" xl:!text-pink-"],
        [class^="xl:!text-orange-"], [class*=" xl:!text-orange-"], [class^="xl:!text-lime-"], [class*=" xl:!text-lime-"], [class^="xl:!text-pinkk-"], [class*=" xl:!text-pinkk-"]
    ) { color: #3f3f46 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="xl:!border-red-"], [class*=" xl:!border-red-"], [class^="xl:!border-rose-"], [class*=" xl:!border-rose-"], [class^="xl:!border-amber-"], [class*=" xl:!border-amber-"],
        [class^="xl:!border-yellow-"], [class*=" xl:!border-yellow-"], [class^="xl:!border-green-"], [class*=" xl:!border-green-"], [class^="xl:!border-emerald-"], [class*=" xl:!border-emerald-"],
        [class^="xl:!border-blue-"], [class*=" xl:!border-blue-"], [class^="xl:!border-sky-"], [class*=" xl:!border-sky-"], [class^="xl:!border-cyan-"], [class*=" xl:!border-cyan-"],
        [class^="xl:!border-teal-"], [class*=" xl:!border-teal-"], [class^="xl:!border-indigo-"], [class*=" xl:!border-indigo-"], [class^="xl:!border-violet-"], [class*=" xl:!border-violet-"],
        [class^="xl:!border-purple-"], [class*=" xl:!border-purple-"], [class^="xl:!border-fuchsia-"], [class*=" xl:!border-fuchsia-"], [class^="xl:!border-pink-"], [class*=" xl:!border-pink-"],
        [class^="xl:!border-orange-"], [class*=" xl:!border-orange-"], [class^="xl:!border-lime-"], [class*=" xl:!border-lime-"], [class^="xl:!border-pinkk-"], [class*=" xl:!border-pinkk-"]
    ) { border-color: #d4d4d8 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="xl:!ring-red-"], [class*=" xl:!ring-red-"], [class^="xl:!ring-rose-"], [class*=" xl:!ring-rose-"], [class^="xl:!ring-amber-"], [class*=" xl:!ring-amber-"],
        [class^="xl:!ring-yellow-"], [class*=" xl:!ring-yellow-"], [class^="xl:!ring-green-"], [class*=" xl:!ring-green-"], [class^="xl:!ring-emerald-"], [class*=" xl:!ring-emerald-"],
        [class^="xl:!ring-blue-"], [class*=" xl:!ring-blue-"], [class^="xl:!ring-sky-"], [class*=" xl:!ring-sky-"], [class^="xl:!ring-cyan-"], [class*=" xl:!ring-cyan-"],
        [class^="xl:!ring-teal-"], [class*=" xl:!ring-teal-"], [class^="xl:!ring-indigo-"], [class*=" xl:!ring-indigo-"], [class^="xl:!ring-violet-"], [class*=" xl:!ring-violet-"],
        [class^="xl:!ring-purple-"], [class*=" xl:!ring-purple-"], [class^="xl:!ring-fuchsia-"], [class*=" xl:!ring-fuchsia-"], [class^="xl:!ring-pink-"], [class*=" xl:!ring-pink-"],
        [class^="xl:!ring-orange-"], [class*=" xl:!ring-orange-"], [class^="xl:!ring-lime-"], [class*=" xl:!ring-lime-"], [class^="xl:!ring-pinkk-"], [class*=" xl:!ring-pinkk-"]
    ) { --tw-ring-color: rgb(113 113 122 / 0.35) !important; }
}

@media (min-width: 1536px) {
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="2xl:!bg-red-"], [class*=" 2xl:!bg-red-"], [class^="2xl:!bg-rose-"], [class*=" 2xl:!bg-rose-"], [class^="2xl:!bg-amber-"], [class*=" 2xl:!bg-amber-"],
        [class^="2xl:!bg-yellow-"], [class*=" 2xl:!bg-yellow-"], [class^="2xl:!bg-green-"], [class*=" 2xl:!bg-green-"], [class^="2xl:!bg-emerald-"], [class*=" 2xl:!bg-emerald-"],
        [class^="2xl:!bg-blue-"], [class*=" 2xl:!bg-blue-"], [class^="2xl:!bg-sky-"], [class*=" 2xl:!bg-sky-"], [class^="2xl:!bg-cyan-"], [class*=" 2xl:!bg-cyan-"],
        [class^="2xl:!bg-teal-"], [class*=" 2xl:!bg-teal-"], [class^="2xl:!bg-indigo-"], [class*=" 2xl:!bg-indigo-"], [class^="2xl:!bg-violet-"], [class*=" 2xl:!bg-violet-"],
        [class^="2xl:!bg-purple-"], [class*=" 2xl:!bg-purple-"], [class^="2xl:!bg-fuchsia-"], [class*=" 2xl:!bg-fuchsia-"], [class^="2xl:!bg-pink-"], [class*=" 2xl:!bg-pink-"],
        [class^="2xl:!bg-orange-"], [class*=" 2xl:!bg-orange-"], [class^="2xl:!bg-lime-"], [class*=" 2xl:!bg-lime-"], [class^="2xl:!bg-pinkk-"], [class*=" 2xl:!bg-pinkk-"]
    ) { background-color: #52525b !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="2xl:!text-red-"], [class*=" 2xl:!text-red-"], [class^="2xl:!text-rose-"], [class*=" 2xl:!text-rose-"], [class^="2xl:!text-amber-"], [class*=" 2xl:!text-amber-"],
        [class^="2xl:!text-yellow-"], [class*=" 2xl:!text-yellow-"], [class^="2xl:!text-green-"], [class*=" 2xl:!text-green-"], [class^="2xl:!text-emerald-"], [class*=" 2xl:!text-emerald-"],
        [class^="2xl:!text-blue-"], [class*=" 2xl:!text-blue-"], [class^="2xl:!text-sky-"], [class*=" 2xl:!text-sky-"], [class^="2xl:!text-cyan-"], [class*=" 2xl:!text-cyan-"],
        [class^="2xl:!text-teal-"], [class*=" 2xl:!text-teal-"], [class^="2xl:!text-indigo-"], [class*=" 2xl:!text-indigo-"], [class^="2xl:!text-violet-"], [class*=" 2xl:!text-violet-"],
        [class^="2xl:!text-purple-"], [class*=" 2xl:!text-purple-"], [class^="2xl:!text-fuchsia-"], [class*=" 2xl:!text-fuchsia-"], [class^="2xl:!text-pink-"], [class*=" 2xl:!text-pink-"],
        [class^="2xl:!text-orange-"], [class*=" 2xl:!text-orange-"], [class^="2xl:!text-lime-"], [class*=" 2xl:!text-lime-"], [class^="2xl:!text-pinkk-"], [class*=" 2xl:!text-pinkk-"]
    ) { color: #3f3f46 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="2xl:!border-red-"], [class*=" 2xl:!border-red-"], [class^="2xl:!border-rose-"], [class*=" 2xl:!border-rose-"], [class^="2xl:!border-amber-"], [class*=" 2xl:!border-amber-"],
        [class^="2xl:!border-yellow-"], [class*=" 2xl:!border-yellow-"], [class^="2xl:!border-green-"], [class*=" 2xl:!border-green-"], [class^="2xl:!border-emerald-"], [class*=" 2xl:!border-emerald-"],
        [class^="2xl:!border-blue-"], [class*=" 2xl:!border-blue-"], [class^="2xl:!border-sky-"], [class*=" 2xl:!border-sky-"], [class^="2xl:!border-cyan-"], [class*=" 2xl:!border-cyan-"],
        [class^="2xl:!border-teal-"], [class*=" 2xl:!border-teal-"], [class^="2xl:!border-indigo-"], [class*=" 2xl:!border-indigo-"], [class^="2xl:!border-violet-"], [class*=" 2xl:!border-violet-"],
        [class^="2xl:!border-purple-"], [class*=" 2xl:!border-purple-"], [class^="2xl:!border-fuchsia-"], [class*=" 2xl:!border-fuchsia-"], [class^="2xl:!border-pink-"], [class*=" 2xl:!border-pink-"],
        [class^="2xl:!border-orange-"], [class*=" 2xl:!border-orange-"], [class^="2xl:!border-lime-"], [class*=" 2xl:!border-lime-"], [class^="2xl:!border-pinkk-"], [class*=" 2xl:!border-pinkk-"]
    ) { border-color: #d4d4d8 !important; }
    body[data-admin-theme] :not(svg):not(svg *):not(img):not(video):not(canvas):not(iframe):is(
        [class^="2xl:!ring-red-"], [class*=" 2xl:!ring-red-"], [class^="2xl:!ring-rose-"], [class*=" 2xl:!ring-rose-"], [class^="2xl:!ring-amber-"], [class*=" 2xl:!ring-amber-"],
        [class^="2xl:!ring-yellow-"], [class*=" 2xl:!ring-yellow-"], [class^="2xl:!ring-green-"], [class*=" 2xl:!ring-green-"], [class^="2xl:!ring-emerald-"], [class*=" 2xl:!ring-emerald-"],
        [class^="2xl:!ring-blue-"], [class*=" 2xl:!ring-blue-"], [class^="2xl:!ring-sky-"], [class*=" 2xl:!ring-sky-"], [class^="2xl:!ring-cyan-"], [class*=" 2xl:!ring-cyan-"],
        [class^="2xl:!ring-teal-"], [class*=" 2xl:!ring-teal-"], [class^="2xl:!ring-indigo-"], [class*=" 2xl:!ring-indigo-"], [class^="2xl:!ring-violet-"], [class*=" 2xl:!ring-violet-"],
        [class^="2xl:!ring-purple-"], [class*=" 2xl:!ring-purple-"], [class^="2xl:!ring-fuchsia-"], [class*=" 2xl:!ring-fuchsia-"], [class^="2xl:!ring-pink-"], [class*=" 2xl:!ring-pink-"],
        [class^="2xl:!ring-orange-"], [class*=" 2xl:!ring-orange-"], [class^="2xl:!ring-lime-"], [class*=" 2xl:!ring-lime-"], [class^="2xl:!ring-pinkk-"], [class*=" 2xl:!ring-pinkk-"]
    ) { --tw-ring-color: rgb(113 113 122 / 0.35) !important; }
}

/* Keep this after the admin theme's generated overrides. Hub cards opt out of
   the theme's generic #0f0f0f card hover (`.admin-page-content a.group:hover`)
   and invert to a white surface here instead. Requiring `[class~="group"]`
   keeps this above the theme's always-on `… a[class~="bg-white"]` card surface
   even if source order shifts. */
body[data-admin-theme] .admin-page-content a.sable-hub-link[class~="group"]:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

body[data-admin-theme] .admin-page-content a.sable-hub-link[class~="group"]:hover > svg,
body[data-admin-theme] .admin-page-content a.sable-hub-link[class~="group"]:hover > span,
body[data-admin-theme] .admin-page-content a.sable-hub-link[class~="group"]:hover .sable-hub-link-title,
body[data-admin-theme] .admin-page-content a.sable-hub-link[class~="group"]:hover .sable-hub-link-description {
    color: #141414 !important;
}

/* Inbox rows keep sender, subject, and date aligned while preserving a mobile stack. */
.inbox-message-link { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.5rem; }
.inbox-message-copy { display: grid; grid-template-columns: minmax(0, 12rem) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.inbox-message-sender [data-message-sender] { display: block; }
#inbox-results .inbox-message-row [data-unread-dot] { width: 6px; height: 6px; border-radius: 50% !important; }
body[data-admin-theme] .inbox-message-row { background-color: #0f0f0f !important; border-color: #262626 !important; }
body[data-admin-theme] .inbox-message-row:hover,
body[data-admin-theme] .inbox-message-row[data-selected="true"] { background-color: #202020 !important; }
body[data-admin-theme] .inbox-message-row[data-message-status="unread"] :is([data-message-sender], [data-message-subject]) { color: #f5f5f5 !important; font-weight: 600; }
body[data-admin-theme] .inbox-message-row[data-message-status="unread"] [data-unread-dot] { background-color: #f5f5f5 !important; }
@media (max-width: 767px) {
    .inbox-message-copy { grid-template-columns: minmax(0, 1fr); gap: .375rem; }
    .inbox-message-sender > span:not([data-message-sender]) { display: none; }
    .inbox-message-link { gap: .75rem; }
}

/* Native form checkboxes preserve browser checkmarks and bulk-selection state. */
input.ui-native-checkbox[type="checkbox"] {
    -webkit-appearance: auto !important;
       -moz-appearance: auto !important;
            appearance: auto !important;
    background-color: revert !important;
    background-image: none !important;
    border: revert !important;
    accent-color: #171717;
    color-scheme: light;
}

body[data-admin-theme] input.ui-native-checkbox[type="checkbox"] {
    accent-color: #f5f5f5;
    color-scheme: dark;
}

input.ui-native-checkbox[type="checkbox"]:focus-visible {
    outline: 2px solid #737373;
    outline-offset: 3px;
}

/* The Sable conversation controls sit on the same dark control-plane surface. */
body[data-admin-theme] #sable-chat .sable-conversation-sidebar,
body[data-admin-theme] #sable-chat .sable-conversation-sidebar-header,
body[data-admin-theme] #sable-chat .sable-conversation-list {
    background-color: #181818 !important;
}

/* Keep the current page number high-contrast in every Laravel paginator. */
nav[role="navigation"] [aria-current="page"] > span,
nav[role="navigation"] a[aria-current="page"] {
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* API access uses the same restrained panel surface as the rest of the
   authenticated dashboard while keeping its content controls easy to scan. */
body[data-dashboard-theme] .api-access-content :is(.api-access-panel, .api-access-surface) {
    border: 1px solid #252525 !important;
    border-radius: 0 !important;
    background-color: #0b0b0b !important;
    box-shadow: none !important;
}

body[data-dashboard-theme] .api-access-content .api-access-row {
    transition: background-color 150ms ease;
}

body[data-dashboard-theme] .api-access-content .api-access-row:hover,
body[data-dashboard-theme] .api-access-content .api-access-surface > summary:hover {
    background-color: #0f0f0f !important;
}

body[data-dashboard-theme] .api-access-content .api-access-surface > summary:focus-visible {
    outline: 1px solid #737373;
    outline-offset: -2px;
}

body[data-dashboard-theme] .api-access-content :is(
    input:not([type="checkbox"]):not([type="hidden"]), select, textarea
) {
    border-color: #303030 !important;
    background-color: #131313 !important;
    color: #f5f5f5 !important;
}

body[data-dashboard-theme] .api-access-content :is(input, textarea)::-moz-placeholder {
    color: #737373 !important;
}

body[data-dashboard-theme] .api-access-content :is(input, textarea)::placeholder {
    color: #737373 !important;
}

body[data-dashboard-theme] .api-access-content pre {
    background-color: #0b0b0b !important;
}

/* Settings is a longer control center, so keep its sections easy to scan and
   use the same quiet dark surfaces as the rest of the signed-in dashboard. */
body[data-dashboard-theme] .app-page-content [data-settings-page] {
    display: grid;
    grid-template-columns: minmax(0, 12rem) minmax(0, 1fr);
    align-items: start;
    gap: 1.5rem;
}

body[data-dashboard-theme] .app-page-content:has([data-settings-page]) > .mb-16 {
    margin-bottom: 2rem !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-page-nav {
    position: sticky;
    top: calc(var(--dashboard-banner-height, 0px) + 5.5rem);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    border: 1px solid #252525;
    background: #0b0b0b;
    padding: 0.75rem;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-page-nav-label {
    margin: 0 0 0.4rem;
    padding: 0.5rem 0.625rem;
    color: #737373;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    line-height: 1rem;
    text-transform: uppercase;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-page-nav a {
    border-left: 1px solid transparent;
    color: #a3a3a3;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.625rem;
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-page-nav a:hover,
body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-page-nav a:focus-visible {
    border-left-color: #ffffff;
    background: #151515;
    color: #ffffff;
    outline: none;
}

body[data-dashboard-theme] .app-page-content [data-settings-content] {
    min-width: 0;
}

body[data-dashboard-theme] .app-page-content [data-settings-content] > [id] {
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
    gap: 1.5rem;
    margin: 0 0 0.75rem;
    border: 1px solid #252525;
    background: #0b0b0b;
    padding: 1.375rem;
    scroll-margin-top: calc(var(--dashboard-banner-height, 0px) + 6rem);
}

body[data-dashboard-theme] .app-page-content [data-settings-content] > [id] > [class~="md:col-span-1"] {
    grid-column: auto;
}

body[data-dashboard-theme] .app-page-content [data-settings-content] > [id] > [class~="md:col-span-2"] {
    grid-column: auto;
    min-width: 0;
}

body[data-dashboard-theme] .app-page-content [data-settings-content] > [id] > [class~="md:col-span-2"] > [class~="border"] {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
    border-color: #303030 !important;
    background-color: #131313 !important;
    color: #f5f5f5 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] :is(input, textarea)::-moz-placeholder {
    color: #737373 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] :is(input, textarea)::placeholder {
    color: #737373 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] :is(label, legend) {
    color: #d4d4d4;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] [class~="text-neutral-950"] {
    color: #f5f5f5 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] [class~="text-neutral-700"],
body[data-dashboard-theme] .app-page-content [data-settings-page] [class~="text-neutral-600"] {
    color: #d4d4d4 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] [class~="text-neutral-500"] {
    color: #a3a3a3 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] [class~="text-neutral-400"] {
    color: #858585 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] [class~="bg-white"],
body[data-dashboard-theme] .app-page-content [data-settings-page] [class~="bg-neutral-50"],
body[data-dashboard-theme] .app-page-content [data-settings-page] [class~="bg-neutral-100"] {
    background-color: #151515 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] [class~="border-black/10"],
body[data-dashboard-theme] .app-page-content [data-settings-page] [class~="border-black/5"] {
    border-color: #303030 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .currency-option input:checked + span {
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    color: #141414 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .currency-option input:checked + span svg {
    color: #141414 !important;
    stroke: #141414 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .currency-option input:focus-visible + span {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] :is(button, a)[class~="bg-neutral-950"][data-slot="button"] {
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] :is(button, a)[class~="bg-neutral-950"][data-slot="button"]:hover {
    border-color: #d4d4d4 !important;
    background-color: #d4d4d4 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] button[role="switch"][aria-checked="true"] {
    background-color: #ffffff !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] button[role="switch"][aria-checked="true"] > span {
    background-color: #111111 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] :is(a, button, input, select, textarea):focus-visible {
    outline-color: #ffffff;
}

/* The light industry choices need their own ink colors in every state. */
body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-lens-option {
    border-color: #d4d4d4 !important;
    background-color: #ffffff !important;
    color: #141414 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-lens-option:hover {
    border-color: #ffffff !important;
    background-color: #f2f2f2 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-lens-option[aria-pressed="true"] {
    border-color: #ffffff !important;
    box-shadow: inset 0 0 0 1px #141414 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-lens-option span {
    color: #141414 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-lens-option svg {
    color: #141414 !important;
    stroke: #141414 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-lens-option .settings-lens-option-description {
    color: #525252 !important;
}

body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-lens-option:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

@media (max-width: 1023px) {
    body[data-dashboard-theme] .app-page-content [data-settings-page] {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }

    body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-page-nav {
        position: static;
        flex-direction: row;
        overflow-x: auto;
        padding: 0.5rem;
    }

    body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-page-nav-label {
        display: none;
    }

    body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-page-nav a {
        flex: 0 0 auto;
        border-bottom: 1px solid transparent;
        border-left: 0;
        padding: 0.625rem 0.75rem;
    }

    body[data-dashboard-theme] .app-page-content [data-settings-content] > [id] {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
        padding: 1rem;
    }
}

@media (max-width: 479px) {
    body[data-dashboard-theme] .app-page-content [data-settings-page] .settings-page-nav a {
        font-size: 0.6875rem;
        padding: 0.5rem 0.625rem;
    }
}


/* Compact, readable follow-up results inside the report extension thread. */
.report-extension-content {
    font-size: 0.75rem;
    line-height: 1.25rem;
    color: #d4d4d8;
}

.report-extension-content :is(p, li, blockquote, td, th) {
    font-size: 0.75rem !important;
    line-height: 1.25rem !important;
}

.report-extension-content :is(p, ul, ol, blockquote) {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.report-extension-content :is(h1, h2, h3, h4, h5, h6) {
    border-top: 1px solid #313131;
    margin-top: 1.5rem !important;
    margin-bottom: 0.75rem !important;
    padding-top: 1.5rem;
    font-family: inherit !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    font-weight: 600;
    color: #ffffff !important;
    text-wrap: balance;
}

.report-extension-content :is(h1, h2, h3, h4, h5, h6):first-child {
    border-top: 0;
    margin-top: 0 !important;
    padding-top: 0;
}

.report-extension-content :is(code, strong) {
    color: #ffffff !important;
}

.report-extension-content code {
    font-size: 0.75rem !important;
    overflow-wrap: anywhere;
}

.report-extension-content code::before,
.report-extension-content code::after {
    content: none;
}


/* Fade the Go Deeper actions darker without changing other report buttons. */
.report-deeper-option {
    background-color: #181818 !important;
    transition: background-color 700ms cubic-bezier(0.32, 0.72, 0, 1);
}

.report-deeper-option:not(:disabled):is(:hover, :active, :focus-visible) {
    background-color: #000000 !important;
}

.report-deeper-option:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: -2px;
}

@media (prefers-reduced-motion: reduce) {
    .report-deeper-option {
        transition: none;
    }
}


/* Wallet tab underlines remain visible independently of surface border rules. */
.wallet-tab::after {
    content: '';
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 2px;
    background-color: currentColor;
    opacity: 0;
    transition: opacity 200ms cubic-bezier(0.32, 0.72, 0, 1);
}

.wallet-tab:is([data-active="true"], :hover, :focus-visible)::after {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .wallet-tab::after { transition: none; }
}

/* Compact typography for the comparison report body. */
.comparison-report-content {
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.comparison-report-content :is(p, li, blockquote, td, th) {
    font-size: 0.75rem !important;
    line-height: 1.25rem !important;
}

.comparison-report-content :is(h1, h2, h3, h4, h5, h6) {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

/* Research notes share a soft light panel across report and admin views. */
body .report-research-notes,
body[data-dashboard-theme] #dashboard-main-content .report-research-notes,
body[data-admin-theme] #admin-main-content .report-research-notes {
    background-color: #f2f0eb !important;
    border-color: #dedbd4 !important;
}

body .report-research-notes,
body .report-research-notes * {
    color: #111111 !important;
}

body .report-research-notes > button:hover {
    background-color: #e7e4dd !important;
}

body .report-research-notes > button:focus-visible {
    outline: 2px solid #111111;
    outline-offset: -3px;
}
/* Give profile type and profile cards clear hover and selection feedback. */
body[data-dashboard-theme] #dashboard-main-content .analysis-choice {
    background-color: #181818 !important;
    border-color: #303030 !important;
    transition: background-color 250ms ease, border-color 250ms ease;
}

body[data-dashboard-theme] #dashboard-main-content .analysis-choice:is(:hover, :focus-within) {
    background-color: #000000 !important;
    border-color: #737373 !important;
}

body[data-dashboard-theme] #dashboard-main-content .analysis-choice[data-selected="true"] {
    background-color: #000000 !important;
    border-color: #f2f0eb !important;
}

@media (prefers-reduced-motion: reduce) {
    body[data-dashboard-theme] #dashboard-main-content .analysis-choice {
        transition: none;
    }
}
/* Ease each analysis step into view as its panel expands. */
.analysis-step-enter > * {
    animation: analysis-step-enter 250ms ease 100ms both;
}

@keyframes analysis-step-enter {
    from { opacity: 0; }
    to { opacity: 1; }
}

body[data-dashboard-theme] #dashboard-main-content .analysis-choice:focus-visible {
    outline: 2px solid #f2f0eb;
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .analysis-step-panel { transition-duration: 0ms !important; }
    .analysis-step-enter > * { animation: none; }
}
.analysis-step-panel {
    overflow-anchor: none;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Panels respond to their own width when the dashboard uses several columns. */
.mc-layout-panel {
    container: mission-control-panel / inline-size;
}

@container mission-control-panel (max-width: 40rem) {
    .mc-layout-panel-content .grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .mc-layout-panel-content .grid > * {
        grid-column: auto !important;
    }
}

/* Shared primary selection within the compact profile links list. */

/* ------------------------------------------------------------------
   Signature Creator report (analysis/lite/sections/signature-creator).
   Plain CSS, not @layer components: several classes are emitted from
   PHP (SignatureMarkdown) and would otherwise be purged by Tailwind.
   Colours come from --sig-* variables so light and dark share one set
   of rules. Dark applies under .dark or the dashboard theme.
   ------------------------------------------------------------------ */
.sig-report {
    --sig-text: #525252; --sig-strong: #0a0a0a; --sig-muted: #a3a3a3; --sig-line: rgba(0, 0, 0, 0.1);
    --sig-line-soft: rgba(0, 0, 0, 0.06); --sig-card: #ffffff; --sig-code: #f5f5f5;
    --sig-chip-mid-border: rgba(0, 0, 0, 0.4); --sig-chip-mid: #404040; --sig-chip-low: #737373; --sig-hover: #f5f5f5;
}
.dark .sig-report, body[data-dashboard-theme] .sig-report {
    --sig-text: #a1a1aa; --sig-strong: #fafafa; --sig-muted: #71717a; --sig-line: #2a2a2a;
    --sig-line-soft: #1f1f1f; --sig-card: #141414; --sig-code: #232323;
    --sig-chip-mid-border: #52525b; --sig-chip-mid: #d4d4d8; --sig-chip-low: #a1a1aa; --sig-hover: #1c1c1c;
}
/* The shared lite wrapper draws one big card; this report draws a card per section instead. */
section.bg-white[data-lite-section="signature_creator"], .dark section.bg-white[data-lite-section="signature_creator"] {
    border: 0 !important; background: transparent !important; padding: 0 !important;
}
.sig-report { display: grid; gap: 1rem; }
.sig-report > * + * { margin-top: 0 !important; }
.sig-card { border: 1px solid var(--sig-line); background: var(--sig-card); padding: 1.5rem; min-width: 0; }
@media (min-width: 640px) { .sig-card { padding: 2rem; } }
.sig-kicker { font-family: ui-monospace, monospace; font-size: 0.625rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--sig-muted); }
.sig-report .sig-title { margin-top: 0.25rem; font-family: inherit !important; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.75rem !important; color: var(--sig-strong); }
.sig-sub { margin-top: 0.25rem; font-size: 0.75rem; color: var(--sig-muted); }
.sig-note { margin-top: 1rem; max-width: 72ch; border-left: 2px solid var(--sig-line); padding-left: 0.75rem; font-size: 0.75rem; line-height: 1.6; color: var(--sig-text); }
.sig-note strong { color: var(--sig-strong); font-weight: 600; }
.sig-nav { margin-top: 1.25rem; display: flex; flex-wrap: wrap; gap: 0.375rem; }
.sig-nav a { border: 1px solid var(--sig-line); padding: 0.25rem 0.625rem; font-size: 0.6875rem; color: var(--sig-text); text-decoration: none; transition: color 0.15s, border-color 0.15s; }
.sig-nav a:hover { color: var(--sig-strong); border-color: var(--sig-muted); }
.sig-controls { margin-top: 0.75rem; display: flex; gap: 1rem; }
.sig-controls button { padding: 0; border: 0; background: none; font-size: 0.6875rem; color: var(--sig-muted); text-decoration: underline; text-decoration-color: var(--sig-line); text-underline-offset: 2px; cursor: pointer; }
.sig-controls button:hover { color: var(--sig-strong); }
.sig-summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; list-style: none; }
.sig-summary::-webkit-details-marker { display: none; }
.sig-summary:focus-visible { outline: 1px solid var(--sig-muted); outline-offset: 6px; }
.sig-summary .sig-kicker { display: block; }
.sig-chevron { flex-shrink: 0; width: 0.5rem; height: 0.5rem; margin-right: 0.25rem; border-right: 1px solid var(--sig-muted); border-bottom: 1px solid var(--sig-muted); transform: rotate(45deg); transition: transform 0.15s; }
.sig-details[open] > .sig-summary .sig-chevron { transform: rotate(225deg); }
.sig-sources { margin-top: 1.25rem; font-size: 0.75rem; }
.sig-sources li { display: flex; align-items: baseline; gap: 0.75rem; padding: 0.625rem 0; border-top: 1px solid var(--sig-line-soft); scroll-margin-top: 6rem; }
.sig-sources li:first-child { border-top: 0; }
.sig-sources li:target { background: var(--sig-hover); }
.sig-sources .num { width: 1.5rem; flex-shrink: 0; font-family: ui-monospace, monospace; font-size: 0.625rem; color: var(--sig-muted); }
.sig-sources a { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--sig-strong); text-decoration: underline; text-decoration-color: var(--sig-line); text-underline-offset: 2px; }
.sig-sources .host { flex-shrink: 0; color: var(--sig-muted); }
.sig-foot { font-size: 0.6875rem; line-height: 1.25rem; color: var(--sig-muted); }

.sig-prose { margin-top: 1.25rem; font-size: 0.8125rem; line-height: 1.75; color: var(--sig-text); }
.sig-prose > * + * { margin-top: 1rem; }
.sig-prose > p, .sig-prose > ul, .sig-prose > ol, .sig-prose > blockquote, .sig-prose > h3, .sig-prose > h4, .sig-prose > h5 { max-width: 72ch; }
/* The site sets serif headings at 26px with !important; sub-headings inside a report body stay small. */
.sig-report .sig-prose h3, .sig-report .sig-prose h4, .sig-report .sig-prose h5 { margin-top: 1.75rem; color: var(--sig-strong); font-family: inherit !important; font-size: 0.9375rem !important; font-weight: 600 !important; line-height: 1.5 !important; }
.sig-report .sig-prose h4, .sig-report .sig-prose h5 { font-size: 0.8125rem !important; margin-top: 1.5rem; }
.sig-prose strong { color: var(--sig-strong); font-weight: 600; }
.sig-prose a:not(.sig-cite) { color: var(--sig-strong); text-decoration: underline; text-decoration-color: var(--sig-line); text-underline-offset: 2px; overflow-wrap: anywhere; }
.sig-prose a:not(.sig-cite):hover { text-decoration-color: var(--sig-strong); }
.sig-prose ul, .sig-prose ol { padding: 0; list-style: none; }
.sig-prose ol { counter-reset: sig-item; }
.sig-prose li { position: relative; padding-left: 1.25rem; }
.sig-prose li + li { margin-top: 0.5rem; }
.sig-prose ul > li::before { content: ""; position: absolute; left: 0; top: 0.95em; width: 0.5rem; height: 1px; background: var(--sig-muted); }
.sig-prose ol > li { counter-increment: sig-item; }
.sig-prose ol > li::before { content: counter(sig-item); position: absolute; left: 0; font-family: ui-monospace, monospace; font-size: 0.6875rem; color: var(--sig-muted); }
.sig-prose li > ul, .sig-prose li > ol { margin-top: 0.5rem; }
.sig-prose blockquote { border-left: 2px solid var(--sig-line); padding-left: 0.75rem; color: var(--sig-muted); }
.sig-prose code { background: var(--sig-code); padding: 0.05rem 0.3rem; font-size: 0.75rem; }
.sig-prose hr { border: 0; border-top: 1px solid var(--sig-line); }

/* Tables: the dashboard theme paints thead/tbody and aligns cells; reset all of that here. */
.sig-report .sig-table { overflow-x: auto; border-top: 1px solid var(--sig-line); border-bottom: 1px solid var(--sig-line); }
.sig-report .sig-table table { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: 0.75rem; line-height: 1.6; border: 0 !important; }
html body .sig-report .sig-table table thead, html body .sig-report .sig-table table tbody, html body .sig-report .sig-table table tr { background: transparent !important; border: 0 !important; }
.sig-report .sig-table th { padding: 0.75rem 1.25rem 0.75rem 0; border: 0 !important; border-bottom: 1px solid var(--sig-line) !important; text-align: left !important; vertical-align: bottom; font-family: ui-monospace, monospace; font-size: 0.625rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--sig-muted); }
.sig-report .sig-table td { padding: 0.875rem 1.25rem 0.875rem 0; border: 0 !important; border-bottom: 1px solid var(--sig-line-soft) !important; text-align: left !important; vertical-align: top; overflow-wrap: break-word; color: var(--sig-text); }
.sig-report .sig-table tbody tr:last-child td { border-bottom: 0 !important; }
.sig-report .sig-table td:first-child { min-width: 8rem; color: var(--sig-strong); font-weight: 500; }
.sig-report .sig-table td a { overflow-wrap: anywhere; }
html body .sig-report .sig-table table tbody tr:hover { background: var(--sig-hover) !important; }

.sig-chip { display: inline-block; border: 1px solid var(--sig-line); padding: 0.0625rem 0.375rem; font-size: 0.625rem; line-height: 1.5; white-space: nowrap; color: var(--sig-text); }
.sig-chip--confirmed, .sig-chip--high, .sig-chip--current { border-color: var(--sig-strong); color: var(--sig-strong); }
.sig-chip--probable, .sig-chip--medium { border-color: var(--sig-chip-mid-border); color: var(--sig-chip-mid); }
.sig-chip--possible, .sig-chip--low, .sig-chip--uncertain, .sig-chip--unresolved { color: var(--sig-chip-low); }
.sig-chip--rejected, .sig-chip--historical { color: var(--sig-muted); }
.sig-chip--rejected { text-decoration: line-through; }
.sig-cite { margin-left: 0.1rem; font-size: 0.625rem; line-height: 0; vertical-align: super; text-decoration: none; color: var(--sig-muted); }
.sig-cite:hover { color: var(--sig-strong); }

/* ── Sable Vision scan (Research Hub lightbox) ─────────────────────────────
 * While an analysis is pending a beam sweeps the image over a faint grid with
 * corner brackets. When it completes, one fast sweep plays and each detected
 * region locks on with a glow and a light pass. All of it is decoration over
 * the image: it never captures pointer events. */
.sable-scan {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}
.sable-scan__tint {
    position: absolute;
    inset: 0;
    background: rgba(8, 8, 8, 0.28);
    animation: sable-scan-breathe 1.8s ease-in-out infinite;
}
.sable-scan__grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.09) 1px, transparent 1px);
    background-size: 22px 22px;
    animation: sable-scan-breathe 1.8s ease-in-out infinite;
}
.sable-scan__beam {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 24%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.16) 70%, rgba(255, 255, 255, 0.7) 98%, rgba(255, 255, 255, 0.95));
    box-shadow: 0 6px 22px 2px rgba(255, 255, 255, 0.35);
    transform: translateY(-100%);
    animation: sable-scan-beam 1.7s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
.sable-scan--done .sable-scan__beam {
    animation: sable-scan-beam 0.85s cubic-bezier(0.45, 0, 0.55, 1) 1 both;
}
.sable-scan__corner {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 0 solid rgba(255, 255, 255, 0.85);
    animation: sable-scan-corner 1.8s ease-in-out infinite;
}
.sable-scan__corner--tl { top: 10px; left: 10px; border-top-width: 2px; border-left-width: 2px; }
.sable-scan__corner--tr { top: 10px; right: 10px; border-top-width: 2px; border-right-width: 2px; }
.sable-scan__corner--bl { bottom: 10px; left: 10px; border-bottom-width: 2px; border-left-width: 2px; }
.sable-scan__corner--br { bottom: 10px; right: 10px; border-bottom-width: 2px; border-right-width: 2px; }
.sable-scan__chip {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
    background: rgba(10, 10, 10, 0.85);
    pointer-events: none;
}
.sable-scan__dot {
    width: 6px;
    height: 6px;
    border-radius: 9999px;
    background: #fff;
    animation: sable-scan-dot 1s ease-in-out infinite;
}
.sable-scan__dot--done { animation: none; }

/* Detected regions: lock on, glow once, then a light pass across the box. */
.sable-box {
    animation:
        sable-box-lock 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) var(--sable-delay, 0s) both,
        sable-box-glow 1.1s ease-out var(--sable-delay, 0s) both;
}
.sable-box::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, transparent 35%, rgba(255, 255, 255, 0.38) 50%, transparent 65%);
    background-size: 100% 300%;
    background-position: 0 100%;
    animation: sable-box-pass 0.9s ease-out calc(var(--sable-delay, 0s) + 0.3s) both;
}

@keyframes sable-scan-beam {
    0% { transform: translateY(-100%); opacity: 0; }
    12% { opacity: 1; }
    88% { opacity: 1; }
    100% { transform: translateY(417%); opacity: 0; }
}
@keyframes sable-scan-breathe { 0%, 100% { opacity: 0.55; } 50% { opacity: 1; } }
@keyframes sable-scan-corner { 0%, 100% { transform: scale(1); opacity: 0.7; } 50% { transform: scale(0.82); opacity: 1; } }
@keyframes sable-scan-dot { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } }
@keyframes sable-box-lock { from { opacity: 0; transform: scale(1.14); } to { opacity: 1; transform: scale(1); } }
@keyframes sable-box-glow {
    0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
    35% { box-shadow: 0 0 16px 2px rgba(255, 255, 255, 0.6); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
@keyframes sable-box-pass { from { background-position: 0 100%; } to { background-position: 0 0; } }

@media (prefers-reduced-motion: reduce) {
    .sable-scan__beam,
    .sable-scan--done { display: none; }
    .sable-scan__tint,
    .sable-scan__grid,
    .sable-scan__corner,
    .sable-scan__dot,
    .sable-box { animation: none; }
    .sable-box::after { display: none; }
}

/* Film grain over the image while Sable Vision is on. Subtle on purpose: the photo stays fully
 * readable. The noise tile drifts in steps so it reads as live grain rather than a static texture. */
.sable-grain {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0.2;
    mix-blend-mode: overlay;
    animation: sable-grain-in 0.6s ease-out both;
}
.sable-grain::before {
    content: '';
    position: absolute;
    inset: -20%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: 200px 200px;
    animation: sable-grain-drift 0.9s steps(1, end) infinite;
}
@keyframes sable-grain-in { from { opacity: 0; } to { opacity: 0.2; } }
@keyframes sable-grain-drift {
    0% { transform: translate(0, 0); }
    16% { transform: translate(-6%, 4%); }
    33% { transform: translate(5%, -5%); }
    50% { transform: translate(-3%, -6%); }
    66% { transform: translate(6%, 3%); }
    83% { transform: translate(-5%, 6%); }
}
@media (prefers-reduced-motion: reduce) {
    .sable-grain,
    .sable-grain::before { animation: none; }
}
    .file\:bg-neutral-950::file-selector-button svg {
        color: inherit !important;
    }

    
    html body .research-hub-tool-option .file\:text-xsspan::file-selector-button {
        opacity: 0.7;
    }

  .hover\:dark:hover {
    --background: 0 0% 5.1%; /* #0d0d0d */
    --foreground: 0 0% 98%;
    --card: 0 0% 7.8%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 7.8%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 100% 94.5%;
    --primary-foreground: 0 0% 7.8%;
    --secondary: 0 0% 7.8%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 83.5%;
    --muted-foreground: 0 0% 100%;
    --accent: 0 100% 94.5%;
    --accent-foreground: 0 0% 7.8%;
    --destructive: 359 100% 61%;
    --destructive-foreground: 0 0% 100%;
    --success: 142 76% 36%;
    --success-foreground: 0 0% 98%;
    --border: 0 0% 83.5%;
    --input: 0 0% 83.5%;
    --ring: 0 100% 94.5%;

    /*
     * Dark-mode flip for the button tokens above. Mirrors what every
     * color="..." variant in the button component does in dark mode; without
     * it a default primary button renders near-black on a near-black bg.
     */
    --color-primary: #ffe3e3;
    --color-primary-content: #ffe3e3;
    --color-primary-fg: var(--color-neutral-950);

    --chart-grid-stroke: #d5d5d5;
    --chart-axis-text: #d5d5d5;
    --chart-reference-line-stroke: #d5d5d5;
    --chart-reference-label: #d5d5d5;
    --chart-actual-line: #ffffff;
    --chart-forecast-line: #ffe3e3;
    --chart-tooltip-cursor: #ffe3e3;
    --chart-pattern-bg: #141414;
    --chart-pattern-stroke: #d5d5d5;
    --chart-bar-fill: white;
    --chart-bar-fill-secondary: #ffe3e3;
    --chart-gradient-start: #ffe3e3;
    --chart-gradient-end: #ffffff;
    --chart-line-secondary: #ffe3e3;
  }

    .hover\:dark:hover svg {
        color: #fff !important;
    }
    .hover\:dark:hover button svg,.hover\:dark:hover [data-slot="button"] svg {
        color: inherit !important;
    }
    .hover\:bg-neutral-950:hover svg {
        color: inherit !important;
    }
    .hover\:bg-neutral-900:hover svg {
        color: inherit !important;
    }
    .hover\:dark:hover .trust-badges svg {
        color: #a1a1aa !important; /* neutral-400 */
    }
    .disabled\:hover\:bg-neutral-950:hover:disabled svg {
        color: inherit !important;
    }
    .group:hover .group-hover\:bg-neutral-950 svg {
        color: inherit !important;
    }
    .peer:checked ~ .peer-checked\:bg-neutral-950 svg {
        color: inherit !important;
    }
    .has-\[\:checked\]\:bg-neutral-950:has(:checked) svg {
        color: inherit !important;
    }
    .dark\:bg-neutral-950:is(.dark *) svg {
        color: inherit !important;
    }
    .dark\:bg-neutral-900:is(.dark *) svg {
        color: inherit !important;
    }
    .dark\:after\:bg-neutral-900:is(.dark *) svg::after {
        content: var(--tw-content);
        color: inherit !important;
    }

    
    html body .research-hub-tool-option .\[\&_h3\]\:text-xs h3span {
        opacity: 0.7;
    }

    
    html body .research-hub-tool-option .\[\&_label\]\:text-xs labelspan {
        opacity: 0.7;
    }

    
    html body .research-hub-tool-option :where(.\[\:where\(\&\)\]\:text-xs)span {
        opacity: 0.7;
    }
    :where(.\[\:where\(\&\)\]\:dark\:bg-neutral-900:is(.dark *)) svg {
        color: inherit !important;
    }
@media (min-width: 640px){

    .sm\:table-cell{ padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; color: hsl(var(--foreground)); } }
@media (min-width: 768px){

    .md\:table-cell{ padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; color: hsl(var(--foreground)); } }
@media (min-width: 1024px){

    .lg\:table-cell{ padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; color: hsl(var(--foreground)); } }
.selection\:bg-red-500 *::-moz-selection{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); }
.selection\:bg-red-500 *::selection{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); }
.selection\:text-white *::-moz-selection{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.selection\:text-white *::selection{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.selection\:bg-red-500::-moz-selection{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); }
.selection\:bg-red-500::selection{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); }
.selection\:text-white::-moz-selection{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.selection\:text-white::selection{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.file\:mr-3::file-selector-button{ margin-right: 0.75rem; }
.file\:mr-4::file-selector-button{ margin-right: 1rem; }
.file\:cursor-pointer::file-selector-button{ cursor: pointer; }
.file\:border::file-selector-button{ border-width: 1px; }
.file\:border-0::file-selector-button{ border-width: 0px; }
.file\:border-neutral-300::file-selector-button{ --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.file\:border-neutral-950::file-selector-button{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.file\:bg-neutral-100::file-selector-button{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.file\:bg-neutral-50::file-selector-button{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.file\:bg-neutral-950::file-selector-button{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.file\:px-3::file-selector-button{ padding-left: 0.75rem; padding-right: 0.75rem; }
.file\:px-4::file-selector-button{ padding-left: 1rem; padding-right: 1rem; }
.file\:py-1::file-selector-button{ padding-top: 0.25rem; padding-bottom: 0.25rem; }
.file\:py-1\.5::file-selector-button{ padding-top: 0.375rem; padding-bottom: 0.375rem; }
.file\:py-2::file-selector-button{ padding-top: 0.5rem; padding-bottom: 0.5rem; }
.file\:text-sm::file-selector-button{ font-size: 0.875rem; line-height: 1.25rem; }
.file\:text-xs::file-selector-button{ font-size: 0.75rem; line-height: 1rem; }
.file\:font-medium::file-selector-button{ font-weight: 500; }
.file\:text-neutral-700::file-selector-button{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.file\:text-white::file-selector-button{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.file\:transition-colors::file-selector-button{ 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; }

    
    .dark .file\:bg-neutral-50::file-selector-button {
        background-color: #181818 !important;
    }

    
    .dark .file\:bg-neutral-100::file-selector-button {
        background-color: #1f1f1f !important;
    }

    
    .dark .file\:text-neutral-700::file-selector-button {
        color: rgb(212 212 216) !important;
    }

    
    .dark .file\:border-neutral-300::file-selector-button {
        border-color: #313131 !important;
    }
.placeholder\:font-sans::-moz-placeholder{ font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
.placeholder\:font-sans::placeholder{ font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
.placeholder\:normal-case::-moz-placeholder{ text-transform: none; }
.placeholder\:normal-case::placeholder{ text-transform: none; }
.placeholder\:tracking-normal::-moz-placeholder{ letter-spacing: 0em; }
.placeholder\:tracking-normal::placeholder{ letter-spacing: 0em; }
.placeholder\:text-neutral-300::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.placeholder\:text-neutral-300::placeholder{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.placeholder\:text-neutral-400::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.placeholder\:text-neutral-400::placeholder{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.placeholder\:text-neutral-500::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.placeholder\:text-neutral-500::placeholder{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.placeholder\:text-neutral-600::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.placeholder\:text-neutral-600::placeholder{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }

    
    .dark .placeholder\:text-neutral-600::-moz-placeholder {
        color: rgb(161 161 170) !important;
    }

    
    .dark .placeholder\:text-neutral-600::placeholder {
        color: rgb(161 161 170) !important;
    }

    
    .dark .placeholder\:text-neutral-500::-moz-placeholder {
        color: rgb(113 113 122) !important;
    }

    
    .dark .placeholder\:text-neutral-500::placeholder {
        color: rgb(113 113 122) !important;
    }

    
    .dark .placeholder\:text-neutral-400::-moz-placeholder {
        color: rgb(161 161 170) !important;
    }

    
    .dark .placeholder\:text-neutral-400::placeholder {
        color: rgb(161 161 170) !important;
    }
.backdrop\:bg-black\/80::backdrop{ background-color: rgb(0 0 0 / 0.8); }
.before\:absolute::before{ content: var(--tw-content); position: absolute; }
.before\:inset-0::before{ content: var(--tw-content); inset: 0px; }
.before\:-translate-x-full::before{ content: var(--tw-content); --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.before\:animate-\[wave_1\.5s_infinite_linear\]::before{ content: var(--tw-content); animation: wave 1.5s infinite linear; }
.before\:animate-\[wave_1s_infinite_linear\]::before{ content: var(--tw-content); animation: wave 1s infinite linear; }
.before\:animate-\[wave_2s_infinite_linear\]::before{ content: var(--tw-content); animation: wave 2s infinite linear; }
.before\:animate-\[wave_3s_infinite_linear\]::before{ content: var(--tw-content); animation: wave 3s infinite linear; }
.before\:bg-gradient-to-r::before{ content: var(--tw-content); background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
.before\:from-transparent::before{ content: var(--tw-content); --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.before\:via-neutral-400\/40::before{ content: var(--tw-content); --tw-gradient-to: rgb(213 213 213 / 0)  var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(213 213 213 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.before\:to-transparent::before{ content: var(--tw-content); --tw-gradient-to: transparent var(--tw-gradient-to-position); }
.after\:absolute::after{ content: var(--tw-content); position: absolute; }
.after\:inset-\[3px\]::after{ content: var(--tw-content); inset: 3px; }
.after\:left-0::after{ content: var(--tw-content); left: 0px; }
.after\:left-1\/2::after{ content: var(--tw-content); left: 50%; }
.after\:left-\[2px\]::after{ content: var(--tw-content); left: 2px; }
.after\:top-0::after{ content: var(--tw-content); top: 0px; }
.after\:top-1\/2::after{ content: var(--tw-content); top: 50%; }
.after\:top-\[2px\]::after{ content: var(--tw-content); top: 2px; }
.after\:hidden::after{ content: var(--tw-content); display: none; }
.after\:size-\[\.5rem\]::after{ content: var(--tw-content); width: .5rem; height: .5rem; }
.after\:h-5::after{ content: var(--tw-content); height: 1.25rem; }
.after\:h-full::after{ content: var(--tw-content); height: 100%; }
.after\:w-1::after{ content: var(--tw-content); width: 0.25rem; }
.after\:w-5::after{ content: var(--tw-content); width: 1.25rem; }
.after\:rounded-\[1px\]::after{ content: var(--tw-content); border-radius: 1px; }
.after\:rounded-full::after{ content: var(--tw-content); border-radius: 9999px; }
.after\:bg-white::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.after\:transition-all::after{ content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.after\:content-\[\'\'\]::after{ --tw-content: ''; content: var(--tw-content); }
    .dark .after\:bg-white::after {
        content: var(--tw-content);
        background-color: #181818 !important;
    }
.first\:mt-0:first-child{ margin-top: 0px; }
.first\:border-l-0:first-child{ border-left-width: 0px; }
.first\:border-t-0:first-child{ border-top-width: 0px; }
.first\:pt-0:first-child{ padding-top: 0px; }
.last\:mb-0:last-child{ margin-bottom: 0px; }
.last\:border-0:last-child{ border-width: 0px; }
.last\:border-b-0:last-child{ border-bottom-width: 0px; }
.last\:pb-0:last-child{ padding-bottom: 0px; }
.focus-within\:border-\[\#52525B\]:focus-within{ --tw-border-opacity: 1; border-color: rgb(82 82 91 / var(--tw-border-opacity, 1)); }
.focus-within\:border-neutral-400:focus-within{ --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.focus-within\:border-neutral-500:focus-within{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.focus-within\:border-neutral-800:focus-within{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.focus-within\:border-neutral-950:focus-within{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.focus-within\:bg-neutral-100:focus-within{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.focus-within\:bg-red-50:focus-within{ --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); }
.focus-within\:bg-white\/10:focus-within{ background-color: rgb(255 255 255 / 0.1); }
.focus-within\:text-neutral-300:focus-within{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.focus-within\:text-red-600:focus-within{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); }
.focus-within\:text-white:focus-within{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.focus-within\:opacity-80:focus-within{ opacity: 0.8; }
.focus-within\:outline-none:focus-within{ outline: 2px solid transparent; outline-offset: 2px; }
.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-\[\#52525B\]\/20:focus-within{ --tw-ring-color: rgb(82 82 91 / 0.2); }
.focus-within\:ring-neutral-800\/10:focus-within{ --tw-ring-color: rgb(20 20 20 / 0.1); }
.focus-within\:ring-neutral-950:focus-within{ --tw-ring-opacity: 1; --tw-ring-color: rgb(20 20 20 / var(--tw-ring-opacity, 1)); }

    
    .dark .focus-within\:bg-neutral-100:focus-within {
        background-color: #1f1f1f !important;
    }
.hover\:scale-105:hover{ --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.hover\:scale-110:hover{ --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.hover\:border-amber-500:hover{ --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); }
.hover\:border-amber-600:hover{ --tw-border-opacity: 1; border-color: rgb(217 119 6 / var(--tw-border-opacity, 1)); }
.hover\:border-black\/10:hover{ border-color: rgb(0 0 0 / 0.1); }
.hover\:border-black\/20:hover{ border-color: rgb(0 0 0 / 0.2); }
.hover\:border-black\/25:hover{ border-color: rgb(0 0 0 / 0.25); }
.hover\:border-black\/30:hover{ border-color: rgb(0 0 0 / 0.3); }
.hover\:border-blue-600:hover{ --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); }
.hover\:border-green-200:hover{ --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); }
.hover\:border-green-300:hover{ --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity, 1)); }
.hover\:border-green-600:hover{ --tw-border-opacity: 1; border-color: rgb(22 163 74 / var(--tw-border-opacity, 1)); }
.hover\:border-neutral-300:hover{ --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.hover\:border-neutral-400:hover{ --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.hover\:border-neutral-500:hover{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.hover\:border-neutral-800:hover{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.hover\:border-neutral-900:hover{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.hover\:border-neutral-950:hover{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.hover\:border-orange-400:hover{ --tw-border-opacity: 1; border-color: rgb(251 146 60 / var(--tw-border-opacity, 1)); }
.hover\:border-red-200:hover{ --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); }
.hover\:border-red-300:hover{ --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); }
.hover\:border-red-400:hover{ --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); }
.hover\:border-red-500:hover{ --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); }
.hover\:border-red-600:hover{ --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); }
.hover\:border-rose-700:hover{ --tw-border-opacity: 1; border-color: rgb(190 18 60 / var(--tw-border-opacity, 1)); }
.hover\:border-transparent:hover{ border-color: transparent; }
.hover\:border-white:hover{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.hover\:border-white\/25:hover{ border-color: rgb(255 255 255 / 0.25); }
.hover\:border-white\/30:hover{ border-color: rgb(255 255 255 / 0.3); }
.hover\:border-white\/40:hover{ border-color: rgb(255 255 255 / 0.4); }
.hover\:\!bg-neutral-100:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; }
.hover\:\!bg-neutral-200:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1)) !important; }
.hover\:\!bg-red-950:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1)) !important; }
.hover\:bg-\[\#141414\]:hover{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#1f1f1f\]:hover{ --tw-bg-opacity: 1; background-color: rgb(31 31 31 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#3f3f46\]:hover{ --tw-bg-opacity: 1; background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[color-mix\(in_oklab\2c var\(--color-neutral-900\)_5\%\2c transparent\)\]:hover{ background-color: color-mix(in oklab,var(--color-neutral-900) 5%,transparent); }
.hover\:bg-amber-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); }
.hover\:bg-amber-50:hover{ --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); }
.hover\:bg-black:hover{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); }
.hover\:bg-black\/5:hover{ background-color: rgb(0 0 0 / 0.05); }
.hover\:bg-blue-600:hover{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); }
.hover\:bg-emerald-100:hover{ --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); }
.hover\:bg-emerald-600:hover{ --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); }
.hover\:bg-emerald-700:hover{ --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1)); }
.hover\:bg-gray-100:hover{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); }
.hover\:bg-green-50:hover{ --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); }
.hover\:bg-green-700:hover{ --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); }
.hover\:bg-indigo-100:hover{ --tw-bg-opacity: 1; background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1)); }
.hover\:bg-neutral-100:hover{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.hover\:bg-neutral-200:hover{ --tw-bg-opacity: 1; background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1)); }
.hover\:bg-neutral-50:hover{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.hover\:bg-neutral-50\/50:hover{ background-color: rgb(255 255 255 / 0.5); }
.hover\:bg-neutral-50\/60:hover{ background-color: rgb(255 255 255 / 0.6); }
.hover\:bg-neutral-50\/70:hover{ background-color: rgb(255 255 255 / 0.7); }
.hover\:bg-neutral-600:hover{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.hover\:bg-neutral-700:hover{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.hover\:bg-neutral-800:hover{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.hover\:bg-neutral-800\/10:hover{ background-color: rgb(20 20 20 / 0.1); }
.hover\:bg-neutral-800\/5:hover{ background-color: rgb(20 20 20 / 0.05); }
.hover\:bg-neutral-900:hover{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.hover\:bg-neutral-950:hover{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.hover\:bg-red-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); }
.hover\:bg-red-50:hover{ --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); }
.hover\:bg-red-500:hover{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); }
.hover\:bg-red-500\/20:hover{ background-color: rgb(239 68 68 / 0.2); }
.hover\:bg-red-600:hover{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); }
.hover\:bg-red-700:hover{ --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); }
.hover\:bg-red-950:hover{ --tw-bg-opacity: 1; background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1)); }
.hover\:bg-rose-700:hover{ --tw-bg-opacity: 1; background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1)); }
.hover\:bg-transparent:hover{ background-color: transparent; }
.hover\:bg-white:hover{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.hover\:bg-white\/10:hover{ background-color: rgb(255 255 255 / 0.1); }
.hover\:bg-white\/15:hover{ background-color: rgb(255 255 255 / 0.15); }
.hover\:bg-white\/20:hover{ background-color: rgb(255 255 255 / 0.2); }
.hover\:bg-white\/5:hover{ background-color: rgb(255 255 255 / 0.05); }
.hover\:bg-yellow-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); }
.hover\:\!text-red-300:hover{ --tw-text-opacity: 1 !important; color: rgb(252 165 165 / var(--tw-text-opacity, 1)) !important; }
.hover\:\!text-white:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }
.hover\:text-\[\#141414\]:hover{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.hover\:text-\[\#ffffff\]:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.hover\:text-amber-700:hover{ --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); }
.hover\:text-amber-800:hover{ --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); }
.hover\:text-amber-900:hover{ --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); }
.hover\:text-blue-800:hover{ --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); }
.hover\:text-emerald-700:hover{ --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); }
.hover\:text-gray-400:hover{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); }
.hover\:text-gray-500:hover{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); }
.hover\:text-gray-700:hover{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); }
.hover\:text-green-700:hover{ --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); }
.hover\:text-green-800:hover{ --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)); }
.hover\:text-indigo-900:hover{ --tw-text-opacity: 1; color: rgb(49 46 129 / var(--tw-text-opacity, 1)); }
.hover\:text-neutral-200:hover{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.hover\:text-neutral-300:hover{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.hover\:text-neutral-500:hover{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.hover\:text-neutral-600:hover{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.hover\:text-neutral-700:hover{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.hover\:text-neutral-800:hover{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.hover\:text-neutral-900:hover{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.hover\:text-neutral-950:hover{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.hover\:text-orange-600:hover{ --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); }
.hover\:text-red-300:hover{ --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); }
.hover\:text-red-400:hover{ --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); }
.hover\:text-red-500:hover{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); }
.hover\:text-red-600:hover{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); }
.hover\:text-red-700:hover{ --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); }
.hover\:text-red-800:hover{ --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); }
.hover\:text-red-900:hover{ --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity, 1)); }
.hover\:text-rose-600:hover{ --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); }
.hover\:text-rose-700:hover{ --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); }
.hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.hover\:text-white\/80:hover{ color: rgb(255 255 255 / 0.8); }
.hover\:text-yellow-900:hover{ --tw-text-opacity: 1; color: rgb(113 63 18 / var(--tw-text-opacity, 1)); }
.hover\:underline:hover{ text-decoration-line: underline; }
.hover\:no-underline:hover{ text-decoration-line: none; }
.hover\:decoration-\[\#ffffff\]:hover{ text-decoration-color: #ffffff; }
.hover\:decoration-black:hover{ text-decoration-color: #000; }
.hover\:decoration-black\/50:hover{ text-decoration-color: rgb(0 0 0 / 0.5); }
.hover\:decoration-current:hover{ text-decoration-color: currentColor; }
.hover\:decoration-neutral-400:hover{ text-decoration-color: #d5d5d5; }
.hover\:decoration-neutral-600:hover{ text-decoration-color: #141414; }
.hover\:decoration-neutral-700:hover{ text-decoration-color: #141414; }
.hover\:decoration-neutral-950:hover{ text-decoration-color: #141414; }
.hover\:decoration-red-600:hover{ text-decoration-color: #dc2626; }
.hover\:opacity-100:hover{ opacity: 1; }
.hover\:opacity-70:hover{ opacity: 0.7; }
.hover\:opacity-75:hover{ opacity: 0.75; }
.hover\:opacity-80:hover{ opacity: 0.8; }
.hover\:opacity-90:hover{ opacity: 0.9; }
.hover\:shadow:hover{ --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); }
.hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.hover\:shadow-md:hover{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.hover\:shadow-sm:hover{ --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); }
.hover\:ring-1:hover{ --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); }
.hover\:ring-neutral-400:hover{ --tw-ring-opacity: 1; --tw-ring-color: rgb(213 213 213 / var(--tw-ring-opacity, 1)); }
    .hover\:dark:hover .bg-white {
        background-color: #181818 !important;
    }
    .dark .hover\:bg-white:hover {
        background-color: #181818 !important;
    }

    .hover\:dark:hover .bg-gray-50,.hover\:dark:hover .bg-neutral-50 {
        background-color: #181818 !important;
    }

    
    .dark .hover\:bg-neutral-50:hover {
        background-color: #181818 !important;
    }

    .hover\:dark:hover .bg-gray-100,.hover\:dark:hover .bg-neutral-100 {
        background-color: #1f1f1f !important;
    }

    .dark .hover\:bg-gray-100:hover {
        background-color: #1f1f1f !important;
    }

    .hover\:dark:hover .bg-gray-100,.hover\:dark:hover .bg-neutral-100 {
        background-color: #1f1f1f !important;
    }

    
    .dark .hover\:\!bg-neutral-100:hover {
        background-color: #1f1f1f !important;
    }

    
    .dark .hover\:bg-neutral-100:hover {
        background-color: #1f1f1f !important;
    }
    .hover\:dark:hover .public-site :is(div, article)[class~="bg-white"]:not(.public-mobile-navigation),.hover\:dark:hover .public-site :is(div, article)[class~="bg-neutral-50"],.hover\:dark:hover .public-site :is(div, article)[class~="bg-black"],.hover\:dark:hover .public-site :is(div, article)[class~="bg-neutral-950"][class~="border"] {
        background-color: #111111 !important;
    }

    .hover\:dark:hover .text-black,.hover\:dark:hover .text-gray-950,.hover\:dark:hover .text-neutral-950 {
        color: #ffffff !important;
    }

    
    .dark .hover\:text-neutral-950:hover {
        color: #ffffff !important;
    }

    .hover\:dark:hover .text-gray-900,.hover\:dark:hover .text-neutral-900 {
        color: #ffffff !important;
    }

    
    .dark .hover\:text-neutral-900:hover {
        color: #ffffff !important;
    }

    .hover\:dark:hover .text-gray-800,.hover\:dark:hover .text-neutral-800 {
        color: rgb(228 228 231) !important;
    }

    
    .dark .hover\:text-neutral-800:hover {
        color: rgb(228 228 231) !important;
    }

    .hover\:dark:hover .text-gray-700,.hover\:dark:hover .text-neutral-700 {
        color: rgb(212 212 216) !important;
    }

    .dark .hover\:text-gray-700:hover {
        color: rgb(212 212 216) !important;
    }

    .hover\:dark:hover .text-gray-700,.hover\:dark:hover .text-neutral-700 {
        color: rgb(212 212 216) !important;
    }

    
    .dark .hover\:text-neutral-700:hover {
        color: rgb(212 212 216) !important;
    }

    .hover\:dark:hover .text-gray-600,.hover\:dark:hover .text-neutral-600 {
        color: rgb(161 161 170) !important;
    }

    
    .dark .hover\:text-neutral-600:hover {
        color: rgb(161 161 170) !important;
    }

    .hover\:dark:hover .text-gray-500,.hover\:dark:hover .text-neutral-500 {
        color: rgb(113 113 122) !important;
    }

    .dark .hover\:text-gray-500:hover {
        color: rgb(113 113 122) !important;
    }

    .hover\:dark:hover .text-gray-500,.hover\:dark:hover .text-neutral-500 {
        color: rgb(113 113 122) !important;
    }

    
    .dark .hover\:text-neutral-500:hover {
        color: rgb(113 113 122) !important;
    }

    .hover\:dark:hover .text-gray-400,.hover\:dark:hover .text-neutral-400 {
        color: rgb(161 161 170) !important;
    }

    .dark .hover\:text-gray-400:hover {
        color: rgb(161 161 170) !important;
    }

    .hover\:dark:hover .text-gray-400,.hover\:dark:hover .text-neutral-400 {
        color: rgb(161 161 170) !important;
    }

    .hover\:dark:hover .border-gray-100,.hover\:dark:hover .border-gray-200,.hover\:dark:hover .border-gray-300,.hover\:dark:hover .border-neutral-100,.hover\:dark:hover .border-neutral-200,.hover\:dark:hover .border-neutral-300 {
        border-color: #313131 !important;
    }

    
    .dark .hover\:border-neutral-300:hover {
        border-color: #313131 !important;
    }

    .hover\:dark:hover [class*="border-black/"] {
        border-color: rgb(255 255 255 / 0.15) !important;
    }

    .hover\:dark:hover .hover\:bg-gray-50:hover,.hover\:dark:hover .hover\:bg-gray-100:hover {
        background-color: rgb(39 39 42) !important;
    }

    .hover\:dark:hover .hover\:text-gray-700:hover,.hover\:dark:hover .hover\:text-gray-800:hover {
        color: rgb(244 244 245) !important;
    }
.hover\:dark:hoverhtml body .profile-saved-links input:checked + label > [data-slot="radio-item-indicator"] {
    background-color: #fff !important;
}
.hover\:dark:hoverhtml body .profile-saved-links input:checked + label > [data-slot="radio-item-indicator"]::after {
    background-color: #fff !important;
}
.hover\:file\:bg-neutral-100::file-selector-button:hover{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.hover\:file\:bg-neutral-200::file-selector-button:hover{ --tw-bg-opacity: 1; background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1)); }
.hover\:file\:bg-neutral-700::file-selector-button:hover{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.hover\:file\:bg-white::file-selector-button:hover{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.hover\:file\:text-neutral-950::file-selector-button:hover{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
    .dark .hover\:file\:bg-white::file-selector-button:hover {
        background-color: #181818 !important;
    }

    
    .dark .hover\:file\:bg-neutral-100::file-selector-button:hover {
        background-color: #1f1f1f !important;
    }

    
    .dark .hover\:file\:text-neutral-950::file-selector-button:hover {
        color: #ffffff !important;
    }
.focus\:not-sr-only:focus{ position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; }
.focus\:fixed:focus{ position: fixed; }
.focus\:left-20:focus{ left: 5rem; }
.focus\:top-2:focus{ top: 0.5rem; }
.focus\:z-10:focus{ z-index: 10; }
.focus\:inline-block:focus{ display: inline-block; }
.focus\:border-\[\#52525B\]:focus{ --tw-border-opacity: 1; border-color: rgb(82 82 91 / var(--tw-border-opacity, 1)); }
.focus\:border-black\/15:focus{ border-color: rgb(0 0 0 / 0.15); }
.focus\:border-blue-300:focus{ --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); }
.focus\:border-cyan-700:focus{ --tw-border-opacity: 1; border-color: rgb(14 116 144 / var(--tw-border-opacity, 1)); }
.focus\:border-neutral-400:focus{ --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.focus\:border-neutral-500:focus{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.focus\:border-neutral-950:focus{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.focus\:border-pinkk-600:focus{ --tw-border-opacity: 1; border-color: rgb(217 108 143 / var(--tw-border-opacity, 1)); }
.focus\:border-red-400:focus{ --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); }
.focus\:border-red-500:focus{ --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); }
.focus\:border-red-600\/30:focus{ border-color: rgb(220 38 38 / 0.3); }
.focus\:border-white\/30:focus{ border-color: rgb(255 255 255 / 0.3); }
.focus\:border-white\/40:focus{ border-color: rgb(255 255 255 / 0.4); }
.focus\:\!bg-neutral-100:focus{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; }
.focus\:bg-neutral-100:focus{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.focus\:bg-neutral-50:focus{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.focus\:bg-white:focus{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.focus\:bg-white\/10:focus{ background-color: rgb(255 255 255 / 0.1); }
.focus\:bg-white\/5:focus{ background-color: rgb(255 255 255 / 0.05); }
.focus\:p-3:focus{ padding: 0.75rem; }
.focus\:opacity-100:focus{ opacity: 1; }
.focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; }
.focus\:outline:focus{ outline-style: solid; }
.focus\:outline-2:focus{ outline-width: 2px; }
.focus\:outline-red-500:focus{ outline-color: #ef4444; }
.focus\:\!ring-0:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + 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; }
.focus\:ring: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(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); }
.focus\:ring-0:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.focus\:ring-1:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.focus\:ring-2:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.focus\:ring-\[\#52525B\]:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(82 82 91 / var(--tw-ring-opacity, 1)); }
.focus\:ring-\[\#52525B\]\/20:focus{ --tw-ring-color: rgb(82 82 91 / 0.2); }
.focus\:ring-\[\#52525B\]\/30:focus{ --tw-ring-color: rgb(82 82 91 / 0.3); }
.focus\:ring-black\/20:focus{ --tw-ring-color: rgb(0 0 0 / 0.2); }
.focus\:ring-neutral-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(213 213 213 / var(--tw-ring-opacity, 1)); }
.focus\:ring-neutral-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(213 213 213 / var(--tw-ring-opacity, 1)); }
.focus\:ring-neutral-400\/30:focus{ --tw-ring-color: rgb(213 213 213 / 0.3); }
.focus\:ring-neutral-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(20 20 20 / var(--tw-ring-opacity, 1)); }
.focus\:ring-neutral-500\/20:focus{ --tw-ring-color: rgb(20 20 20 / 0.2); }
.focus\:ring-neutral-500\/30:focus{ --tw-ring-color: rgb(20 20 20 / 0.3); }
.focus\:ring-neutral-900\/15:focus{ --tw-ring-color: rgb(20 20 20 / 0.15); }
.focus\:ring-neutral-950:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(20 20 20 / var(--tw-ring-opacity, 1)); }
.focus\:ring-neutral-950\/15:focus{ --tw-ring-color: rgb(20 20 20 / 0.15); }
.focus\:ring-pinkk-600:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(217 108 143 / var(--tw-ring-opacity, 1)); }
.focus\:ring-red-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); }
.focus\:ring-red-500\/25:focus{ --tw-ring-color: rgb(239 68 68 / 0.25); }
.focus\:ring-red-600\/20:focus{ --tw-ring-color: rgb(220 38 38 / 0.2); }
.focus\:ring-white\/20:focus{ --tw-ring-color: rgb(255 255 255 / 0.2); }
.focus\:ring-white\/50:focus{ --tw-ring-color: rgb(255 255 255 / 0.5); }
.focus\:ring-offset-0:focus{ --tw-ring-offset-width: 0px; }
.focus\:ring-offset-2:focus{ --tw-ring-offset-width: 2px; }
.focus\:ring-offset-neutral-950:focus{ --tw-ring-offset-color: #141414; }
    .dark .focus\:bg-white:focus {
        background-color: #181818 !important;
    }

    
    .dark .focus\:bg-neutral-50:focus {
        background-color: #181818 !important;
    }

    
    .dark .focus\:\!bg-neutral-100:focus {
        background-color: #1f1f1f !important;
    }

    
    .dark .focus\:bg-neutral-100:focus {
        background-color: #1f1f1f !important;
    }
.focus-visible\:bg-neutral-100:focus-visible{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.focus-visible\:outline-none:focus-visible{ outline: 2px solid transparent; outline-offset: 2px; }
.focus-visible\:outline:focus-visible{ outline-style: solid; }
.focus-visible\:outline-1:focus-visible{ outline-width: 1px; }
.focus-visible\:outline-2:focus-visible{ outline-width: 2px; }
.focus-visible\:outline-offset-2:focus-visible{ outline-offset: 2px; }
.focus-visible\:outline-offset-4:focus-visible{ outline-offset: 4px; }
.focus-visible\:outline-neutral-500:focus-visible{ outline-color: #141414; }
.focus-visible\:outline-pinkk-400:focus-visible{ outline-color: #ffe3e3; }
.focus-visible\:outline-white:focus-visible{ outline-color: #fff; }
.focus-visible\:ring-2:focus-visible{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.focus-visible\:ring-inset:focus-visible{ --tw-ring-inset: inset; }
.focus-visible\:ring-\[\#D96C8F\]:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(217 108 143 / var(--tw-ring-opacity, 1)); }
.focus-visible\:ring-\[\#ffe3e3\]\/70:focus-visible{ --tw-ring-color: rgb(255 227 227 / 0.7); }
.focus-visible\:ring-\[var\(--color-primary\)\]:focus-visible{ --tw-ring-color: var(--color-primary); }
.focus-visible\:ring-neutral-400:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(213 213 213 / var(--tw-ring-opacity, 1)); }
.focus-visible\:ring-neutral-500:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(20 20 20 / var(--tw-ring-opacity, 1)); }
.focus-visible\:ring-neutral-950:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(20 20 20 / var(--tw-ring-opacity, 1)); }
.focus-visible\:ring-white:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); }
.focus-visible\:ring-offset-2:focus-visible{ --tw-ring-offset-width: 2px; }
.focus-visible\:ring-offset-4:focus-visible{ --tw-ring-offset-width: 4px; }
.focus-visible\:ring-offset-\[\#181818\]:focus-visible{ --tw-ring-offset-color: #181818; }

    
    .dark .focus-visible\:bg-neutral-100:focus-visible {
        background-color: #1f1f1f !important;
    }
.active\:translate-y-px:active{ --tw-translate-y: 1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.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\:cursor-grabbing:active{ cursor: grabbing; }
.active\:bg-gray-100:active{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); }
.active\:text-gray-500:active{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); }
.active\:text-gray-700:active{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); }
.active\:text-gray-800:active{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); }

    .dark .active\:bg-gray-100:active {
        background-color: #1f1f1f !important;
    }

    .dark .active\:text-gray-800:active {
        color: rgb(228 228 231) !important;
    }

    .dark .active\:text-gray-700:active {
        color: rgb(212 212 216) !important;
    }

    .dark .active\:text-gray-500:active {
        color: rgb(113 113 122) !important;
    }
.disabled\:pointer-events-none:disabled{ pointer-events: none; }
.disabled\:cursor-auto:disabled{ cursor: auto; }
.disabled\:cursor-default:disabled{ cursor: default; }
.disabled\:cursor-not-allowed:disabled{ cursor: not-allowed; }
.disabled\:cursor-wait:disabled{ cursor: wait; }
.disabled\:border-neutral-300:disabled{ --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.disabled\:bg-neutral-300:disabled{ --tw-bg-opacity: 1; background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1)); }
.disabled\:bg-neutral-50:disabled{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.disabled\:text-neutral-400:disabled{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.disabled\:text-neutral-500:disabled{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.disabled\:placeholder-neutral-400\/70:disabled::-moz-placeholder{ color: rgb(213 213 213 / 0.7); }
.disabled\:placeholder-neutral-400\/70:disabled::placeholder{ color: rgb(213 213 213 / 0.7); }
.disabled\:opacity-25:disabled{ opacity: 0.25; }
.disabled\:opacity-30:disabled{ opacity: 0.3; }
.disabled\:opacity-35:disabled{ opacity: 0.35; }
.disabled\:opacity-40:disabled{ opacity: 0.4; }
.disabled\:opacity-50:disabled{ opacity: 0.5; }
.disabled\:opacity-55:disabled{ opacity: 0.55; }
.disabled\:opacity-60:disabled{ opacity: 0.6; }
.disabled\:shadow-none:disabled{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

    
    .dark .disabled\:bg-neutral-50:disabled {
        background-color: #181818 !important;
    }

    
    .dark .disabled\:text-neutral-500:disabled {
        color: rgb(113 113 122) !important;
    }

    
    .dark .disabled\:text-neutral-400:disabled {
        color: rgb(161 161 170) !important;
    }

    
    .dark .disabled\:border-neutral-300:disabled {
        border-color: #313131 !important;
    }
.disabled\:hover\:bg-neutral-950:hover:disabled{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.disabled\:hover\:text-white:hover:disabled{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.group\/breadcrumbs:last-child .group-last\/breadcrumbs\:hidden{ display: none; }
.group[open] .group-open\:inline{ display: inline; }
.group[open] .group-open\:hidden{ display: none; }
.group[open] .group-open\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[open] .group-open\:rotate-90{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:focus-within .group-focus-within\:visible{ visibility: visible; }
.group:focus-within .group-focus-within\:opacity-100{ opacity: 1; }
.group:hover .group-hover\:visible{ visibility: visible; }
.group:hover .group-hover\:inline-block{ display: inline-block; }
.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-\[1\.03\]{ --tw-scale-x: 1.03; --tw-scale-y: 1.03; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:hover .group-hover\:border-neutral-400{ --tw-border-opacity: 1; border-color: rgb(213 213 213 / var(--tw-border-opacity, 1)); }
.group:hover .group-hover\:border-neutral-950{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.group:hover .group-hover\:border-white\/20{ border-color: rgb(255 255 255 / 0.2); }
.group:hover .group-hover\:border-white\/30{ border-color: rgb(255 255 255 / 0.3); }
.group:hover .group-hover\:bg-neutral-100{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.group:hover .group-hover\:bg-neutral-300{ --tw-bg-opacity: 1; background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1)); }
.group:hover .group-hover\:bg-neutral-800{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.group:hover .group-hover\:bg-neutral-950{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.group:hover .group-hover\:bg-transparent{ background-color: transparent; }
.group:hover .group-hover\:bg-white\/70{ background-color: rgb(255 255 255 / 0.7); }
.group:hover .group-hover\:\!text-\[\#ffe3e3\]{ --tw-text-opacity: 1 !important; color: rgb(255 227 227 / var(--tw-text-opacity, 1)) !important; }
.group:hover .group-hover\:\!text-\[var\(--color-primary-content\)\]{ color: var(--color-primary-content) !important; }
.group:hover .group-hover\:text-neutral-300{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.group:hover .group-hover\:text-neutral-400{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.group:hover .group-hover\:text-neutral-500{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.group:hover .group-hover\:text-neutral-600{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.group:hover .group-hover\:text-neutral-700{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.group:hover .group-hover\:text-neutral-900{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.group:hover .group-hover\:text-neutral-950{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.group:hover .group-hover\:text-pinkk-600{ --tw-text-opacity: 1; color: rgb(217 108 143 / var(--tw-text-opacity, 1)); }
.group:hover .group-hover\:text-red-300{ --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); }
.group:hover .group-hover\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.group:hover .group-hover\:underline{ text-decoration-line: underline; }
.group:hover .group-hover\:decoration-inherit{ text-decoration-color: inherit; }
.group:hover .group-hover\:decoration-neutral-400{ text-decoration-color: #d5d5d5; }
.group:hover .group-hover\:underline-offset-2{ text-underline-offset: 2px; }
.group:hover .group-hover\:underline-offset-4{ text-underline-offset: 4px; }
.group:hover .group-hover\:opacity-100{ opacity: 1; }
.group:hover .group-hover\:opacity-90{ opacity: 0.9; }
.group:hover .group-hover\:grayscale-0{ --tw-grayscale: grayscale(0); 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); }

    
    .dark .group:hover .group-hover\:bg-neutral-100 {
        background-color: #1f1f1f !important;
    }

    
    .dark .group:hover .group-hover\:text-neutral-950 {
        color: #ffffff !important;
    }

    
    .dark .group:hover .group-hover\:text-neutral-900 {
        color: #ffffff !important;
    }

    
    .dark .group:hover .group-hover\:text-neutral-700 {
        color: rgb(212 212 216) !important;
    }

    
    .dark .group:hover .group-hover\:text-neutral-600 {
        color: rgb(161 161 170) !important;
    }

    
    .dark .group:hover .group-hover\:text-neutral-500 {
        color: rgb(113 113 122) !important;
    }

    
    .dark .group:hover .group-hover\:text-neutral-400 {
        color: rgb(161 161 170) !important;
    }
.group:focus-visible .group-focus-visible\:opacity-100{ opacity: 1; }
.group.status-down .group-\[\.status-down\]\:bg-red-600{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); }
.peer:checked ~ .peer-checked\:flex{ display: flex; }
.peer:checked ~ .peer-checked\:border-neutral-950{ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.peer:checked ~ .peer-checked\:bg-neutral-950{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.peer:checked ~ .peer-checked\:bg-primary-content{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.peer:checked ~ .peer-checked\:bg-white\/80{ background-color: rgb(255 255 255 / 0.8); }
.peer:checked ~ .peer-checked\:font-medium{ font-weight: 500; }
.peer:checked ~ .peer-checked\:text-neutral-300{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.peer:checked ~ .peer-checked\:text-neutral-950{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.peer:checked ~ .peer-checked\:text-primary-fg{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.peer:checked ~ .peer-checked\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.peer:checked ~ .peer-checked\:opacity-100{ opacity: 1; }
.peer:checked ~ .peer-checked\:shadow-xs{ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

    
    .dark .peer:checked ~ .peer-checked\:text-neutral-950 {
        color: #ffffff !important;
    }
.peer:checked ~ .peer-checked\:after\:translate-x-full::after{ content: var(--tw-content); --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.peer:checked ~ .peer-checked\:hover\:text-primary-fg:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.peer:disabled ~ .peer-disabled\:opacity-50{ opacity: 0.5; }
.has-\[\:checked\]\:border-neutral-950:has(:checked){ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.has-\[\:checked\]\:border-neutral-950\/10:has(:checked){ border-color: rgb(20 20 20 / 0.1); }
.has-\[\:checked\]\:bg-neutral-950:has(:checked){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.has-\[\:checked\]\:bg-white\/5:has(:checked){ background-color: rgb(255 255 255 / 0.05); }
.has-\[\:checked\]\:text-white:has(:checked){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.data-\[slot\=input-prefix\]\:rounded-l-box[data-slot="input-prefix"]{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.data-\[slot\=input-suffix\]\:rounded-r-box[data-slot="input-suffix"]{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.data-\[active\=true\]\:border[data-active="true"]{ border-width: 1px; }
.data-\[active\=true\]\:border-b-0[data-active="true"]{ border-bottom-width: 0px; }
.data-\[checked\]\:border-\[var\(--color-primary\)\][data-checked]{ border-color: var(--color-primary); }
.data-\[indeterminate\]\:border-\[var\(--color-primary\)\][data-indeterminate]{ border-color: var(--color-primary); }
.data-\[open\=true\]\:border-black\/15[data-open="true"]{ border-color: rgb(0 0 0 / 0.15); }
.data-\[open\=true\]\:border-red-600\/30[data-open="true"]{ border-color: rgb(220 38 38 / 0.3); }
.data-\[open\=true\]\:border-white\/25[data-open="true"]{ border-color: rgb(255 255 255 / 0.25); }
.data-\[active\=true\]\:\!bg-neutral-100[data-active="true"]{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; }
.data-\[active\=true\]\:bg-neutral-800\/5[data-active="true"]{ background-color: rgb(20 20 20 / 0.05); }
.data-\[active\=true\]\:bg-neutral-900\/10[data-active="true"]{ background-color: rgb(20 20 20 / 0.1); }
.data-\[active\=true\]\:bg-neutral-950\/\[3\%\][data-active="true"]{ background-color: rgb(20 20 20 / 3%); }
.data-\[active\=true\]\:bg-white[data-active="true"]{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.data-\[checked\]\:bg-\[\#272727\][data-checked]{ --tw-bg-opacity: 1; background-color: rgb(39 39 39 / var(--tw-bg-opacity, 1)); }
.data-\[checked\]\:bg-\[var\(--color-primary\)\][data-checked]{ background-color: var(--color-primary); }
.data-\[checked\]\:bg-black[data-checked]{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); }
.data-\[checked\]\:bg-neutral-300[data-checked]{ --tw-bg-opacity: 1; background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1)); }
.data-\[checked\]\:bg-white[data-checked]{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.data-\[indeterminate\]\:bg-\[var\(--color-primary\)\][data-indeterminate]{ background-color: var(--color-primary); }
.data-\[checked\]\:text-\[\#181818\][data-checked]{ --tw-text-opacity: 1; color: rgb(24 24 24 / var(--tw-text-opacity, 1)); }
.data-\[checked\]\:text-\[var\(--color-primary-fg\)\][data-checked]{ color: var(--color-primary-fg); }
.data-\[checked\]\:text-white[data-checked]{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.data-\[open\=true\]\:outline-none[data-open="true"]{ outline: 2px solid transparent; outline-offset: 2px; }
.data-\[open\=true\]\:ring-2[data-open="true"]{ --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); }
.data-\[open\=true\]\:ring-neutral-900\/15[data-open="true"]{ --tw-ring-color: rgb(20 20 20 / 0.15); }
.data-\[open\=true\]\:ring-red-600\/20[data-open="true"]{ --tw-ring-color: rgb(220 38 38 / 0.2); }
.data-\[open\=true\]\:ring-white\/10[data-open="true"]{ --tw-ring-color: rgb(255 255 255 / 0.1); }
.data-\[open\=true\]\:ring-offset-0[data-open="true"]{ --tw-ring-offset-width: 0px; }
    .dark .data-\[active\=true\]\:bg-white[data-active="true"] {
        background-color: #181818 !important;
    }
    .dark .data-\[checked\]\:bg-white[data-checked] {
        background-color: #181818 !important;
    }

    
    .dark .data-\[active\=true\]\:\!bg-neutral-100[data-active="true"] {
        background-color: #1f1f1f !important;
    }
.group[data-selected="true"] .group-data-\[selected\=true\]\:opacity-100{ opacity: 1; }
.prose-headings\:font-medium :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){ font-weight: 500; }
.prose-headings\:font-semibold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){ font-weight: 600; }
.prose-headings\:tracking-\[-0\.02em\] :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){ letter-spacing: -0.02em; }
.prose-headings\:text-neutral-950 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }

    
    .dark .prose-headings\:text-neutral-950 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
        color: #ffffff !important;
    }
.prose-p\:my-2 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){ margin-top: 0.5rem; margin-bottom: 0.5rem; }
.prose-p\:leading-7 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){ line-height: 1.75rem; }
.prose-p\:text-neutral-600 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.prose-p\:text-neutral-700 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }

    
    .dark .prose-p\:text-neutral-700 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
        color: rgb(212 212 216) !important;
    }

    
    .dark .prose-p\:text-neutral-600 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
        color: rgb(161 161 170) !important;
    }
.prose-a\:break-words :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){ overflow-wrap: break-word; }
.prose-a\:text-neutral-950 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){ text-decoration-line: underline; }
.prose-a\:decoration-black\/20 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){ text-decoration-color: rgb(0 0 0 / 0.2); }
.prose-a\:underline-offset-2 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){ text-underline-offset: 2px; }

    
    .dark .prose-a\:text-neutral-950 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
        color: #ffffff !important;
    }
.hover\:prose-a\:decoration-black\/60 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover{ text-decoration-color: rgb(0 0 0 / 0.6); }
.prose-strong\:font-medium :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){ font-weight: 500; }
.prose-strong\:font-semibold :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){ font-weight: 600; }
.prose-strong\:text-neutral-950 :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }

    
    .dark .prose-strong\:text-neutral-950 :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
        color: #ffffff !important;
    }
.prose-em\:italic :is(:where(em):not(:where([class~="not-prose"],[class~="not-prose"] *))){ font-style: italic; }
.prose-code\:rounded :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){ border-radius: 0.25rem; }
.prose-code\:bg-neutral-100 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.prose-code\:px-1 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){ padding-left: 0.25rem; padding-right: 0.25rem; }
.prose-code\:py-0\.5 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){ padding-top: 0.125rem; padding-bottom: 0.125rem; }
.prose-code\:text-neutral-950 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }

    
    .dark .prose-code\:bg-neutral-100 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
        background-color: #1f1f1f !important;
    }

    
    .dark .prose-code\:text-neutral-950 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
        color: #ffffff !important;
    }
.prose-code\:before\:content-none :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before{ --tw-content: none; content: var(--tw-content); }
.prose-code\:after\:content-none :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)))::after{ --tw-content: none; content: var(--tw-content); }
.prose-ol\:my-2 :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))){ margin-top: 0.5rem; margin-bottom: 0.5rem; }
.prose-ul\:my-2 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))){ margin-top: 0.5rem; margin-bottom: 0.5rem; }
.prose-li\:my-0\.5 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){ margin-top: 0.125rem; margin-bottom: 0.125rem; }
.prose-li\:text-neutral-600 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.prose-li\:text-neutral-700 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }

    
    .dark .prose-li\:text-neutral-700 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
        color: rgb(212 212 216) !important;
    }

    
    .dark .prose-li\:text-neutral-600 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
        color: rgb(161 161 170) !important;
    }
.prose-hr\:border-black\/10 :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))){ border-color: rgb(0 0 0 / 0.1); }
@media (prefers-reduced-motion: reduce){
 .motion-reduce\:animate-none{ animation: none; } }
.dark\:divide-white\/15:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(255 255 255 / 0.15); }
.dark\:border-0:is(.dark *){ border-width: 0px; }
.dark\:border-gray-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); }
.dark\:border-neutral-300\/20:is(.dark *){ border-color: rgb(213 213 213 / 0.2); }
.dark\:border-neutral-700:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.dark\:border-neutral-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.dark\:border-red-400:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); }
.dark\:border-red-400\/30:is(.dark *){ border-color: rgb(248 113 113 / 0.3); }
.dark\:border-white:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.dark\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); }
.dark\:border-white\/15:is(.dark *){ border-color: rgb(255 255 255 / 0.15); }
.dark\:border-white\/20:is(.dark *){ border-color: rgb(255 255 255 / 0.2); }
.dark\:border-white\/40:is(.dark *){ border-color: rgb(255 255 255 / 0.4); }
.dark\:border-white\/5:is(.dark *){ border-color: rgb(255 255 255 / 0.05); }
.dark\:border-b-white:is(.dark *){ --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.dark\:border-r-white:is(.dark *){ --tw-border-opacity: 1; border-right-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.dark\:border-t-white:is(.dark *){ --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.dark\:bg-amber-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)); }
.dark\:bg-black\/40:is(.dark *){ background-color: rgb(0 0 0 / 0.4); }
.dark\:bg-blue-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1)); }
.dark\:bg-cyan-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1)); }
.dark\:bg-emerald-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1)); }
.dark\:bg-fuchsia-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(232 121 249 / var(--tw-bg-opacity, 1)); }
.dark\:bg-gray-300\/30:is(.dark *){ background-color: rgb(209 213 219 / 0.3); }
.dark\:bg-gray-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); }
.dark\:bg-gray-800:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); }
.dark\:bg-green-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1)); }
.dark\:bg-indigo-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(129 140 248 / var(--tw-bg-opacity, 1)); }
.dark\:bg-lime-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(163 230 53 / var(--tw-bg-opacity, 1)); }
.dark\:bg-neutral-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1)); }
.dark\:bg-neutral-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:bg-neutral-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:bg-neutral-800:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:bg-neutral-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:bg-neutral-900\/40:is(.dark *){ background-color: rgb(20 20 20 / 0.4); }
.dark\:bg-neutral-900\/60:is(.dark *){ background-color: rgb(20 20 20 / 0.6); }
.dark\:bg-neutral-950:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:bg-orange-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1)); }
.dark\:bg-pink-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(244 114 182 / var(--tw-bg-opacity, 1)); }
.dark\:bg-purple-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1)); }
.dark\:bg-red-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); }
.dark\:bg-red-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); }
.dark\:bg-rose-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1)); }
.dark\:bg-sky-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1)); }
.dark\:bg-teal-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(45 212 191 / var(--tw-bg-opacity, 1)); }
.dark\:bg-violet-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1)); }
.dark\:bg-white:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.dark\:bg-white\/10:is(.dark *){ background-color: rgb(255 255 255 / 0.1); }
.dark\:bg-white\/5:is(.dark *){ background-color: rgb(255 255 255 / 0.05); }
.dark\:bg-white\/\[0\.06\]:is(.dark *){ background-color: rgb(255 255 255 / 0.06); }
.dark\:bg-yellow-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1)); }
.dark\:bg-zinc-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1)); }
.dark\:\!text-neutral-400:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(213 213 213 / var(--tw-text-opacity, 1)) !important; }
.dark\:\!text-neutral-500:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(20 20 20 / var(--tw-text-opacity, 1)) !important; }
.dark\:\!text-white:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }
.dark\:text-gray-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); }
.dark\:text-gray-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); }
.dark\:text-gray-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); }
.dark\:text-gray-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); }
.dark\:text-neutral-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.dark\:text-neutral-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.dark\:text-neutral-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.dark\:text-neutral-50:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.dark\:text-neutral-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.dark\:text-neutral-900:is(.dark *){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.dark\:text-neutral-950:is(.dark *){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.dark\:text-red-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); }
.dark\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.dark\:text-white\/70:is(.dark *){ color: rgb(255 255 255 / 0.7); }
.dark\:decoration-white\/20:is(.dark *){ text-decoration-color: rgb(255 255 255 / 0.2); }
.dark\:placeholder-neutral-400:is(.dark *)::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(213 213 213 / var(--tw-placeholder-opacity, 1)); }
.dark\:placeholder-neutral-400:is(.dark *)::placeholder{ --tw-placeholder-opacity: 1; color: rgb(213 213 213 / var(--tw-placeholder-opacity, 1)); }
.dark\:shadow-none:is(.dark *){ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.dark\:shadow-sm:is(.dark *){ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.dark\:shadow-red-400:is(.dark *){ --tw-shadow-color: #f87171; --tw-shadow: var(--tw-shadow-colored); }
.dark\:ring-neutral-900:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(20 20 20 / var(--tw-ring-opacity, 1)); }
.dark\:ring-white\/10:is(.dark *){ --tw-ring-color: rgb(255 255 255 / 0.1); }
.dark\:backdrop-blur-lg:is(.dark *){ --tw-backdrop-blur: blur(16px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
    .dark .dark\:bg-white:is(.dark *) {
        background-color: #181818 !important;
    }

    
    .dark .dark\:text-neutral-950:is(.dark *) {
        color: #ffffff !important;
    }

    
    .dark .dark\:text-neutral-900:is(.dark *) {
        color: #ffffff !important;
    }

    .dark .dark\:text-gray-600:is(.dark *) {
        color: rgb(161 161 170) !important;
    }

    
    .dark .dark\:\!text-neutral-500:is(.dark *) {
        color: rgb(113 113 122) !important;
    }

    
    .dark .dark\:text-neutral-500:is(.dark *) {
        color: rgb(113 113 122) !important;
    }

    .dark .dark\:text-gray-400:is(.dark *) {
        color: rgb(161 161 170) !important;
    }

    
    .dark .dark\:\!text-neutral-400:is(.dark *) {
        color: rgb(161 161 170) !important;
    }

    
    .dark .dark\:text-neutral-400:is(.dark *) {
        color: rgb(161 161 170) !important;
    }
.dark\:\[--color-primary-content\:var\(--color-amber-400\)\]:is(.dark *){ --color-primary-content: var(--color-amber-400); }
.dark\:\[--color-primary-content\:var\(--color-blue-400\)\]:is(.dark *){ --color-primary-content: var(--color-blue-400); }
.dark\:\[--color-primary-content\:var\(--color-cyan-400\)\]:is(.dark *){ --color-primary-content: var(--color-cyan-400); }
.dark\:\[--color-primary-content\:var\(--color-emerald-400\)\]:is(.dark *){ --color-primary-content: var(--color-emerald-400); }
.dark\:\[--color-primary-content\:var\(--color-fuchsia-400\)\]:is(.dark *){ --color-primary-content: var(--color-fuchsia-400); }
.dark\:\[--color-primary-content\:var\(--color-green-400\)\]:is(.dark *){ --color-primary-content: var(--color-green-400); }
.dark\:\[--color-primary-content\:var\(--color-indigo-300\)\]:is(.dark *){ --color-primary-content: var(--color-indigo-300); }
.dark\:\[--color-primary-content\:var\(--color-lime-400\)\]:is(.dark *){ --color-primary-content: var(--color-lime-400); }
.dark\:\[--color-primary-content\:var\(--color-orange-400\)\]:is(.dark *){ --color-primary-content: var(--color-orange-400); }
.dark\:\[--color-primary-content\:var\(--color-pink-400\)\]:is(.dark *){ --color-primary-content: var(--color-pink-400); }
.dark\:\[--color-primary-content\:var\(--color-purple-300\)\]:is(.dark *){ --color-primary-content: var(--color-purple-300); }
.dark\:\[--color-primary-content\:var\(--color-red-400\)\]:is(.dark *){ --color-primary-content: var(--color-red-400); }
.dark\:\[--color-primary-content\:var\(--color-rose-400\)\]:is(.dark *){ --color-primary-content: var(--color-rose-400); }
.dark\:\[--color-primary-content\:var\(--color-sky-400\)\]:is(.dark *){ --color-primary-content: var(--color-sky-400); }
.dark\:\[--color-primary-content\:var\(--color-teal-400\)\]:is(.dark *){ --color-primary-content: var(--color-teal-400); }
.dark\:\[--color-primary-content\:var\(--color-violet-400\)\]:is(.dark *){ --color-primary-content: var(--color-violet-400); }
.dark\:\[--color-primary-content\:var\(--color-white\)\]:is(.dark *){ --color-primary-content: var(--color-white); }
.dark\:\[--color-primary-content\:var\(--color-yellow-400\)\]:is(.dark *){ --color-primary-content: var(--color-yellow-400); }
.dark\:\[--color-primary-fg\:var\(--color-amber-950\)\]:is(.dark *){ --color-primary-fg: var(--color-amber-950); }
.dark\:\[--color-primary-fg\:var\(--color-lime-950\)\]:is(.dark *){ --color-primary-fg: var(--color-lime-950); }
.dark\:\[--color-primary-fg\:var\(--color-neutral-50\)\]:is(.dark *){ --color-primary-fg: var(--color-neutral-50); }
.dark\:\[--color-primary-fg\:var\(--color-neutral-800\)\]:is(.dark *){ --color-primary-fg: var(--color-neutral-800); }
.dark\:\[--color-primary-fg\:var\(--color-orange-950\)\]:is(.dark *){ --color-primary-fg: var(--color-orange-950); }
.dark\:\[--color-primary-fg\:var\(--color-slate-800\)\]:is(.dark *){ --color-primary-fg: var(--color-slate-800); }
.dark\:\[--color-primary-fg\:var\(--color-stone-800\)\]:is(.dark *){ --color-primary-fg: var(--color-stone-800); }
.dark\:\[--color-primary-fg\:var\(--color-yellow-950\)\]:is(.dark *){ --color-primary-fg: var(--color-yellow-950); }
.dark\:\[--color-primary-fg\:var\(--color-zinc-800\)\]:is(.dark *){ --color-primary-fg: var(--color-zinc-800); }
.dark\:\[--color-primary\:var\(--color-amber-400\)\]:is(.dark *){ --color-primary: var(--color-amber-400); }
.dark\:\[--color-primary\:var\(--color-blue-500\)\]:is(.dark *){ --color-primary: var(--color-blue-500); }
.dark\:\[--color-primary\:var\(--color-cyan-600\)\]:is(.dark *){ --color-primary: var(--color-cyan-600); }
.dark\:\[--color-primary\:var\(--color-emerald-600\)\]:is(.dark *){ --color-primary: var(--color-emerald-600); }
.dark\:\[--color-primary\:var\(--color-fuchsia-600\)\]:is(.dark *){ --color-primary: var(--color-fuchsia-600); }
.dark\:\[--color-primary\:var\(--color-green-600\)\]:is(.dark *){ --color-primary: var(--color-green-600); }
.dark\:\[--color-primary\:var\(--color-indigo-500\)\]:is(.dark *){ --color-primary: var(--color-indigo-500); }
.dark\:\[--color-primary\:var\(--color-lime-400\)\]:is(.dark *){ --color-primary: var(--color-lime-400); }
.dark\:\[--color-primary\:var\(--color-orange-400\)\]:is(.dark *){ --color-primary: var(--color-orange-400); }
.dark\:\[--color-primary\:var\(--color-pink-600\)\]:is(.dark *){ --color-primary: var(--color-pink-600); }
.dark\:\[--color-primary\:var\(--color-purple-500\)\]:is(.dark *){ --color-primary: var(--color-purple-500); }
.dark\:\[--color-primary\:var\(--color-red-500\)\]:is(.dark *){ --color-primary: var(--color-red-500); }
.dark\:\[--color-primary\:var\(--color-rose-500\)\]:is(.dark *){ --color-primary: var(--color-rose-500); }
.dark\:\[--color-primary\:var\(--color-sky-600\)\]:is(.dark *){ --color-primary: var(--color-sky-600); }
.dark\:\[--color-primary\:var\(--color-teal-600\)\]:is(.dark *){ --color-primary: var(--color-teal-600); }
.dark\:\[--color-primary\:var\(--color-violet-500\)\]:is(.dark *){ --color-primary: var(--color-violet-500); }
.dark\:\[--color-primary\:var\(--color-white\)\]:is(.dark *){ --color-primary: var(--color-white); }
.dark\:\[--color-primary\:var\(--color-yellow-400\)\]:is(.dark *){ --color-primary: var(--color-yellow-400); }
.dark\:placeholder\:text-neutral-400:is(.dark *)::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.dark\:placeholder\:text-neutral-400:is(.dark *)::placeholder{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }

    
    .dark .dark\:placeholder\:text-neutral-400:is(.dark *)::-moz-placeholder {
        color: rgb(161 161 170) !important;
    }

    
    .dark .dark\:placeholder\:text-neutral-400:is(.dark *)::placeholder {
        color: rgb(161 161 170) !important;
    }
.dark\:before\:via-neutral-600\/40:is(.dark *)::before{ content: var(--tw-content); --tw-gradient-to: rgb(20 20 20 / 0)  var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(20 20 20 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.dark\:after\:bg-black:is(.dark *)::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); }
.dark\:after\:bg-neutral-900:is(.dark *)::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:focus-within\:bg-red-400\/20:focus-within:is(.dark *){ background-color: rgb(248 113 113 / 0.2); }
.dark\:focus-within\:bg-white\/5:focus-within:is(.dark *){ background-color: rgb(255 255 255 / 0.05); }
.dark\:focus-within\:text-red-400:focus-within:is(.dark *){ --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); }
.dark\:hover\:border-neutral-500:hover:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(20 20 20 / var(--tw-border-opacity, 1)); }
.dark\:hover\:bg-\[color-mix\(in_oklab\2c var\(--color-white\)_5\%\2c transparent\)\]:hover:is(.dark *){ background-color: color-mix(in oklab,var(--color-white) 5%,transparent); }
.dark\:hover\:bg-gray-900:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); }
.dark\:hover\:bg-neutral-700:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:hover\:bg-neutral-800:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:hover\:bg-red-400\/20:hover:is(.dark *){ background-color: rgb(248 113 113 / 0.2); }
.dark\:hover\:bg-red-500:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); }
.dark\:hover\:bg-white\/10:hover:is(.dark *){ background-color: rgb(255 255 255 / 0.1); }
.dark\:hover\:bg-white\/20:hover:is(.dark *){ background-color: rgb(255 255 255 / 0.2); }
.dark\:hover\:bg-white\/5:hover:is(.dark *){ background-color: rgb(255 255 255 / 0.05); }
.dark\:hover\:text-gray-200:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); }
.dark\:hover\:text-gray-300:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); }
.dark\:hover\:text-white:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.dark\:focus\:border-blue-700:focus:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity, 1)); }
.dark\:focus\:border-blue-800:focus:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)); }
.dark\:focus\:border-red-400:focus:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); }
.dark\:focus\:border-red-400\/30:focus:is(.dark *){ border-color: rgb(248 113 113 / 0.3); }
.dark\:focus\:border-white\/20:focus:is(.dark *){ border-color: rgb(255 255 255 / 0.2); }
.focus\:dark\:bg-neutral-700:is(.dark *):focus{ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:focus\:ring-neutral-100\/15:focus:is(.dark *){ --tw-ring-color: rgb(255 255 255 / 0.15); }
.dark\:focus\:ring-red-400\/20:focus:is(.dark *){ --tw-ring-color: rgb(248 113 113 / 0.2); }
.dark\:focus\:ring-red-400\/25:focus:is(.dark *){ --tw-ring-color: rgb(248 113 113 / 0.25); }
.dark\:active\:bg-gray-700:active:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); }
.dark\:active\:text-gray-300:active:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); }
.dark\:disabled\:bg-neutral-800:disabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:disabled\:text-neutral-400:disabled:is(.dark *){ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.dark\:disabled\:placeholder-neutral-500:disabled:is(.dark *)::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(20 20 20 / var(--tw-placeholder-opacity, 1)); }
.dark\:disabled\:placeholder-neutral-500:disabled:is(.dark *)::placeholder{ --tw-placeholder-opacity: 1; color: rgb(20 20 20 / var(--tw-placeholder-opacity, 1)); }
.dark\:disabled\:opacity-55:disabled:is(.dark *){ opacity: 0.55; }

    
    .dark .dark\:disabled\:text-neutral-400:disabled:is(.dark *) {
        color: rgb(161 161 170) !important;
    }
.peer:checked ~ .dark\:peer-checked\:bg-neutral-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:has-\[\:checked\]\:border-white\/10:has(:checked):is(.dark *){ border-color: rgb(255 255 255 / 0.1); }
.dark\:has-\[\:checked\]\:bg-neutral-700:has(:checked):is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:data-\[open\=true\]\:border-red-400\/30[data-open="true"]:is(.dark *){ border-color: rgb(248 113 113 / 0.3); }
.dark\:data-\[open\=true\]\:border-white\/20[data-open="true"]:is(.dark *){ border-color: rgb(255 255 255 / 0.2); }
.dark\:data-\[active\=true\]\:bg-neutral-800[data-active="true"]:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:data-\[active\=true\]\:bg-white\/10[data-active="true"]:is(.dark *){ background-color: rgb(255 255 255 / 0.1); }
.dark\:data-\[active\=true\]\:bg-white\/5[data-active="true"]:is(.dark *){ background-color: rgb(255 255 255 / 0.05); }
.dark\:data-\[active\=true\]\:bg-white\/\[3\%\][data-active="true"]:is(.dark *){ background-color: rgb(255 255 255 / 3%); }
.dark\:data-\[checked\]\:bg-neutral-700[data-checked]:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
.dark\:data-\[open\=true\]\:ring-neutral-100\/15[data-open="true"]:is(.dark *){ --tw-ring-color: rgb(255 255 255 / 0.15); }
.dark\:data-\[open\=true\]\:ring-red-400\/20[data-open="true"]:is(.dark *){ --tw-ring-color: rgb(248 113 113 / 0.2); }
@media (min-width: 640px){
 .sm\:inset-x-auto{ left: auto; right: auto; }
 .sm\:bottom-6{ bottom: 1.5rem; }
 .sm\:left-1\/2{ left: 50%; }
 .sm\:left-auto{ left: auto; }
 .sm\:right-6{ right: 1.5rem; }
 .sm\:col-span-1{ grid-column: span 1 / span 1; }
 .sm\:col-span-2{ grid-column: span 2 / span 2; }
 .sm\:col-span-3{ grid-column: span 3 / span 3; }
 .sm\:-mx-0{ margin-left: -0px; margin-right: -0px; }
 .sm\:-mx-6{ margin-left: -1.5rem; margin-right: -1.5rem; }
 .sm\:mx-4{ margin-left: 1rem; margin-right: 1rem; }
 .sm\:mx-auto{ margin-left: auto; margin-right: auto; }
 .sm\:ml-2{ margin-left: 0.5rem; }
 .sm\:ml-auto{ margin-left: auto; }
 .sm\:block{ display: block; }
 .sm\:inline{ display: inline; }
 .sm\:flex{ display: flex; }
 .sm\:inline-flex{ display: inline-flex; }
 .sm\:table-cell{ display: table-cell; }
 .sm\:hidden{ display: none; }
 .sm\:h-11{ height: 2.75rem; }
 .sm\:h-14{ height: 3.5rem; }
 .sm\:h-20{ height: 5rem; }
 .sm\:h-24{ height: 6rem; }
 .sm\:h-28{ height: 7rem; }
 .sm\:min-h-\[448px\]{ min-height: 448px; }
 .sm\:min-h-\[500px\]{ min-height: 500px; }
 .sm\:min-h-\[640px\]{ min-height: 640px; }
 .sm\:min-h-\[680px\]{ min-height: 680px; }
 .sm\:w-1\/2{ width: 50%; }
 .sm\:w-11{ width: 2.75rem; }
 .sm\:w-12{ width: 3rem; }
 .sm\:w-20{ width: 5rem; }
 .sm\:w-24{ width: 6rem; }
 .sm\:w-28{ width: 7rem; }
 .sm\:w-3\/4{ width: 75%; }
 .sm\:w-36{ width: 9rem; }
 .sm\:w-44{ width: 11rem; }
 .sm\:w-48{ width: 12rem; }
 .sm\:w-52{ width: 13rem; }
 .sm\:w-56{ width: 14rem; }
 .sm\:w-64{ width: 16rem; }
 .sm\:w-80{ width: 20rem; }
 .sm\:w-96{ width: 24rem; }
 .sm\:w-auto{ width: auto; }
 .sm\:w-full{ width: 100%; }
 .sm\:min-w-\[220px\]{ min-width: 220px; }
 .sm\:max-w-2xl{ max-width: 42rem; }
 .sm\:max-w-96{ max-width: 24rem; }
 .sm\:max-w-lg{ max-width: 32rem; }
 .sm\:max-w-md{ max-width: 28rem; }
 .sm\:max-w-sm{ max-width: 24rem; }
 .sm\:max-w-xl{ max-width: 36rem; }
 .sm\:max-w-xs{ max-width: 20rem; }
 .sm\:flex-1{ flex: 1 1 0%; }
 .sm\:basis-auto{ flex-basis: auto; }
 .sm\:-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)); }
 .sm\:translate-y-0{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
 .sm\:scale-100{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
 .sm\:scale-95{ --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
 .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .sm\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .sm\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
 .sm\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
 .sm\:grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
 .sm\:grid-cols-\[110px_minmax\(0\2c 1fr\)_auto\]{ grid-template-columns: 110px minmax(0,1fr) auto; }
 .sm\:grid-cols-\[120px_1fr\]{ grid-template-columns: 120px 1fr; }
 .sm\:grid-cols-\[180px_1fr\]{ grid-template-columns: 180px 1fr; }
 .sm\:grid-cols-\[80px_minmax\(0\2c 1fr\)\]{ grid-template-columns: 80px minmax(0,1fr); }
 .sm\:grid-cols-\[auto_minmax\(0\2c 1fr\)_auto\]{ grid-template-columns: auto minmax(0,1fr) auto; }
 .sm\:grid-cols-\[minmax\(0\2c 1fr\)_10rem_12rem_auto\]{ grid-template-columns: minmax(0,1fr) 10rem 12rem auto; }
 .sm\:flex-row{ flex-direction: row; }
 .sm\:flex-col{ flex-direction: column; }
 .sm\:flex-wrap{ flex-wrap: wrap; }
 .sm\:items-start{ align-items: flex-start; }
 .sm\:items-end{ align-items: flex-end; }
 .sm\:items-center{ align-items: center; }
 .sm\:justify-start{ justify-content: flex-start; }
 .sm\:justify-center{ justify-content: center; }
 .sm\:justify-between{ justify-content: space-between; }
 .sm\:gap-1{ gap: 0.25rem; }
 .sm\:gap-10{ gap: 2.5rem; }
 .sm\:gap-12{ gap: 3rem; }
 .sm\:gap-2{ gap: 0.5rem; }
 .sm\:gap-3{ gap: 0.75rem; }
 .sm\:gap-5{ gap: 1.25rem; }
 .sm\:gap-6{ gap: 1.5rem; }
 .sm\:gap-8{ gap: 2rem; }
 .sm\:gap-x-8{ -moz-column-gap: 2rem; column-gap: 2rem; }
 .sm\:space-y-20 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(5rem * var(--tw-space-y-reverse)); }
 .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); }
 .sm\:divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); }
 .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); }
 .sm\:self-center{ align-self: center; }
 .sm\:border{ border-width: 1px; }
 .sm\:border-l{ border-left-width: 1px; }
 .sm\:border-black\/10{ border-color: rgb(0 0 0 / 0.1); }
 .sm\:p-10{ padding: 2.5rem; }
 .sm\:p-12{ padding: 3rem; }
 .sm\:p-14{ padding: 3.5rem; }
 .sm\:p-20{ padding: 5rem; }
 .sm\:p-4{ padding: 1rem; }
 .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-12{ padding-left: 3rem; padding-right: 3rem; }
 .sm\:px-16{ padding-left: 4rem; padding-right: 4rem; }
 .sm\:px-4{ padding-left: 1rem; padding-right: 1rem; }
 .sm\:px-5{ padding-left: 1.25rem; padding-right: 1.25rem; }
 .sm\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; }
 .sm\:px-7{ padding-left: 1.75rem; padding-right: 1.75rem; }
 .sm\:px-8{ padding-left: 2rem; padding-right: 2rem; }
 .sm\:py-12{ padding-top: 3rem; padding-bottom: 3rem; }
 .sm\:py-16{ padding-top: 4rem; padding-bottom: 4rem; }
 .sm\:py-20{ padding-top: 5rem; padding-bottom: 5rem; }
 .sm\:py-24{ padding-top: 6rem; padding-bottom: 6rem; }
 .sm\:py-28{ padding-top: 7rem; padding-bottom: 7rem; }
 .sm\:py-32{ padding-top: 8rem; padding-bottom: 8rem; }
 .sm\:py-4{ padding-top: 1rem; padding-bottom: 1rem; }
 .sm\:py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; }
 .sm\:py-8{ padding-top: 2rem; padding-bottom: 2rem; }
 .sm\:py-9{ padding-top: 2.25rem; padding-bottom: 2.25rem; }
 .sm\:pb-0{ padding-bottom: 0px; }
 .sm\:pb-8{ padding-bottom: 2rem; }
 .sm\:pl-0{ padding-left: 0px; }
 .sm\:pl-10{ padding-left: 2.5rem; }
 .sm\:pl-4{ padding-left: 1rem; }
 .sm\:pt-0{ padding-top: 0px; }
 .sm\:pt-12{ padding-top: 3rem; }
 .sm\:pt-16{ padding-top: 4rem; }
 .sm\:text-right{ text-align: right; }
 .sm\:\!text-2xl{ font-size: 1.5rem !important; line-height: 2rem !important; }
 .sm\:\!text-3xl{ font-size: 1.875rem !important; line-height: 2.25rem !important; }
 .sm\:\!text-5xl{ font-size: 3rem !important; line-height: 1 !important; }
 .sm\:text-2xl{ font-size: 1.5rem; line-height: 2rem; }
 .sm\:text-3xl{ font-size: 1.875rem; line-height: 2.25rem; }
 .sm\:text-4xl{ font-size: 2.25rem; line-height: 2.5rem; }
 .sm\:text-5xl{ font-size: 3rem; line-height: 1; }
 .sm\:text-6xl{ font-size: 3.75rem; line-height: 1; }
 .sm\:text-base{ font-size: 1rem; line-height: 1.5rem; }
 .sm\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; }
 .sm\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; }
 .sm\:\!leading-8{ line-height: 2rem !important; }
 .sm\:\!leading-9{ line-height: 2.25rem !important; }
 .sm\:\!leading-none{ line-height: 1 !important; } }
@media (min-width: 768px){
 .md\:col-span-1{ grid-column: span 1 / span 1; }
 .md\:col-span-2{ grid-column: span 2 / span 2; }
 .md\:flex{ display: flex; }
 .md\:table-cell{ display: table-cell; }
 .md\:h-\[calc\(100vh-2rem\)\]{ height: calc(100vh - 2rem); }
 .md\:max-h-\[calc\(100vh_-_3\.5rem\)\]{ max-height: calc(100vh - 3.5rem); }
 .md\:max-w-\[calc\(min\(100vw_-_2rem\2c 72rem\)_-_17rem_-_1\.5rem\)\]{ max-width: calc(min(100vw - 2rem, 72rem) - 17rem - 1.5rem); }
 .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .md\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
 .md\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
 .md\:grid-cols-\[0\.85fr_1\.15fr\]{ grid-template-columns: 0.85fr 1.15fr; }
 .md\:grid-cols-\[auto_1fr\]{ grid-template-columns: auto 1fr; }
 .md\:grid-cols-\[minmax\(0\2c 1fr\)_17rem\]{ grid-template-columns: minmax(0,1fr) 17rem; }
 .md\:grid-cols-\[minmax\(14rem\2c 0\.8fr\)_minmax\(0\2c 1\.2fr\)\]{ grid-template-columns: minmax(14rem,0.8fr) minmax(0,1.2fr); }
 .md\:items-start{ align-items: flex-start; }
 .md\:items-end{ align-items: flex-end; }
 .md\:items-center{ align-items: center; }
 .md\:gap-12{ gap: 3rem; }
 .md\:gap-x-8{ -moz-column-gap: 2rem; column-gap: 2rem; }
 .md\:divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); }
 .md\:overflow-hidden{ overflow: hidden; }
 .md\:overflow-y-auto{ overflow-y: auto; }
 .md\:border-l{ border-left-width: 1px; }
 .md\:border-t-0{ border-top-width: 0px; }
 .md\:pl-8{ padding-left: 2rem; }
 .md\:pr-8{ padding-right: 2rem; }
 .md\:text-2xl{ font-size: 1.5rem; line-height: 2rem; }
 .md\:text-3xl{ font-size: 1.875rem; line-height: 2.25rem; }
 .md\:opacity-0{ opacity: 0; }
 .group:focus-within .md\:group-focus-within\:opacity-100{ opacity: 1; }
 .group:hover .md\:group-hover\:opacity-100{ opacity: 1; } }
@media (min-width: 1024px){
 .lg\:sticky{ position: sticky; }
 .lg\:top-24{ top: 6rem; }
 .lg\:top-6{ top: 1.5rem; }
 .lg\:top-8{ top: 2rem; }
 .lg\:col-span-1{ grid-column: span 1 / span 1; }
 .lg\:col-span-2{ grid-column: span 2 / span 2; }
 .lg\:col-span-3{ grid-column: span 3 / span 3; }
 .lg\:col-span-4{ grid-column: span 4 / span 4; }
 .lg\:col-span-8{ grid-column: span 8 / span 8; }
 .lg\:col-span-full{ grid-column: 1 / -1; }
 .lg\:col-start-1{ grid-column-start: 1; }
 .lg\:col-start-2{ grid-column-start: 2; }
 .lg\:row-start-1{ grid-row-start: 1; }
 .lg\:row-start-2{ grid-row-start: 2; }
 .lg\:row-end-3{ grid-row-end: 3; }
 .lg\:-mx-8{ margin-left: -2rem; margin-right: -2rem; }
 .lg\:mt-0{ margin-top: 0px; }
 .lg\:block{ display: block; }
 .lg\:flex{ display: flex; }
 .lg\:table-cell{ display: table-cell; }
 .lg\:hidden{ display: none; }
 .lg\:h-\[420px\]{ height: 420px; }
 .lg\:h-full{ height: 100%; }
 .lg\:max-h-\[calc\(100vh-4rem\)\]{ max-height: calc(100vh - 4rem); }
 .lg\:w-1\/2{ width: 50%; }
 .lg\:max-w-\[calc\(min\(100vw_-_2rem\2c 72rem\)_-_20rem_-_1\.5rem\)\]{ max-width: calc(min(100vw - 2rem, 72rem) - 20rem - 1.5rem); }
 .lg\:max-w-md{ max-width: 28rem; }
 .lg\:grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
 .lg\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); }
 .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .lg\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
 .lg\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
 .lg\:grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
 .lg\:grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); }
 .lg\:grid-cols-9{ grid-template-columns: repeat(9, minmax(0, 1fr)); }
 .lg\:grid-cols-\[0\.95fr_1\.05fr\]{ grid-template-columns: 0.95fr 1.05fr; }
 .lg\:grid-cols-\[1\.08fr_0\.92fr\]{ grid-template-columns: 1.08fr 0.92fr; }
 .lg\:grid-cols-\[1\.1fr_0\.9fr\]{ grid-template-columns: 1.1fr 0.9fr; }
 .lg\:grid-cols-\[1\.2fr_0\.8fr\]{ grid-template-columns: 1.2fr 0.8fr; }
 .lg\:grid-cols-\[1\.2fr_auto\]{ grid-template-columns: 1.2fr auto; }
 .lg\:grid-cols-\[14rem_minmax\(0\2c 1fr\)\]{ grid-template-columns: 14rem minmax(0,1fr); }
 .lg\:grid-cols-\[1fr_0\.85fr\]{ grid-template-columns: 1fr 0.85fr; }
 .lg\:grid-cols-\[1fr_1\.1fr\]{ grid-template-columns: 1fr 1.1fr; }
 .lg\:grid-cols-\[1fr_2fr\]{ grid-template-columns: 1fr 2fr; }
 .lg\:grid-cols-\[1fr_320px\]{ grid-template-columns: 1fr 320px; }
 .lg\:grid-cols-\[1fr_auto\]{ grid-template-columns: 1fr auto; }
 .lg\:grid-cols-\[1fr_minmax\(0\2c 520px\)\]{ grid-template-columns: 1fr minmax(0,520px); }
 .lg\:grid-cols-\[2fr_1fr_1fr\]{ grid-template-columns: 2fr 1fr 1fr; }
 .lg\:grid-cols-\[minmax\(0\2c 1\.35fr\)_minmax\(18rem\2c 0\.85fr\)\]{ grid-template-columns: minmax(0,1.35fr) minmax(18rem,0.85fr); }
 .lg\:grid-cols-\[minmax\(0\2c 1fr\)_20rem\]{ grid-template-columns: minmax(0,1fr) 20rem; }
 .lg\:grid-cols-\[minmax\(0\2c 1fr\)_300px\]{ grid-template-columns: minmax(0,1fr) 300px; }
 .lg\:grid-cols-\[minmax\(0\2c 2fr\)_minmax\(0\2c 3fr\)\]{ grid-template-columns: minmax(0,2fr) minmax(0,3fr); }
 .lg\:grid-cols-\[minmax\(0\2c 42rem\)_auto\]{ grid-template-columns: minmax(0,42rem) auto; }
 .lg\:grid-cols-\[minmax\(15rem\2c 0\.75fr\)_minmax\(0\2c 1\.5fr\)\]{ grid-template-columns: minmax(15rem,0.75fr) minmax(0,1.5fr); }
 .lg\:flex-row{ flex-direction: row; }
 .lg\:items-start{ align-items: flex-start; }
 .lg\:items-end{ align-items: flex-end; }
 .lg\:items-center{ align-items: center; }
 .lg\:justify-end{ justify-content: flex-end; }
 .lg\:justify-between{ justify-content: space-between; }
 .lg\:gap-12{ gap: 3rem; }
 .lg\:gap-14{ gap: 3.5rem; }
 .lg\:gap-20{ gap: 5rem; }
 .lg\:gap-8{ gap: 2rem; }
 .lg\:divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); }
 .lg\:divide-black\/5 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(0 0 0 / 0.05); }
 .lg\:self-start{ align-self: flex-start; }
 .lg\:overflow-y-auto{ overflow-y: auto; }
 .lg\:border-b-0{ border-bottom-width: 0px; }
 .lg\:p-8{ padding: 2rem; }
 .lg\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; }
 .lg\:px-8{ padding-left: 2rem; padding-right: 2rem; }
 .lg\:pb-8{ padding-bottom: 2rem; }
 .lg\:\!text-6xl{ font-size: 3.75rem !important; line-height: 1 !important; }
 .lg\:text-7xl{ font-size: 4.5rem; line-height: 1; } }
@media (min-width: 1280px){
 .xl\:col-span-2{ grid-column: span 2 / span 2; }
 .xl\:col-span-3{ grid-column: span 3 / span 3; }
 .xl\:block{ display: block; }
 .xl\:flex{ display: flex; }
 .xl\:w-1\/2{ width: 50%; }
 .xl\:w-60{ width: 15rem; }
 .xl\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .xl\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .xl\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
 .xl\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
 .xl\:grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
 .xl\:grid-cols-\[180px_minmax\(0\2c 1fr\)\]{ grid-template-columns: 180px minmax(0,1fr); }
 .xl\:grid-cols-\[1fr_340px\]{ grid-template-columns: 1fr 340px; }
 .xl\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(320px\2c \.45fr\)\]{ grid-template-columns: minmax(0,1fr) minmax(320px,.45fr); }
 .xl\:gap-16{ gap: 4rem; }
 .xl\:px-12{ padding-left: 3rem; padding-right: 3rem; } }
@media (min-width: 1536px){
 .\32xl\:block{ display: block; } }
.ltr\:origin-top-left:where([dir="ltr"], [dir="ltr"] *){ transform-origin: top left; }
.ltr\:origin-top-right:where([dir="ltr"], [dir="ltr"] *){ transform-origin: top right; }
.rtl\:inline:where([dir="rtl"], [dir="rtl"] *){ display: inline; }
.rtl\:hidden:where([dir="rtl"], [dir="rtl"] *){ display: none; }
.rtl\:origin-top-left:where([dir="rtl"], [dir="rtl"] *){ transform-origin: top left; }
.rtl\:origin-top-right:where([dir="rtl"], [dir="rtl"] *){ transform-origin: top right; }
.rtl\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *){ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rtl\:-scale-x-100:where([dir="rtl"], [dir="rtl"] *){ --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *){ flex-direction: row-reverse; }
.\[\&\+\[data-slot\=dropdown-separator\]\]\:mt-1+[data-slot=dropdown-separator]{ margin-top: 0.25rem; }
.\[\&\+\[data-slot\=dropdown-submenu\]_\[data-slot\=dropdown-item\]\]\:mt-1+[data-slot=dropdown-submenu] [data-slot=dropdown-item]{ margin-top: 0.25rem; }
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{ display: none; }
.\[\&\:has\(\+\[data-slot\=select-clear\]\)\]\:col-start-2:has(+[data-slot=select-clear]){ grid-column-start: 2; }
.\[\&\:has\(\:first-child\[data-slot\=tabs-group\]\.justify-end_\>_\:last-child\:is\(\:focus\2c \:hover\)\)_\[data-slot\=tabs-panel\]\]\:rounded-tr-none:has(:first-child[data-slot=tabs-group].justify-end > :last-child:is(:focus,:hover)) [data-slot=tabs-panel]{ border-top-right-radius: 0px; }
.\[\&\:has\(\:first-child\[data-slot\=tabs-group\]\.justify-end_\>_\:last-child\[data-active\=true\]\)_\[data-slot\=tabs-panel\]\]\:rounded-tr-none:has(:first-child[data-slot=tabs-group].justify-end > :last-child[data-active=true]) [data-slot=tabs-panel]{ border-top-right-radius: 0px; }
.\[\&\:has\(\:first-child\[data-slot\=tabs-group\]\.justify-start_\>_\:first-child\:is\(\:focus\2c \:hover\)\)_\[data-slot\=tabs-panel\]\]\:rounded-tl-none:has(:first-child[data-slot=tabs-group].justify-start > :first-child:is(:focus,:hover)) [data-slot=tabs-panel]{ border-top-left-radius: 0px; }
.\[\&\:has\(\:first-child\[data-slot\=tabs-group\]\.justify-start_\>_\:first-child\[data-active\=true\]\)_\[data-slot\=tabs-panel\]\]\:rounded-tl-none:has(:first-child[data-slot=tabs-group].justify-start > :first-child[data-active=true]) [data-slot=tabs-panel]{ border-top-left-radius: 0px; }
.\[\&\:has\(\[data-slot\=control\]\[disabled\]\)\>\[data-slot\=label\]\]\:opacity-50:has([data-slot=control][disabled])>[data-slot=label]{ opacity: 0.5; }
.\[\&\:has\(\[data-slot\=input-actions\]\)\:has\(\[data-slot\=input-option\]\)\>\[data-slot\=control\]\]\:pr-\[1\.9rem\]:has([data-slot=input-actions]):has([data-slot=input-option])>[data-slot=control]{ padding-right: 1.9rem; }
.\[\&\:has\(\[data-slot\=input-actions\]\)\:has\(\[data-slot\=input-option\]\+\[data-slot\=input-option\]\)\>\[data-slot\=control\]\]\:pr-\[3\.8rem\]:has([data-slot=input-actions]):has([data-slot=input-option]+[data-slot=input-option])>[data-slot=control]{ padding-right: 3.8rem; }
.\[\&\:has\(\[data-slot\=input-actions\]\)\:has\(\[data-slot\=input-option\]\+\[data-slot\=input-option\]\+\[data-slot\=input-option\]\)\>\[data-slot\=control\]\]\:pr-\[5\.7rem\]:has([data-slot=input-actions]):has([data-slot=input-option]+[data-slot=input-option]+[data-slot=input-option])>[data-slot=control]{ padding-right: 5.7rem; }
.\[\&\:has\(\[data-slot\=input-actions\]\)\:has\(\[data-slot\=input-option\]\+\[data-slot\=input-option\]\+\[data-slot\=input-option\]\+\[data-slot\=input-option\]\)\>\[data-slot\=control\]\]\:pr-\[7\.6rem\]:has([data-slot=input-actions]):has([data-slot=input-option]+[data-slot=input-option]+[data-slot=input-option]+[data-slot=input-option])>[data-slot=control]{ padding-right: 7.6rem; }
.\[\&\:has\(\[data-slot\=input-prefix\]\)\:has\(\[data-slot\=input-suffix\]\)_input\]\:rounded-none:has([data-slot=input-prefix]):has([data-slot=input-suffix]) input{ border-radius: 0px; }
.\[\&\:has\(\[data-slot\=input-prefix\]\)_input\]\:rounded-l-none:has([data-slot=input-prefix]) input{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.\[\&\:has\(\[data-slot\=input-suffix\]\)_input\]\:rounded-r-none:has([data-slot=input-suffix]) input{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.\[\&\:has\(\[data-slot\=left-icon\]\)\>\[data-slot\=control\]\]\:pl-\[2\.2rem\]:has([data-slot=left-icon])>[data-slot=control]{ padding-left: 2.2rem; }
.\[\&\:has\(\[data-slot\=left-icon\]\)\>\[data-slot\=input-actions\]\]\:col-start-3:has([data-slot=left-icon])>[data-slot=input-actions]{ grid-column-start: 3; }
.\[\&\:has\(\[data-slot\=left-icon\]\)\>\[data-slot\=left-icon\]\]\:\!z-20:has([data-slot=left-icon])>[data-slot=left-icon]{ z-index: 20 !important; }
.\[\&\:has\(\[data-slot\=left-icon\]\)\>\[data-slot\=left-icon\]\]\:col-start-1:has([data-slot=left-icon])>[data-slot=left-icon]{ grid-column-start: 1; }
.\[\&\:has\(\[data-slot\=left-icon\]\)\>\[data-slot\=left-icon\]\]\:row-start-1:has([data-slot=left-icon])>[data-slot=left-icon]{ grid-row-start: 1; }
.\[\&\:has\(\[data-slot\=left-icon\]\)\>\[data-slot\=left-icon\]\]\:place-self-center:has([data-slot=left-icon])>[data-slot=left-icon]{ place-self: center; }
.\[\&\:has\(\[data-slot\=select-control\]\+\[data-slot\=icon\]\)\>\[data-slot\=select-control\]\]\:pr-9:has([data-slot=select-control]+[data-slot=icon])>[data-slot=select-control]{ padding-right: 2.25rem; }
.\[\&\:not\(\:has\(\+\[data-slot\=select-clear\]\)\)\]\:col-start-3:not(:has(+[data-slot=select-clear])){ grid-column-start: 3; }
.\[\&\:not\(\:has\(\[data-slot\=left-icon\]\)\)\>\[data-slot\=input-actions\]\]\:col-start-2:not(:has([data-slot=left-icon]))>[data-slot=input-actions]{ grid-column-start: 2; }
.\[\&\>\*\:not\(\[data-slot\=label\]\)\+\[data-slot\=description\]\]\:mt-2>*:not([data-slot=label])+[data-slot=description]{ margin-top: 0.5rem; }
.\[\&\>\[data-loading\=true\]\:first-child\]\:flex>[data-loading=true]:first-child{ display: flex; }
.\[\&\>\[data-loading\=true\]\:first-child\~\*\]\:opacity-0>[data-loading=true]:first-child~*{ opacity: 0; }
.\[\&\>\[data-slot\=checkbox-wrapper\]\:has\(\[data-slot\=checkbox-description\]\)\+\[data-slot\=checkbox-wrapper\]\]\:mt-4>[data-slot=checkbox-wrapper]:has([data-slot=checkbox-description])+[data-slot=checkbox-wrapper]{ margin-top: 1rem; }
.\[\&\>\[data-slot\=checkbox-wrapper\]\:not\(\:first-child\)\]\:mt-3>[data-slot=checkbox-wrapper]:not(:first-child){ margin-top: 0.75rem; }
.\[\&\>\[data-slot\=control\]\]\:col-span-3>[data-slot=control]{ grid-column: span 3 / span 3; }
.\[\&\>\[data-slot\=control\]\]\:col-start-1>[data-slot=control]{ grid-column-start: 1; }
.\[\&\>\[data-slot\=control\]\]\:row-start-1>[data-slot=control]{ grid-row-start: 1; }
.\[\&\>\[data-slot\=error\]\]\:mt-1\.5>[data-slot=error]{ margin-top: 0.375rem; }
.\[\&\>\[data-slot\=field\]\:not\(\:first-of-type\)\]\:my-2>[data-slot=field]:not(:first-of-type){ margin-top: 0.5rem; margin-bottom: 0.5rem; }
.\[\&\>\[data-slot\=field\]\]\:my-0>[data-slot=field]{ margin-top: 0px; margin-bottom: 0px; }
.\[\&\>\[data-slot\=icon\]\+\[data-slot\=search-control\]\]\:pl-8>[data-slot=icon]+[data-slot=search-control]{ padding-left: 2rem; }
.\[\&\>\[data-slot\=icon\]\+\[data-slot\=select-control\]\]\:pl-10>[data-slot=icon]+[data-slot=select-control]{ padding-left: 2.5rem; }
.\[\&\>\[data-slot\=input-actions\]\]\:z-10>[data-slot=input-actions]{ z-index: 10; }
.\[\&\>\[data-slot\=input-actions\]\]\:col-start-3>[data-slot=input-actions]{ grid-column-start: 3; }
.\[\&\>\[data-slot\=input-actions\]\]\:row-start-1>[data-slot=input-actions]{ grid-row-start: 1; }
.\[\&\>\[data-slot\=input-actions\]\]\:place-self-center>[data-slot=input-actions]{ place-self: center; }
.\[\&\>\[data-slot\=label\]\+\[data-slot\=description\]\]\:mb-2>[data-slot=label]+[data-slot=description]{ margin-bottom: 0.5rem; }
.\[\&\>\[data-slot\=label\]\+\[data-slot\=description\]\]\:mt-0>[data-slot=label]+[data-slot=description]{ margin-top: 0px; }
.\[\&\>\[data-slot\=label\]\:has\(\+\[data-slot\=description\]\)\]\:mb-1\.5>[data-slot=label]:has(+[data-slot=description]){ margin-bottom: 0.375rem; }
.\[\&\>\[data-slot\=label\]\]\:mb-2>[data-slot=label]{ margin-bottom: 0.5rem; }
.\[\&\>\[data-slot\=label\]\]\:opacity-50>[data-slot=label]{ opacity: 0.5; }
.\[\&\>\[data-slot\=radio-item-indicator\]\]\:order-3>[data-slot=radio-item-indicator]{ order: 3; }
.\[\&\>\[data-slot\=radio-item-indicator\]\]\:ml-auto>[data-slot=radio-item-indicator]{ margin-left: auto; }
.peer:checked ~ .peer-checked\:\[\&\>\[data-slot\=radio-item-indicator\]\]\:border-black>[data-slot=radio-item-indicator]{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); }
.peer:checked ~ .peer-checked\:\[\&\>\[data-slot\=radio-item-indicator\]\]\:bg-black>[data-slot=radio-item-indicator]{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); }
.peer:checked ~ .peer-checked\:\[\&\>\[data-slot\=radio-item-indicator\]\]\:ring-white>[data-slot=radio-item-indicator]{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); }
.peer:checked ~ .peer-checked\:\[\&\>\[data-slot\=radio-item-indicator\]\]\:after\:block>[data-slot=radio-item-indicator]::after{ content: var(--tw-content); display: block; }
.peer:disabled ~ .peer-disabled\:\[\&\>\[data-slot\=radio-item-indicator\]\]\:opacity-50>[data-slot=radio-item-indicator]{ opacity: 0.5; }
.peer:disabled ~ .peer-disabled\:\[\&\>\[data-slot\=radio-item-indicator\]\]\:shadow-none>[data-slot=radio-item-indicator]{ --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); }
.peer:checked ~ .dark\:peer-checked\:\[\&\>\[data-slot\=radio-item-indicator\]\]\:border-white>[data-slot=radio-item-indicator]:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.peer:checked ~ .dark\:peer-checked\:\[\&\>\[data-slot\=radio-item-indicator\]\]\:bg-white>[data-slot=radio-item-indicator]:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
    .dark .peer:checked ~ .dark\:peer-checked\:\[\&\>\[data-slot\=radio-item-indicator\]\]\:bg-white>[data-slot=radio-item-indicator]:is(.dark *) {
        background-color: #181818 !important;
    }
.\[\&\>div\>input\]\:\!border-green-500\/40>div>input{ border-color: rgb(34 197 94 / 0.4) !important; }
.\[\&\>div\>input\]\:\!border-red-500\/40>div>input{ border-color: rgb(239 68 68 / 0.4) !important; }
.\[\&\>svg\]\:h-full>svg{ height: 100%; }
.\[\&\>svg\]\:w-full>svg{ width: 100%; }
.\[\&\[aria-disabled\=true\]\]\:pointer-events-none[aria-disabled=true]{ pointer-events: none; }
.\[\&\[aria-disabled\=true\]\]\:opacity-50[aria-disabled=true]{ opacity: 0.5; }
.\[\&\[data-loading\]\]\:h-24[data-loading]{ height: 6rem; }
.\[\&_\[data-slot\=alert-controls\]\]\:text-neutral-400 [data-slot=alert-controls]{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }

    
    .dark .\[\&_\[data-slot\=alert-controls\]\]\:text-neutral-400 [data-slot=alert-controls] {
        color: rgb(161 161 170) !important;
    }
.\[\&_\[data-slot\=alert-heading\]\]\:text-neutral-950 [data-slot=alert-heading]{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.\[\&_\[data-slot\=alert-heading\]\]\:text-white [data-slot=alert-heading]{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

    
    .dark .\[\&_\[data-slot\=alert-heading\]\]\:text-neutral-950 [data-slot=alert-heading] {
        color: #ffffff !important;
    }
.\[\&_\[data-slot\=alert-icon\]\]\:text-neutral-400 [data-slot=alert-icon]{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.\[\&_\[data-slot\=alert-icon\]\]\:text-neutral-500 [data-slot=alert-icon]{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.\[\&_\[data-slot\=alert-icon\]\]\:text-neutral-600 [data-slot=alert-icon]{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
.\[\&_\[data-slot\=alert-icon\]\]\:text-neutral-950 [data-slot=alert-icon]{ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }

    
    .dark .\[\&_\[data-slot\=alert-icon\]\]\:text-neutral-950 [data-slot=alert-icon] {
        color: #ffffff !important;
    }

    
    .dark .\[\&_\[data-slot\=alert-icon\]\]\:text-neutral-600 [data-slot=alert-icon] {
        color: rgb(161 161 170) !important;
    }

    
    .dark .\[\&_\[data-slot\=alert-icon\]\]\:text-neutral-500 [data-slot=alert-icon] {
        color: rgb(113 113 122) !important;
    }

    
    .dark .\[\&_\[data-slot\=alert-icon\]\]\:text-neutral-400 [data-slot=alert-icon] {
        color: rgb(161 161 170) !important;
    }
.\[\&\:has\(\[data-slot\=alert-heading\]\)\:has\(\[data-slot\=alert-description\]\)\]\:\[\&_\[data-slot\=alert-icon\]\]\:self-start [data-slot=alert-icon]:has([data-slot=alert-heading]):has([data-slot=alert-description]){ align-self: flex-start; }
.\[\&_\[data-slot\=icon\]\]\:cursor-auto [data-slot=icon]{ cursor: auto; }
.\[\&_\[data-slot\=icon\]\]\:\!text-neutral-500 [data-slot=icon]{ --tw-text-opacity: 1 !important; color: rgb(20 20 20 / var(--tw-text-opacity, 1)) !important; }
.\[\&_\[data-slot\=icon\]\]\:\!text-neutral-950 [data-slot=icon]{ --tw-text-opacity: 1 !important; color: rgb(20 20 20 / var(--tw-text-opacity, 1)) !important; }
.\[\&_\[data-slot\=icon\]\]\:opacity-40 [data-slot=icon]{ opacity: 0.4; }
.\[\&_\[data-slot\=icon\]\]\:transition [data-slot=icon]{ 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; }

    
    .dark .\[\&_\[data-slot\=icon\]\]\:\!text-neutral-950 [data-slot=icon] {
        color: #ffffff !important;
    }

    
    .dark .\[\&_\[data-slot\=icon\]\]\:\!text-neutral-500 [data-slot=icon] {
        color: rgb(113 113 122) !important;
    }
.dark\:\[\&_\[data-slot\=icon\]\]\:\!text-neutral-500 [data-slot=icon]:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(20 20 20 / var(--tw-text-opacity, 1)) !important; }

    
    .dark .dark\:\[\&_\[data-slot\=icon\]\]\:\!text-neutral-500 [data-slot=icon]:is(.dark *) {
        color: rgb(113 113 122) !important;
    }
.hover\:dark\:\[\&_\[data-slot\=icon\]\]\:\!text-neutral-400 [data-slot=icon]:is(.dark *):hover{ --tw-text-opacity: 1 !important; color: rgb(213 213 213 / var(--tw-text-opacity, 1)) !important; }

    
    .dark .hover\:dark\:\[\&_\[data-slot\=icon\]\]\:\!text-neutral-400 [data-slot=icon]:is(.dark *):hover {
        color: rgb(161 161 170) !important;
    }
.\[\&_\[data-slot\=option\]\]\:text-sm [data-slot=option]{ font-size: 0.875rem; line-height: 1.25rem; }
.\[\&_\[data-slot\=radio-item-indicator\]\]\:size-4 [data-slot=radio-item-indicator]{ width: 1rem; height: 1rem; }
.\[\&_\[data-slot\=select-control\]\]\:text-sm [data-slot=select-control]{ font-size: 0.875rem; line-height: 1.25rem; }
.\[\&_\[data-text\]\]\:inline-flex [data-text]{ display: inline-flex; }
.\[\&_\[data-text\]\]\:items-center [data-text]{ align-items: center; }
.\[\&_\[data-text\]\]\:gap-2 [data-text]{ gap: 0.5rem; }
.\[\&_a\:hover\]\:no-underline a:hover{ text-decoration-line: none; }
.\[\&_a\]\:text-white a{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.\[\&_a\]\:underline a{ text-decoration-line: underline; }
.\[\&_a\]\:no-underline a{ text-decoration-line: none; }
.\[\&_h3\]\:mt-3 h3{ margin-top: 0.75rem; }
.\[\&_h3\]\:text-xs h3{ font-size: 0.75rem; line-height: 1rem; }
.\[\&_h3\]\:font-medium h3{ font-weight: 500; }
.\[\&_h3\]\:text-neutral-200 h3{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.\[\&_input\]\:h-9 input{ height: 2.25rem; }
.\[\&_label\]\:text-xs label{ font-size: 0.75rem; line-height: 1rem; }
.\[\&_li\]\:mt-1 li{ margin-top: 0.25rem; }
.\[\&_ol\]\:list-decimal ol{ list-style-type: decimal; }
.\[\&_ol\]\:pl-4 ol{ padding-left: 1rem; }
.\[\&_strong\]\:text-neutral-200 strong{ --tw-text-opacity: 1; color: rgb(213 213 213 / var(--tw-text-opacity, 1)); }
.\[\&_strong\]\:text-white strong{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.\[\&_ul\]\:list-disc ul{ list-style-type: disc; }
.\[\&_ul\]\:pl-4 ul{ padding-left: 1rem; }
:where(.\[\:where\(\&\)\]\:inline){ display: inline; }
:where(.\[\:where\(\&\)\]\:inline-flex){ display: inline-flex; }
:where(.\[\:where\(\&\)\]\:size-10){ width: 2.5rem; height: 2.5rem; }
:where(.\[\:where\(\&\)\]\:size-12){ width: 3rem; height: 3rem; }
:where(.\[\:where\(\&\)\]\:size-16){ width: 4rem; height: 4rem; }
:where(.\[\:where\(\&\)\]\:size-4){ width: 1rem; height: 1rem; }
:where(.\[\:where\(\&\)\]\:size-5){ width: 1.25rem; height: 1.25rem; }
:where(.\[\:where\(\&\)\]\:size-6){ width: 1.5rem; height: 1.5rem; }
:where(.\[\:where\(\&\)\]\:size-8){ width: 2rem; height: 2rem; }
:where(.\[\:where\(\&\)\]\:h-10){ height: 2.5rem; }
:where(.\[\:where\(\&\)\]\:h-12){ height: 3rem; }
:where(.\[\:where\(\&\)\]\:h-4){ height: 1rem; }
:where(.\[\:where\(\&\)\]\:h-5){ height: 1.25rem; }
:where(.\[\:where\(\&\)\]\:h-6){ height: 1.5rem; }
:where(.\[\:where\(\&\)\]\:h-8){ height: 2rem; }
:where(.\[\:where\(\&\)\]\:h-9){ height: 2.25rem; }
:where(.\[\:where\(\&\)\]\:w-full){ width: 100%; }
:where(.\[\:where\(\&\)\]\:min-w-\[12rem\]){ min-width: 12rem; }
:where(.\[\:where\(\&\)\]\:max-w-96){ max-width: 24rem; }
:where(.\[\:where\(\&\)\]\:items-center){ align-items: center; }
:where(.\[\:where\(\&\)\]\:justify-center){ justify-content: center; }
:where(.\[\:where\(\&\)\]\:rounded-field){ border-radius: 0px; }
:where(.\[\:where\(\&\)\]\:rounded-none){ border-radius: 0px; }
:where(.\[\:where\(\&\)\]\:bg-\[color-mix\(in_oklab\2c var\(--color-neutral-400\)_20\%\2c transparent\)\]){ background-color: color-mix(in oklab,var(--color-neutral-400) 20%,transparent); }
:where(.\[\:where\(\&\)\]\:bg-white){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
:where(.\[\:where\(\&\)\]\:p-4){ padding: 1rem; }
:where(.\[\:where\(\&\)\]\:px-4){ padding-left: 1rem; padding-right: 1rem; }
:where(.\[\:where\(\&\)\]\:py-2){ padding-top: 0.5rem; padding-bottom: 0.5rem; }
:where(.\[\:where\(\&\)\]\:text-start){ text-align: start; }
:where(.\[\:where\(\&\)\]\:text-base){ font-size: 1rem; line-height: 1.5rem; }
:where(.\[\:where\(\&\)\]\:text-sm){ font-size: 0.875rem; line-height: 1.25rem; }
:where(.\[\:where\(\&\)\]\:text-xs){ font-size: 0.75rem; line-height: 1rem; }
:where(.\[\:where\(\&\)\]\:text-black){ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); }
:where(.\[\:where\(\&\)\]\:text-neutral-800){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
:where(.\[\:where\(\&\)\]\:text-neutral-900){ --tw-text-opacity: 1; color: rgb(20 20 20 / var(--tw-text-opacity, 1)); }
    .dark :where(.\[\:where\(\&\)\]\:bg-white) {
        background-color: #181818 !important;
    }

    .dark :where(.\[\:where\(\&\)\]\:text-black) {
        color: #ffffff !important;
    }

    
    .dark :where(.\[\:where\(\&\)\]\:text-neutral-900) {
        color: #ffffff !important;
    }

    
    .dark :where(.\[\:where\(\&\)\]\:text-neutral-800) {
        color: rgb(228 228 231) !important;
    }
:where(.\[\:where\(\&\)\]\:dark\:bg-neutral-900:is(.dark *)){ --tw-bg-opacity: 1; background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1)); }
:where(.dark\:\[\:where\(\&\)\]\:bg-\[color-mix\(in_oklab\2c var\(--color-neutral-600\)_20\%\2c transparent\)\]):is(.dark *){ background-color: color-mix(in oklab,var(--color-neutral-600) 20%,transparent); }
:where(.\[\:where\(\&\)\]\:dark\:text-white:is(.dark *)){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
[data-slot-copied]>.\[\[data-slot-copied\]\>\&\]\:inline-flex{ display: inline-flex; }
[data-slot-copied]>.\[\[data-slot-copied\]\>\&\]\:hidden{ display: none; }
[data-slot-revealed]>.\[\[data-slot-revealed\]\>\&\]\:inline-flex{ display: inline-flex; }
[data-slot-revealed]>.\[\[data-slot-revealed\]\>\&\]\:hidden{ display: none; }
ul:is([data-loading])>.\[ul\:is\(\[data-loading\]\)\>\&\]\:hidden{ display: none; }
ul:is([data-loading]) .\[ul\:is\(\[data-loading\]\)_\&\]\:flex{ display: flex; }
ul:is([data-loading]) .\[ul\:is\(\[data-loading\]\)_\&\]\:hidden{ display: none; }