/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
*, ::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: var(--font-inter), Inter, system-ui, sans-serif; /* 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: 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;
}
  *, *::before, *::after { box-sizing: border-box; }

  html, body { height: 100%; overflow: hidden; }

  body {
    /* Sistema (sidebar, topbar, botões, formulários) usa Inter — a mesma fonte
       dos mockups. Inter é carregada via <link> do Google Fonts no <head>
       (layout.tsx, pesos 300–900) e cai no system stack do OS (San Francisco /
       Segoe UI) só enquanto não termina de carregar.
       Canvas de relatórios também usa Inter (widgets aplicam fontFamily inline
       via visual config). */
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    background-color: rgb(var(--color-surface-page) / 1);
    color: rgb(var(--color-content-primary) / 1);
    -webkit-font-smoothing: antialiased;
  }

  /* Custom scrollbar */
  ::-webkit-scrollbar        { width: 4px; height: 4px; }
  ::-webkit-scrollbar-track  { background: transparent; }
  ::-webkit-scrollbar-thumb  { background: rgb(var(--color-surface-border) / 1); border-radius: 2px; }
  ::-webkit-scrollbar-thumb:hover { background: rgb(var(--color-surface-border-strong) / 1); }
  /* ── shadcn/ui (teste) — vars em triplets HSL (formato Tailwind v3:
        o config mapeia `hsl(var(--x))`, então as vars são só os componentes).
        Tema mapeado pros tokens Crispin:
          --primary/--ring    → brand-primary #0b2dec (azul Crispin)
          --accent            → brand-primary-light #e6eafd (hover azulado)
          --border/--input    → surface-border #DCE2EA
          --secondary/--muted → surface-page #ECF0F5
          --foreground        → content-primary #1A1D2E
          --muted-foreground  → content-secondary #4A4F6A
          --destructive       → danger #DC2626 ── */
  :root {
    --background: 0 0% 100%;
    --foreground: 231 28% 14%;
    --card: 0 0% 100%;
    --card-foreground: 231 28% 14%;
    --popover: 0 0% 100%;
    --popover-foreground: 231 28% 14%;
    --primary: 231 91% 48%;
    --primary-foreground: 0 0% 100%;
    --secondary: 213 31% 94%;
    --secondary-foreground: 231 28% 14%;
    --muted: 213 31% 94%;
    --muted-foreground: 231 18% 35%;
    --accent: 230 85% 95%;
    --accent-foreground: 231 91% 48%;
    --destructive: 0 72% 51%;
    --destructive-foreground: 0 0% 100%;
    --border: 214 25% 89%;
    --input: 214 25% 89%;
    --ring: 231 91% 48%;
    --chart-1: 217 89% 61%;
    --chart-2: 137 53% 43%;
    --chart-3: 45 97% 50%;
    --chart-4: 5 81% 56%;
    --chart-5: 27 100% 50%;
    --radius: 0.5rem;
    --sidebar: 0 0% 98%;
    --sidebar-foreground: 240 10% 3.9%;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 240 5.9% 90%;
    --sidebar-ring: 240 10% 3.9%;
  }
  .dark {
    --background: 240 10% 3.9%;
    --foreground: 0 0% 98%;
    --card: 240 10% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 240 10% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 240 5.9% 10%;
    --secondary: 240 3.7% 15.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 240 3.7% 15.9%;
    --muted-foreground: 240 5% 64.9%;
    --accent: 240 3.7% 15.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 3.7% 15.9%;
    --input: 240 3.7% 15.9%;
    --ring: 240 4.9% 83.9%;
    --chart-1: 240 5% 84%;
    --chart-2: 240 5% 64.9%;
    --chart-3: 240 5.2% 33.9%;
    --chart-4: 240 5.3% 26.1%;
    --chart-5: 240 3.7% 15.9%;
    --sidebar: 240 5.9% 10%;
    --sidebar-foreground: 0 0% 98%;
    --sidebar-primary: 224.3 76.3% 48%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 3.7% 15.9%;
    --sidebar-accent-foreground: 0 0% 98%;
    --sidebar-border: 240 3.7% 15.9%;
    --sidebar-ring: 240 4.9% 83.9%;
  }
  * {
  border-color: hsl(var(--border));
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

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

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

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

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

  .container {
    max-width: 1536px;
  }
}
/* ── Card ──────────────────────────────────────────────── */
.\!card {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  animation-duration: 200ms;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .\!card {
  /* mantém: já é cor semântica */
}
.card {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  animation-duration: 200ms;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .card {
  /* mantém: já é cor semântica */
}
.\!card {
    border-radius: var(--radius-card) !important;
    box-shadow: var(--shadow-card) !important;
  }
.card {
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
  }
.\!card:hover { box-shadow: var(--shadow-card-hover) !important; }
.card:hover { box-shadow: var(--shadow-card-hover); }
/* ── Button variants ───────────────────────────────────── */
.\!btn {
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
  border-width: 1px;
  border-color: transparent;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  animation-duration: 150ms;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .\!btn {
  border-color: rgb(var(--color-surface-border));
}
.btn {
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
  border-width: 1px;
  border-color: transparent;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  animation-duration: 150ms;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .btn {
  border-color: rgb(var(--color-surface-border));
}
.\!btn {
    border-radius: var(--radius-button) !important;
  }
.btn {
    border-radius: var(--radius-button);
  }
.btn-pink {
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
  border-width: 1px;
  border-color: transparent;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  animation-duration: 150ms;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .btn-pink {
  border-color: rgb(var(--color-surface-border));
}
.btn-pink {
    border-radius: var(--radius-button);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-brand-primary) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
.btn-pink:hover {
  --tw-brightness: brightness(1.05);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.btn-pink:active {
  --tw-scale-x: .98;
  --tw-scale-y: .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));
}
.btn-ghost {
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
  border-width: 1px;
  border-color: transparent;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  animation-duration: 150ms;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .btn-ghost {
  border-color: rgb(var(--color-surface-border));
}
.btn-ghost {
    border-radius: var(--radius-button);
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-surface-border) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(var(--color-content-secondary) / var(--tw-text-opacity, 1));
  }
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .btn-ghost {
  /* mantém: já é cor semântica */
}
.btn-ghost:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-hover) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
}
.btn-ghost:active {
  --tw-scale-x: .98;
  --tw-scale-y: .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));
}
.btn-icon {
  display: inline-flex;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-secondary) / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  animation-duration: 150ms;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .btn-icon {
  /* mantém: já é cor semântica */
}
.btn-icon:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-hover) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
}
.btn-icon {
    border-radius: var(--radius-button);
  }
/* ── Badge / Tag ───────────────────────────────────────── */
.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
}
.badge-ok {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-ok-bg) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-ok-text) / var(--tw-text-opacity, 1));
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .badge-ok {
  font-weight: 600;
  padding: 3px 10px;
}
.badge-warn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warn-bg) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-warn-text) / var(--tw-text-opacity, 1));
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .badge-warn {
  font-weight: 600;
  padding: 3px 10px;
}
.badge-danger {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-bg) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-text) / var(--tw-text-opacity, 1));
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .badge-danger {
  font-weight: 600;
  padding: 3px 10px;
}
.badge-mute {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-hover) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .badge-mute {
  font-weight: 600;
  padding: 3px 10px;
}
.badge-pink {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-brand-primary-light) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-brand-primary) / var(--tw-text-opacity, 1));
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .badge-pink {
  font-weight: 600;
  padding: 3px 10px;
}
/* ── Nav item ──────────────────────────────────────────── */
.nav-item {
  position: relative;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-secondary) / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(.22,1,.36,1);
  animation-duration: 200ms;
  animation-timing-function: cubic-bezier(.22,1,.36,1);
    border-radius: var(--radius-nav-item);
}
.nav-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-hover) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
}
.nav-item.active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-brand-primary-light) / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-brand-primary) / var(--tw-text-opacity, 1));
}
.nav-item.\!active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-brand-primary-light) / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-brand-primary) / var(--tw-text-opacity, 1));
}
/* ── Source chip ───────────────────────────────────────── */
.src-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-hover) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 12.5px;
  line-height: 18px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .src-chip {
  border-color: rgb(var(--color-surface-border));
}
.src-dot {
  display: flex;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/* ── Table ──────────────────────────────────────────────── */
.data-table {
  width: 100%;
  border-collapse: collapse;
}
.data-table th {
  white-space: nowrap;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-align: left;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .data-table th {
  /* mantém: já é cor semântica */
}

:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .data-table th {
  border-color: rgb(var(--color-surface-border));
}
.data-table td {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-hover) / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
}

:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .data-table td {
  border-color: rgb(var(--color-surface-border));
}
.data-table tbody tr {
  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: 100ms;
  animation-duration: 100ms;
}
.data-table tbody tr:last-child td {
  border-bottom-width: 0px;
}
.data-table tbody tr:hover td {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-hover) / var(--tw-bg-opacity, 1));
}
/* ── Input ──────────────────────────────────────────────── */
.\!input {
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-hover) / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 14px;
  line-height: 20px;
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  animation-duration: 150ms;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .\!input {
  border-color: rgb(var(--color-surface-border));
}
.\!input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-disabled) / var(--tw-text-opacity, 1));
}
.\!input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-disabled) / var(--tw-text-opacity, 1));
}
.\!input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-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(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-color: rgb(var(--color-brand-primary) / 0.1);
}
.input {
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-hover) / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 14px;
  line-height: 20px;
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  animation-duration: 150ms;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .input {
  border-color: rgb(var(--color-surface-border));
}
.input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-disabled) / var(--tw-text-opacity, 1));
}
.input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-disabled) / var(--tw-text-opacity, 1));
}
.input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-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(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-color: rgb(var(--color-brand-primary) / 0.1);
}
.\!input {
    border-radius: var(--radius-input) !important;
  }
.input {
    border-radius: var(--radius-input);
  }
/* ── KPI card ───────────────────────────────────────────── */
.kpi-card {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  animation-duration: 200ms;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .kpi-card {
  /* mantém: já é cor semântica */
}
.kpi-card {
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
  }
.kpi-card:hover { box-shadow: var(--shadow-card-hover); }
@keyframes pop {

  0% {
    transform: scale(.95);
    opacity: 0;
  }

  60% {
    transform: scale(1.02);
  }

  100% {
    transform: none;
    opacity: 1;
  }
}
.kpi-card {
  animation: pop .3s cubic-bezier(.22,1,.36,1) both;
  cursor: default;
  padding: 1rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  animation-duration: 200ms;
}
[data-theme="clean"] .kpi-card {
  box-shadow: var(--shadow-card);
  border: 1px solid rgb(var(--color-surface-border));
}
[data-theme="clean"] .kpi-card:hover {
  box-shadow: var(--shadow-card-hover);
}
.kpi-card:hover {
  --tw-translate-y: -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));
}
/* ── Section label ──────────────────────────────────────── */
.section-label {
  display: block;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.375rem;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-disabled) / var(--tw-text-opacity, 1));
}
/* ── Connector card ─────────────────────────────────────── */
.conn-card {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  animation-duration: 200ms;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .conn-card {
  /* mantém: já é cor semântica */
}
.conn-card {
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
  }
.conn-card:hover { box-shadow: var(--shadow-card-hover); }
.conn-card {
  display: flex;
}
@keyframes fadeUp {

  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.conn-card {
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  padding: 1rem;
  text-align: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  animation-duration: 200ms; animation: fadeUp .25s cubic-bezier(.22,1,.36,1) both;
}
[data-theme="clean"] .conn-card {
  box-shadow: var(--shadow-card);
  border: 1px solid rgb(var(--color-surface-border));
}
[data-theme="clean"] .conn-card:hover {
  box-shadow: var(--shadow-card-hover);
}
.conn-card:hover {
  --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));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary) / var(--tw-border-opacity, 1));
}
.conn-card.connected {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-ok) / var(--tw-border-opacity, 1));
}
.conn-card.\!connected {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-ok) / var(--tw-border-opacity, 1));
}
/* ── Progress bar ───────────────────────────────────────── */
.progress {
  height: 0.375rem;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-border) / var(--tw-bg-opacity, 1));
}
.progress-fill {
  height: 100%;
  border-radius: 9999px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 700ms;
  animation-duration: 700ms;
}
/* ── Tooltip (padrão do sistema) ─────────────────────────
     SDD: docs/TOOLTIP.md · showcase: public/mockup-tooltip.html
     Uso React:  <Tooltip content="..."><button/></Tooltip>  (portal + position: fixed)
     Uso CSS:    class="has-tooltip" data-tt="..." data-tt-side="top|bottom|left|right"
  */
.tooltip {
    /* Texto QUEBRA linha dentro do max-width - nowrap cortava tooltip longa
       (o fixed não tem overflow visível pra estourar). width max-content
       mantém a bubble curta shrink-to-fit numa linha só. */
    pointer-events: none;
    z-index: 50;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
    white-space: normal;
    width: -moz-max-content;
    width: max-content;
    /* Texto = surface: branco no light, escuro no dark (bubble invertida) */
    color: rgb(var(--color-surface));
    background: rgb(var(--color-content-primary));
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.18);
    max-width: 280px;
    line-height: 1.35;
    /* Token sem espaço (nome de tabela, URL) quebra em vez de estourar a bubble */
    overflow-wrap: anywhere;
    animation: tooltipIn .12s cubic-bezier(.22,1,.36,1) both;
  }
/* Rede de segurança: conteúdo com largura fixa (w-[250px] etc) nunca passa
     da área útil da bubble. Sem isso o texto transborda o fundo e, no tema
     escuro (texto escuro em fundo escuro), parece cortado. */
.tooltip > * { max-width: 100%; }
.tooltip strong {
  font-weight: 600; color: rgb(var(--color-surface));
}
/* Seta do tooltip (ponta colada na borda da bubble em direção ao trigger) */
.tooltip::before {
    content: '';
    position: absolute;
    width: 0; height: 0;
    border: 5px solid transparent;
  }
/* ── Tooltip CSS-only (sem React) ─────────────────────────
     <el class="has-tooltip" data-tt="Texto" data-tt-side="top">
     Default: top. delay via hover (300ms).
  */
.has-tooltip { position: relative; }
.has-tooltip::after {
    content: attr(data-tt);
    position: absolute;
    z-index: 50;
    pointer-events: none;
    padding: 6px 10px;
    /* Mesma regra da .tooltip React: quebra linha em vez de cortar no max-width */
    white-space: normal;
    width: -moz-max-content;
    width: max-content;
    font-size: 11px;
    line-height: 1.35;
    font-weight: 500;
    color: rgb(var(--color-surface));
    background: rgb(var(--color-content-primary));
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    max-width: 280px;
    overflow-wrap: anywhere;
    opacity: 0;
    transform: translate(-50%, 4px);
    left: 50%;
    bottom: calc(100% + 8px);
    transition: opacity .15s ease .3s, transform .15s ease .3s;
  }
.has-tooltip::before {
    content: '';
    position: absolute;
    z-index: 50;
    pointer-events: none;
    width: 0; height: 0;
    border: 5px solid transparent;
    border-top-color: rgb(var(--color-content-primary));
    left: 50%;
    bottom: calc(100% + 3px);
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .15s ease .3s;
  }
.has-tooltip:hover::after,
  .has-tooltip:focus-visible::after {
    opacity: 1;
    transform: translate(-50%, 0);
  }
.has-tooltip:hover::before,
  .has-tooltip:focus-visible::before {
    opacity: 1;
  }
/* Variantes de lado (CSS-only) */
.has-tooltip[data-tt-side="bottom"]::after {
    bottom: auto; top: calc(100% + 8px);
    transform: translate(-50%, -4px);
  }
.has-tooltip[data-tt-side="bottom"]:hover::after,
  .has-tooltip[data-tt-side="bottom"]:focus-visible::after {
    transform: translate(-50%, 0);
  }
.has-tooltip[data-tt-side="bottom"]::before {
    bottom: auto; top: calc(100% + 3px);
    border-top-color: transparent;
    border-bottom-color: rgb(var(--color-content-primary));
  }
.has-tooltip[data-tt-side="left"]::after {
    bottom: auto; top: 50%; left: auto; right: calc(100% + 8px);
    transform: translate(4px, -50%);
  }
.has-tooltip[data-tt-side="left"]:hover::after,
  .has-tooltip[data-tt-side="left"]:focus-visible::after {
    transform: translate(0, -50%);
  }
.has-tooltip[data-tt-side="left"]::before {
    bottom: auto; top: 50%; left: auto; right: calc(100% + 3px);
    transform: translateY(-50%);
    border-top-color: transparent;
    border-left-color: rgb(var(--color-content-primary));
  }
.has-tooltip[data-tt-side="right"]::after {
    bottom: auto; top: 50%; left: calc(100% + 8px);
    transform: translate(-4px, -50%);
  }
.has-tooltip[data-tt-side="right"]:hover::after,
  .has-tooltip[data-tt-side="right"]:focus-visible::after {
    transform: translate(0, -50%);
  }
.has-tooltip[data-tt-side="right"]::before {
    bottom: auto; top: 50%; left: calc(100% + 3px);
    transform: translateY(-50%);
    border-top-color: transparent;
    border-right-color: rgb(var(--color-content-primary));
  }
/* Slide container — fade + translate entre slides */
.present-slide {
    opacity: 0;
    transform: translateX(40px);
    transition:
      opacity 480ms cubic-bezier(.22, 1, .36, 1),
      transform 520ms cubic-bezier(.22, 1, .36, 1);
    pointer-events: none;
  }
.present-slide.present-active {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
  }
.present-slide.present-past {
    opacity: 0;
    transform: translateX(-40px);
  }
/* Widget stagger — usa @keyframes em vez de transition porque transition
     só dispara em mudança de estado; keyframes sempre tocam ao aplicar.
     Resolve o bug do 1º slide (já monta em .present-active → sem delta). */
@keyframes present-stagger-in {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
  }
.present-stagger {
    opacity: 0;
  }
.present-slide.present-active .present-stagger {
    animation: present-stagger-in 560ms cubic-bezier(.22, 1, .36, 1) both;
    animation-delay: calc(var(--stagger-idx, 0) * 45ms + 140ms);
  }
/* Animações desligadas — hard cut, 80ms fade minimal */
.present-no-anim .present-slide {
    transition: opacity 80ms linear !important;
    transform: none !important;
    transition-delay: 0ms !important;
  }
