@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;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.
 */
/* Heading preview: Inter is loaded from Google Fonts while UI and body copy remain D-DIN. */

/* 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: "D-DIN", "Arial Narrow", Arial, system-ui, sans-serif;

    /* Pinkk core palette: white, neutral grey, ink, and blush. */
    --background: 0 0% 0%; /* #000000 */
    --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% 0%;
    --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;
}

  bodybody.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover {
    background-color: #000;
    color: #ffe3e3;
}

  bodybody.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover svg {
    color: #ffe3e3;
}

  bodybody.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover i[data-lucide] {
    color: #ffe3e3;
}
    [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;
}
    bodybody.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover {
    background-color: #000;
    color: #ffe3e3;
}
    bodybody.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover svg {
    color: #ffe3e3;
}
    bodybody.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover i[data-lucide] {
    color: #ffe3e3;
}
    body {
        background-color: #000000 !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 */
    button svg,
    [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 {
        font-weight: 500;
        color: hsl(var(--foreground));
        font-family: 'Inter', sans-serif !important;
        letter-spacing: normal;
    }

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

    @media (min-width: 640px) {
        h1 {
            font-size: 56px !important;
            line-height: 56px !important;
        }
    }
    
    h2 {
        font-size: 36px !important;
        line-height: 40px !important;
    }
    
    h3 {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    
    h4 {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    
    h5 {
        font-size: 18px !important;
        line-height: 28px !important;
    }
    
    h6 {
        font-size: 16px !important;
        line-height: 24px !important;
    }
.\!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;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].\!btn:hover {
    background-color: #000;
    color: #ffe3e3;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].\!btn:hover svg {
    color: #ffe3e3;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].\!btn:hover i[data-lucide] {
    color: #ffe3e3;
}
    .\!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;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn:hover {
    background-color: #000;
    color: #ffe3e3;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn:hover svg {
    color: #ffe3e3;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn:hover i[data-lucide] {
    color: #ffe3e3;
}
    .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;
}
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-primary:hover {
    background-color: #000;
    color: #ffe3e3;
}
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-primary:hover svg {
    color: #ffe3e3;
}
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-primary:hover i[data-lucide] {
    color: #ffe3e3;
}
    
    .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;
}
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-secondary:hover {
    background-color: #000;
    color: #ffe3e3;
}
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-secondary:hover svg {
    color: #ffe3e3;
}
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-secondary:hover i[data-lucide] {
    color: #ffe3e3;
}
    
    .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;
    }
    
    .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;
}
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-danger:hover {
    background-color: #000;
    color: #ffe3e3;
}
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-danger:hover svg {
    color: #ffe3e3;
}
    
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].btn-danger:hover i[data-lucide] {
    color: #ffe3e3;
}
    
    .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;
}
    body.\!card.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover {
    background-color: #000;
    color: #ffe3e3;
}
    body.\!card.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover svg {
    color: #ffe3e3;
}
    body.\!card.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover i[data-lucide] {
    color: #ffe3e3;
}
    .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;
}
    body.card.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover {
    background-color: #000;
    color: #ffe3e3;
}
    body.card.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover svg {
    color: #ffe3e3;
}
    body.card.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover i[data-lucide] {
    color: #ffe3e3;
}

    .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 */
    .\!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;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].\!badge:hover {
    background-color: #000;
    color: #ffe3e3;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].\!badge:hover svg {
    color: #ffe3e3;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].\!badge:hover i[data-lucide] {
    color: #ffe3e3;
}
    .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;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge:hover {
    background-color: #000;
    color: #ffe3e3;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge:hover svg {
    color: #ffe3e3;
}
    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge:hover i[data-lucide] {
    color: #ffe3e3;
}

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

    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge-success:hover {
    background-color: #000;
    color: #ffe3e3;
}

    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge-success:hover svg {
    color: #ffe3e3;
}

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

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

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

    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge-neutral:hover {
    background-color: #000;
    color: #ffe3e3;
}

    body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].badge-neutral:hover svg {
    color: #ffe3e3;
}

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

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

    .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;
}
    body.form-input.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover {
    background-color: #000;
    color: #ffe3e3;
}
    body.form-input.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover svg {
    color: #ffe3e3;
}
    body.form-input.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover i[data-lucide] {
    color: #ffe3e3;
}
    .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);
    }

    .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;
    }
    .\!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;
    }
    .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-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;
}
.bottom-0{
    bottom: 0px;
}
.bottom-1{
    bottom: 0.25rem;
}
.bottom-16{
    bottom: 4rem;
}
.bottom-2{
    bottom: 0.5rem;
}
.bottom-3{
    bottom: 0.75rem;
}
.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-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-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-\[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-\[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-\[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-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;
}
.-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-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;
}
.-mb-px{
    margin-bottom: -1px;
}
.-ml-px{
    margin-left: -1px;
}
.-ms-2{
    margin-inline-start: -0.5rem;
}
.-mt-2{
    margin-top: -0.5rem;
}
.-mt-4{
    margin-top: -1rem;
}
.-mt-8{
    margin-top: -2rem;
}
.-mt-px{
    margin-top: -1px;
}
.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;
}
.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-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;
}
.table{
    display: table;
}
.grid{
    display: grid;
}
.inline-grid{
    display: inline-grid;
}
.contents{
    display: contents;
}
.\!hidden{
    display: none !important;
}
.hidden{
    display: none;
}
.aspect-square{
    aspect-ratio: 1 / 1;
}
.\!size-5{
    width: 1.25rem !important;
    height: 1.25rem !important;
}
.\!size-\[1\.10rem\]{
    width: 1.10rem !important;
    height: 1.10rem !important;
}
.\!size-\[1\.15rem\]{
    width: 1.15rem !important;
    height: 1.15rem !important;
}
.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-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-36{
    height: 9rem;
}
.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-64{
    height: 16rem;
}
.h-7{
    height: 1.75rem;
}
.h-72{
    height: 18rem;
}
.h-8{
    height: 2rem;
}
.h-80{
    height: 20rem;
}
.h-9{
    height: 2.25rem;
}
.h-96{
    height: 24rem;
}
.h-\[0\.75px\]{
    height: 0.75px;
}
.h-\[100dvh\]{
    height: 100dvh;
}
.h-\[100vh\]{
    height: 100vh;
}
.h-\[380px\]{
    height: 380px;
}
.h-\[38px\]{
    height: 38px;
}
.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-auto{
    height: auto;
}
.h-full{
    height: 100%;
}
.h-px{
    height: 1px;
}
.max-h-0{
    max-height: 0px;
}
.max-h-12{
    max-height: 3rem;
}
.max-h-16{
    max-height: 4rem;
}
.max-h-20{
    max-height: 5rem;
}
.max-h-28{
    max-height: 7rem;
}
.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-6{
    max-height: 1.5rem;
}
.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-\[40vh\]{
    max-height: 40vh;
}
.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-\[86vh\]{
    max-height: 86vh;
}
.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-\[calc\(90vh-3rem\)\]{
    max-height: calc(90vh - 3rem);
}
.max-h-full{
    max-height: 100%;
}
.\!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-64{
    min-height: 16rem;
}
.min-h-8{
    min-height: 2rem;
}
.min-h-\[12rem\]{
    min-height: 12rem;
}
.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-\[560px\]{
    min-height: 560px;
}
.min-h-\[600px\]{
    min-height: 600px;
}
.min-h-\[60vh\]{
    min-height: 60vh;
}
.min-h-\[calc\(100vh-10rem\)\]{
    min-height: calc(100vh - 10rem);
}
.min-h-\[calc\(100vh-4rem\)\]{
    min-height: calc(100vh - 4rem);
}
.min-h-full{
    min-height: 100%;
}
.min-h-screen{
    min-height: 100vh;
}
.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-\[280px\]{
    width: 280px;
}
.w-\[300px\]{
    width: 300px;
}
.w-\[340px\]{
    width: 340px;
}
.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-\[200px\]{
    min-width: 200px;
}
.min-w-\[220px\]{
    min-width: 220px;
}
.min-w-\[28px\]{
    min-width: 28px;
}
.min-w-\[600px\]{
    min-width: 600px;
}
.min-w-\[640px\]{
    min-width: 640px;
}
.min-w-\[680px\]{
    min-width: 680px;
}
.min-w-\[800px\]{
    min-width: 800px;
}
.min-w-\[80px\]{
    min-width: 80px;
}
.min-w-\[860px\]{
    min-width: 860px;
}
.min-w-\[900px\]{
    min-width: 900px;
}
.min-w-\[9rem\]{
    min-width: 9rem;
}
.min-w-full{
    min-width: 100%;
}
.max-w-2xl{
    max-width: 42rem;
}
.max-w-3xl{
    max-width: 48rem;
}
.max-w-4xl{
    max-width: 56rem;
}
.max-w-5xl{
    max-width: 64rem;
}
.max-w-64{
    max-width: 16rem;
}
.max-w-6xl{
    max-width: 72rem;
}
.max-w-7xl{
    max-width: 80rem;
}
.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-\[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-\[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-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));
}
.translate-y-full{
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-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;
}
.columns-2{
    -moz-columns: 2;
         columns: 2;
}
.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-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7{
    grid-template-columns: repeat(7, 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-\[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;
}
.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-14{
    gap: 3.5rem;
}
.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-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-3{
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
}
.gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
}
.gap-x-6{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
}
.gap-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-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-\[\#141414\] > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(20 20 20 / var(--tw-divide-opacity, 1));
}
.divide-black > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(0 0 0 / 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\/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-nowrap{
    white-space: nowrap;
}
.whitespace-pre-line{
    white-space: pre-line;
}
.whitespace-pre-wrap{
    white-space: pre-wrap;
}
.text-balance{
    text-wrap: balance;
}
.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-\[\#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-\[\#4a4a4a\]{
    --tw-border-opacity: 1;
    border-color: rgb(74 74 74 / 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-\[\#D96C8F\]\/30{
    border-color: rgb(217 108 143 / 0.3);
}
.border-\[\#d5d5d5\]{
    --tw-border-opacity: 1;
    border-color: rgb(213 213 213 / var(--tw-border-opacity, 1));
}
.border-\[\#ffe3e3\]{
    --tw-border-opacity: 1;
    border-color: rgb(255 227 227 / var(--tw-border-opacity, 1));
}
.border-\[var\(--color-primary\)\]{
    border-color: var(--color-primary);
}
.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-300\/50{
    border-color: rgb(252 211 77 / 0.5);
}
.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-amber-800{
    --tw-border-opacity: 1;
    border-color: rgb(146 64 14 / 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-400\/30{
    border-color: rgb(52 211 153 / 0.3);
}
.border-emerald-500{
    --tw-border-opacity: 1;
    border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.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-500\/30{
    border-color: rgb(34 197 94 / 0.3);
}
.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-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-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-200\/60{
    border-color: rgb(254 202 202 / 0.6);
}
.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-400\/30{
    border-color: rgb(248 113 113 / 0.3);
}
.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-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-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-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-\[\#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-\[\#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-\[\#1F1F1F\]{
    --tw-bg-opacity: 1;
    background-color: rgb(31 31 31 / 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-\[\#D96C8F\]\/10{
    background-color: rgb(217 108 143 / 0.1);
}
.bg-\[\#d5d5d5\]{
    --tw-bg-opacity: 1;
    background-color: rgb(213 213 213 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f7f7f5\]{
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#facc15\]{
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21 / 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-\[var\(--color-primary\)\]{
    background-color: var(--color-primary);
}
.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-amber-950{
    --tw-bg-opacity: 1;
    background-color: rgb(69 26 3 / 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\/\[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-400\/10{
    background-color: rgb(52 211 153 / 0.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-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-200\/70{
    background-color: rgb(213 213 213 / 0.7);
}
.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-400\/60{
    background-color: rgb(213 213 213 / 0.6);
}
.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-700\/80{
    background-color: rgb(20 20 20 / 0.8);
}
.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-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-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-400\/10{
    background-color: rgb(248 113 113 / 0.1);
}
.bg-red-50{
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/30{
    background-color: rgb(254 242 242 / 0.3);
}
.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\/20{
    background-color: rgb(255 255 255 / 0.2);
}
.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\/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-50{
    --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-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);
}
.to-white{
    --tw-gradient-to: #fff 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;
}
.object-center{
    -o-object-position: center;
       object-position: center;
}
.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-2\.5{
    padding: 0.625rem;
}
.p-3{
    padding: 0.75rem;
}
.p-4{
    padding: 1rem;
}
.p-5{
    padding: 1.25rem;
}
.p-6{
    padding: 1.5rem;
}
.p-7{
    padding: 1.75rem;
}
.p-8{
    padding: 2rem;
}
.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-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-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-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-16{
    padding-bottom: 4rem;
}
.pb-2{
    padding-bottom: 0.5rem;
}
.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{
    padding-inline-end: 0.25rem;
}
.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;
}
.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-16{
    padding-right: 4rem;
}
.pr-2{
    padding-right: 0.5rem;
}
.pr-28{
    padding-right: 7rem;
}
.pr-3{
    padding-right: 0.75rem;
}
.pr-4{
    padding-right: 1rem;
}
.pr-7{
    padding-right: 1.75rem;
}
.pr-8{
    padding-right: 2rem;
}
.ps-1{
    padding-inline-start: 0.25rem;
}
.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;
}
.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-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-display{
    font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.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: Inter, 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-base{
    font-size: 1rem !important;
    line-height: 1.5rem !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\.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-\[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-bold{
    font-weight: 700;
}
.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-4{
    line-height: 1rem !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-\[-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-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-\[\#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-\[\#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-\[\#facc15\]{
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / 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-100{
    --tw-text-opacity: 1;
    color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.text-amber-200{
    --tw-text-opacity: 1;
    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.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-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-300{
    --tw-text-opacity: 1;
    color: rgb(110 231 183 / 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-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-400{
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / 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-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-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\/0{
    color: rgb(255 255 255 / 0);
}
.text-white\/40{
    color: rgb(255 255 255 / 0.4);
}
.text-white\/45{
    color: rgb(255 255 255 / 0.45);
}
.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-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-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;
    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));
}
.caret-transparent{
    caret-color: transparent;
}
.accent-neutral-800{
    accent-color: #141414;
}
.accent-neutral-950{
    accent-color: #141414;
}
.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-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\/\[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-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\/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-1{
    --tw-ring-offset-width: 1px;
}
.ring-offset-2{
    --tw-ring-offset-width: 2px;
}
.blur{
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-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 opacity\]{
    transition-property: background-color,opacity;
    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-shadow{
    transition-property: box-shadow;
    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);
}
    /* 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;
    }

    /* 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;
    }

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


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

/* 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;
    }
}

/* Public primary CTAs share Pinkk's blush surface and ink label. */
.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: #ffe3e3 !important;
    border-color: #ffe3e3 !important;
}

/* Blush CTAs invert as a pair: dark surface, blush label, and blush glyph. */
.public-primary-cta:not(:disabled):hover,
.dark .public-primary-cta:not(:disabled):hover {
    background-color: #000 !important;
    color: #ffe3e3 !important;
}

.public-primary-cta:not(:disabled):hover svg,
.dark .public-primary-cta:not(:disabled):hover svg {
    color: #ffe3e3 !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;
}

body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover {
    background-color: #000 !important;
    color: #ffe3e3 !important;
}

body.bg-background.font-sans > div.min-h-screen.bg-background main a[href$="/dashboard"].inline-flex:hover svg {
    color: #ffe3e3 !important;
}

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

/* 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;
}

/* Hero eyebrow markers remain white regardless of theme-level colour rules. */
.public-hero-eyebrow-icon,
.dark .public-hero-eyebrow-icon {
    background-color: #ffffff !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 quick actions use the same white hover surface as Hub cards. */
.dashboard-quick-actions > a:hover,
.dark .dashboard-quick-actions > a:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !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 {
    color: #141414 !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;
}

/* Primary actions retain their deliberate contrast in dark mode. */
.primary-button,
.dark .primary-button {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #141414 !important;
}

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

/* 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;
}

/* 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;
}

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

.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% 0%;
    --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 {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    text-wrap: balance;
}

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

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

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

:is(body[data-admin-theme].dark, .dark body[data-admin-theme]) {
    --background: 0 0% 0%;
    --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;
}

/* 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. */
body[data-admin-theme] a.sable-hub-link:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

body[data-admin-theme] a.sable-hub-link:hover > svg,
body[data-admin-theme] a.sable-hub-link:hover > span {
    color: #141414 !important;
}

body[data-admin-theme] a.sable-hub-link:hover .sable-hub-link-title,
body[data-admin-theme] a.sable-hub-link:hover .sable-hub-link-description {
    color: #141414 !important;
}

/* 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;
}
    .file\:bg-neutral-950::file-selector-button svg {
        color: inherit !important;
    }

  .hover\:dark:hover {
    --background: 0 0% 0%;
    --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\: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;
    }
    :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\: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;
    }
.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-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-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\: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\:translate-x-1:hover{
    --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));
}
.hover\:scale-105:hover{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.02\]:hover{
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\: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\/40:hover{
    border-color: rgb(255 255 255 / 0.4);
}
.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-amber-900\/60:hover{
    background-color: rgb(120 53 15 / 0.6);
}
.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-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-secondary\/80:hover{
    background-color: hsl(var(--secondary) / 0.8);
}
.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-\[\#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-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-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-60:hover{
    opacity: 0.6;
}
.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;
    }

    .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\: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\:z-10:focus{
    z-index: 10;
}
.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\: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\: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: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;
    }
.focus-visible\:bg-neutral-100:focus-visible{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.focus-visible\:opacity-100:focus-visible{
    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-2:focus-visible{
    outline-width: 2px;
}
.focus-visible\:outline-offset-4:focus-visible{
    outline-offset: 4px;
}
.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-\[\#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-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\:no-underline:disabled{
    text-decoration-line: none;
}
.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\:border-neutral-200:hover:disabled{
    --tw-border-opacity: 1;
    border-color: rgb(213 213 213 / var(--tw-border-opacity, 1));
}
.disabled\:hover\:bg-neutral-950:hover:disabled{
    --tw-bg-opacity: 1;
    background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:bg-white:hover:disabled{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / 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));
}
    .dark .disabled\:hover\:bg-white:hover:disabled {
        background-color: #181818 !important;
    }

    
    .dark .disabled\:hover\:border-neutral-200:hover:disabled {
        border-color: #313131 !important;
    }
.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: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-\[var\(--color-primary\)\]{
    border-color: var(--color-primary);
}
.group:hover .group-hover\:border-neutral-200{
    --tw-border-opacity: 1;
    border-color: rgb(213 213 213 / var(--tw-border-opacity, 1));
}
.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-200{
    --tw-bg-opacity: 1;
    background-color: rgb(213 213 213 / 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-\[\#D96C8F\]{
    --tw-text-opacity: 1;
    color: rgb(217 108 143 / var(--tw-text-opacity, 1));
}
.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\:text-white\/70{
    color: rgb(255 255 255 / 0.7);
}
.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\/name:hover .group-hover\/name\:opacity-100{
    opacity: 1;
}
.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;
    }

    
    .dark .group:hover .group-hover\:border-neutral-200 {
        border-color: #313131 !important;
    }
.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\:border-neutral-950{
    --tw-border-opacity: 1;
    border-color: rgb(20 20 20 / var(--tw-border-opacity, 1));
}
.peer:checked ~ .peer-checked\:bg-\[\#ffffff\]{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-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-\[\#141414\]{
    --tw-text-opacity: 1;
    color: rgb(20 20 20 / var(--tw-text-opacity, 1));
}
.peer:checked ~ .peer-checked\:text-\[\#141414\]\/70{
    color: rgb(20 20 20 / 0.7);
}
.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-\[dragging\=true\]\:border-neutral-950[data-dragging="true"]{
    --tw-border-opacity: 1;
    border-color: rgb(20 20 20 / var(--tw-border-opacity, 1));
}
.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-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-\[dragging\=true\]\:opacity-50[data-dragging="true"]{
    opacity: 0.5;
}
.data-\[dragging\=true\]\:shadow-lg[data-dragging="true"]{
    --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);
}
.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;
    }
.group[data-selected="true"] .group-data-\[selected\=true\]\:opacity-100{
    opacity: 1;
}
.prose-headings\:font-sans :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.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-800 :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));
}
.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;
    }

    
    .dark .prose-headings\:text-neutral-800 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
        color: rgb(228 228 231) !important;
    }
.prose-h1\:mt-4 :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    margin-top: 1rem;
}
.prose-h1\:text-base :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 1rem;
    line-height: 1.5rem;
}
.prose-h2\:mt-3 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    margin-top: 0.75rem;
}
.prose-h2\:text-sm :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.prose-h3\:text-xs :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 0.75rem;
    line-height: 1rem;
}
.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-900 :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));
}
.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;
    }

    
    .dark .prose-strong\:text-neutral-900 :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-ul\:space-y-1 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) > :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));
}
.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\:leading-6 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    line-height: 1.5rem;
}
.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);
}
.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\/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-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-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-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-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-0{
        left: 0px;
    }
    .sm\:left-1\/2{
        left: 50%;
    }
    .sm\:left-auto{
        left: auto;
    }
    .sm\:right-0{
        right: 0px;
    }
    .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-\[640px\]{
        min-height: 640px;
    }
    .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-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-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\:-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-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));
    }
    .sm\: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));
    }
    .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-\[120px_1fr\]{
        grid-template-columns: 120px 1fr;
    }
    .sm\:grid-cols-\[180px_1fr\]{
        grid-template-columns: 180px 1fr;
    }
    .sm\:grid-cols-\[auto_1fr\]{
        grid-template-columns: auto 1fr;
    }
    .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-12{
        gap: 3rem;
    }
    .sm\:gap-2{
        gap: 0.5rem;
    }
    .sm\:gap-3{
        gap: 0.75rem;
    }
    .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\:divide-neutral-100 > :not([hidden]) ~ :not([hidden]){
        --tw-divide-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
    }
    .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-10{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .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-6{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .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-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-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-none{
        line-height: 1 !important;
    }
    .sm\:opacity-0{
        opacity: 0;
    }
    .group:focus-within .sm\:group-focus-within\:opacity-50{
        opacity: 0.5;
    }
    .group:hover .sm\:group-hover\:opacity-50{
        opacity: 0.5;
    }
}
@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\:mt-1{
        margin-top: 0.25rem;
    }
    .md\:block{
        display: block;
    }
    .md\:flex{
        display: flex;
    }
    .md\:table-cell{
        display: table-cell;
    }
    .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\:items-start{
        align-items: flex-start;
    }
    .md\:items-end{
        align-items: flex-end;
    }
    .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\: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\:-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-64{
        width: 16rem;
    }
    .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-\[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_400px\]{
        grid-template-columns: 1fr 400px;
    }
    .lg\:grid-cols-\[1fr_auto\]{
        grid-template-columns: 1fr auto;
    }
    .lg\:grid-cols-\[2fr_1fr_1fr_1fr\]{
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }
    .lg\:grid-cols-\[minmax\(0\2c 1fr\)_300px\]{
        grid-template-columns: minmax(0,1fr) 300px;
    }
    .lg\:flex-row{
        flex-direction: row;
    }
    .lg\:items-start{
        align-items: flex-start;
    }
    .lg\:items-center{
        align-items: center;
    }
    .lg\:justify-between{
        justify-content: space-between;
    }
    .lg\:gap-12{
        gap: 3rem;
    }
    .lg\:gap-14{
        gap: 3.5rem;
    }
    .lg\:gap-16{
        gap: 4rem;
    }
    .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\: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-5xl{
        font-size: 3rem;
        line-height: 1;
    }
    .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\:block{
        display: block;
    }
    .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\:gap-16{
        gap: 4rem;
    }
}
@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;
}
.\[\&\: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-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-amber-200 a{
    --tw-text-opacity: 1;
    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.\[\&_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;
}
.\[\&_input\]\:h-9 input{
    height: 2.25rem;
}
.\[\&_strong\]\:text-amber-200 strong{
    --tw-text-opacity: 1;
    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.\[\&_strong\]\:text-white strong{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\[\&_svg\]\:\!text-neutral-700 svg{
    --tw-text-opacity: 1 !important;
    color: rgb(20 20 20 / var(--tw-text-opacity, 1)) !important;
}

    
    .dark .\[\&_svg\]\:\!text-neutral-700 svg {
        color: rgb(212 212 216) !important;
    }
: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;
}