.present-no-anim .present-stagger,
  .present-no-anim .present-slide.present-active .present-stagger {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
/* Respeita prefers-reduced-motion OS-wide */
@media (prefers-reduced-motion: reduce) {
    .present-slide {
      transition: opacity 80ms linear !important;
      transform: none !important;
      transition-delay: 0ms !important;
    }
    .present-stagger,
    .present-slide.present-active .present-stagger {
      animation: none !important;
      opacity: 1 !important;
      transform: none !important;
    }
  }
/* Comentários — pulso amarelo quando o painel "Comentários" rola até o widget */
@keyframes commentsHighlight {
    0%   { box-shadow: 0 0 0 0 rgba(255, 209, 0, 0.0), 0 0 0 0 rgba(255, 209, 0, 0.0); }
    15%  { box-shadow: 0 0 0 4px rgba(255, 209, 0, 0.65), 0 0 12px 4px rgba(255, 209, 0, 0.35); }
    100% { box-shadow: 0 0 0 0 rgba(255, 209, 0, 0.0), 0 0 0 0 rgba(255, 209, 0, 0.0); }
  }
.comments-highlight {
    animation: commentsHighlight 1.2s cubic-bezier(.22, 1, .36, 1);
    border-radius: 6px;
  }
@media (prefers-reduced-motion: reduce) {
    .comments-highlight { animation: none; }
  }
.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 !important;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-6 {
  inset: 1.5rem;
}
.inset-\[-3px\] {
  inset: -3px;
}
.-inset-y-\[3px\] {
  top: -3px;
  bottom: -3px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-0\.5 {
  bottom: -0.125rem;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-bottom-\[2px\] {
  bottom: -2px;
}
.-bottom-px {
  bottom: -1px;
}
.-left-\[60px\] {
  left: -60px;
}
.-right-0\.5 {
  right: -0.125rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-1\.5 {
  right: -0.375rem;
}
.-right-3 {
  right: -0.75rem;
}
.-right-\[60px\] {
  right: -60px;
}
.-top-1 {
  top: -0.25rem;
}
.-top-1\.5 {
  top: -0.375rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-6 {
  top: -1.5rem;
}
.-top-7 {
  top: -1.75rem;
}
.-top-9 {
  top: -2.25rem;
}
.-top-\[28px\] {
  top: -28px;
}
.-top-\[2px\] {
  top: -2px;
}
.-top-\[32px\] {
  top: -32px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-1\.5 {
  bottom: 0.375rem;
}
.bottom-10 {
  bottom: 2.5rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-2\.5 {
  bottom: 0.625rem;
}
.bottom-24 {
  bottom: 6rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-\[calc\(100\%\+8px\)\] {
  bottom: calc(100% + 8px);
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-0\.5 {
  left: 0.125rem;
}
.left-1 {
  left: 0.25rem;
}
.left-1\.5 {
  left: 0.375rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-3 {
  left: 0.75rem;
}
.left-3\.5 {
  left: 0.875rem;
}
.left-4 {
  left: 1rem;
}
.left-5 {
  left: 1.25rem;
}
.left-6 {
  left: 1.5rem;
}
.left-7 {
  left: 1.75rem;
}
.left-\[14px\] {
  left: 14px;
}
.left-\[16px\] {
  left: 16px;
}
.left-\[18px\] {
  left: 18px;
}
.left-\[19\%\] {
  left: 19%;
}
.left-\[19px\] {
  left: 19px;
}
.left-\[22px\] {
  left: 22px;
}
.left-\[2px\] {
  left: 2px;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[54\%\] {
  left: 54%;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-10 {
  right: 2.5rem;
}
.right-2 {
  right: 0.5rem;
}
.right-2\.5 {
  right: 0.625rem;
}
.right-3 {
  right: 0.75rem;
}
.right-3\.5 {
  right: 0.875rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.right-7 {
  right: 1.75rem;
}
.right-\[19\%\] {
  right: 19%;
}
.right-\[54\%\] {
  right: 54%;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-10 {
  top: 2.5rem;
}
.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-3\.5 {
  top: 0.875rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-6 {
  top: 1.5rem;
}
.top-7 {
  top: 1.75rem;
}
.top-8 {
  top: 2rem;
}
.top-9 {
  top: 2.25rem;
}
.top-\[-2px\] {
  top: -2px;
}
.top-\[-3px\] {
  top: -3px;
}
.top-\[14px\] {
  top: 14px;
}
.top-\[22px\] {
  top: 22px;
}
.top-\[2px\] {
  top: 2px;
}
.top-\[36px\] {
  top: 36px;
}
.top-\[38px\] {
  top: 38px;
}
.top-\[42px\] {
  top: 42px;
}
.top-\[46px\] {
  top: 46px;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[52px\] {
  top: 52px;
}
.top-\[68px\] {
  top: 68px;
}
.top-\[calc\(100\%\+6px\)\] {
  top: calc(100% + 6px);
}
.top-\[calc\(100\%\+7px\)\] {
  top: calc(100% + 7px);
}
.top-\[calc\(100\%\+8px\)\] {
  top: calc(100% + 8px);
}
.top-full {
  top: 100%;
}
.top-px {
  top: 1px;
}
.isolate {
  isolation: isolate;
}
.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-\[1000\] {
  z-index: 1000;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[10\] {
  z-index: 10;
}
.z-\[110\] {
  z-index: 110;
}
.z-\[120\] {
  z-index: 120;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[470\] {
  z-index: 470;
}
.z-\[490\] {
  z-index: 490;
}
.z-\[500\] {
  z-index: 500;
}
.z-\[520\] {
  z-index: 520;
}
.z-\[545\] {
  z-index: 545;
}
.z-\[55\] {
  z-index: 55;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[61\] {
  z-index: 61;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[71\] {
  z-index: 71;
}
.z-\[75\] {
  z-index: 75;
}
.z-\[80\] {
  z-index: 80;
}
.z-\[90\] {
  z-index: 90;
}
.z-\[9999\] {
  z-index: 9999;
}
.z-\[9\] {
  z-index: 9;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.m-0 {
  margin: 0px;
}
.m-3 {
  margin: 0.75rem;
}
.m-auto {
  margin: auto;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-1\.5 {
  margin-left: -0.375rem;
  margin-right: -0.375rem;
}
.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.-my-0\.5 {
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}
.-my-10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}
.-my-3\.5 {
  margin-top: -0.875rem;
  margin-bottom: -0.875rem;
}
.-my-7 {
  margin-top: -1.75rem;
  margin-bottom: -1.75rem;
}
.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-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-\[3px\] {
  margin-top: 3px;
  margin-bottom: 3px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-5 {
  margin-bottom: -1.25rem;
}
.-mb-px {
  margin-bottom: -1px;
}
.-mr-1 {
  margin-right: -0.25rem;
}
.-mr-2 {
  margin-right: -0.5rem;
}
.-mr-7 {
  margin-right: -1.75rem;
}
.-mt-0\.5 {
  margin-top: -0.125rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-5 {
  margin-top: -1.25rem;
}
.-mt-\[120px\] {
  margin-top: -120px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-11 {
  margin-bottom: 2.75rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.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-3\.5 {
  margin-bottom: 0.875rem;
}
.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;
}
.mb-\[18px\] {
  margin-bottom: 18px;
}
.mb-\[2\.8\%\] {
  margin-bottom: 2.8%;
}
.mb-\[7px\] {
  margin-bottom: 7px;
}
.mb-\[80px\] {
  margin-bottom: 80px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-\[14px\] {
  margin-left: 14px;
}
.ml-auto {
  margin-left: auto;
}
.mr-0\.5 {
  margin-right: 0.125rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-auto {
  margin-right: auto;
}
.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-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-\[-8px\] {
  margin-top: -8px;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.mt-\[7px\] {
  margin-top: 7px;
}
.mt-auto {
  margin-top: auto;
}
.mt-px {
  margin-top: 1px;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.\!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 !important;
}
.table {
  display: table;
}
.\!grid {
  display: grid !important;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-\[1\.5\] {
  aspect-ratio: 1.5;
}
.aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[3\/1\] {
  aspect-ratio: 3/1;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}
.aspect-\[9\/16\] {
  aspect-ratio: 9/16;
}
.aspect-auto {
  aspect-ratio: auto;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.size-1\.5 {
  width: 0.375rem;
  height: 0.375rem;
}
.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}
.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-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.h-0 {
  height: 0px;
}
.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-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[1\.5px\] {
  height: 1.5px;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[104px\] {
  height: 104px;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[112px\] {
  height: 112px;
}
.h-\[11px\] {
  height: 11px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[13px\] {
  height: 13px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[160px\] {
  height: 160px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[17px\] {
  height: 17px;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[190px\] {
  height: 190px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[2\.5px\] {
  height: 2.5px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[21px\] {
  height: 21px;
}
.h-\[220px\] {
  height: 220px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[230px\] {
  height: 230px;
}
.h-\[23px\] {
  height: 23px;
}
.h-\[240px\] {
  height: 240px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[260px\] {
  height: 260px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[27px\] {
  height: 27px;
}
.h-\[280px\] {
  height: 280px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[3\.2em\] {
  height: 3.2em;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[352px\] {
  height: 352px;
}
.h-\[360px\] {
  height: 360px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[420px\] {
  height: 420px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[460px\] {
  height: 460px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[520px\] {
  height: 520px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[54px\] {
  height: 54px;
}
.h-\[55px\] {
  height: 55px;
}
.h-\[58px\] {
  height: 58px;
}
.h-\[5px\] {
  height: 5px;
}
.h-\[62vh\] {
  height: 62vh;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[6px\] {
  height: 6px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[7px\] {
  height: 7px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[8px\] {
  height: 8px;
}
.h-\[90px\] {
  height: 90px;
}
.h-\[92px\] {
  height: 92px;
}
.h-\[96px\] {
  height: 96px;
}
.h-\[9px\] {
  height: 9px;
}
.h-\[calc\(100dvh-210px\)\] {
  height: calc(100dvh - 210px);
}
.h-\[calc\(100vh-148px\)\] {
  height: calc(100vh - 148px);
}
.h-\[calc\(100vh-260px\)\] {
  height: calc(100vh - 260px);
}
.h-\[calc\(100vh-28px\)\] {
  height: calc(100vh - 28px);
}
.h-\[calc\(100vh-56px\)\] {
  height: calc(100vh - 56px);
}
.h-\[clamp\(14px\2c 2vw\2c 24px\)\] {
  height: clamp(14px, 2vw, 24px);
}
.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-28 {
  max-height: 7rem;
}
.max-h-72 {
  max-height: 18rem;
}
.max-h-\[--radix-select-content-available-height\] {
  max-height: var(--radix-select-content-available-height);
}
.max-h-\[140px\] {
  max-height: 140px;
}
.max-h-\[180px\] {
  max-height: 180px;
}
.max-h-\[190px\] {
  max-height: 190px;
}
.max-h-\[212px\] {
  max-height: 212px;
}
.max-h-\[220px\] {
  max-height: 220px;
}
.max-h-\[240px\] {
  max-height: 240px;
}
.max-h-\[264px\] {
  max-height: 264px;
}
.max-h-\[270px\] {
  max-height: 270px;
}
.max-h-\[280px\] {
  max-height: 280px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[320px\] {
  max-height: 320px;
}
.max-h-\[340px\] {
  max-height: 340px;
}
.max-h-\[360px\] {
  max-height: 360px;
}
.max-h-\[420px\] {
  max-height: 420px;
}
.max-h-\[520px\] {
  max-height: 520px;
}
.max-h-\[540px\] {
  max-height: 540px;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[62vh\] {
  max-height: 62vh;
}
.max-h-\[640px\] {
  max-height: 640px;
}
.max-h-\[680px\] {
  max-height: 680px;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[820px\] {
  max-height: 820px;
}
.max-h-\[84vh\] {
  max-height: 84vh;
}
.max-h-\[88vh\] {
  max-height: 88vh;
}
.max-h-\[90px\] {
  max-height: 90px;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[92vh\] {
  max-height: 92vh;
}
.max-h-\[calc\(100vh-180px\)\] {
  max-height: calc(100vh - 180px);
}
.max-h-\[calc\(100vh-320px\)\] {
  max-height: calc(100vh - 320px);
}
.max-h-\[calc\(100vh-40px\)\] {
  max-height: calc(100vh - 40px);
}
.max-h-\[calc\(100vh-4rem\)\] {
  max-height: calc(100vh - 4rem);
}
.max-h-\[calc\(100vh-90px\)\] {
  max-height: calc(100vh - 90px);
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[110px\] {
  min-height: 110px;
}
.min-h-\[112px\] {
  min-height: 112px;
}
.min-h-\[188px\] {
  min-height: 188px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[20px\] {
  min-height: 20px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[22px\] {
  min-height: 22px;
}
.min-h-\[240px\] {
  min-height: 240px;
}
.min-h-\[246px\] {
  min-height: 246px;
}
.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-\[295px\] {
  min-height: 295px;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[34px\] {
  min-height: 34px;
}
.min-h-\[392px\] {
  min-height: 392px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[440px\] {
  min-height: 440px;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.min-h-\[54px\] {
  min-height: 54px;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.min-h-\[64px\] {
  min-height: 64px;
}
.min-h-\[68px\] {
  min-height: 68px;
}
.min-h-\[78px\] {
  min-height: 78px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-\[84px\] {
  min-height: 84px;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-\[110px\] {
  width: 110px !important;
}
.\!w-\[180px\] {
  width: 180px !important;
}
.w-0 {
  width: 0px;
}
.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\/3 {
  width: 66.666667%;
}
.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-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-\[1\%\] {
  width: 1%;
}
.w-\[1000px\] {
  width: 1000px;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[104px\] {
  width: 104px;
}
.w-\[108px\] {
  width: 108px;
}
.w-\[10px\] {
  width: 10px;
}
.w-\[110px\] {
  width: 110px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[124px\] {
  width: 124px;
}
.w-\[136px\] {
  width: 136px;
}
.w-\[13px\] {
  width: 13px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[154px\] {
  width: 154px;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[168px\] {
  width: 168px;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[17px\] {
  width: 17px;
}
.w-\[18\%\] {
  width: 18%;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[190px\] {
  width: 190px;
}
.w-\[19px\] {
  width: 19px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[204px\] {
  width: 204px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[210px\] {
  width: 210px;
}
.w-\[22\%\] {
  width: 22%;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[225px\] {
  width: 225px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[230px\] {
  width: 230px;
}
.w-\[236px\] {
  width: 236px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[260px\] {
  width: 260px;
}
.w-\[268px\] {
  width: 268px;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[290px\] {
  width: 290px;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[320px\] {
  width: 320px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[330px\] {
  width: 330px;
}
.w-\[336px\] {
  width: 336px;
}
.w-\[340px\] {
  width: 340px;
}
.w-\[34px\] {
  width: 34px;
}
.w-\[360px\] {
  width: 360px;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[380px\] {
  width: 380px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[40\%\] {
  width: 40%;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[420px\] {
  width: 420px;
}
.w-\[42px\] {
  width: 42px;
}
.w-\[430px\] {
  width: 430px;
}
.w-\[440px\] {
  width: 440px;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[460px\] {
  width: 460px;
}
.w-\[46px\] {
  width: 46px;
}
.w-\[480px\] {
  width: 480px;
}
.w-\[48px\] {
  width: 48px;
}
.w-\[50\%\] {
  width: 50%;
}
.w-\[520px\] {
  width: 520px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[540px\] {
  width: 540px;
}
.w-\[54px\] {
  width: 54px;
}
.w-\[55\%\] {
  width: 55%;
}
.w-\[560px\] {
  width: 560px;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[600px\] {
  width: 600px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[620px\] {
  width: 620px;
}
.w-\[62px\] {
  width: 62px;
}
.w-\[640px\] {
  width: 640px;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[680px\] {
  width: 680px;
}
.w-\[6px\] {
  width: 6px;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[720px\] {
  width: 720px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[74px\] {
  width: 74px;
}
.w-\[76px\] {
  width: 76px;
}
.w-\[78px\] {
  width: 78px;
}
.w-\[7px\] {
  width: 7px;
}
.w-\[8\%\] {
  width: 8%;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[82px\] {
  width: 82px;
}
.w-\[86\%\] {
  width: 86%;
}
.w-\[86px\] {
  width: 86px;
}
.w-\[88\%\] {
  width: 88%;
}
.w-\[880px\] {
  width: 880px;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[8px\] {
  width: 8px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[92px\] {
  width: 92px;
}
.w-\[940px\] {
  width: 940px;
}
.w-\[95\%\] {
  width: 95%;
}
.w-\[96px\] {
  width: 96px;
}
.w-\[9px\] {
  width: 9px;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-10 {
  min-width: 2.5rem;
}
.min-w-28 {
  min-width: 7rem;
}
.min-w-7 {
  min-width: 1.75rem;
}
.min-w-8 {
  min-width: 2rem;
}
.min-w-9 {
  min-width: 2.25rem;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[110px\] {
  min-width: 110px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[16px\] {
  min-width: 16px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[18px\] {
  min-width: 18px;
}
.min-w-\[190px\] {
  min-width: 190px;
}
.min-w-\[19px\] {
  min-width: 19px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[210px\] {
  min-width: 210px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[236px\] {
  min-width: 236px;
}
.min-w-\[240px\] {
  min-width: 240px;
}
.min-w-\[24px\] {
  min-width: 24px;
}
.min-w-\[260px\] {
  min-width: 260px;
}
.min-w-\[26px\] {
  min-width: 26px;
}
.min-w-\[280px\] {
  min-width: 280px;
}
.min-w-\[30px\] {
  min-width: 30px;
}
.min-w-\[34px\] {
  min-width: 34px;
}
.min-w-\[36px\] {
  min-width: 36px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.min-w-\[42px\] {
  min-width: 42px;
}
.min-w-\[44px\] {
  min-width: 44px;
}
.min-w-\[48px\] {
  min-width: 48px;
}
.min-w-\[4px\] {
  min-width: 4px;
}
.min-w-\[56px\] {
  min-width: 56px;
}
.min-w-\[640px\] {
  min-width: 640px;
}
.min-w-\[64px\] {
  min-width: 64px;
}
.min-w-\[760px\] {
  min-width: 760px;
}
.min-w-\[820px\] {
  min-width: 820px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.\!max-w-\[300px\] {
  max-width: 300px !important;
}
.\!max-w-\[380px\] {
  max-width: 380px !important;
}
.max-w-0 {
  max-width: 0px;
}
.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-6xl {
  max-width: 72rem;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[1060px\] {
  max-width: 1060px;
}
.max-w-\[1080px\] {
  max-width: 1080px;
}
.max-w-\[1100px\] {
  max-width: 1100px;
}
.max-w-\[110px\] {
  max-width: 110px;
}
.max-w-\[1180px\] {
  max-width: 1180px;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[1240px\] {
  max-width: 1240px;
}
.max-w-\[1280px\] {
  max-width: 1280px;
}
.max-w-\[1360px\] {
  max-width: 1360px;
}
.max-w-\[1400px\] {
  max-width: 1400px;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[170px\] {
  max-width: 170px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[190px\] {
  max-width: 190px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[240px\] {
  max-width: 240px;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[340px\] {
  max-width: 340px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[380px\] {
  max-width: 380px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[440px\] {
  max-width: 440px;
}
.max-w-\[46\%\] {
  max-width: 46%;
}
.max-w-\[460px\] {
  max-width: 460px;
}
.max-w-\[46px\] {
  max-width: 46px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[56px\] {
  max-width: 56px;
}
.max-w-\[60\%\] {
  max-width: 60%;
}
.max-w-\[620px\] {
  max-width: 620px;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[660px\] {
  max-width: 660px;
}
.max-w-\[680px\] {
  max-width: 680px;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[72px\] {
  max-width: 72px;
}
.max-w-\[760px\] {
  max-width: 760px;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[80px\] {
  max-width: 80px;
}
.max-w-\[820px\] {
  max-width: 820px;
}
.max-w-\[85\%\] {
  max-width: 85%;
}
.max-w-\[86\%\] {
  max-width: 86%;
}
.max-w-\[860px\] {
  max-width: 860px;
}
.max-w-\[880px\] {
  max-width: 880px;
}
.max-w-\[90\%\] {
  max-width: 90%;
}
.max-w-\[90vw\] {
  max-width: 90vw;
}
.max-w-\[92\%\] {
  max-width: 92%;
}
.max-w-\[920px\] {
  max-width: 920px;
}
.max-w-\[92vw\] {
  max-width: 92vw;
}
.max-w-\[930px\] {
  max-width: 930px;
}
.max-w-\[94vw\] {
  max-width: 94vw;
}
.max-w-\[96vw\] {
  max-width: 96vw;
}
.max-w-\[980px\] {
  max-width: 980px;
}
.max-w-\[calc\(100vw-1\.5rem\)\] {
  max-width: calc(100vw - 1.5rem);
}
.max-w-\[calc\(100vw-1rem\)\] {
  max-width: calc(100vw - 1rem);
}
.max-w-\[calc\(100vw-48px\)\] {
  max-width: calc(100vw - 48px);
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[0_0_44px\] {
  flex: 0 0 44px;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.caption-bottom {
  caption-side: bottom;
}
.border-collapse {
  border-collapse: collapse;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-\[--radix-dropdown-menu-content-transform-origin\] {
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\[--radix-select-content-transform-origin\] {
  transform-origin: var(--radix-select-content-transform-origin);
}
.origin-bottom-right {
  transform-origin: bottom right;
}
.origin-left {
  transform-origin: left;
}
.origin-top-left {
  transform-origin: top left;
}
.origin-top-right {
  transform-origin: top right;
}
.-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\/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-px {
  --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));
}
.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-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-3\.5 {
  --tw-translate-x: 0.875rem;
  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-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[14px\] {
  --tw-translate-x: 14px;
  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-\[18px\] {
  --tw-translate-x: 18px;
  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-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-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-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-105 {
  --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));
}
.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  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-\[1\.05\] {
  --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));
}
.-scale-x-100 {
  --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));
}
.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 fadeDown {

  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.animate-fade-down {
  animation: fadeDown .25s cubic-bezier(.22,1,.36,1) both;
}
@keyframes fadeIn {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate-fade-in {
  animation: fadeIn .2s ease both;
}
@keyframes fadeOut {

  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate-fade-out {
  animation: fadeOut .15s ease both;
}
@keyframes fadeUp {

  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.animate-fade-up {
  animation: fadeUp .25s cubic-bezier(.22,1,.36,1) both;
}
@keyframes ping {

  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pop {

  0% {
    transform: scale(.95);
    opacity: 0;
  }

  60% {
    transform: scale(1.02);
  }

  100% {
    transform: none;
    opacity: 1;
  }
}
.animate-pop {
  animation: pop .3s cubic-bezier(.22,1,.36,1) both;
}
@keyframes pulse {

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

  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: .6;
  }
}
.animate-pulse-soft {
  animation: pulseSoft 2s ease-in-out infinite;
}
@keyframes scaleIn {

  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.animate-scale-in {
  animation: scaleIn .2s cubic-bezier(.22,1,.36,1) both;
}
@keyframes shimmer {

  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}
.animate-shimmer {
  animation: shimmer 1.5s ease-in-out infinite;
}
@keyframes slideInRight {

  from {
    opacity: 0;
    transform: translateX(16px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.animate-slide-in-r {
  animation: slideInRight .25s cubic-bezier(.22,1,.36,1) both;
}
@keyframes slideOutRight {

  from {
    opacity: 1;
    transform: none;
  }

  to {
    opacity: 0;
    transform: translateX(16px);
  }
}
.animate-slide-out-r {
  animation: slideOutRight .18s cubic-bezier(.4,0,1,1) both;
}
@keyframes slideUp {

  from {
    opacity: 0;
    transform: translateY(24px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.animate-slide-up {
  animation: slideUp .3s cubic-bezier(.22,1,.36,1) both;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-default {
  cursor: default;
}
.cursor-ew-resize {
  cursor: ew-resize;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-help {
  cursor: help;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-ns-resize {
  cursor: ns-resize;
}
.cursor-nwse-resize {
  cursor: nwse-resize;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.cursor-wait {
  cursor: wait;
}
.touch-none {
  touch-action: none;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.resize {
  resize: both;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, 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-\[1\.3fr_1fr\] {
  grid-template-columns: 1.3fr 1fr;
}
.grid-cols-\[1\.5fr_1fr_1fr_0\.8fr\] {
  grid-template-columns: 1.5fr 1fr 1fr 0.8fr;
}
.grid-cols-\[10px_14px_120px_1fr_auto\] {
  grid-template-columns: 10px 14px 120px 1fr auto;
}
.grid-cols-\[110px_1fr_58px_58px\] {
  grid-template-columns: 110px 1fr 58px 58px;
}
.grid-cols-\[110px_1fr_auto\] {
  grid-template-columns: 110px 1fr auto;
}
.grid-cols-\[12px_1fr\] {
  grid-template-columns: 12px 1fr;
}
.grid-cols-\[12px_32px_1fr\] {
  grid-template-columns: 12px 32px 1fr;
}
.grid-cols-\[132px_1fr_136px\] {
  grid-template-columns: 132px 1fr 136px;
}
.grid-cols-\[140px_1fr\] {
  grid-template-columns: 140px 1fr;
}
.grid-cols-\[150px_1fr_130px\] {
  grid-template-columns: 150px 1fr 130px;
}
.grid-cols-\[170px_1fr_40px\] {
  grid-template-columns: 170px 1fr 40px;
}
.grid-cols-\[170px_minmax\(160px\2c 1fr\)_minmax\(300px\2c 360px\)\] {
  grid-template-columns: 170px minmax(160px,1fr) minmax(300px,360px);
}
.grid-cols-\[18px_1fr_auto\] {
  grid-template-columns: 18px 1fr auto;
}
.grid-cols-\[196px_1fr\] {
  grid-template-columns: 196px 1fr;
}
.grid-cols-\[198px_1fr\] {
  grid-template-columns: 198px 1fr;
}
.grid-cols-\[1fr_1\.3fr\] {
  grid-template-columns: 1fr 1.3fr;
}
.grid-cols-\[1fr_120px\] {
  grid-template-columns: 1fr 120px;
}
.grid-cols-\[1fr_1fr\] {
  grid-template-columns: 1fr 1fr;
}
.grid-cols-\[1fr_220px\] {
  grid-template-columns: 1fr 220px;
}
.grid-cols-\[1fr_320px\] {
  grid-template-columns: 1fr 320px;
}
.grid-cols-\[1fr_380px\] {
  grid-template-columns: 1fr 380px;
}
.grid-cols-\[1fr_auto_auto\] {
  grid-template-columns: 1fr auto auto;
}
.grid-cols-\[210px_1fr_290px\] {
  grid-template-columns: 210px 1fr 290px;
}
.grid-cols-\[220px_1fr_300px\] {
  grid-template-columns: 220px 1fr 300px;
}
.grid-cols-\[240px_1fr\] {
  grid-template-columns: 240px 1fr;
}
.grid-cols-\[24px_1fr_90px\] {
  grid-template-columns: 24px 1fr 90px;
}
.grid-cols-\[260px_1fr\] {
  grid-template-columns: 260px 1fr;
}
.grid-cols-\[30px_44px_1fr_72px_86px\] {
  grid-template-columns: 30px 44px 1fr 72px 86px;
}
.grid-cols-\[32\%_1fr\] {
  grid-template-columns: 32% 1fr;
}
.grid-cols-\[32px_1fr_110px\] {
  grid-template-columns: 32px 1fr 110px;
}
.grid-cols-\[52px_1fr_30px\] {
  grid-template-columns: 52px 1fr 30px;
}
.grid-cols-\[580px_1fr\] {
  grid-template-columns: 580px 1fr;
}
.grid-cols-\[64px_1fr\] {
  grid-template-columns: 64px 1fr;
}
.grid-cols-\[74px_1fr_44px\] {
  grid-template-columns: 74px 1fr 44px;
}
.grid-cols-\[76px_1fr_130px\] {
  grid-template-columns: 76px 1fr 130px;
}
.grid-cols-\[80px_1fr\] {
  grid-template-columns: 80px 1fr;
}
.grid-cols-\[80px_1fr_112px\] {
  grid-template-columns: 80px 1fr 112px;
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto;
}
.grid-cols-\[minmax\(110px\2c 150px\)_minmax\(70px\2c 1fr\)_112px_44px_100px_62px_88px_50px_64px_100px\] {
  grid-template-columns: minmax(110px,150px) minmax(70px,1fr) 112px 44px 100px 62px 88px 50px 64px 100px;
}
.grid-cols-\[minmax\(150px\2c 320px\)_1fr\] {
  grid-template-columns: minmax(150px,320px) 1fr;
}
.grid-cols-\[minmax\(150px\2c 320px\)_1fr_92px\] {
  grid-template-columns: minmax(150px,320px) 1fr 92px;
}
.grid-cols-\[minmax\(180px\2c 250px\)_1fr_110px_90px_110px\] {
  grid-template-columns: minmax(180px,250px) 1fr 110px 90px 110px;
}
.grid-cols-\[minmax\(200px\2c 1fr\)_128px_170px_112px_104px_72px\] {
  grid-template-columns: minmax(200px,1fr) 128px 170px 112px 104px 72px;
}
.grid-cols-\[minmax\(200px\2c 320px\)_1fr_130px\] {
  grid-template-columns: minmax(200px,320px) 1fr 130px;
}
.grid-rows-\[1fr_auto\] {
  grid-template-rows: 1fr auto;
}
.grid-rows-\[auto_1fr\] {
  grid-template-rows: auto 1fr;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.\!flex-col {
  flex-direction: column !important;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.\!flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.\!items-stretch {
  align-items: stretch !important;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.\!gap-0 {
  gap: 0px !important;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-\[1\.5px\] {
  gap: 1.5px;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[1px\] {
  gap: 1px;
}
.gap-\[2\.2\%\] {
  gap: 2.2%;
}
.gap-\[2\.5px\] {
  gap: 2.5px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[5\%\] {
  gap: 5%;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[6\%\] {
  gap: 6%;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-px {
  gap: 1px;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-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-2 {
  row-gap: 0.5rem;
}
.gap-y-2\.5 {
  row-gap: 0.625rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-3\.5 {
  row-gap: 0.875rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.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-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.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));
}
.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-surface-border > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(var(--color-surface-border) / var(--tw-divide-opacity, 1));
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.\!whitespace-normal {
  white-space: normal !important;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.\!rounded {
  border-radius: 8px !important;
}
.\!rounded-2xl {
  border-radius: 20px !important;
}
.\!rounded-\[4px\] {
  border-radius: 4px !important;
}
.\!rounded-\[7px\] {
  border-radius: 7px !important;
}
.\!rounded-\[9px\] {
  border-radius: 9px !important;
}
.\!rounded-full {
  border-radius: 9999px !important;
}
.\!rounded-lg {
  border-radius: 12px !important;
}
.\!rounded-md {
  border-radius: 10px !important;
}
.\!rounded-none {
  border-radius: 0px !important;
}
.\!rounded-xl {
  border-radius: 16px !important;
}
.rounded {
  border-radius: 8px;
}
.rounded-2xl {
  border-radius: 20px;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[11px\] {
  border-radius: 11px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[2\.5px\] {
  border-radius: 2.5px;
}
.rounded-\[26px\] {
  border-radius: 26px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[4\.5px\] {
  border-radius: 4.5px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[7px\] {
  border-radius: 7px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-\[9px\] {
  border-radius: 9px;
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-\[var\(--main-radius\)\] {
  border-radius: var(--main-radius);
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 12px;
}
.rounded-md {
  border-radius: 10px;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 6px;
}
.rounded-xl {
  border-radius: 16px;
}
.\!rounded-b-none {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.\!rounded-t {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.rounded-b-2xl {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.rounded-b-\[var\(--radius-card\)\] {
  border-bottom-right-radius: var(--radius-card);
  border-bottom-left-radius: var(--radius-card);
}
.rounded-l {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-l-md {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r-lg {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.rounded-r-md {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-t {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-t-2xl {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.rounded-t-\[2px\] {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.rounded-t-\[3px\] {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.rounded-t-\[var\(--radius-card\)\] {
  border-top-left-radius: var(--radius-card);
  border-top-right-radius: var(--radius-card);
}
.rounded-t-md {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-bl-\[9px\] {
  border-bottom-left-radius: 9px;
}
.rounded-bl-sm {
  border-bottom-left-radius: 6px;
}
.rounded-br-sm {
  border-bottom-right-radius: 6px;
}
.rounded-tl-\[9px\] {
  border-top-left-radius: 9px;
}
.rounded-tl-xl {
  border-top-left-radius: 16px;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-\[2px\] {
  border-width: 2px;
}
.border-\[3px\] {
  border-width: 3px;
}
.border-\[4px\] {
  border-width: 4px;
}
.border-x {
  border-left-width: 1px;
  border-right-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-2 {
  border-left-width: 2px;
}
.border-l-\[2px\] {
  border-left-width: 2px;
}
.border-l-\[3px\] {
  border-left-width: 3px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-\[1\.5px\] {
  border-top-width: 1.5px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.\!border-brand-pink {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-brand-primary) / var(--tw-border-opacity, 1)) !important;
}
.border-\[--color-border\] {
  border-color: var(--color-border);
}
.border-black\/10 {
  border-color: rgb(0 0 0 / 0.1);
}
.border-black\/5 {
  border-color: rgb(0 0 0 / 0.05);
}
.border-border\/50 {
  border-color: hsl(var(--border) / 0.5);
}
.border-brand-pink {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary) / var(--tw-border-opacity, 1));
}
.border-brand-pink-light {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary-light) / var(--tw-border-opacity, 1));
}
.border-brand-pink-mid {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary-mid) / var(--tw-border-opacity, 1));
}
.border-brand-pink\/15 {
  border-color: rgb(var(--color-brand-primary) / 0.15);
}
.border-brand-pink\/20 {
  border-color: rgb(var(--color-brand-primary) / 0.2);
}
.border-brand-pink\/25 {
  border-color: rgb(var(--color-brand-primary) / 0.25);
}
.border-brand-pink\/30 {
  border-color: rgb(var(--color-brand-primary) / 0.3);
}
.border-brand-pink\/40 {
  border-color: rgb(var(--color-brand-primary) / 0.4);
}
.border-brand-pink\/60 {
  border-color: rgb(var(--color-brand-primary) / 0.6);
}
.border-client-black\/15 {
  border-color: rgb(17 17 17 / 0.15);
}
.border-content-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-content-disabled) / var(--tw-border-opacity, 1));
}
.border-content-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-content-primary) / var(--tw-border-opacity, 1));
}
.border-content-primary\/25 {
  border-color: rgb(var(--color-content-primary) / 0.25);
}
.border-content-primary\/30 {
  border-color: rgb(var(--color-content-primary) / 0.3);
}
.border-content-tertiary\/50 {
  border-color: rgb(var(--color-content-tertiary) / 0.5);
}
.border-danger {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger) / var(--tw-border-opacity, 1));
}
.border-danger-bg {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-bg) / var(--tw-border-opacity, 1));
}
.border-danger-text\/20 {
  border-color: rgb(var(--color-danger-text) / 0.2);
}
.border-danger-text\/40 {
  border-color: rgb(var(--color-danger-text) / 0.4);
}
.border-danger\/20 {
  border-color: rgb(var(--color-danger) / 0.2);
}
.border-danger\/30 {
  border-color: rgb(var(--color-danger) / 0.3);
}
.border-danger\/50 {
  border-color: rgb(var(--color-danger) / 0.5);
}
.border-info {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info) / var(--tw-border-opacity, 1));
}
.border-info\/20 {
  border-color: rgb(var(--color-info) / 0.2);
}
.border-info\/30 {
  border-color: rgb(var(--color-info) / 0.3);
}
.border-input {
  border-color: hsl(var(--input));
}
.border-ok {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-ok) / var(--tw-border-opacity, 1));
}
.border-ok-bg {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-ok-bg) / var(--tw-border-opacity, 1));
}
.border-ok\/30 {
  border-color: rgb(var(--color-ok) / 0.3);
}
.border-ok\/40 {
  border-color: rgb(var(--color-ok) / 0.4);
}
.border-primary {
  border-color: hsl(var(--primary));
}
.border-surface {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface) / var(--tw-border-opacity, 1));
}
.border-surface-border {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-border) / var(--tw-border-opacity, 1));
}
.border-surface-border-strong {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-border-strong) / var(--tw-border-opacity, 1));
}
.border-surface-border\/50 {
  border-color: rgb(var(--color-surface-border) / 0.5);
}
.border-surface-border\/60 {
  border-color: rgb(var(--color-surface-border) / 0.6);
}
.border-surface-border\/70 {
  border-color: rgb(var(--color-surface-border) / 0.7);
}
.border-surface-hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-hover) / var(--tw-border-opacity, 1));
}
.border-surface-page {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-page) / var(--tw-border-opacity, 1));
}
.border-surface-soft {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-soft) / var(--tw-border-opacity, 1));
}
.border-surface\/20 {
  border-color: rgb(var(--color-surface) / 0.2);
}
.border-surface\/25 {
  border-color: rgb(var(--color-surface) / 0.25);
}
.border-transparent {
  border-color: transparent;
}
.border-warn {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warn) / var(--tw-border-opacity, 1));
}
.border-warn-bg {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warn-bg) / var(--tw-border-opacity, 1));
}
.border-warn\/20 {
  border-color: rgb(var(--color-warn) / 0.2);
}
.border-warn\/30 {
  border-color: rgb(var(--color-warn) / 0.3);
}
.border-warn\/40 {
  border-color: rgb(var(--color-warn) / 0.4);
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/25 {
  border-color: rgb(255 255 255 / 0.25);
}
.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/40 {
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/5 {
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/60 {
  border-color: rgb(255 255 255 / 0.6);
}
.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}
.border-l-amber-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-l-brand-pink {
  --tw-border-opacity: 1;
  border-left-color: rgb(var(--color-brand-primary) / 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-red-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-t-brand-pink {
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--color-brand-primary) / var(--tw-border-opacity, 1));
}
.border-t-content-primary {
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--color-content-primary) / var(--tw-border-opacity, 1));
}
.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.\!bg-surface {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#0F1220\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 18 32 / var(--tw-bg-opacity, 1));
}
.bg-\[\#14161F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(20 22 31 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1F1F1F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity, 1));
}
.bg-\[\#7C3AED\]\/10 {
  background-color: rgb(124 58 237 / 0.1);
}
.bg-\[\#F3E5F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 229 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3E8FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3EEFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 238 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF6D01\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 109 1 / var(--tw-bg-opacity, 1));
}
.bg-\[--color-bg\] {
  background-color: var(--color-bg);
}
.bg-\[rgba\(15\2c 20\2c 35\2c \.6\)\] {
  background-color: rgba(15,20,35,.6);
}
.bg-\[rgba\(15\2c 25\2c 45\2c 0\.55\)\] {
  background-color: rgba(15,25,45,0.55);
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-background {
  background-color: hsl(var(--background));
}
.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\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/25 {
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/45 {
  background-color: rgb(0 0 0 / 0.45);
}
.bg-black\/5 {
  background-color: rgb(0 0 0 / 0.05);
}
.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\/75 {
  background-color: rgb(0 0 0 / 0.75);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/85 {
  background-color: rgb(0 0 0 / 0.85);
}
.bg-black\/\[0\.06\] {
  background-color: rgb(0 0 0 / 0.06);
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-border {
  background-color: hsl(var(--border));
}
.bg-brand-pink {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-brand-primary) / var(--tw-bg-opacity, 1));
}
.bg-brand-pink-light {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-brand-primary-light) / var(--tw-bg-opacity, 1));
}
.bg-brand-pink-light\/30 {
  background-color: rgb(var(--color-brand-primary-light) / 0.3);
}
.bg-brand-pink-light\/40 {
  background-color: rgb(var(--color-brand-primary-light) / 0.4);
}
.bg-brand-pink-light\/50 {
  background-color: rgb(var(--color-brand-primary-light) / 0.5);
}
.bg-brand-pink-light\/60 {
  background-color: rgb(var(--color-brand-primary-light) / 0.6);
}
.bg-brand-pink-mid {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-brand-primary-mid) / var(--tw-bg-opacity, 1));
}
.bg-brand-pink\/10 {
  background-color: rgb(var(--color-brand-primary) / 0.1);
}
.bg-brand-pink\/15 {
  background-color: rgb(var(--color-brand-primary) / 0.15);
}
.bg-brand-pink\/20 {
  background-color: rgb(var(--color-brand-primary) / 0.2);
}
.bg-brand-pink\/35 {
  background-color: rgb(var(--color-brand-primary) / 0.35);
}
.bg-brand-pink\/60 {
  background-color: rgb(var(--color-brand-primary) / 0.6);
}
.bg-brand-pink\/70 {
  background-color: rgb(var(--color-brand-primary) / 0.7);
}
.bg-card {
  background-color: hsl(var(--card));
}
.bg-client-black {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.bg-client-orange\/15 {
  background-color: rgb(255 168 0 / 0.15);
}
.bg-client-orange\/20 {
  background-color: rgb(255 168 0 / 0.2);
}
.bg-client-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 209 0 / var(--tw-bg-opacity, 1));
}
.bg-client-yellow-light\/30 {
  background-color: rgb(255 229 102 / 0.3);
}
.bg-client-yellow-light\/35 {
  background-color: rgb(255 229 102 / 0.35);
}
.bg-client-yellow\/20 {
  background-color: rgb(255 209 0 / 0.2);
}
.bg-client-yellow\/25 {
  background-color: rgb(255 209 0 / 0.25);
}
.bg-client-yellow\/30 {
  background-color: rgb(255 209 0 / 0.3);
}
.bg-content-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-content-disabled) / var(--tw-bg-opacity, 1));
}
.bg-content-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-content-primary) / var(--tw-bg-opacity, 1));
}
.bg-content-primary\/0 {
  background-color: rgb(var(--color-content-primary) / 0);
}
.bg-content-primary\/10 {
  background-color: rgb(var(--color-content-primary) / 0.1);
}
.bg-content-primary\/15 {
  background-color: rgb(var(--color-content-primary) / 0.15);
}
.bg-content-primary\/20 {
  background-color: rgb(var(--color-content-primary) / 0.2);
}
.bg-content-primary\/25 {
  background-color: rgb(var(--color-content-primary) / 0.25);
}
.bg-content-primary\/40 {
  background-color: rgb(var(--color-content-primary) / 0.4);
}
.bg-content-primary\/45 {
  background-color: rgb(var(--color-content-primary) / 0.45);
}
.bg-content-primary\/50 {
  background-color: rgb(var(--color-content-primary) / 0.5);
}
.bg-content-primary\/55 {
  background-color: rgb(var(--color-content-primary) / 0.55);
}
.bg-content-primary\/60 {
  background-color: rgb(var(--color-content-primary) / 0.6);
}
.bg-content-primary\/70 {
  background-color: rgb(var(--color-content-primary) / 0.7);
}
.bg-content-primary\/85 {
  background-color: rgb(var(--color-content-primary) / 0.85);
}
.bg-content-primary\/95 {
  background-color: rgb(var(--color-content-primary) / 0.95);
}
.bg-content-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-content-secondary) / var(--tw-bg-opacity, 1));
}
.bg-content-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-content-tertiary) / var(--tw-bg-opacity, 1));
}
.bg-content-tertiary\/40 {
  background-color: rgb(var(--color-content-tertiary) / 0.4);
}
.bg-content-tertiary\/50 {
  background-color: rgb(var(--color-content-tertiary) / 0.5);
}
.bg-content-tertiary\/60 {
  background-color: rgb(var(--color-content-tertiary) / 0.6);
}
.bg-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger) / var(--tw-bg-opacity, 1));
}
.bg-danger-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-bg) / var(--tw-bg-opacity, 1));
}
.bg-danger-bg\/30 {
  background-color: rgb(var(--color-danger-bg) / 0.3);
}
.bg-danger-bg\/40 {
  background-color: rgb(var(--color-danger-bg) / 0.4);
}
.bg-danger-bg\/50 {
  background-color: rgb(var(--color-danger-bg) / 0.5);
}
.bg-danger-text {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-text) / var(--tw-bg-opacity, 1));
}
.bg-danger\/5 {
  background-color: rgb(var(--color-danger) / 0.05);
}
.bg-danger\/90 {
  background-color: rgb(var(--color-danger) / 0.9);
}
.bg-destructive {
  background-color: hsl(var(--destructive));
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-foreground {
  background-color: hsl(var(--foreground));
}
.bg-info {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info) / var(--tw-bg-opacity, 1));
}
.bg-info-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-bg) / var(--tw-bg-opacity, 1));
}
.bg-info-bg\/50 {
  background-color: rgb(var(--color-info-bg) / 0.5);
}
.bg-info-text {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-text) / var(--tw-bg-opacity, 1));
}
.bg-muted {
  background-color: hsl(var(--muted));
}
.bg-muted\/40 {
  background-color: hsl(var(--muted) / 0.4);
}
.bg-muted\/50 {
  background-color: hsl(var(--muted) / 0.5);
}
.bg-ok {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-ok) / var(--tw-bg-opacity, 1));
}
.bg-ok-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-ok-bg) / var(--tw-bg-opacity, 1));
}
.bg-ok-bg\/40 {
  background-color: rgb(var(--color-ok-bg) / 0.4);
}
.bg-ok-text {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-ok-text) / var(--tw-bg-opacity, 1));
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / 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-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-popover {
  background-color: hsl(var(--popover));
}
.bg-primary {
  background-color: hsl(var(--primary));
}
.bg-primary\/20 {
  background-color: hsl(var(--primary) / 0.2);
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-secondary {
  background-color: hsl(var(--secondary));
}
.bg-surface {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}
.bg-surface-border {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-border) / var(--tw-bg-opacity, 1));
}
.bg-surface-border-strong {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-border-strong) / var(--tw-bg-opacity, 1));
}
.bg-surface-border\/60 {
  background-color: rgb(var(--color-surface-border) / 0.6);
}
.bg-surface-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-hover) / var(--tw-bg-opacity, 1));
}
.bg-surface-hover\/30 {
  background-color: rgb(var(--color-surface-hover) / 0.3);
}
.bg-surface-hover\/60 {
  background-color: rgb(var(--color-surface-hover) / 0.6);
}
.bg-surface-page {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-page) / var(--tw-bg-opacity, 1));
}
.bg-surface-page\/30 {
  background-color: rgb(var(--color-surface-page) / 0.3);
}
.bg-surface-page\/40 {
  background-color: rgb(var(--color-surface-page) / 0.4);
}
.bg-surface-page\/50 {
  background-color: rgb(var(--color-surface-page) / 0.5);
}
.bg-surface-page\/60 {
  background-color: rgb(var(--color-surface-page) / 0.6);
}
.bg-surface-page\/70 {
  background-color: rgb(var(--color-surface-page) / 0.7);
}
.bg-surface-page\/85 {
  background-color: rgb(var(--color-surface-page) / 0.85);
}
.bg-surface-page\/95 {
  background-color: rgb(var(--color-surface-page) / 0.95);
}
.bg-surface-soft {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-soft) / var(--tw-bg-opacity, 1));
}
.bg-surface\/60 {
  background-color: rgb(var(--color-surface) / 0.6);
}
.bg-surface\/70 {
  background-color: rgb(var(--color-surface) / 0.7);
}
.bg-surface\/80 {
  background-color: rgb(var(--color-surface) / 0.8);
}
.bg-surface\/85 {
  background-color: rgb(var(--color-surface) / 0.85);
}
.bg-surface\/90 {
  background-color: rgb(var(--color-surface) / 0.9);
}
.bg-surface\/95 {
  background-color: rgb(var(--color-surface) / 0.95);
}
.bg-transparent {
  background-color: transparent;
}
.bg-warn {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warn) / var(--tw-bg-opacity, 1));
}
.bg-warn-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warn-bg) / var(--tw-bg-opacity, 1));
}
.bg-warn-bg\/40 {
  background-color: rgb(var(--color-warn-bg) / 0.4);
}
.bg-warn-bg\/60 {
  background-color: rgb(var(--color-warn-bg) / 0.6);
}
.bg-warn-text {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warn-text) / var(--tw-bg-opacity, 1));
}
.bg-warn\/20 {
  background-color: rgb(var(--color-warn) / 0.2);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.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\/30 {
  background-color: rgb(255 255 255 / 0.3);
}
.bg-white\/40 {
  background-color: rgb(255 255 255 / 0.4);
}
.bg-white\/60 {
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/75 {
  background-color: rgb(255 255 255 / 0.75);
}
.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\.08\] {
  background-color: rgb(255 255 255 / 0.08);
}
.bg-opacity-0 {
  --tw-bg-opacity: 0;
}
.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}
.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}
.bg-opacity-95 {
  --tw-bg-opacity: 0.95;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-right {
  background-position: right;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-content-disabled {
  fill: rgb(var(--color-content-disabled) / 1);
}
.fill-content-primary {
  fill: rgb(var(--color-content-primary) / 1);
}
.fill-content-secondary {
  fill: rgb(var(--color-content-secondary) / 1);
}
.fill-content-tertiary {
  fill: rgb(var(--color-content-tertiary) / 1);
}
.fill-current {
  fill: currentColor;
}
.fill-danger-text {
  fill: rgb(var(--color-danger-text) / 1);
}
.fill-foreground {
  fill: hsl(var(--foreground));
}
.fill-muted-foreground {
  fill: hsl(var(--muted-foreground));
}
.fill-ok-text {
  fill: rgb(var(--color-ok-text) / 1);
}
.fill-surface {
  fill: rgb(var(--color-surface) / 1);
}
.fill-surface-hover {
  fill: rgb(var(--color-surface-hover) / 1);
}
.stroke-content-disabled {
  stroke: rgb(var(--color-content-disabled) / 1);
}
.stroke-content-tertiary {
  stroke: rgb(var(--color-content-tertiary) / 1);
}
.stroke-danger {
  stroke: rgb(var(--color-danger) / 1);
}
.stroke-surface {
  stroke: rgb(var(--color-surface) / 1);
}
.stroke-surface-border {
  stroke: rgb(var(--color-surface-border) / 1);
}
.stroke-surface-border\/60 {
  stroke: rgb(var(--color-surface-border) / 0.6);
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.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-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.p-9 {
  padding: 2.25rem;
}
.p-\[18px\] {
  padding: 18px;
}
.p-\[2px\] {
  padding: 2px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-px {
  padding: 1px;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.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-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-28 {
  padding-left: 7rem;
  padding-right: 7rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.px-\[11px\] {
  padding-left: 11px;
  padding-right: 11px;
}
.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.px-\[22px\] {
  padding-left: 22px;
  padding-right: 22px;
}
.px-\[5\%\] {
  padding-left: 5%;
  padding-right: 5%;
}
.px-\[6\%\] {
  padding-left: 6%;
  padding-right: 6%;
}
.px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[7\%\] {
  padding-left: 7%;
  padding-right: 7%;
}
.px-\[7px\] {
  padding-left: 7px;
  padding-right: 7px;
}
.px-\[clamp\(28px\2c 6vw\2c 72px\)\] {
  padding-left: clamp(28px, 6vw, 72px);
  padding-right: clamp(28px, 6vw, 72px);
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.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-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-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-\[1\.4\%\] {
  padding-top: 1.4%;
  padding-bottom: 1.4%;
}
.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-\[18px\] {
  padding-top: 18px;
  padding-bottom: 18px;
}
.py-\[1px\] {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[5\%\] {
  padding-top: 5%;
  padding-bottom: 5%;
}
.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.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-2 {
  padding-bottom: 0.5rem;
}
.pb-2\.5 {
  padding-bottom: 0.625rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-3\.5 {
  padding-bottom: 0.875rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pl-\[26px\] {
  padding-left: 26px;
}
.pl-\[52px\] {
  padding-left: 52px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-1\.5 {
  padding-right: 0.375rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-11 {
  padding-right: 2.75rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pr-\[11px\] {
  padding-right: 11px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-3\.5 {
  padding-top: 0.875rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.pt-\[15px\] {
  padding-top: 15px;
}
.pt-\[18px\] {
  padding-top: 18px;
}
.pt-\[4\.5\%\] {
  padding-top: 4.5%;
}
.pt-\[7\%\] {
  padding-top: 7%;
}
.pt-\[clamp\(28px\2c 5vh\2c 44px\)\] {
  padding-top: clamp(28px, 5vh, 44px);
}
.pt-\[clamp\(36px\2c 6vh\2c 60px\)\] {
  padding-top: clamp(36px, 6vh, 60px);
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
  font-family: var(--font-inter), Inter, system-ui, sans-serif;
}
.font-serif {
  font-family: var(--font-serif), Source Serif Pro, Georgia, serif;
}
.text-2xl {
  font-size: 24px;
  line-height: 32px;
}
.text-2xs {
  font-size: 11px;
  line-height: 16px;
}
.text-3xl {
  font-size: 28px;
  line-height: 36px;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-\[10\.5px\] {
  font-size: 10.5px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11\.5px\] {
  font-size: 11.5px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12\.5px\] {
  font-size: 12.5px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13\.5px\] {
  font-size: 13.5px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14\.5px\] {
  font-size: 14.5px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17\.5px\] {
  font-size: 17.5px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[19px\] {
  font-size: 19px;
}
.text-\[200px\] {
  font-size: 200px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[21px\] {
  font-size: 21px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[23px\] {
  font-size: 23px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[26px\] {
  font-size: 26px;
}
.text-\[27px\] {
  font-size: 27px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-\[52px\] {
  font-size: 52px;
}
.text-\[6\.5px\] {
  font-size: 6.5px;
}
.text-\[6px\] {
  font-size: 6px;
}
.text-\[7\.5px\] {
  font-size: 7.5px;
}
.text-\[7px\] {
  font-size: 7px;
}
.text-\[8\.5px\] {
  font-size: 8.5px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9\.5px\] {
  font-size: 9.5px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[clamp\(11px\2c 1\.15vw\2c 14\.5px\)\] {
  font-size: clamp(11px, 1.15vw, 14.5px);
}
.text-\[clamp\(11px\2c 1\.15vw\2c 14px\)\] {
  font-size: clamp(11px, 1.15vw, 14px);
}
.text-\[clamp\(12px\2c 1\.3vw\2c 16px\)\] {
  font-size: clamp(12px, 1.3vw, 16px);
}
.text-\[clamp\(13px\2c 1\.5vw\2c 19px\)\] {
  font-size: clamp(13px, 1.5vw, 19px);
}
.text-\[clamp\(18px\2c 2\.2vw\2c 30px\)\] {
  font-size: clamp(18px, 2.2vw, 30px);
}
.text-\[clamp\(19px\2c 2\.4vw\2c 24px\)\] {
  font-size: clamp(19px, 2.4vw, 24px);
}
.text-\[clamp\(22px\2c 2\.6vw\2c 36px\)\] {
  font-size: clamp(22px, 2.6vw, 36px);
}
.text-\[clamp\(24px\2c 3vw\2c 42px\)\] {
  font-size: clamp(24px, 3vw, 42px);
}
.text-\[clamp\(26px\2c 3\.4vw\2c 46px\)\] {
  font-size: clamp(26px, 3.4vw, 46px);
}
.text-\[clamp\(28px\2c 4vw\2c 40px\)\] {
  font-size: clamp(28px, 4vw, 40px);
}
.text-base {
  font-size: 15px;
  line-height: 22px;
}
.text-lg {
  font-size: 18px;
  line-height: 26px;
}
.text-sm {
  font-size: 14px;
  line-height: 20px;
}
.text-xl {
  font-size: 21px;
  line-height: 30px;
}
.text-xs {
  font-size: 12.5px;
  line-height: 18px;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.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;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-\[\.95\] {
  line-height: .95;
}
.leading-\[0\.95\] {
  line-height: 0.95;
}
.leading-\[1\.08\] {
  line-height: 1.08;
}
.leading-\[1\.15\] {
  line-height: 1.15;
}
.leading-\[1\.18\] {
  line-height: 1.18;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[1\.22\] {
  line-height: 1.22;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[1\.45\] {
  line-height: 1.45;
}
.leading-\[1\.4\] {
  line-height: 1.4;
}
.leading-\[1\.55\] {
  line-height: 1.55;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-\[1\] {
  line-height: 1;
}
.leading-\[22px\] {
  line-height: 22px;
}
.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\.02em\] {
  letter-spacing: -0.02em;
}
.tracking-\[-\.015em\] {
  letter-spacing: -.015em;
}
.tracking-\[-0\.01em\] {
  letter-spacing: -0.01em;
}
.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}
.tracking-\[-0\.1px\] {
  letter-spacing: -0.1px;
}
.tracking-\[-0\.2px\] {
  letter-spacing: -0.2px;
}
.tracking-\[-0\.3px\] {
  letter-spacing: -0.3px;
}
.tracking-\[-0\.5px\] {
  letter-spacing: -0.5px;
}
.tracking-\[-1px\] {
  letter-spacing: -1px;
}
.tracking-\[\.05em\] {
  letter-spacing: .05em;
}
.tracking-\[\.06em\] {
  letter-spacing: .06em;
}
.tracking-\[\.07em\] {
  letter-spacing: .07em;
}
.tracking-\[\.08em\] {
  letter-spacing: .08em;
}
.tracking-\[\.09em\] {
  letter-spacing: .09em;
}
.tracking-\[\.12em\] {
  letter-spacing: .12em;
}
.tracking-\[\.16em\] {
  letter-spacing: .16em;
}
.tracking-\[\.1em\] {
  letter-spacing: .1em;
}
.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\.1em\] {
  letter-spacing: 0.1em;
}
.tracking-\[0\.3em\] {
  letter-spacing: 0.3em;
}
.tracking-\[0\.5px\] {
  letter-spacing: 0.5px;
}
.tracking-\[0\.6px\] {
  letter-spacing: 0.6px;
}
.tracking-\[0\.8px\] {
  letter-spacing: 0.8px;
}
.tracking-\[1\.2px\] {
  letter-spacing: 1.2px;
}
.tracking-\[1\.3px\] {
  letter-spacing: 1.3px;
}
.tracking-\[1\.4px\] {
  letter-spacing: 1.4px;
}
.tracking-\[1\.5px\] {
  letter-spacing: 1.5px;
}
.tracking-\[1\.8px\] {
  letter-spacing: 1.8px;
}
.tracking-\[1px\] {
  letter-spacing: 1px;
}
.tracking-\[2px\] {
  letter-spacing: 2px;
}
.tracking-\[3px\] {
  letter-spacing: 3px;
}
.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-\[\#7C3AED\] {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.text-\[\#8B5CF6\] {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
.text-\[\#9C27B0\] {
  --tw-text-opacity: 1;
  color: rgb(156 39 176 / var(--tw-text-opacity, 1));
}
.text-\[\#E8EAED\] {
  --tw-text-opacity: 1;
  color: rgb(232 234 237 / var(--tw-text-opacity, 1));
}
.text-\[\#F25C05\] {
  --tw-text-opacity: 1;
  color: rgb(242 92 5 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-brand-pink {
  --tw-text-opacity: 1;
  color: rgb(var(--color-brand-primary) / var(--tw-text-opacity, 1));
}
.text-brand-pink-mid {
  --tw-text-opacity: 1;
  color: rgb(var(--color-brand-primary-mid) / var(--tw-text-opacity, 1));
}
.text-brand-pink\/70 {
  color: rgb(var(--color-brand-primary) / 0.7);
}
.text-card-foreground {
  color: hsl(var(--card-foreground));
}
.text-client-black {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.text-client-orange {
  --tw-text-opacity: 1;
  color: rgb(255 168 0 / var(--tw-text-opacity, 1));
}
.text-client-yellow {
  --tw-text-opacity: 1;
  color: rgb(255 209 0 / var(--tw-text-opacity, 1));
}
.text-content-disabled {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-disabled) / var(--tw-text-opacity, 1));
}
.text-content-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
}
.text-content-primary\/70 {
  color: rgb(var(--color-content-primary) / 0.7);
}
.text-content-primary\/80 {
  color: rgb(var(--color-content-primary) / 0.8);
}
.text-content-primary\/85 {
  color: rgb(var(--color-content-primary) / 0.85);
}
.text-content-secondary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-secondary) / var(--tw-text-opacity, 1));
}
.text-content-tertiary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
}
.text-danger {
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger) / var(--tw-text-opacity, 1));
}
.text-danger-text {
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-text) / var(--tw-text-opacity, 1));
}
.text-danger-text\/75 {
  color: rgb(var(--color-danger-text) / 0.75);
}
.text-danger-text\/85 {
  color: rgb(var(--color-danger-text) / 0.85);
}
.text-destructive {
  color: hsl(var(--destructive));
}
.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-foreground {
  color: hsl(var(--foreground));
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-info {
  --tw-text-opacity: 1;
  color: rgb(var(--color-info) / var(--tw-text-opacity, 1));
}
.text-info-text {
  --tw-text-opacity: 1;
  color: rgb(var(--color-info-text) / var(--tw-text-opacity, 1));
}
.text-info\/40 {
  color: rgb(var(--color-info) / 0.4);
}
.text-inherit {
  color: inherit;
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.text-ok {
  --tw-text-opacity: 1;
  color: rgb(var(--color-ok) / var(--tw-text-opacity, 1));
}
.text-ok-text {
  --tw-text-opacity: 1;
  color: rgb(var(--color-ok-text) / var(--tw-text-opacity, 1));
}
.text-ok-text\/60 {
  color: rgb(var(--color-ok-text) / 0.6);
}
.text-ok-text\/80 {
  color: rgb(var(--color-ok-text) / 0.8);
}
.text-ok-text\/85 {
  color: rgb(var(--color-ok-text) / 0.85);
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / 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-popover-foreground {
  color: hsl(var(--popover-foreground));
}
.text-primary {
  color: hsl(var(--primary));
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.text-primary-foreground\/70 {
  color: hsl(var(--primary-foreground) / 0.7);
}
.text-primary-foreground\/80 {
  color: hsl(var(--primary-foreground) / 0.8);
}
.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}
.text-surface {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface) / var(--tw-text-opacity, 1));
}
.text-surface-border {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface-border) / var(--tw-text-opacity, 1));
}
.text-surface-border-strong {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface-border-strong) / var(--tw-text-opacity, 1));
}
.text-surface\/60 {
  color: rgb(var(--color-surface) / 0.6);
}
.text-surface\/70 {
  color: rgb(var(--color-surface) / 0.7);
}
.text-surface\/75 {
  color: rgb(var(--color-surface) / 0.75);
}
.text-surface\/85 {
  color: rgb(var(--color-surface) / 0.85);
}
.text-transparent {
  color: transparent;
}
.text-warn {
  --tw-text-opacity: 1;
  color: rgb(var(--color-warn) / var(--tw-text-opacity, 1));
}
.text-warn-text {
  --tw-text-opacity: 1;
  color: rgb(var(--color-warn-text) / var(--tw-text-opacity, 1));
}
.text-warn-text\/85 {
  color: rgb(var(--color-warn-text) / 0.85);
}
.text-warn\/40 {
  color: rgb(var(--color-warn) / 0.4);
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/30 {
  color: rgb(255 255 255 / 0.3);
}
.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}
.text-white\/45 {
  color: rgb(255 255 255 / 0.45);
}
.text-white\/55 {
  color: rgb(255 255 255 / 0.55);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/65 {
  color: rgb(255 255 255 / 0.65);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75 {
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/85 {
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-dotted {
  text-decoration-style: dotted;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accent-\[\#FF6D01\] {
  accent-color: #FF6D01;
}
.accent-brand-pink {
  accent-color: rgb(var(--color-brand-primary) / 1);
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-35 {
  opacity: 0.35;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-45 {
  opacity: 0.45;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-55 {
  opacity: 0.55;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-65 {
  opacity: 0.65;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-85 {
  opacity: 0.85;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-\[\.38\] {
  opacity: .38;
}
.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-\[-8px_0_26px_rgba\(20\2c 25\2c 50\2c 0\.09\)\] {
  --tw-shadow: -8px 0 26px rgba(20,25,50,0.09);
  --tw-shadow-colored: -8px 0 26px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_2px_rgba\(66\2c 133\2c 244\2c 0\.15\)\2c 0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 0 0 2px rgba(66,133,244,0.15),0 4px 12px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color), 0 4px 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_0_3px_rgba\(124\2c 58\2c 237\2c \.1\)\2c 0_8px_20px_rgba\(124\2c 58\2c 237\2c \.12\)\] {
  --tw-shadow: 0 0 0 3px rgba(124,58,237,.1),0 8px 20px rgba(124,58,237,.12);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color), 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_3px_rgba\(66\2c 133\2c 244\2c \.08\)\] {
  --tw-shadow: 0 0 0 3px rgba(66,133,244,.08);
  --tw-shadow-colored: 0 0 0 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_0_0_3px_rgba\(66\2c 133\2c 244\2c \.1\)\2c 0_8px_20px_rgba\(66\2c 133\2c 244\2c \.12\)\] {
  --tw-shadow: 0 0 0 3px rgba(66,133,244,.1),0 8px 20px rgba(66,133,244,.12);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color), 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_3px_rgba\(66\2c 133\2c 244\2c \.12\)\] {
  --tw-shadow: 0 0 0 3px rgba(66,133,244,.12);
  --tw-shadow-colored: 0 0 0 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_0_0_3px_rgba\(66\2c 133\2c 244\2c \.18\)\] {
  --tw-shadow: 0 0 0 3px rgba(66,133,244,.18);
  --tw-shadow-colored: 0 0 0 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_0_0_3px_rgba\(66\2c 133\2c 244\2c \.2\)\] {
  --tw-shadow: 0 0 0 3px rgba(66,133,244,.2);
  --tw-shadow-colored: 0 0 0 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_0_0_4px_rgba\(66\2c 133\2c 244\2c \.12\)\] {
  --tw-shadow: 0 0 0 4px rgba(66,133,244,.12);
  --tw-shadow-colored: 0 0 0 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-\[0_10px_30px_rgba\(20\2c 25\2c 50\2c 0\.13\)\] {
  --tw-shadow: 0 10px 30px rgba(20,25,50,0.13);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_34px_rgba\(20\2c 22\2c 54\2c \.16\)\] {
  --tw-shadow: 0 10px 34px rgba(20,22,54,.16);
  --tw-shadow-colored: 0 10px 34px 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_12px_32px_rgba\(0\2c 0\2c 0\2c \.08\)\2c 0_4px_12px_rgba\(0\2c 0\2c 0\2c \.05\)\] {
  --tw-shadow: 0 12px 32px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.05);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color), 0 4px 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_12px_32px_rgba\(0\2c 0\2c 0\2c \.12\)\2c 0_4px_12px_rgba\(0\2c 0\2c 0\2c \.06\)\] {
  --tw-shadow: 0 12px 32px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.06);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color), 0 4px 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_12px_32px_rgba\(0\2c 0\2c 0\2c \.15\)\] {
  --tw-shadow: 0 12px 32px rgba(0,0,0,.15);
  --tw-shadow-colored: 0 12px 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_12px_32px_rgba\(0\2c 0\2c 0\2c \.35\)\2c 0_2px_6px_rgba\(0\2c 0\2c 0\2c \.18\)\] {
  --tw-shadow: 0 12px 32px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.18);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color), 0 2px 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-\[0_12px_32px_rgba\(0\2c 0\2c 0\2c 0\.16\)\] {
  --tw-shadow: 0 12px 32px rgba(0,0,0,0.16);
  --tw-shadow-colored: 0 12px 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_12px_36px_rgba\(0\2c 0\2c 0\2c \.14\)\] {
  --tw-shadow: 0 12px 36px rgba(0,0,0,.14);
  --tw-shadow-colored: 0 12px 36px 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_12px_40px_rgba\(0\2c 0\2c 0\2c \.12\)\] {
  --tw-shadow: 0 12px 40px rgba(0,0,0,.12);
  --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_rgba\(0\2c 0\2c 0\2c \.18\)\] {
  --tw-shadow: 0 12px 40px rgba(0,0,0,.18);
  --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_40px_rgba\(10\2c 20\2c 50\2c 0\.18\)\] {
  --tw-shadow: 0 14px 40px rgba(10,20,50,0.18);
  --tw-shadow-colored: 0 14px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_40px_rgba\(0\2c 0\2c 0\2c \.12\)\] {
  --tw-shadow: 0 16px 40px rgba(0,0,0,.12);
  --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_40px_rgba\(0\2c 0\2c 0\2c \.15\)\] {
  --tw-shadow: 0 16px 40px rgba(0,0,0,.15);
  --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_40px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  --tw-shadow: 0 16px 40px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_48px_rgba\(0\2c 0\2c 0\2c \.18\)\] {
  --tw-shadow: 0 16px 48px rgba(0,0,0,.18);
  --tw-shadow-colored: 0 16px 48px 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_2px_rgba\(0\2c 0\2c 0\2c \.06\)\] {
  --tw-shadow: 0 1px 2px rgba(0,0,0,.06);
  --tw-shadow-colored: 0 1px 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 \.08\)\] {
  --tw-shadow: 0 1px 3px rgba(0,0,0,.08);
  --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_20px_60px_rgba\(0\2c 0\2c 0\2c \.12\)\] {
  --tw-shadow: 0 20px 60px rgba(0,0,0,.12);
  --tw-shadow-colored: 0 20px 60px 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_24px_60px_rgba\(0\2c 0\2c 0\2c \.16\)\] {
  --tw-shadow: 0 24px 60px rgba(0,0,0,.16);
  --tw-shadow-colored: 0 24px 60px 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_24px_60px_rgba\(0\2c 0\2c 0\2c \.18\)\] {
  --tw-shadow: 0 24px 60px rgba(0,0,0,.18);
  --tw-shadow-colored: 0 24px 60px 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_24px_60px_rgba\(0\2c 0\2c 0\2c \.25\)\] {
  --tw-shadow: 0 24px 60px rgba(0,0,0,.25);
  --tw-shadow-colored: 0 24px 60px 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_24px_60px_rgba\(16\2c 24\2c 40\2c \.15\)\2c 0_2px_4px_rgba\(16\2c 24\2c 40\2c \.06\)\] {
  --tw-shadow: 0 24px 60px rgba(16,24,40,.15),0 2px 4px rgba(16,24,40,.06);
  --tw-shadow-colored: 0 24px 60px var(--tw-shadow-color), 0 2px 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-\[0_24px_64px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: 0 24px 64px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 24px 64px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_4px_rgba\(66\2c 133\2c 244\2c \.25\)\] {
  --tw-shadow: 0 2px 4px rgba(66,133,244,.25);
  --tw-shadow-colored: 0 2px 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-\[0_2px_8px_rgba\(255\2c 209\2c 0\2c \.45\)\] {
  --tw-shadow: 0 2px 8px rgba(255,209,0,.45);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_40px_100px_rgba\(0\2c 0\2c 0\2c \.5\)\] {
  --tw-shadow: 0 40px 100px rgba(0,0,0,.5);
  --tw-shadow-colored: 0 40px 100px 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_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 4px 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_4px_12px_rgba\(217\2c 119\2c 6\2c \.25\)\] {
  --tw-shadow: 0 4px 12px rgba(217,119,6,.25);
  --tw-shadow-colored: 0 4px 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_4px_12px_rgba\(66\2c 133\2c 244\2c \.25\)\] {
  --tw-shadow: 0 4px 12px rgba(66,133,244,.25);
  --tw-shadow-colored: 0 4px 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_4px_12px_rgba\(66\2c 133\2c 244\2c \.35\)\] {
  --tw-shadow: 0 4px 12px rgba(66,133,244,.35);
  --tw-shadow-colored: 0 4px 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_4px_14px_rgba\(15\2c 157\2c 88\2c \.35\)\] {
  --tw-shadow: 0 4px 14px rgba(15,157,88,.35);
  --tw-shadow-colored: 0 4px 14px 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_4px_16px_rgba\(0\2c 0\2c 0\2c \.4\)\] {
  --tw-shadow: 0 4px 16px rgba(0,0,0,.4);
  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_18px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  --tw-shadow: 0 6px 18px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_20px_rgba\(0\2c 0\2c 0\2c \.10\)\] {
  --tw-shadow: 0 6px 20px rgba(0,0,0,.10);
  --tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c \.08\)\] {
  --tw-shadow: 0 8px 24px rgba(0,0,0,.08);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 8px 24px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(66\2c 133\2c 244\2c \.22\)\] {
  --tw-shadow: 0 8px 24px rgba(66,133,244,.22);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(66\2c 133\2c 244\2c \.28\)\] {
  --tw-shadow: 0 8px 24px rgba(66,133,244,.28);
  --tw-shadow-colored: 0 8px 24px 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 \.06\)\] {
  --tw-shadow: 0 8px 40px rgba(0,0,0,.06);
  --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-\[0_8px_40px_rgba\(0\2c 0\2c 0\2c \.20\)\] {
  --tw-shadow: 0 8px 40px rgba(0,0,0,.20);
  --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-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(0,0,0,0.10);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(0,0,0,0.12);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-card {
  --tw-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 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-card-hover {
  --tw-shadow: 0 4px 16px rgba(0,0,0,.08);
  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-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-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-card {
  --tw-shadow-color: hsl(var(--card));
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-1 {
  outline-width: 1px;
}
.outline-2 {
  outline-width: 2px;
}
.outline-offset-0 {
  outline-offset: 0px;
}
.outline-offset-8 {
  outline-offset: 8px;
}
.outline-brand-pink {
  outline-color: rgb(var(--color-brand-primary) / 1);
}
.outline-brand-pink\/70 {
  outline-color: rgb(var(--color-brand-primary) / 0.7);
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[3px\] {
  --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-inset {
  --tw-ring-inset: inset;
}
.ring-brand-pink {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-brand-primary) / var(--tw-ring-opacity, 1));
}
.ring-brand-pink-light {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-brand-primary-light) / var(--tw-ring-opacity, 1));
}
.ring-brand-pink-light\/40 {
  --tw-ring-color: rgb(var(--color-brand-primary-light) / 0.4);
}
.ring-brand-pink\/15 {
  --tw-ring-color: rgb(var(--color-brand-primary) / 0.15);
}
.ring-brand-pink\/25 {
  --tw-ring-color: rgb(var(--color-brand-primary) / 0.25);
}
.ring-brand-pink\/30 {
  --tw-ring-color: rgb(var(--color-brand-primary) / 0.3);
}
.ring-content-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-content-primary) / var(--tw-ring-opacity, 1));
}
.ring-content-primary\/20 {
  --tw-ring-color: rgb(var(--color-content-primary) / 0.2);
}
.ring-info {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-info) / var(--tw-ring-opacity, 1));
}
.ring-ok {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-ok) / var(--tw-ring-opacity, 1));
}
.ring-surface {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-surface) / var(--tw-ring-opacity, 1));
}
.ring-surface-border {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-surface-border) / var(--tw-ring-opacity, 1));
}
.ring-offset-0 {
  --tw-ring-offset-width: 0px;
}
.ring-offset-1 {
  --tw-ring-offset-width: 1px;
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.ring-offset-surface {
  --tw-ring-offset-color: rgb(var(--color-surface) / 1);
}
.ring-offset-surface-page {
  --tw-ring-offset-color: rgb(var(--color-surface-page) / 1);
}
.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-\[100px\] {
  --tw-blur: blur(100px);
  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-\[60px\] {
  --tw-blur: blur(60px);
  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-\[70px\] {
  --tw-blur: blur(70px);
  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-\[80px\] {
  --tw-blur: blur(80px);
  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-\[90px\] {
  --tw-blur: blur(90px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_1px_rgba\(0\2c 0\2c 0\2c \.6\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,.6));
  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);
}
.saturate-50 {
  --tw-saturate: saturate(.5);
  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) !important;
}
.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-2xl {
  --tw-backdrop-blur: blur(40px);
  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-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.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-\[opacity\2c transform\] {
  transition-property: opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-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-100 {
  transition-delay: 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;
}
.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);
}
.ease-out-expo {
  transition-timing-function: cubic-bezier(.22,1,.36,1);
}
@keyframes enter {

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

  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.duration-150 {
  animation-duration: 150ms;
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.duration-700 {
  animation-duration: 700ms;
}
.delay-100 {
  animation-delay: 100ms;
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.ease-out-expo {
  animation-timing-function: cubic-bezier(.22,1,.36,1);
}
.\!running {
  animation-play-state: running !important;
}
.running {
  animation-play-state: running;
}
.\!paused {
  animation-play-state: paused !important;
}
.paused {
  animation-play-state: paused;
}
.animate-fade-up  { animation: fadeUp .25s cubic-bezier(.22,1,.36,1) both; }
/* Canvas Dashboard grid — destino de drop inválido (overflow / colisão irresolúvel) */
.grid-drop-invalid {
    outline: 2px dashed #EA4335 !important;
    outline-offset: 2px;
    background-color: rgba(234, 67, 53, 0.08) !important;
  }
/* Stagger delays for child elements */
.stagger-1 { animation-delay: 50ms; }
.stagger-2 { animation-delay: 100ms; }
.stagger-3 { animation-delay: 150ms; }
.stagger-4 { animation-delay: 200ms; }
/* ═══════════════════════════════════════════════════════════════
     SKELETON SHIMMER · loading state pros dashboards
     Pseudo-element ::after com gradient + translateX(-100% → 100%)
     garante direção esquerda → direita previsível. Background-position
     com bg-size 200% (pattern do animate-shimmer legacy do tailwind)
     dá direção contra-intuitiva dependendo do gradient stop, então
     trocamos pra translateX que é deterministic.
     ═══════════════════════════════════════════════════════════════ */
@keyframes skeleton-sweep {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
  }
/* Padrão único de skeleton: bg cinza-claro frio (#ECF0F5) + sweep branco,
     sem sombra. `.skeleton` e `.skeleton-card` compartilham o mesmo visual
     pra eliminar variantes (decisão de design: mai/2026 — Light Page Skeleton
     virou o padrão do sistema). */
.skeleton,
  .skeleton-card {
    position: relative;
    overflow: hidden;
    /* Um step de contraste sobre o page — segue o tema via surface-border. */
    background-color: rgb(var(--color-surface-border));
    border-radius: 8px;
    box-shadow: none;
  }
.skeleton-card { border-radius: 12px; }
.skeleton::after,
  .skeleton-card::after {
    content: '';
    position: absolute;
    inset: 0;
    animation: skeleton-sweep 1.5s ease-in-out infinite;
    pointer-events: none;
    background: linear-gradient(
      90deg,
      transparent 0%,
      var(--skeleton-sweep, rgba(255, 255, 255, 0.7)) 50%,
      transparent 100%
    );
  }
.\[-webkit-box-orient\:vertical\] {
  -webkit-box-orient: vertical;
}
.\[-webkit-line-clamp\:2\] {
  -webkit-line-clamp: 2;
}
.\[-webkit-line-clamp\:3\] {
  -webkit-line-clamp: 3;
}
.\[a-z0-9\:_-\] {
  a-z0-9: -;
}
.\[appearance\:textfield\] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.\[display\:-webkit-box\] {
  display: -webkit-box;
}
.\[grid-template-columns\:1\.4fr_1fr\] {
  grid-template-columns: 1.4fr 1fr;
}
.\[grid-template-columns\:minmax\(340px\2c 1fr\)_minmax\(440px\2c 1\.4fr\)\] {
  grid-template-columns: minmax(340px,1fr) minmax(440px,1.4fr);
}
.\[me\:mcp-token\] {
  me: mcp-token;
}
.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}
.\[tiktok\:creative-proxy\] {
  tiktok: creative-proxy;
}

/* ─── Font aliases ───────────────────────────────────────────
   As fontes vêm via `next/font/google` em `src/app/layout.tsx`
   (self-hosted, sem @import runtime — o @import do Google Fonts
   aqui seria silenciosamente ignorado pelo browser por vir depois
   das regras expandidas do @tailwind). Cada fonte é exposta via
   CSS var (--next-font-inter etc.). Os aliases @font-face abaixo
   fazem com que `font-family: Inter` / `Montserrat` / `Source Serif Pro`
   (nomes usados em widgets e seed-visuals.ts) resolvam pras fontes
   carregadas pelo Next — sem precisar trocar referências string a
   string em todos os lugares que já usam o nome literal. */
@font-face { font-family: 'Inter';             src: local('Inter'); font-display: swap; }
@font-face { font-family: 'Montserrat';        src: local('Montserrat'); font-display: swap; }
@font-face { font-family: 'Source Serif Pro';  src: local('Source Serif 4'), local('Source Serif Pro'); font-display: swap; }

/* ─── CSS Custom Properties (override Tailwind when needed) ─ */
:root {
  --font-inter: 'Inter', system-ui, sans-serif;
  /* Tipografia editorial — usada em cover/divider titles de relatórios (Fase 5). */
  --font-serif: 'Source Serif Pro', Georgia, serif;
  --sidebar-width: 224px;
  --topbar-height: 56px;
  --ticker-height: 34px;

  /* ── Theme tokens (default: azul profundo Crispin) ─────────── */
  --color-brand-primary:        11 45 236;    /* #0b2dec */
  --color-brand-primary-light:  230 234 253;  /* #e6eafd — bg pill suave */
  --color-brand-primary-mid:    135 153 246;  /* #8799f6 — hover/borda média */

  --color-surface:              255 255 255;
  --color-surface-page:         236 240 245;  /* #ECF0F5 — bg padrão do sistema (cinza azulado frio) */
  --color-surface-hover:        228 233 240;  /* #E4E9F0 — hover, um step mais escuro que page */
  --color-surface-border:       220 226 234;  /* #DCE2EA */
  --color-surface-border-strong:200 207 218;  /* #C8CFDA */
  --color-surface-soft:         250 251 253;  /* #FAFBFD — off-white, inset suave sobre surface */

  --color-content-primary:      26 29 46;     /* #1A1D2E */
  --color-content-secondary:    74 79 106;    /* #4A4F6A */
  --color-content-tertiary:     147 150 170;  /* #9396AA */
  --color-content-disabled:     196 198 210;  /* #C4C6D2 */

  /* ── Status tokens (ok/warn/danger/info · consumidos pelo Tailwind) ── */
  --color-ok:                   22 163 74;    /* #16A34A */
  --color-ok-bg:                220 252 231;  /* #DCFCE7 */
  --color-ok-text:              21 128 61;    /* #15803D */
  --color-warn:                 217 119 6;    /* #D97706 */
  --color-warn-bg:              254 243 199;  /* #FEF3C7 */
  --color-warn-text:            180 83 9;     /* #B45309 */
  --color-danger:               220 38 38;    /* #DC2626 */
  --color-danger-bg:            254 226 226;  /* #FEE2E2 */
  --color-danger-text:          185 28 28;    /* #B91C1C */
  --color-info:                 11 45 236;    /* #0b2dec */
  --color-info-bg:              230 234 253;  /* #e6eafd */
  --color-info-text:            8 43 196;     /* #082bc4 */

  /* ── Shape / elevation tokens ─────────────────────────── */
  --radius-card:                12px;
  --radius-button:              8px;
  --radius-input:               8px;
  --radius-nav-item:            8px;
  --radius-badge:               999px;

  --shadow-card:                0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-card-hover:          0 4px 16px rgba(0,0,0,.08);

  --sidebar-margin:             0px;
  --sidebar-radius:             0px;
  --sidebar-border:             1px solid rgb(var(--color-surface-border));
  --shell-gap:                  0px;
  --main-radius:                0px;
}

/* ── Tema Oripio (azul Crispin + shape soft) ──────────────── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) {
  --color-brand-primary:        11 45 236;    /* #0b2dec */
  --color-brand-primary-light:  230 234 253;  /* #e6eafd */
  --color-brand-primary-mid:    135 153 246;  /* #8799f6 */

  --color-surface-page:         236 240 245;  /* #ECF0F5 — bg sistema */
  --color-surface-hover:        228 233 240;  /* #E4E9F0 */
  --color-surface-border:       220 226 234;  /* #DCE2EA */
  --color-surface-border-strong:200 207 218;  /* #C8CFDA */

  --color-content-primary:      26 29 46;     /* #1A1D2E */
  --color-content-secondary:    74 79 106;    /* #4A4F6A */
  --color-content-tertiary:     147 150 170;  /* #9396AA */

  /* Shape: tudo mais redondo, sombras mais suaves/elevadas */
  --radius-card:                11px;
  --radius-button:              10px;
  --radius-input:               12px;
  --radius-nav-item:            10px;

  --shadow-card:                0 1px 2px rgba(20,22,54,.04);
  --shadow-card-hover:          0 6px 24px rgba(20,22,54,.08);

  /* Sidebar flutuante com gap + radius */
  --sidebar-margin:             14px;
  --sidebar-radius:             11px;
  --sidebar-border:             1px solid transparent;
  --shell-gap:                  14px;
  --main-radius:                11px;
}

/* ── Tema Oripio Green (mesma estrutura do Oripio, accent verde Google) ── */
[data-theme="oripio-green"] {
  --color-brand-primary:        52 168 83;    /* #34A853 — verde Google, análogo ao #4285F4 */
  --color-brand-primary-light:  230 244 234;  /* #E6F4EA */
  --color-brand-primary-mid:    168 218 181;  /* #A8DAB5 */
}

/* ── Tema Shadcn (estética shadcn/ui — paleta zinc, flat, minimal) ────────
   Remapeia os tokens Crispin pra linguagem visual do shadcn: primary
   quase-preto (zinc-900), superfícies claras, bordas sutis, sombras
   mínimas. Shell flat (herda os defaults do :root — sem float).
   Os componentes de src/components/shadcn/ também viram zinc aqui. */
[data-theme="shadcn"] {
  --color-brand-primary:        24 24 27;     /* #18181B — zinc-900 */
  --color-brand-primary-light:  244 244 245;  /* #F4F4F5 — zinc-100 */
  --color-brand-primary-mid:    161 161 170;  /* #A1A1AA — zinc-400 */

  --color-surface-page:         250 250 250;  /* #FAFAFA — zinc-50 */
  --color-surface-hover:        244 244 245;  /* #F4F4F5 — zinc-100 */
  --color-surface-border:       228 228 231;  /* #E4E4E7 — zinc-200 */
  --color-surface-border-strong:212 212 216;  /* #D4D4D8 — zinc-300 */

  --color-content-primary:      9 9 11;       /* #09090B — zinc-950 */
  --color-content-secondary:    82 82 91;     /* #52525B — zinc-600 */
  --color-content-tertiary:     161 161 170;  /* #A1A1AA — zinc-400 */
  --color-content-disabled:     212 212 216;  /* #D4D4D8 — zinc-300 */

  /* Shape: radius 8px (--radius do shadcn), cards 12px, sombra mínima */
  --radius-card:                12px;
  --radius-button:              8px;
  --radius-input:               8px;
  --radius-nav-item:            6px;

  --shadow-card:                0 1px 2px rgba(0,0,0,.05);
  --shadow-card-hover:          0 2px 8px rgba(0,0,0,.06);

  /* Componentes shadcn (src/components/shadcn/) voltam ao zinc neutro
     quando este tema está ativo — coerentes com o resto da tela. */
  --primary: 240 5.9% 10%;
  --primary-foreground: 0 0% 98%;
  --ring: 240 5.9% 10%;
  --accent: 240 4.8% 95.9%;
  --accent-foreground: 240 5.9% 10%;
  --secondary: 240 4.8% 95.9%;
  --secondary-foreground: 240 5.9% 10%;
  --muted: 240 4.8% 95.9%;
  --muted-foreground: 240 3.8% 46.1%;
  --foreground: 240 10% 3.9%;
  --border: 240 5.9% 90%;
  --input: 240 5.9% 90%;
}

/* ─── Base resets ────────────────────────────────────────── */

/* ─── Component layer ────────────────────────────────────── */

@keyframes tooltipIn {
  from { opacity: 0; transform: scale(.96); }
  to   { opacity: 1; transform: scale(1); }
}

/* Toast — barra de progresso do auto-dismiss (ver src/contexts/AlertContext.tsx) */
@keyframes toast-progress {
  from { transform: scaleX(1); }
  to   { transform: scaleX(0); }
}

/* CanvasWidget · marching ants overlay quando IA está processando.
   Offset = soma do dasharray ("14 9" = 23) pra ciclo loopar exato. */
@keyframes cv-ants {
  to { stroke-dashoffset: -23; }
}
@keyframes cv-spin {
  to { transform: rotate(360deg); }
}

/* Barra de navegação no topo (ver AppShell) — indeterminada, porque não dá
   pra saber quanto falta pra rota carregar/compilar. Avança rápido até ~70% e
   arrasta o resto, dando a sensação de progresso sem prometer um fim. */
@keyframes nav-progress {
  0%   { transform: translateX(-100%); }
  55%  { transform: translateX(-30%); }
  100% { transform: translateX(-8%); }
}

@media (prefers-reduced-motion: reduce) {
  .tooltip,
  .has-tooltip::after,
  .has-tooltip::before { animation: none !important; transition: opacity .1s ease !important; }
}

/* ═══ PRINT — exportar relatório como PDF via diálogo do browser ═══
 *
 * Abordagem: **isolation via visibility** + stage dedicado.
 * - Na tela: `.screen-stage` é visível, `.print-stage` tem display:none
 * - No print: TUDO fica hidden, `.print-stage *` vira visible — e o
 *   `.print-stage` renderiza TODAS as páginas do doc sequencialmente
 *   com zoom=1 (tamanho natural), cada uma quebrando em nova página PDF.
 */

/* Na tela: print-stage fica escondido (só renderizado pro print) */
.print-stage {
  display: none;
}

/* Marquee selection do react-selecto. O default CSS do pacote usa `:host`
 * que só funciona em shadow DOM — em DOM regular essas regras nunca aplicam,
 * deixando a marquee invisível (sem background/border). Reforçamos aqui só
 * o STYLING (cores/borda) — o `display: block`/`display: none` fica por conta
 * do Selecto via `style.cssText` inline, que aplica/remove no início e fim de
 * cada drag. Não tentamos forçar display via CSS porque qualquer regra
 * `display: ... !important` aqui sobrepõe o `display: none` do Selecto e a
 * marquee fica permanentemente visível depois do primeiro drag. */
html body .selecto-selection {
  background: rgba(66, 133, 244, 0.22) !important;
  border: 1.5px solid rgba(66, 133, 244, 0.9) !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
  pointer-events: none !important;
  box-shadow: 0 0 0 1px rgba(66, 133, 244, 0.15) !important;
}

@media print {
  /* Cor/fundo full contrast pra PDF */
  html, body {
    background: #fff !important;
    color: #000 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* 1. Esconde TUDO da app (topbar, sidebar, news ticker, toolbar, stage edição) */
  body * {
    visibility: hidden !important;
  }

  /* 2. Esconde expliticamente o stage de edição e qualquer chrome marcado */
  .screen-stage,
  .no-print,
  [data-no-print="true"] {
    display: none !important;
  }

  /* 3. Print-stage: visível, ocupa toda a página, renderiza todas páginas */
  .print-stage {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }
  .print-stage,
  .print-stage * {
    visibility: visible !important;
  }

  /* 4. Cada page em tamanho natural, quebra depois */
  .print-page {
    page-break-after: always;
    page-break-inside: avoid;
    -moz-column-break-after: page;
         break-after: page;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    overflow: hidden !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 auto !important;
    transform: none !important;
  }
  .print-page:last-child {
    page-break-after: auto;
    -moz-column-break-after: auto;
         break-after: auto;
  }

  /* 5. FormatRenderer (modo preview legacy) também imprime */
  .report-print-area,
  .report-print-area * {
    visibility: visible !important;
  }
  .report-print-area {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    background: #fff !important;
    transform: none !important;
  }

  /* @page size — landscape default pra apresentação/dashboard, portrait pra onepage */
  @page {
    margin: 0;
    size: A4 landscape;
  }
  html.print-portrait @page {
    size: A4 portrait;
    margin: 0;
  }

  /* Dashboard tiles não cortam */
  .dash-tile {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}

/* ─── Theme: Oripio — overrides estruturais ──────────────── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) body {
  background-color: rgb(var(--color-surface-page));
  font-weight: 400;
  letter-spacing: -0.005em;
}

/* App shell: bg da página vira a "tela" em volta dos painéis */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) [data-app-shell] {
  background-color: rgb(var(--color-surface-page));
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) [data-shell-body] {
  gap: var(--shell-gap);
  padding: var(--shell-gap);
}

/* Sidebar flutuante com radius + sem border lateral */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) [data-sidebar-frame] {
  height: auto;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) [data-sidebar] {
  border-right: none !important;
  border-radius: var(--sidebar-radius);
  box-shadow: var(--shadow-card);
  height: 100%;
  background: rgb(var(--color-surface));
}

/* Main area — bg/rounded/shadow desabilitados temporariamente
   (user pediu pra ver o conteúdo diretamente sobre o surface-page) */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) [data-main-area] {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
/* Reports preview shell: main com radius + sombra + bg sólido. */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) [data-main-area][data-reports-shell] {
  background-color: rgb(var(--color-surface));
  border-radius: var(--main-radius);
  box-shadow: var(--shadow-card);
}

/* Tema Oripio V2 — reativa frame do main-area em todas as telas
   (inverte o "transparent/0/none" do oripio puro acima). Conteúdo passa a
   flutuar como sidebar e topbar já fazem. */
[data-theme="oripio-v2"] [data-main-area] {
  background-color: rgb(var(--color-surface));
  border-radius: var(--main-radius);
  box-shadow: var(--shadow-card);
}

/* ── Topbar: painel flutuante, alinhado com sidebar (padding lateral) ── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) [data-topbar] {
  padding-left: var(--shell-gap);
  padding-right: var(--shell-gap);
  background: rgb(var(--color-surface)) !important;
  border: none !important;
  border-radius: var(--main-radius);
  margin: var(--shell-gap) var(--shell-gap) 0;
  box-shadow: var(--shadow-card);
  height: 64px !important;
}
/* Esconde blobs coloridos (amarelo 99 / azul) no Oripio */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) [data-topbar] > div[class*="absolute inset-0"] {
  display: none !important;
}
/* Botões transparentes do topbar ficam sólidos */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) [data-topbar] .bg-white\/60,
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) [data-topbar] .bg-white\/70 {
  background-color: rgb(var(--color-surface-hover)) !important;
  backdrop-filter: none !important;
  border-color: rgb(var(--color-surface-border)) !important;
}

/* ── Nav item ativo: só pill lavanda (sem marcador lateral) ──── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="nofloat"]) .nav-item:hover {
  background-color: rgb(var(--color-brand-primary-light) / 0.6);
}

/* ── Public share page: main e outer-wrapper do renderer inherit ── */
/* Default theme: match topbar (#FAFBFD); oripio: match shell-gap bg (surface-page) */
[data-public-report] {
  background-color: #FAFBFD;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) [data-public-report] {
  background-color: rgb(var(--color-surface-page));
}
/* Outer wrapper dos renderers (ReportOnepage/Apresentacao usam bg-surface-border
   como "mesa cinza" em volta do papel) — transparente no share pra bg uniforme */
[data-public-report] > div {
  background-color: transparent !important;
}

/* ── Section labels mais leves ────────────────────────────── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .section-label {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
  font-weight: 600;
  letter-spacing: 1.5px;
}

/* ── Radius global aplicado a utilitárias Tailwind ───────── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .rounded            { border-radius: var(--radius-button); }
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .rounded-md         { border-radius: var(--radius-button); }
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .rounded-lg         { border-radius: var(--radius-button); }
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .rounded-xl         { border-radius: var(--radius-card); }
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .rounded-2xl        { border-radius: var(--radius-card); }

/* ── KPI + connector cards acompanham novo radius ──── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .kpi-card,
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .conn-card {
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}

/* ── Sombras: qualquer shadow Tailwind vira a sombra do tema */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .shadow-sm,
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .shadow      { box-shadow: var(--shadow-card) !important; }
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .shadow-md,
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .shadow-card { box-shadow: var(--shadow-card) !important; }
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .shadow-lg,
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .shadow-xl,
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .shadow-card-hover { box-shadow: var(--shadow-card-hover) !important; }
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .shadow-pink-glow {
  box-shadow: 0 6px 24px rgb(var(--color-brand-primary) / 0.25) !important;
}

/* ── Badges: pill mais "arejado" com soft bg ─────────────── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .badge {
  font-weight: 600;
  padding: 3px 10px;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .badge-pink {
  background: rgb(var(--color-brand-primary-light));
  color: rgb(var(--color-brand-primary));
}

/* ── Source chip mais soft ───────────────────────────────── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .src-chip {
  background: rgb(var(--color-surface-hover));
  border-color: rgb(var(--color-surface-border));
  padding: 4px 10px;
  border-radius: 999px;
}

/* ── Tabelas: sem border sharp, linhas sutis ─────────────── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .data-table th {
  background: rgb(var(--color-surface));
  border-bottom-color: rgb(var(--color-surface-border));
  font-weight: 600;
  letter-spacing: 0.5px;
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .data-table td {
  border-bottom-color: rgb(var(--color-surface-border));
}

/* ── Inputs/texarea: radius consistente ──────────────────── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) input[type="text"],
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) input[type="search"],
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) input[type="email"],
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) input[type="password"],
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) textarea,
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) select {
  border-radius: var(--radius-input);
}

/* ── Cards genéricos (bg-white + padding) ganham radius+shadow */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .bg-white {
  box-shadow: var(--shadow-card);
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .bg-surface {
  /* mantém: já é cor semântica */
}

/* ── Borders soft: qualquer .border ganha cor mais leve ─── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .border {
  border-color: rgb(var(--color-surface-border));
}
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .border-t,
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .border-b,
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .border-l,
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) .border-r {
  border-color: rgb(var(--color-surface-border));
}

/* ── Headers h1/h2/h3: tipografia mais leve ──────────────── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) h1, :is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) h2, :is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="oribio"], [data-theme="nofloat"]) h3 {
  letter-spacing: -0.02em;
}

/* ── Scrollbar adaptada ──────────────────────────────────── */
:is([data-theme="oripio"], [data-theme="oripio-v2"], [data-theme="oripio-green"], [data-theme="nofloat"]) ::-webkit-scrollbar-thumb {
  background: rgb(var(--color-brand-primary-mid) / 0.5);
}

/* ─── Tema No Float — mesmo visual do Oripio, mas shell flat ─ */
/* Tokens de spacing ficam em 0 (o padrão do :root), mas a regra
   floating do sidebar precisa ser revertida: border-right visível,
   sem sombra, sem radius, e o topbar volta pro modo flush.        */
[data-theme="nofloat"] [data-sidebar] {
  border-right: 1px solid rgb(var(--color-surface-border)) !important;
  border-radius: 0;
  box-shadow: none;
}
[data-theme="nofloat"] [data-topbar] {
  border-radius: 0;
  margin: 0;
  box-shadow: none;
  border-bottom: 1px solid rgb(var(--color-surface-border)) !important;
}
[data-theme="nofloat"] [data-main-area][data-reports-shell] {
  border-radius: 0;
  box-shadow: none;
}

/* ═══════════════════════════════════════════════════════════════
   Tema Clean — minimalista, ivory, radius pequeno, zero float.
   Inspirado no demo de apresentação para clientes (Tokio Marine).
   ═══════════════════════════════════════════════════════════════ */
[data-theme="clean"] {
  /* Brand — azul profundo Crispin */
  --color-brand-primary:        11 45 236;    /* #0b2dec */
  --color-brand-primary-light:  230 234 253;  /* #e6eafd */
  --color-brand-primary-mid:    135 153 246;  /* #8799f6 */

  /* Surfaces — quase-neutro com leve frieza, sem amarelar */
  --color-surface:              255 255 255;  /* branco puro */
  --color-surface-page:         247 249 251;  /* #F7F9FB — neutro, levemente frio */
  --color-surface-hover:        240 243 246;  /* #F0F3F6 */
  --color-surface-border:       229 232 237;  /* #E5E8ED */
  --color-surface-border-strong:213 218 225;  /* #D5DAE1 */

  /* Content — neutros mais quentes (não azulados) */
  --color-content-primary:       31  34  36;  /* #1F2224 */
  --color-content-secondary:     76  82  81;  /* #4C5251 */
  --color-content-tertiary:     138 144 142;  /* #8A908E */
  --color-content-disabled:     196 201 199;  /* #C4C9C7 */

  /* Shape — radius minimalista (6px) */
  --radius-card:        6px;
  --radius-button:      6px;
  --radius-input:       6px;
  --radius-nav-item:    6px;
  --radius-badge:       999px;

  /* Shadow — ultra-sutil, quase imperceptível */
  --shadow-card:        0 1px 0 rgba(15, 23, 42, .04);
  --shadow-card-hover:  0 2px 6px rgba(15, 23, 42, .06);

  /* Shell — flat total, zero gap, zero floating */
  --sidebar-margin:     0px;
  --sidebar-radius:     0px;
  --sidebar-border:     1px solid rgb(var(--color-surface-border));
  --shell-gap:          0px;
  --main-radius:        0px;
}

/* App shell overrides — mesma lógica do nofloat */
[data-theme="clean"] [data-app-shell] {
  background-color: rgb(var(--color-surface-page));
}
[data-theme="clean"] [data-shell-body] {
  gap: 0;
  padding: 0;
}
[data-theme="clean"] [data-sidebar] {
  border-right: 1px solid rgb(var(--color-surface-border)) !important;
  border-radius: 0;
  box-shadow: none;
  background: rgb(var(--color-surface));
}
[data-theme="clean"] [data-main-area] {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
[data-theme="clean"] [data-topbar] {
  padding-left: 0;
  padding-right: 0;
  background: rgb(var(--color-surface)) !important;
  border: none !important;
  border-bottom: 1px solid rgb(var(--color-surface-border)) !important;
  border-radius: 0;
  margin: 0;
  box-shadow: none;
}
[data-theme="clean"] [data-main-area][data-reports-shell] {
  border-radius: 0;
  box-shadow: none;
}

/* Rounded utilities — força radius pequeno uniforme */
[data-theme="clean"] .rounded,
[data-theme="clean"] .rounded-md,
[data-theme="clean"] .rounded-lg  { border-radius: var(--radius-button); }
[data-theme="clean"] .rounded-xl,
[data-theme="clean"] .rounded-2xl { border-radius: var(--radius-card); }

/* Cards — border ao invés de shadow; hover leve */
[data-theme="clean"] .card,
[data-theme="clean"] .kpi-card,
[data-theme="clean"] .conn-card {
  box-shadow: var(--shadow-card);
  border: 1px solid rgb(var(--color-surface-border));
}
[data-theme="clean"] .card:hover,
[data-theme="clean"] .kpi-card:hover {
  box-shadow: var(--shadow-card-hover);
}

/* Shadow utilities — reduz tudo pro mínimo */
[data-theme="clean"] .shadow-sm,
[data-theme="clean"] .shadow,
[data-theme="clean"] .shadow-md,
[data-theme="clean"] .shadow-card     { box-shadow: var(--shadow-card) !important; }
[data-theme="clean"] .shadow-lg,
[data-theme="clean"] .shadow-xl,
[data-theme="clean"] .shadow-card-hover { box-shadow: var(--shadow-card-hover) !important; }

/* Nav item — hover neutro sem tint colorido */
[data-theme="clean"] .nav-item:hover {
  background-color: rgb(var(--color-surface-hover));
  color: rgb(var(--color-content-primary));
}

/* ── Tipografia: Montserrat em todo o app quando clean ─────── */
[data-theme="clean"],
[data-theme="clean"] body,
[data-theme="clean"] button,
[data-theme="clean"] input,
[data-theme="clean"] select,
[data-theme="clean"] textarea {
  font-family: 'Montserrat', system-ui, sans-serif !important;
  letter-spacing: -0.005em;
}

/* Sidebar: componente já força modo `collapsed` (64px icon-only)
   quando theme === 'clean' — ver Sidebar.tsx. Sem overrides CSS aqui. */

/* ── Topbar minimal (altura 56px, flat, sem overflow visual) ─────── */
[data-theme="clean"] [data-topbar] {
  height: 56px !important;
  padding: 0 24px !important;
  gap: 14px !important;
}
/* Esconde decorações absolute (backgrounds extras) do topbar */
[data-theme="clean"] [data-topbar] > div[class*="absolute inset-0"] {
  display: none !important;
}

/* ── Tema Oribio (Dark mode) — herda shape do Oripio ─────── */
[data-theme="oribio"] {
  --color-brand-primary:        138 180 248;  /* #8AB4F8 — azul claro p/ dark */
  --color-brand-primary-light:   31  47  79;  /* #1F2F4F — tint azul escuro */
  --color-brand-primary-mid:     66 103 170;  /* #4267AA */

  --color-surface:               27  29  35;  /* #1B1D23 — cards/painéis */
  --color-surface-page:          19  20  25;  /* #131419 — bg da página */
  --color-surface-hover:         37  39  48;  /* #252730 */
  --color-surface-border:        46  48  58;  /* #2E303A */
  --color-surface-border-strong: 61  64  80;  /* #3D4050 */
  --color-surface-soft:          23  24  31;  /* #17181F — inset suave, 1 step abaixo do surface */

  --color-content-primary:      232 234 237;  /* #E8EAED */
  --color-content-secondary:    176 179 188;  /* #B0B3BC */
  --color-content-tertiary:     127 130 141;  /* #7F828D */
  --color-content-disabled:      74  77  88;  /* #4A4D58 */

  /* Status no dark: bg vira tint escuro, text/DEFAULT clareiam pra manter contraste */
  --color-ok:                    34 197 94;   /* #22C55E */
  --color-ok-bg:                 20  44  31;  /* #142C1F */
  --color-ok-text:               74 222 128;  /* #4ADE80 */
  --color-warn:                 245 158  11;  /* #F59E0B */
  --color-warn-bg:               55  42  16;  /* #372A10 */
  --color-warn-text:            251 191  36;  /* #FBBF24 */
  --color-danger:               239  68  68;  /* #EF4444 */
  --color-danger-bg:             58  24  24;  /* #3A1818 */
  --color-danger-text:          248 113 113;  /* #F87171 */
  --color-info:                 138 180 248;  /* #8AB4F8 */
  --color-info-bg:               31  47  79;  /* #1F2F4F */
  --color-info-text:            167 199 250;  /* #A7C7FA */

  /* Sweep do skeleton: brilho sutil no dark (o default .7 estoura) */
  --skeleton-sweep:             rgba(255, 255, 255, 0.07);

  /* Shape: mesmo do Oripio (floating, radius 11px) */
  --radius-card:                11px;
  --radius-button:              10px;
  --radius-input:               12px;
  --radius-nav-item:            10px;

  --shadow-card:                0 1px 2px rgba(0,0,0,.45);
  --shadow-card-hover:          0 8px 28px rgba(0,0,0,.55);

  --sidebar-margin:             14px;
  --sidebar-radius:             11px;
  --sidebar-border:             1px solid transparent;
  --shell-gap:                  14px;
  --main-radius:                11px;

  color-scheme: dark;
}

/* ── Oribio: overrides específicos de cor (dark) ────────── */
[data-theme="oribio"] .nav-item:hover {
  background-color: rgb(var(--color-surface-hover));
}
[data-theme="oribio"] .nav-item.active {
  background-color: rgb(var(--color-brand-primary-light));
  color: rgb(var(--color-brand-primary));
}

/* Inputs no dark: bg escuro + texto claro (radius já vem do shape compartilhado) */
[data-theme="oribio"] input[type="text"],
[data-theme="oribio"] input[type="search"],
[data-theme="oribio"] input[type="email"],
[data-theme="oribio"] input[type="password"],
[data-theme="oribio"] textarea,
[data-theme="oribio"] select {
  background-color: rgb(var(--color-surface-hover));
  color: rgb(var(--color-content-primary));
  border-color: rgb(var(--color-surface-border));
}
[data-theme="oribio"] input::-moz-placeholder, [data-theme="oribio"] textarea::-moz-placeholder {
  color: rgb(var(--color-content-tertiary));
}
[data-theme="oribio"] input::placeholder,
[data-theme="oribio"] textarea::placeholder {
  color: rgb(var(--color-content-tertiary));
}

/* Tabela dark: hover visível */
[data-theme="oribio"] .data-table tbody tr:hover td {
  background: rgb(var(--color-surface-hover));
}

/* Backgrounds brancos literais (bg-white) viram surface do tema */
[data-theme="oribio"] .bg-white {
  background-color: rgb(var(--color-surface)) !important;
}
[data-theme="oribio"] .bg-white\/60,
[data-theme="oribio"] .bg-white\/70,
[data-theme="oribio"] .bg-white\/75,
[data-theme="oribio"] .bg-white\/80,
[data-theme="oribio"] .bg-white\/90,
[data-theme="oribio"] .bg-white\/95 {
  background-color: rgb(var(--color-surface-hover)) !important;
  backdrop-filter: none !important;
}
/* hover:bg-white viraria flashbang no dark */
[data-theme="oribio"] .hover\:bg-white:hover {
  background-color: rgb(var(--color-surface-hover)) !important;
}

/* Charts (Recharts/SVG) com cores literais de eixo/grid do light: CSS vence
   presentation attribute, então remapeia os hexes canônicos pros tokens dark.
   fill="#fff" fica de fora (pode ser texto sobre cor sólida). */
[data-theme="oribio"] svg [stroke="#E8E9EE"],
[data-theme="oribio"] svg [stroke="#ECEFF4"],
[data-theme="oribio"] svg [stroke="#F0F1F4"],
[data-theme="oribio"] svg [stroke="#EEF0F4"] {
  stroke: rgb(var(--color-surface-border));
}
[data-theme="oribio"] svg [stroke="#98A2B3"],
[data-theme="oribio"] svg [stroke="#9396AA"] {
  stroke: rgb(var(--color-content-tertiary));
}
[data-theme="oribio"] svg [stroke="#C4C6D2"] {
  stroke: rgb(var(--color-content-disabled));
}
[data-theme="oribio"] svg [stroke="#fff"],
[data-theme="oribio"] svg [stroke="#FFFFFF"] {
  stroke: rgb(var(--color-surface));
}
[data-theme="oribio"] svg [fill="#9396AA"],
[data-theme="oribio"] svg [fill="#98A2B3"],
[data-theme="oribio"] svg [fill="#9AA1AE"] {
  fill: rgb(var(--color-content-tertiary));
}
[data-theme="oribio"] svg [fill="#1A1D2E"] {
  fill: rgb(var(--color-content-primary));
}
[data-theme="oribio"] svg [fill="#E8ECEF"] {
  fill: rgb(var(--color-surface-hover));
}

/* Tooltip default do Recharts (sem contentStyle custom): vem com bg branco
   inline — força surface do tema */
[data-theme="oribio"] .recharts-default-tooltip {
  background-color: rgb(var(--color-surface)) !important;
  border-color: rgb(var(--color-surface-border)) !important;
}
[data-theme="oribio"] .recharts-default-tooltip .recharts-tooltip-label,
[data-theme="oribio"] .recharts-default-tooltip .recharts-tooltip-item {
  color: rgb(var(--color-content-primary)) !important;
}

/* Logo Crispin do header fica branco no dark (o PNG é escuro) */
[data-theme="oribio"] [data-topbar] img[src="/logos/crispin.png"] {
  filter: brightness(0) invert(1);
}

/* Scrollbar escura */
[data-theme="oribio"] ::-webkit-scrollbar-thumb {
  background: rgb(var(--color-surface-border-strong));
}
[data-theme="oribio"] ::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--color-content-tertiary));
}

/* ─── Utility extras ─────────────────────────────────────── */
@keyframes driveFlow {
  from { background-position: 0 0; }
  to { background-position: 24px 0; }
}

/* ═══════════════════════════════════════════════════════════════
   Fase 16 — Presentation Mode (fullscreen slides + stagger + fade)
   ═══════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────
 * GLOBAL HOVER-SHADOW — fora de qualquer @layer pra vencer cascade
 * do Tailwind utilities (que geraria hover:shadow-* depois).
 *
 * Aplica em QUALQUER elemento (div, button, a, etc) com `shadow-card`:
 * - Transition suave de 200ms (igual ao componente `.card`)
 * - No hover, eleva pro `--shadow-card-hover` (mesmo valor do .card)
 *
 * Selector com especificidade reforçada (`:where()` zera; usamos seletor
 * normal + !important). Vence porque está no fim do arquivo + !important.
 * ─────────────────────────────────────────────────────────────────────────── */
.shadow-card {
  transition: box-shadow .2s ease !important;
}
.shadow-card:hover {
  box-shadow: var(--shadow-card-hover) !important;
}

/* ───────────────────────────────────────────────────────────────────────────
 * GoogleDateRangePicker (react-day-picker v10) — tema com tokens do design
 * system + marcadores custom: `.gdrp-cmp` (sublinhado âmbar = janela de
 * comparação) e `.gdrp-flight` (pontinho = flight do plano de mídia).
 * Ver src/components/ui/GoogleDateRangePicker.tsx.
 * ─────────────────────────────────────────────────────────────────────────── */
.gdrp-cal .rdp-root {
  --rdp-accent-color: rgb(var(--color-brand-primary));
  --rdp-accent-background-color: rgb(var(--color-brand-primary-light));
  --rdp-day-height: 34px;
  --rdp-day-width: 38px;
  --rdp-day_button-height: 30px;
  --rdp-day_button-width: 30px;
  --rdp-today-color: rgb(var(--color-brand-primary));
  font-size: 12.5px;
  margin: 0 auto;
}
.gdrp-cal .rdp-months { flex-direction: column; gap: 4px; }
.gdrp-cal .rdp-month_caption { position: sticky; top: 0; z-index: 2; background: rgb(var(--color-surface)); font-size: 11px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; color: rgb(var(--color-content-secondary)); padding: 6px 0 4px 6px; }
.gdrp-cal .rdp-month { width: 100%; }
.gdrp-cal .rdp-month_grid { width: 100%; }
.gdrp-cal .rdp-nav { gap: 4px; }
.gdrp-cal .rdp-weekday { font-size: 9.5px; font-weight: 700; color: rgb(var(--color-content-tertiary)); }
.gdrp-cal .rdp-day { position: relative; }
/* dia selecionado: quadrado com radius leve (não bolinha) */
.gdrp-cal .rdp-root { --rdp-day_button-border-radius: 7px; }
.gdrp-cal .rdp-day_button { font-size: 12px; font-weight: 500; border-radius: 7px; }
.gdrp-cal .rdp-day_button:disabled { font-weight: 400; }
.gdrp-cal .rdp-selected .rdp-day_button { font-weight: 700; }
.gdrp-cal .rdp-day.gdrp-cmp::after {
  content: '';
  position: absolute;
  left: 6px; right: 6px; bottom: 2px;
  height: 3px;
  background: #FF6D01; /* laranja vivo da comparação (chartPalette) */
  opacity: .9;
  border-radius: 2px;
}
/* Dark: o accent clareia (#8AB4F8), então o número dos extremos do range
   precisa escurecer — o default da lib é branco e some no azul claro. */
[data-theme="oribio"] .gdrp-cal .rdp-root {
  --rdp-range_start-color: rgb(var(--color-surface-page));
  --rdp-range_end-color: rgb(var(--color-surface-page));
}
.gdrp-cal .rdp-day.gdrp-flight::before {
  content: '';
  position: absolute;
  top: 3px; right: 7px;
  width: 4px; height: 4px;
  border-radius: 99px;
  background: rgb(var(--color-content-tertiary));
  opacity: .5;
}
/* ─── shadcn/ui (teste) — border default dos componentes ────
   NÃO adicionamos o `body { @apply bg-background }` padrão do
   shadcn de propósito: o bg do app vem de --color-surface-page. */
.file\:border-0::file-selector-button {
  border-width: 0px;
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:text-sm::file-selector-button {
  font-size: 14px;
  line-height: 20px;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.file\:text-foreground::file-selector-button {
  color: hsl(var(--foreground));
}
.placeholder\:font-medium::-moz-placeholder {
  font-weight: 500;
}
.placeholder\:font-medium::placeholder {
  font-weight: 500;
}
.placeholder\:italic::-moz-placeholder {
  font-style: italic;
}
.placeholder\:italic::placeholder {
  font-style: italic;
}
.placeholder\:text-content-tertiary::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
}
.placeholder\:text-content-tertiary::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
}
.placeholder\:text-muted-foreground::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}
.after\:h-px::after {
  content: var(--tw-content);
  height: 1px;
}
.after\:flex-1::after {
  content: var(--tw-content);
  flex: 1 1 0%;
}
.after\:bg-surface-border::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-border) / var(--tw-bg-opacity, 1));
}
.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}
.first\:mt-0:first-child {
  margin-top: 0px;
}
.first\:mt-2:first-child {
  margin-top: 0.5rem;
}
.first\:border-0:first-child {
  border-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\:flex-initial:last-child {
  flex: 0 1 auto;
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:border-r-0:last-child {
  border-right-width: 0px;
}
.last\:pb-0:last-child {
  padding-bottom: 0px;
}
.even\:bg-surface-soft:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-soft) / var(--tw-bg-opacity, 1));
}
.empty\:before\:text-content-tertiary:empty::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
}
.empty\:before\:opacity-60:empty::before {
  content: var(--tw-content);
  opacity: 0.6;
}
.empty\:before\:content-\[attr\(data-placeholder\)\]:empty::before {
  --tw-content: attr(data-placeholder);
  content: var(--tw-content);
}
.focus-within\:border-brand-pink:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary) / var(--tw-border-opacity, 1));
}
.focus-within\:bg-surface:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}
.focus-within\:opacity-100:focus-within {
  opacity: 1;
}
.focus-within\:shadow-\[0_0_0_3px_rgba\(66\2c 133\2c 244\2c \.12\)\]:focus-within {
  --tw-shadow: 0 0 0 3px rgba(66,133,244,.12);
  --tw-shadow-colored: 0 0 0 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);
}
.focus-within\:shadow-\[0_0_0_3px_rgba\(66\2c 133\2c 244\2c 0\.1\)\]:focus-within {
  --tw-shadow: 0 0 0 3px rgba(66,133,244,0.1);
  --tw-shadow-colored: 0 0 0 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);
}
.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-brand-pink-light:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-brand-primary-light) / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-brand-pink\/20:focus-within {
  --tw-ring-color: rgb(var(--color-brand-primary) / 0.2);
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -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));
}
.hover\:-translate-y-1:hover {
  --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));
}
.hover\:-translate-y-px:hover {
  --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));
}
.hover\:translate-x-0\.5:hover {
  --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));
}
.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\.06\]:hover {
  --tw-scale-x: 1.06;
  --tw-scale-y: 1.06;
  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-brand-pink:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary) / var(--tw-border-opacity, 1));
}
.hover\:border-brand-pink-mid:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary-mid) / var(--tw-border-opacity, 1));
}
.hover\:border-brand-pink\/50:hover {
  border-color: rgb(var(--color-brand-primary) / 0.5);
}
.hover\:border-content-disabled:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-content-disabled) / var(--tw-border-opacity, 1));
}
.hover\:border-content-tertiary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-content-tertiary) / var(--tw-border-opacity, 1));
}
.hover\:border-danger:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger) / var(--tw-border-opacity, 1));
}
.hover\:border-danger-bg:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-bg) / var(--tw-border-opacity, 1));
}
.hover\:border-info:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info) / var(--tw-border-opacity, 1));
}
.hover\:border-ok:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-ok) / var(--tw-border-opacity, 1));
}
.hover\:border-surface-border:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-border) / var(--tw-border-opacity, 1));
}
.hover\:border-surface-border-strong:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-border-strong) / var(--tw-border-opacity, 1));
}
.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}
.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black\/50:hover {
  background-color: rgb(0 0 0 / 0.5);
}
.hover\:bg-brand-pink:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-brand-primary) / var(--tw-bg-opacity, 1));
}
.hover\:bg-brand-pink-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-brand-primary-light) / var(--tw-bg-opacity, 1));
}
.hover\:bg-brand-pink-light\/30:hover {
  background-color: rgb(var(--color-brand-primary-light) / 0.3);
}
.hover\:bg-brand-pink-light\/40:hover {
  background-color: rgb(var(--color-brand-primary-light) / 0.4);
}
.hover\:bg-brand-pink-light\/50:hover {
  background-color: rgb(var(--color-brand-primary-light) / 0.5);
}
.hover\:bg-brand-pink-light\/60:hover {
  background-color: rgb(var(--color-brand-primary-light) / 0.6);
}
.hover\:bg-brand-pink-light\/70:hover {
  background-color: rgb(var(--color-brand-primary-light) / 0.7);
}
.hover\:bg-brand-pink-mid:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-brand-primary-mid) / var(--tw-bg-opacity, 1));
}
.hover\:bg-brand-pink\/35:hover {
  background-color: rgb(var(--color-brand-primary) / 0.35);
}
.hover\:bg-brand-pink\/90:hover {
  background-color: rgb(var(--color-brand-primary) / 0.9);
}
.hover\:bg-content-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-content-primary) / var(--tw-bg-opacity, 1));
}
.hover\:bg-danger:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger) / var(--tw-bg-opacity, 1));
}
.hover\:bg-danger-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-bg) / var(--tw-bg-opacity, 1));
}
.hover\:bg-danger-bg\/80:hover {
  background-color: rgb(var(--color-danger-bg) / 0.8);
}
.hover\:bg-danger\/10:hover {
  background-color: rgb(var(--color-danger) / 0.1);
}
.hover\:bg-danger\/5:hover {
  background-color: rgb(var(--color-danger) / 0.05);
}
.hover\:bg-destructive\/80:hover {
  background-color: hsl(var(--destructive) / 0.8);
}
.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}
.hover\:bg-info-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-bg) / var(--tw-bg-opacity, 1));
}
.hover\:bg-muted:hover {
  background-color: hsl(var(--muted));
}
.hover\:bg-muted\/50:hover {
  background-color: hsl(var(--muted) / 0.5);
}
.hover\:bg-ok-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-ok-bg) / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / 0.8);
}
.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / 0.8);
}
.hover\:bg-surface:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface-border:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-border) / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-hover) / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface-hover\/50:hover {
  background-color: rgb(var(--color-surface-hover) / 0.5);
}
.hover\:bg-surface-hover\/60:hover {
  background-color: rgb(var(--color-surface-hover) / 0.6);
}
.hover\:bg-surface-page:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-page) / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface-page\/40:hover {
  background-color: rgb(var(--color-surface-page) / 0.4);
}
.hover\:bg-surface-soft:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-soft) / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface\/10:hover {
  background-color: rgb(var(--color-surface) / 0.1);
}
.hover\:bg-surface\/15:hover {
  background-color: rgb(var(--color-surface) / 0.15);
}
.hover\:bg-surface\/90:hover {
  background-color: rgb(var(--color-surface) / 0.9);
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-warn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warn) / var(--tw-bg-opacity, 1));
}
.hover\:bg-warn-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warn-bg) / var(--tw-bg-opacity, 1));
}
.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\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:bg-white\/25:hover {
  background-color: rgb(255 255 255 / 0.25);
}
.hover\:bg-white\/30:hover {
  background-color: rgb(255 255 255 / 0.3);
}
.hover\:bg-white\/\[0\.15\]:hover {
  background-color: rgb(255 255 255 / 0.15);
}
.hover\:bg-opacity-40:hover {
  --tw-bg-opacity: 0.4;
}
.hover\:bg-opacity-80:hover {
  --tw-bg-opacity: 0.8;
}
.hover\:\!text-danger-text:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-danger-text) / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}
.hover\:text-brand-pink:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-brand-primary) / var(--tw-text-opacity, 1));
}
.hover\:text-client-yellow:hover {
  --tw-text-opacity: 1;
  color: rgb(255 209 0 / var(--tw-text-opacity, 1));
}
.hover\:text-content-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
}
.hover\:text-content-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-secondary) / var(--tw-text-opacity, 1));
}
.hover\:text-content-tertiary:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
}
.hover\:text-danger:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger) / var(--tw-text-opacity, 1));
}
.hover\:text-danger-text:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-text) / var(--tw-text-opacity, 1));
}
.hover\:text-foreground:hover {
  color: hsl(var(--foreground));
}
.hover\:text-info:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-info) / var(--tw-text-opacity, 1));
}
.hover\:text-muted-foreground:hover {
  color: hsl(var(--muted-foreground));
}
.hover\:text-ok:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-ok) / var(--tw-text-opacity, 1));
}
.hover\:text-ok-text:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-ok-text) / var(--tw-text-opacity, 1));
}
.hover\:text-surface:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface) / 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\/90:hover {
  color: rgb(255 255 255 / 0.9);
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-70:hover {
  opacity: 0.7;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:shadow-\[0_10px_30px_rgba\(66\2c 133\2c 244\2c \.38\)\]:hover {
  --tw-shadow: 0 10px 30px rgba(66,133,244,.38);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_12px_48px_rgba\(0\2c 0\2c 0\2c \.1\)\]:hover {
  --tw-shadow: 0 12px 48px rgba(0,0,0,.1);
  --tw-shadow-colored: 0 12px 48px 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-\[0_12px_48px_rgba\(0\2c 0\2c 0\2c \.30\)\]:hover {
  --tw-shadow: 0 12px 48px rgba(0,0,0,.30);
  --tw-shadow-colored: 0 12px 48px 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-\[0_4px_12px_rgba\(66\2c 133\2c 244\2c \.18\)\]:hover {
  --tw-shadow: 0 4px 12px rgba(66,133,244,.18);
  --tw-shadow-colored: 0 4px 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);
}
.hover\:shadow-\[0_8px_20px_rgba\(0\2c 0\2c 0\2c \.05\)\]:hover {
  --tw-shadow: 0 8px 20px rgba(0,0,0,.05);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_8px_20px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover {
  --tw-shadow: 0 8px 20px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_8px_24px_rgba\(66\2c 133\2c 244\2c \.12\)\]:hover {
  --tw-shadow: 0 8px 24px rgba(66,133,244,.12);
  --tw-shadow-colored: 0 8px 24px 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-card-hover:hover {
  --tw-shadow: 0 4px 16px rgba(0,0,0,.08);
  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.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\:outline:hover {
  outline-style: solid;
}
.hover\:outline-1:hover {
  outline-width: 1px;
}
.hover\:outline-2:hover {
  outline-width: 2px;
}
.hover\:outline-offset-0:hover {
  outline-offset: 0px;
}
.hover\:outline-brand-pink\/70:hover {
  outline-color: rgb(var(--color-brand-primary) / 0.7);
}
.hover\:outline-content-primary:hover {
  outline-color: rgb(var(--color-content-primary) / 1);
}
.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-2: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(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);
}
.hover\:ring-brand-pink:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-brand-primary) / var(--tw-ring-opacity, 1));
}
.hover\:ring-brand-pink\/30:hover {
  --tw-ring-color: rgb(var(--color-brand-primary) / 0.3);
}
.hover\:ring-brand-pink\/40:hover {
  --tw-ring-color: rgb(var(--color-brand-primary) / 0.4);
}
.hover\:ring-surface-border:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-surface-border) / var(--tw-ring-opacity, 1));
}
.hover\:brightness-105:hover {
  --tw-brightness: brightness(1.05);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-95:hover {
  --tw-brightness: brightness(.95);
  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);
}
.focus\:border-\[\#FF6D01\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 109 1 / var(--tw-border-opacity, 1));
}
.focus\:border-brand-pink:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary) / var(--tw-border-opacity, 1));
}
.focus\:border-brand-pink-mid:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary-mid) / var(--tw-border-opacity, 1));
}
.focus\:border-brand-pink\/50:focus {
  border-color: rgb(var(--color-brand-primary) / 0.5);
}
.focus\:bg-accent:focus {
  background-color: hsl(var(--accent));
}
.focus\:bg-brand-pink-light\/40:focus {
  background-color: rgb(var(--color-brand-primary-light) / 0.4);
}
.focus\:bg-surface:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}
.focus\:text-accent-foreground:focus {
  color: hsl(var(--accent-foreground));
}
.focus\:shadow-\[0_0_0_3px_rgba\(66\2c 133\2c 244\2c \.12\)\]:focus {
  --tw-shadow: 0 0 0 3px rgba(66,133,244,.12);
  --tw-shadow-colored: 0 0 0 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);
}
.focus\:shadow-\[0_0_0_3px_rgba\(66\2c 133\2c 244\2c 0\.1\)\]:focus {
  --tw-shadow: 0 0 0 3px rgba(66,133,244,0.1);
  --tw-shadow-colored: 0 0 0 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);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[3px\]: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-brand-pink:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-brand-primary) / var(--tw-ring-opacity, 1));
}
.focus\:ring-brand-pink-light:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-brand-primary-light) / var(--tw-ring-opacity, 1));
}
.focus\:ring-brand-pink\/10:focus {
  --tw-ring-color: rgb(var(--color-brand-primary) / 0.1);
}
.focus\:ring-brand-pink\/15:focus {
  --tw-ring-color: rgb(var(--color-brand-primary) / 0.15);
}
.focus\:ring-brand-pink\/20:focus {
  --tw-ring-color: rgb(var(--color-brand-primary) / 0.2);
}
.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-client-yellow-light:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 229 102 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: hsl(var(--background));
}
.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[\.98\]:active {
  --tw-scale-x: .98;
  --tw-scale-y: .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;
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-default:disabled {
  cursor: default;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:cursor-wait:disabled {
  cursor: wait;
}
.disabled\:bg-content-disabled:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-content-disabled) / var(--tw-bg-opacity, 1));
}
.disabled\:bg-content-tertiary:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-content-tertiary) / var(--tw-bg-opacity, 1));
}
.disabled\:text-content-disabled:disabled {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-disabled) / var(--tw-text-opacity, 1));
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-35:disabled {
  opacity: 0.35;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-45:disabled {
  opacity: 0.45;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.disabled\:opacity-70:disabled {
  opacity: 0.7;
}
.disabled\:hover\:scale-100:hover:disabled {
  --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));
}
.disabled\:hover\:border-surface-border:hover:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-border) / var(--tw-border-opacity, 1));
}
.disabled\:hover\:border-surface-border-strong:hover:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-border-strong) / var(--tw-border-opacity, 1));
}
.disabled\:hover\:bg-surface-soft:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-soft) / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:bg-transparent:hover:disabled {
  background-color: transparent;
}
.disabled\:hover\:text-content-secondary:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-secondary) / var(--tw-text-opacity, 1));
}
.disabled\:hover\:text-content-tertiary:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
}
.disabled\:hover\:brightness-100:hover:disabled {
  --tw-brightness: brightness(1);
  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);
}
.group[open] .group-open\:inline {
  display: inline;
}
.group[open] .group-open\:hidden {
  display: none;
}
.group\/collapse[open] .group-open\/collapse\: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\/dcat[open] .group-open\/dcat\: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\/mt[open] .group-open\/mt\: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-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));
}
.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\/dd[open] .group-open\/dd\:border-brand-pink {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary) / var(--tw-border-opacity, 1));
}
.group\/dd[open] .group-open\/dd\:text-brand-pink {
  --tw-text-opacity: 1;
  color: rgb(var(--color-brand-primary) / var(--tw-text-opacity, 1));
}
.group\/sec:hover .group-hover\/sec\:flex {
  display: flex;
}
.group\/thumb:hover .group-hover\/thumb\:grid {
  display: grid;
}
.group:hover .group-hover\:-translate-y-0\.5 {
  --tw-translate-y: -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\/ext:hover .group-hover\/ext\:scale-105 {
  --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));
}
.group\/play:hover .group-hover\/play\: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));
}
.group:hover .group-hover\:bg-brand-pink {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-brand-primary) / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-content-primary\/40 {
  background-color: rgb(var(--color-content-primary) / 0.4);
}
.group:hover .group-hover\:bg-surface-soft {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-soft) / var(--tw-bg-opacity, 1));
}
.group\/sw:hover .group-hover\/sw\:text-content-secondary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-secondary) / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-brand-pink {
  --tw-text-opacity: 1;
  color: rgb(var(--color-brand-primary) / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-content-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-content-tertiary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-danger-text {
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-text) / 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\/lk:hover .group-hover\/lk\:opacity-100 {
  opacity: 1;
}
.group\/pieces:hover .group-hover\/pieces\:opacity-100 {
  opacity: 1;
}
.group\/th:hover .group-hover\/th\:opacity-100 {
  opacity: 1;
}
.group\/tl:hover .group-hover\/tl\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\: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);
}
.group:hover .group-hover\:ring-brand-pink-mid {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-brand-primary-mid) / var(--tw-ring-opacity, 1));
}
.group:hover .group-hover\:brightness-110 {
  --tw-brightness: brightness(1.1);
  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);
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes accordion-up {

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

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

  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height);
  }
}
.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
  animation: accordion-down 0.2s ease-out;
}
.data-\[state\=active\]\:bg-background[data-state="active"] {
  background-color: hsl(var(--background));
}
.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
  background-color: hsl(var(--primary));
}
.data-\[state\=on\]\:bg-accent[data-state="on"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=on\]\:bg-primary[data-state="on"] {
  background-color: hsl(var(--primary));
}
.data-\[state\=open\]\:bg-accent[data-state="open"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  background-color: hsl(var(--muted));
}
.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
  background-color: hsl(var(--input));
}
.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
  color: hsl(var(--muted-foreground));
}
.data-\[state\=active\]\:text-foreground[data-state="active"] {
  color: hsl(var(--foreground));
}
.data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
  color: hsl(var(--accent-foreground));
}
.data-\[state\=on\]\:text-primary-foreground[data-state="on"] {
  color: hsl(var(--primary-foreground));
}
.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: hsl(var(--muted-foreground));
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=active\]\:shadow[data-state="active"] {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}
@media (min-width: 640px) {

  .sm\:inline {
    display: inline;
  }

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

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

  .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\:flex-row {
    flex-direction: row;
  }

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

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

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

  .sm\:rounded-lg {
    border-radius: 12px;
  }

  .sm\:border-r {
    border-right-width: 1px;
  }

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

  .sm\:text-left {
    text-align: left;
  }
}
@media (min-width: 768px) {

  .md\:static {
    position: static;
  }

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:table-cell {
    display: table-cell;
  }

  .md\:grid {
    display: grid;
  }

  .md\:contents {
    display: contents;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-\[calc\(100vh-260px\)\] {
    height: calc(100vh - 260px);
  }

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

  .md\:max-w-none {
    max-width: none;
  }

  .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-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-cols-\[186px_1fr_150px\] {
    grid-template-columns: 186px 1fr 150px;
  }

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

  .md\:grid-cols-\[30\%_1fr\] {
    grid-template-columns: 30% 1fr;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:text-sm {
    font-size: 14px;
    line-height: 20px;
  }

  .md\: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);
  }
}
@media (min-width: 1024px) {

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

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

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

  .lg\:flex {
    display: flex;
  }

  .lg\:table-cell {
    display: table-cell;
  }

  .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-\[1\.08fr_1fr\] {
    grid-template-columns: 1.08fr 1fr;
  }

  .lg\:grid-cols-\[1\.35fr_1fr\] {
    grid-template-columns: 1.35fr 1fr;
  }

  .lg\:grid-cols-\[1\.4fr_1fr\] {
    grid-template-columns: 1.4fr 1fr;
  }

  .lg\:grid-cols-\[1fr_300px\] {
    grid-template-columns: 1fr 300px;
  }

  .lg\:grid-cols-\[1fr_340px\] {
    grid-template-columns: 1fr 340px;
  }

  .lg\:p-8 {
    padding: 2rem;
  }
}
@media (min-width: 1280px) {

  .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-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media print {

  .print\:hidden {
    display: none;
  }
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
  padding-right: 0px;
}
.\[\&\>\*\]\:col-start-1>* {
  grid-column-start: 1;
}
.\[\&\>\*\]\:row-start-1>* {
  grid-row-start: 1;
}
.\[\&\>\*\]\:min-w-0>* {
  min-width: 0px;
}
.\[\&\>\*\]\:flex-1>* {
  flex: 1 1 0%;
}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
  --tw-translate-y: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>div\]\:contents>div {
  display: contents;
}
.\[\&\>span\]\:line-clamp-1>span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>svg\]\:size-4>svg {
  width: 1rem;
  height: 1rem;
}
.\[\&\>svg\]\:h-2\.5>svg {
  height: 0.625rem;
}
.\[\&\>svg\]\:h-3>svg {
  height: 0.75rem;
}
.\[\&\>svg\]\:h-3\.5>svg {
  height: 0.875rem;
}
.\[\&\>svg\]\:w-2\.5>svg {
  width: 0.625rem;
}
.\[\&\>svg\]\:w-3>svg {
  width: 0.75rem;
}
.\[\&\>svg\]\:w-3\.5>svg {
  width: 0.875rem;
}
.\[\&\>svg\]\:shrink-0>svg {
  flex-shrink: 0;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.\[\&\>svg\]\:animate-spin>svg {
  animation: spin 1s linear infinite;
}
.\[\&\>svg\]\:text-muted-foreground>svg {
  color: hsl(var(--muted-foreground));
}
.\[\&\>tr\]\:last\:border-b-0:last-child>tr {
  border-bottom-width: 0px;
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\[open\]\]\:overflow-visible[open] {
  overflow: visible;
}
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
  fill: hsl(var(--muted-foreground));
}
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc'] {
  stroke: hsl(var(--border) / 0.5);
}
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] {
  stroke: transparent;
}
.\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'] {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
  fill: hsl(var(--muted));
}
.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
  fill: hsl(var(--muted));
}
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'] {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] {
  stroke: transparent;
}
.\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\[data-pending\=\"false\"\]\]\:opacity-40 [data-pending="false"] {
  opacity: 0.4;
}
.\[\&_\[data-pending\=\"false\"\]\]\:transition-opacity [data-pending="false"] {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\[\&_div\]\:\!mb-0 div {
  margin-bottom: 0px !important;
}
.\[\&_div\]\:\!rounded-none div {
  border-radius: 0px !important;
}
.\[\&_div\]\:\!border-0 div {
  border-width: 0px !important;
}
.\[\&_h2\]\:mt-0 h2 {
  margin-top: 0px;
}
.\[\&_h3\]\:mt-0 h3 {
  margin-top: 0px;
}
.\[\&_iframe\]\:\!h-full iframe {
  height: 100% !important;
}
.\[\&_iframe\]\:\!max-h-\[60vh\] iframe {
  max-height: 60vh !important;
}
.\[\&_iframe\]\:\!min-h-\[200px\] iframe {
  min-height: 200px !important;
}
.\[\&_p\:first-child\]\:mt-0 p:first-child {
  margin-top: 0px;
}
.\[\&_strong\]\:font-bold strong {
  font-weight: 700;
}
.\[\&_strong\]\:text-content-primary strong {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-primary) / var(--tw-text-opacity, 1));
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
.\[\&_table\]\:my-2 table {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.\[\&_table\]\:w-full table {
  width: 100%;
}
.\[\&_table\]\:text-\[12px\] table {
  font-size: 12px;
}
.\[\&_td\]\:border-b td {
  border-bottom-width: 1px;
}
.\[\&_td\]\:border-surface-border\/60 td {
  border-color: rgb(var(--color-surface-border) / 0.6);
}
.\[\&_td\]\:py-1\.5 td {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_td\]\:pr-3 td {
  padding-right: 0.75rem;
}
.\[\&_th\]\:border-b th {
  border-bottom-width: 1px;
}
.\[\&_th\]\:border-surface-border th {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-border) / var(--tw-border-opacity, 1));
}
.\[\&_th\]\:py-1\.5 th {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_th\]\:pr-3 th {
  padding-right: 0.75rem;
}
.\[\&_th\]\:text-left th {
  text-align: left;
}
.\[\&_th\]\:text-\[10px\] th {
  font-size: 10px;
}
.\[\&_th\]\:font-bold th {
  font-weight: 700;
}
.\[\&_th\]\:uppercase th {
  text-transform: uppercase;
}
.\[\&_th\]\:tracking-wider th {
  letter-spacing: 0.05em;
}
.\[\&_th\]\:text-content-tertiary th {
  --tw-text-opacity: 1;
  color: rgb(var(--color-content-tertiary) / var(--tw-text-opacity, 1));
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0px;
}
.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
.\[\&_ul\]\:pl-4 ul {
  padding-left: 1rem;
}