/* BASE, linked by every server-rendered page.
 *
 * arti-server inlines these imports at boot and serves the result as one
 * stylesheet (`arti_core::stylesheet`). Import order is cascade order. */
/*! tailwindcss v4.1.9 | MIT License | https://tailwindcss.com */
@layer properties, theme, base, components, utilities;

@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-divide-x-reverse: 0;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-geist-sans);
    --font-mono: var(--font-geist-mono, var(--font-space-mono, "Space Mono")), ui-monospace, monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-orange-50: oklch(98% .016 73.684);
    --color-orange-100: oklch(95.4% .038 75.164);
    --color-orange-200: oklch(90.1% .076 70.697);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-800: oklch(47% .157 37.304);
    --color-orange-950: oklch(26.6% .079 36.259);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-yellow-600: oklch(68.1% .162 75.834);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-yellow-950: oklch(28.6% .066 53.813);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-green-950: oklch(26.6% .065 152.934);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-950: oklch(26.2% .051 172.552);
    --color-teal-950: oklch(27.7% .046 192.524);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-950: oklch(30.2% .056 229.695);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-950: oklch(28.2% .091 267.935);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-violet-950: oklch(28.3% .141 291.089);
    --color-purple-50: oklch(97.7% .014 308.299);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-300: oklch(82.7% .119 306.383);
    --color-purple-400: oklch(71.4% .203 305.504);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-purple-950: oklch(29.1% .149 302.717);
    --color-pink-400: oklch(71.8% .202 349.761);
    --color-pink-500: oklch(65.6% .241 354.308);
    --color-pink-950: oklch(28.4% .109 3.907);
    --color-rose-950: oklch(27.1% .105 12.094);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-neutral-950: oklch(14.5% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-xl: 24px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-geist-sans);
    --default-mono-font-family: var(--font-geist-mono, var(--font-space-mono, "Space Mono")), ui-monospace, monospace;
    --font-display: var(--font-inter, var(--font-dm-sans, "DM Sans")), system-ui, sans-serif;
    --font-body: var(--font-inter, var(--font-dm-sans, "DM Sans")), system-ui, sans-serif;
    --color-background: var(--background);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

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

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

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

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

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

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

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

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

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .\@container\/approvals {
    container: approvals / inline-size;
  }

  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .\[container-type\:inline-size\] {
    container-type: inline-size;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .\!visible {
    visibility: visible !important;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .-inset-6 {
    inset: calc(var(--spacing) * -6);
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-\[3px\] {
    inset: 3px;
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .-top-0\.5 {
    top: calc(var(--spacing) * -.5);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

  .top-8 {
    top: calc(var(--spacing) * 8);
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-15 {
    top: calc(var(--spacing) * 15);
  }

  .top-50 {
    top: calc(var(--spacing) * 50);
  }

  .top-100 {
    top: calc(var(--spacing) * 100);
  }

  .top-\[-1px\] {
    top: -1px;
  }

  .top-\[44px\] {
    top: 44px;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-full {
    top: 100%;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-3\.5 {
    right: calc(var(--spacing) * 3.5);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }

  .-bottom-10 {
    bottom: calc(var(--spacing) * -10);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .isolate {
    isolation: isolate;
  }

  .\!z-\[99999\] {
    z-index: 99999 !important;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .z-0 {
    z-index: 0;
  }

  .z-1 {
    z-index: 1;
  }

  .z-2 {
    z-index: 2;
  }

  .z-10 {
    z-index: 10;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[69\] {
    z-index: 69;
  }

  .z-\[70\] {
    z-index: 70;
  }

  .z-\[10000\] {
    z-index: 10000;
  }

  .z-\[10001\] {
    z-index: 10001;
  }

  .z-\[99998\] {
    z-index: 99998;
  }

  .z-\[99999\] {
    z-index: 99999;
  }

  .z-\[100000\] {
    z-index: 100000;
  }

  .z-\[100010\] {
    z-index: 100010;
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

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

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .col-span-4 {
    grid-column: span 4 / span 4;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-1 {
    grid-row: 1;
  }

  .row-7 {
    grid-row: 7;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-1 {
    margin: calc(var(--spacing) * 1);
  }

  .m-auto {
    margin: auto;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }

  .mx-\(--cell-size\) {
    margin-inline: var(--cell-size);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
}

@layer utilities {
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }

  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }

  .mr-0\.5 {
    margin-right: calc(var(--spacing) * .5);
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-2\.5 {
    margin-right: calc(var(--spacing) * 2.5);
  }

  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }

  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }

  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }

  .mb-28 {
    margin-bottom: calc(var(--spacing) * 28);
  }

  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .flow-root {
    display: flow-root;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .inline-grid {
    display: inline-grid;
  }

  .table {
    display: table;
  }

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

  .table-row {
    display: table-row;
  }

  .field-sizing-content {
    field-sizing: content;
  }

  .aspect-auto {
    aspect-ratio: auto;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-40 {
    width: calc(var(--spacing) * 40);
    height: calc(var(--spacing) * 40);
  }

  .size-fit {
    width: fit-content;
    height: fit-content;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-\(--cell-size\) {
    height: var(--cell-size);
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }
}

@layer utilities {
  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-\[1\.15rem\] {
    height: 1.15rem;
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[21px\] {
    height: 21px;
  }

  .h-\[46px\] {
    height: 46px;
  }

  .h-\[55vh\] {
    height: 55vh;
  }

  .h-\[260px\] {
    height: 260px;
  }

  .h-\[280px\] {
    height: 280px;
  }

  .h-\[300px\] {
    height: 300px;
  }

  .h-\[calc\(100\%\+2px\)\] {
    height: calc(100% + 2px);
  }

  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }

  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }

  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }

  .max-h-\[18rem\] {
    max-height: 18rem;
  }

  .max-h-\[40vh\] {
    max-height: 40vh;
  }

  .max-h-\[45vh\] {
    max-height: 45vh;
  }

  .max-h-\[48vh\] {
    max-height: 48vh;
  }

  .max-h-\[50vh\] {
    max-height: 50vh;
  }

  .max-h-\[52vh\] {
    max-height: 52vh;
  }

  .max-h-\[55vh\] {
    max-height: 55vh;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

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

  .max-h-\[220px\] {
    max-height: 220px;
  }

  .max-h-\[380px\] {
    max-height: 380px;
  }

  .max-h-\[450px\] {
    max-height: 450px;
  }

  .max-h-\[calc\(100svh-2rem\)\] {
    max-height: calc(100svh - 2rem);
  }

  .max-h-\[min\(26rem\,calc\(100svh-3rem\)\)\] {
    max-height: min(26rem, 100svh - 3rem);
  }

  .max-h-\[min\(28rem\,calc\(100svh-3rem\)\)\] {
    max-height: min(28rem, 100svh - 3rem);
  }

  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }

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

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

  .min-h-\[60vh\] {
    min-height: 60vh;
  }

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

  .min-h-\[68vh\] {
    min-height: 68vh;
  }

  .min-h-\[70vh\] {
    min-height: 70vh;
  }

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

  .min-h-screen {
    min-height: 100vh;
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-\[4\.5rem\] {
    width: 4.5rem;
  }

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

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

  .w-\[30\%\] {
    width: 30%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[min\(560px\,92vw\)\] {
    width: min(560px, 92vw);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }
}

@layer utilities {
  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-\[16rem\] {
    max-width: 16rem;
  }

  .max-w-\[18rem\] {
    max-width: 18rem;
  }

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

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

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

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

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

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

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

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

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

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

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-\[calc\(100vw-1\.5rem\)\] {
    max-width: calc(100vw - 1.5rem);
  }

  .max-w-\[min\(20rem\,calc\(100vw-1\.5rem\)\)\] {
    max-width: min(20rem, 100vw - 1.5rem);
  }

  .max-w-\[min\(48rem\,calc\(100vw-2rem\)\)\] {
    max-width: min(48rem, 100vw - 2rem);
  }

  .max-w-\[min\(52rem\,calc\(100vw-2rem\)\)\] {
    max-width: min(52rem, 100vw - 2rem);
  }

  .max-w-\[min\(64rem\,calc\(100vw-2rem\)\)\] {
    max-width: min(64rem, 100vw - 2rem);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }

  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[10rem\] {
    min-width: 10rem;
  }

  .min-w-\[11rem\] {
    min-width: 11rem;
  }

  .min-w-\[13rem\] {
    min-width: 13rem;
  }

  .min-w-\[190px\] {
    min-width: 190px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[220px\] {
    min-width: 220px;
  }

  .min-w-\[480px\] {
    min-width: 480px;
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .table-auto {
    table-layout: auto;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .caption-bottom {
    caption-side: bottom;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

  .origin-center {
    transform-origin: center;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .\[transform\:rotateY\(var\(--r-x\)\)_rotateX\(var\(--r-y\)\)\] {
    transform: rotateY(var(--r-x)) rotateX(var(--r-y));
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .animate-ping {
    animation: var(--animate-ping);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-x {
    resize: horizontal;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }

  .scroll-mt-16 {
    scroll-margin-top: calc(var(--spacing) * 16);
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .columns-3 {
    columns: 3;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

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

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

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

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

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

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

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

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

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

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

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }
}

@layer utilities {
  .flex-wrap {
    flex-wrap: wrap;
  }

  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .place-items-center {
    place-items: center;
  }

  .items-baseline {
    align-items: baseline;
  }

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

  .items-end {
    align-items: flex-end;
  }

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

  .items-stretch {
    align-items: stretch;
  }

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

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

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

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-start {
    justify-items: start;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-border > :not(:last-child)), :where(.divide-border\/40 > :not(:last-child)) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-border\/40 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  :where(.divide-white\/5 > :not(:last-child)) {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-white\/5 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

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

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[0\.5rem\] {
    border-radius: .5rem;
  }

  .rounded-\[0\.625rem\] {
    border-radius: .625rem;
  }

  .rounded-\[0\.875rem\] {
    border-radius: .875rem;
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[9px\] {
    border-radius: 9px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-\[var\(--radius\)\] {
    border-radius: var(--radius);
  }

  .rounded-ai-md {
    border-radius: var(--ai-radius-md);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

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

  .rounded-md {
    border-radius: calc(var(--radius)  - 2px);
  }

  .rounded-sm {
    border-radius: calc(var(--radius)  - 4px);
  }

  .rounded-xl {
    border-radius: calc(var(--radius)  + 4px);
  }

  .rounded-s {
    border-start-start-radius: .25rem;
    border-end-start-radius: .25rem;
  }

  .rounded-ss {
    border-start-start-radius: .25rem;
  }

  .rounded-e {
    border-start-end-radius: .25rem;
    border-end-end-radius: .25rem;
  }

  .rounded-se {
    border-start-end-radius: .25rem;
  }

  .rounded-ee {
    border-end-end-radius: .25rem;
  }

  .rounded-es {
    border-end-start-radius: .25rem;
  }

  .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }
}

@layer utilities {
  .rounded-tl {
    border-top-left-radius: .25rem;
  }

  .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-tr {
    border-top-right-radius: .25rem;
  }

  .rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }

  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .glass-base {
    background: var(--glass-base-bg);
    -webkit-backdrop-filter: var(--glass-base-filter);
    backdrop-filter: var(--glass-base-filter);
    border-color: var(--glass-border);
    box-shadow: var(--glass-base-shadow);
  }

  .glass-menu {
    background: var(--glass-menu-bg);
    -webkit-backdrop-filter: var(--glass-menu-filter);
    backdrop-filter: var(--glass-menu-filter);
    border-color: var(--glass-border-strong);
    box-shadow: var(--glass-menu-shadow);
  }

  .glass-overlay {
    background: var(--glass-overlay-bg);
    -webkit-backdrop-filter: var(--glass-overlay-filter);
    backdrop-filter: var(--glass-overlay-filter);
    border-color: var(--glass-border-strong);
    box-shadow: var(--glass-overlay-shadow);
  }

  .glass-raised {
    background: var(--glass-raised-bg);
    -webkit-backdrop-filter: var(--glass-raised-filter);
    backdrop-filter: var(--glass-raised-filter);
    border-color: var(--glass-border);
    box-shadow: var(--glass-raised-shadow);
  }

  .glass-pane {
    background: var(--glass-pane-bg);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-color: var(--glass-border);
  }

  .\[border-color\:color-mix\(in_oklab\,var\(--primary\)_16\%\,transparent\)\] {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[border-color\:color-mix\(in_oklab\,var\(--primary\)_16\%\,transparent\)\] {
      border-color: color-mix(in oklab, var(--primary) 16%, transparent);
    }
  }

  .\[border-color\:color-mix\(in_oklab\,var\(--primary\)_18\%\,transparent\)\] {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[border-color\:color-mix\(in_oklab\,var\(--primary\)_18\%\,transparent\)\] {
      border-color: color-mix(in oklab, var(--primary) 18%, transparent);
    }
  }

  .border-\[hsl\(var\(--ai-red\)\)\] {
    border-color: hsl(var(--ai-red));
  }

  .border-\[hsl\(var\(--hairline\)\/0\.6\)\] {
    border-color: hsl(var(--hairline) / .6);
  }

  .border-amber-300 {
    border-color: var(--color-amber-300);
  }

  .border-amber-400 {
    border-color: var(--color-amber-400);
  }

  .border-amber-500 {
    border-color: var(--color-amber-500);
  }

  .border-amber-500\/20 {
    border-color: #f99c0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/20 {
      border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }

  .border-amber-500\/25 {
    border-color: #f99c0040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/25 {
      border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
    }
  }

  .border-amber-500\/30 {
    border-color: #f99c004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/30 {
      border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }

  .border-amber-500\/40 {
    border-color: #f99c0066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/40 {
      border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
    }
  }

  .border-amber-500\/50 {
    border-color: #f99c0080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/50 {
      border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
    }
  }

  .border-amber-600\/30 {
    border-color: #dd74004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-600\/30 {
      border-color: color-mix(in oklab, var(--color-amber-600) 30%, transparent);
    }
  }

  .border-amber-700 {
    border-color: var(--color-amber-700);
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-blue-500\/30 {
    border-color: #3080ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-500\/30 {
      border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }

  .border-blue-500\/40 {
    border-color: #3080ff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-500\/40 {
      border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
    }
  }

  .border-border, .border-border\/30 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/30 {
      border-color: color-mix(in oklab, var(--border) 30%, transparent);
    }
  }

  .border-border\/40 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/40 {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .border-border\/50 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/50 {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .border-border\/60 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/60 {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .border-border\/70 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/70 {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  .border-cyan-500\/20 {
    border-color: #00b7d733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-500\/20 {
      border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }

  .border-destructive\/20 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/20 {
      border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .border-destructive\/35 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/35 {
      border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
    }
  }

  .border-destructive\/40 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/40 {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .border-destructive\/50 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/50 {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .border-emerald-500\/25 {
    border-color: #00bb7f40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/25 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
    }
  }

  .border-emerald-500\/30 {
    border-color: #00bb7f4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/30 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }

  .border-emerald-500\/40 {
    border-color: #00bb7f66;
  }
}

@layer utilities {
  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/40 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
    }
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-green-300 {
    border-color: var(--color-green-300);
  }

  .border-green-500\/20 {
    border-color: #00c75833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-500\/20 {
      border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
  }

  .border-green-500\/30 {
    border-color: #00c7584d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-500\/30 {
      border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
    }
  }

  .border-green-600\/30 {
    border-color: #00a5444d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-600\/30 {
      border-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
    }
  }

  .border-input {
    border-color: var(--input);
  }

  .border-muted-foreground, .border-muted-foreground\/30 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/30 {
      border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }

  .border-orange-200 {
    border-color: var(--color-orange-200);
  }

  .border-orange-300 {
    border-color: var(--color-orange-300);
  }

  .border-orange-500\/20 {
    border-color: #fe6e0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-orange-500\/20 {
      border-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
    }
  }

  .border-orange-500\/30 {
    border-color: #fe6e004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-orange-500\/30 {
      border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
    }
  }

  .border-pink-500\/20 {
    border-color: #f6339a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-pink-500\/20 {
      border-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
    }
  }

  .border-primary, .border-primary\/20 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/20 {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .border-primary\/30 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/30 {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .border-primary\/40 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/40 {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .border-purple-200 {
    border-color: var(--color-purple-200);
  }

  .border-purple-300 {
    border-color: var(--color-purple-300);
  }

  .border-purple-500\/30 {
    border-color: #ac4bff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-purple-500\/30 {
      border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
    }
  }

  .border-purple-500\/40 {
    border-color: #ac4bff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-purple-500\/40 {
      border-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent);
    }
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-300 {
    border-color: var(--color-red-300);
  }

  .border-red-400 {
    border-color: var(--color-red-400);
  }

  .border-red-500\/20 {
    border-color: #fb2c3633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/20 {
      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }

  .border-red-500\/25 {
    border-color: #fb2c3640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/25 {
      border-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
    }
  }

  .border-red-500\/30 {
    border-color: #fb2c364d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/30 {
      border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }

  .border-red-500\/40 {
    border-color: #fb2c3666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/40 {
      border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
    }
  }

  .border-red-600\/30 {
    border-color: #e400144d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-600\/30 {
      border-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
    }
  }

  .border-sky-500\/30 {
    border-color: #00a5ef4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-sky-500\/30 {
      border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
    }
  }

  .border-sky-500\/50 {
    border-color: #00a5ef80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-sky-500\/50 {
      border-color: color-mix(in oklab, var(--color-sky-500) 50%, transparent);
    }
  }

  .border-slate-500\/40 {
    border-color: #62748e66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-500\/40 {
      border-color: color-mix(in oklab, var(--color-slate-500) 40%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-500\/20 {
    border-color: #8d54ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-500\/20 {
      border-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
    }
  }

  .border-violet-500\/30 {
    border-color: #8d54ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-500\/30 {
      border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
    }
  }

  .border-violet-500\/50 {
    border-color: #8d54ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-500\/50 {
      border-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);
    }
  }

  .border-white\/15 {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .border-yellow-300 {
    border-color: var(--color-yellow-300);
  }

  .border-yellow-500\/30 {
    border-color: #edb2004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-yellow-500\/30 {
      border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
    }
  }

  .border-yellow-600\/30 {
    border-color: #cd89004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-yellow-600\/30 {
      border-color: color-mix(in oklab, var(--color-yellow-600) 30%, transparent);
    }
  }

  .border-b-border {
    border-bottom-color: var(--border);
  }

  .border-l-red-500 {
    border-left-color: var(--color-red-500);
  }

  .border-l-red-600 {
    border-left-color: var(--color-red-600);
  }

  .border-l-yellow-500 {
    border-left-color: var(--color-yellow-500);
  }

  .bg-\[color-mix\(in_oklab\,var\(--card\)_70\%\,transparent\)\] {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--card\)_70\%\,transparent\)\] {
      background-color: color-mix(in oklab, var(--card) 70%, transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--popover\)_97\%\,transparent\)\] {
    background-color: var(--popover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--popover\)_97\%\,transparent\)\] {
      background-color: color-mix(in oklab, var(--popover) 97%, transparent);
    }
  }

  .bg-\[color-mix\(in_oklab\,var\(--primary\)_4\%\,transparent\)\] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_oklab\,var\(--primary\)_4\%\,transparent\)\] {
      background-color: color-mix(in oklab, var(--primary) 4%, transparent);
    }
  }

  .bg-\[hsl\(var\(--ai-red\)\)\]\/10 {
    background-color: hsl(var(--ai-red));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[hsl\(var\(--ai-red\)\)\]\/10 {
      background-color: color-mix(in oklab, hsl(var(--ai-red)) 10%, transparent);
    }
  }

  .bg-\[hsl\(var\(--ai-red\)\/0\.1\)\] {
    background-color: hsl(var(--ai-red) / .1);
  }

  .bg-\[hsl\(var\(--ai-red\)\/0\.16\)\] {
    background-color: hsl(var(--ai-red) / .16);
  }

  .bg-\[hsl\(var\(--surface-1\)\)\] {
    background-color: hsl(var(--surface-1));
  }

  .bg-\[hsl\(var\(--surface-2\)\)\] {
    background-color: hsl(var(--surface-2));
  }

  .bg-accent, .bg-accent\/20 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/20 {
      background-color: color-mix(in oklab, var(--accent) 20%, transparent);
    }
  }
}

@layer utilities {
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-200 {
    background-color: var(--color-amber-200);
  }

  .bg-amber-300 {
    background-color: var(--color-amber-300);
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-amber-500\/5 {
    background-color: #f99c000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/5 {
      background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
    }
  }

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/10 {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }

  .bg-amber-500\/15 {
    background-color: #f99c0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/15 {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }

  .bg-amber-500\/\[0\.08\] {
    background-color: #f99c0014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-amber-500) 8%, transparent);
    }
  }

  .bg-background, .bg-background\/40 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/40 {
      background-color: color-mix(in oklab, var(--background) 40%, transparent);
    }
  }

  .bg-background\/60 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/60 {
      background-color: color-mix(in oklab, var(--background) 60%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-black\/70 {
    background-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-blue-500\/5 {
    background-color: #3080ff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/5 {
      background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
    }
  }

  .bg-blue-500\/15 {
    background-color: #3080ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/15 {
      background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
    }
  }

  .bg-blue-500\/70 {
    background-color: #3080ffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/70 {
      background-color: color-mix(in oklab, var(--color-blue-500) 70%, transparent);
    }
  }

  .bg-card, .bg-card\/40 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/40 {
      background-color: color-mix(in oklab, var(--card) 40%, transparent);
    }
  }

  .bg-card\/60 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/60 {
      background-color: color-mix(in oklab, var(--card) 60%, transparent);
    }
  }

  .bg-card\/85 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/85 {
      background-color: color-mix(in oklab, var(--card) 85%, transparent);
    }
  }

  .bg-cyan-500\/10 {
    background-color: #00b7d71a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-500\/10 {
      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
  }

  .bg-destructive, .bg-destructive\/10 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .bg-destructive\/15 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/15 {
      background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
    }
  }

  .bg-destructive\/20 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/20 {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-emerald-500\/5 {
    background-color: #00bb7f0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/5 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
    }
  }

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

  .bg-emerald-500\/15 {
    background-color: #00bb7f26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/15 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
    }
  }

  .bg-emerald-500\/70 {
    background-color: #00bb7fb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/70 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
    }
  }

  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }

  .bg-foreground, .bg-foreground\/30 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/30 {
      background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }

  .bg-foreground\/60 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/60 {
      background-color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-green-500\/10 {
    background-color: #00c7581a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/10 {
      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
    }
  }

  .bg-green-500\/15 {
    background-color: #00c75826;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/15 {
      background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent);
    }
  }

  .bg-muted, .bg-muted\/20 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/20 {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .bg-muted\/40 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/40 {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .bg-muted\/50 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .bg-muted\/60 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/60 {
      background-color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
  }

  .bg-muted\/70 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/70 {
      background-color: color-mix(in oklab, var(--muted) 70%, transparent);
    }
  }

  .bg-neutral-900 {
    background-color: var(--color-neutral-900);
  }

  .bg-neutral-950\/40 {
    background-color: #0a0a0a66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-950\/40 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 40%, transparent);
    }
  }

  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
}

@layer utilities {
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }

  .bg-orange-500\/10 {
    background-color: #fe6e001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-500\/10 {
      background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
    }
  }

  .bg-orange-500\/15 {
    background-color: #fe6e0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-500\/15 {
      background-color: color-mix(in oklab, var(--color-orange-500) 15%, transparent);
    }
  }

  .bg-pink-500\/10 {
    background-color: #f6339a1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-pink-500\/10 {
      background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
    }
  }

  .bg-popover {
    background-color: var(--popover);
  }

  .bg-primary {
    background-color: var(--primary);
  }

  .bg-primary-foreground\/20 {
    background-color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-foreground\/20 {
      background-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
    }
  }

  .bg-primary\/5 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .bg-primary\/10 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .bg-primary\/12 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/12 {
      background-color: color-mix(in oklab, var(--primary) 12%, transparent);
    }
  }

  .bg-primary\/15 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/15 {
      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .bg-primary\/20 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .bg-primary\/25 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/25 {
      background-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }

  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }

  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }

  .bg-purple-500\/15 {
    background-color: #ac4bff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-500\/15 {
      background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent);
    }
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-500\/5 {
    background-color: #fb2c360d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/5 {
      background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
    }
  }

  .bg-red-500\/10 {
    background-color: #fb2c361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/10 {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }

  .bg-red-500\/15 {
    background-color: #fb2c3626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/15 {
      background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
    }
  }

  .bg-red-500\/20 {
    background-color: #fb2c3633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/20 {
      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }

  .bg-red-500\/70 {
    background-color: #fb2c36b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/70 {
      background-color: color-mix(in oklab, var(--color-red-500) 70%, transparent);
    }
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-sky-500\/\[0\.06\] {
    background-color: #00a5ef0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-500\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-sky-500) 6%, transparent);
    }
  }

  .bg-slate-500\/15 {
    background-color: #62748e26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-500\/15 {
      background-color: color-mix(in oklab, var(--color-slate-500) 15%, transparent);
    }
  }

  .bg-success\/20 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/20 {
      background-color: color-mix(in oklab, var(--success) 20%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-500\/10 {
    background-color: #8d54ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/10 {
      background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
    }
  }

  .bg-violet-500\/15 {
    background-color: #8d54ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/15 {
      background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
    }
  }

  .bg-violet-500\/\[0\.07\] {
    background-color: #8d54ff12;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/\[0\.07\] {
      background-color: color-mix(in oklab, var(--color-violet-500) 7.0%, transparent);
    }
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }

  .bg-yellow-500\/15 {
    background-color: #edb20026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-500\/15 {
      background-color: color-mix(in oklab, var(--color-yellow-500) 15%, transparent);
    }
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-amber-950\/40 {
    --tw-gradient-from: #46190166;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-amber-950\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
    }
  }

  .from-amber-950\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-cyan-950\/40 {
    --tw-gradient-from: #05334566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-cyan-950\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-950) 40%, transparent);
    }
  }

  .from-cyan-950\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-foreground\/\[0\.035\] {
    --tw-gradient-from: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-foreground\/\[0\.035\] {
      --tw-gradient-from: color-mix(in oklab, var(--foreground) 3.5%, transparent);
    }
  }

  .from-foreground\/\[0\.035\] {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-green-950\/40 {
    --tw-gradient-from: #032e1566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-green-950\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-950) 40%, transparent);
    }
  }

  .from-green-950\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-muted\/40 {
    --tw-gradient-from: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-muted\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .from-muted\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-orange-950\/40 {
    --tw-gradient-from: #44130666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-orange-950\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-950) 40%, transparent);
    }
  }

  .from-orange-950\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-pink-950\/40 {
    --tw-gradient-from: #51042466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-pink-950\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-950) 40%, transparent);
    }
  }

  .from-pink-950\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-red-950\/40 {
    --tw-gradient-from: #46080966;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-red-950\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-red-950) 40%, transparent);
    }
  }

  .from-red-950\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}

@layer utilities {
  .from-violet-950\/40 {
    --tw-gradient-from: #2f0d6866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-violet-950\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-950) 40%, transparent);
    }
  }

  .from-violet-950\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-amber-950\/30 {
    --tw-gradient-to: #4619014d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-amber-950\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
    }
  }

  .to-amber-950\/30 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-emerald-950\/30 {
    --tw-gradient-to: #002c224d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-emerald-950\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-950) 30%, transparent);
    }
  }

  .to-emerald-950\/30 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-muted\/20 {
    --tw-gradient-to: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-muted\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }

  .to-muted\/20 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-purple-950\/30 {
    --tw-gradient-to: #3c03664d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-purple-950\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-950) 30%, transparent);
    }
  }

  .to-purple-950\/30 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-rose-950\/30 {
    --tw-gradient-to: #4d02184d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-rose-950\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--color-rose-950) 30%, transparent);
    }
  }

  .to-rose-950\/30 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-teal-950\/30 {
    --tw-gradient-to: #022f2e4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-teal-950\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-950) 30%, transparent);
    }
  }

  .to-teal-950\/30 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-yellow-950\/30 {
    --tw-gradient-to: #4320044d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-yellow-950\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--color-yellow-950) 30%, transparent);
    }
  }

  .to-yellow-950\/30 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[40\%\] {
    --tw-gradient-to-position: 40%;
  }

  .\[fill\:color-mix\(in_oklab\,var\(--popover\)_97\%\,transparent\)\] {
    fill: var(--popover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[fill\:color-mix\(in_oklab\,var\(--popover\)_97\%\,transparent\)\] {
      fill: color-mix(in oklab, var(--popover) 97%, transparent);
    }
  }

  .stroke-border\/40 {
    stroke: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .stroke-border\/40 {
      stroke: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-top {
    object-position: top;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[18px\] {
    padding: 18px;
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-px {
    padding-block: 1px;
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }

  .pt-\[12vh\] {
    padding-top: 12vh;
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
}

@layer utilities {
  .pb-\[22vh\] {
    padding-bottom: 22vh;
  }

  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .text-center {
    text-align: center;
  }

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

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

  .align-baseline {
    vertical-align: baseline;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-\[…\] {
    font-family: …;
  }

  .font-mono {
    font-family: var(--font-geist-mono, var(--font-space-mono, "Space Mono")), ui-monospace, monospace;
  }

  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-sm\/relaxed {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\!text-\[length\:clamp\(0\.95rem\,1\.2vw\,1\.9rem\)\] {
    font-size: clamp(.95rem, 1.2vw, 1.9rem) !important;
  }

  .text-\[0\.62em\] {
    font-size: .62em;
  }

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

  .text-\[1\.15rem\] {
    font-size: 1.15rem;
  }

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

  .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-\[13\.5px\] {
    font-size: 13.5px;
  }

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

  .leading-\[0\.9\] {
    --tw-leading: .9;
    line-height: .9;
  }

  .leading-\[0\.94\] {
    --tw-leading: .94;
    line-height: .94;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-\[var\(--font-mono\)\] {
    --tw-font-weight: var(--font-mono);
    font-weight: var(--font-mono);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.01em\] {
    --tw-tracking: .01em;
    letter-spacing: .01em;
  }

  .tracking-\[0\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.3em\] {
    --tw-tracking: .3em;
    letter-spacing: .3em;
  }

  .tracking-\[0\.4em\] {
    --tw-tracking: .4em;
    letter-spacing: .4em;
  }

  .tracking-\[0\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-\[0\.24em\] {
    --tw-tracking: .24em;
    letter-spacing: .24em;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-clip {
    text-overflow: clip;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\(--kit-red-text\) {
    color: var(--kit-red-text);
  }

  .text-\[\.\.\.\] {
    color: . . . ;
  }

  .text-\[hsl\(var\(--ai-red\)\)\] {
    color: hsl(var(--ai-red));
  }

  .text-\[hsl\(var\(--text-primary\)\)\] {
    color: hsl(var(--text-primary));
  }

  .text-\[hsl\(var\(--text-tertiary\)\)\] {
    color: hsl(var(--text-tertiary));
  }

  .text-amber-200\/90 {
    color: #fee685e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-200\/90 {
      color: color-mix(in oklab, var(--color-amber-200) 90%, transparent);
    }
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }
}

@layer utilities {
  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-amber-950 {
    color: var(--color-amber-950);
  }

  .text-blue-300 {
    color: var(--color-blue-300);
  }

  .text-blue-400 {
    color: var(--color-blue-400);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-current {
    color: currentColor;
  }

  .text-cyan-400 {
    color: var(--color-cyan-400);
  }

  .text-cyan-500 {
    color: var(--color-cyan-500);
  }

  .text-destructive, .text-destructive\/90 {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-destructive\/90 {
      color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }

  .text-emerald-100\/90 {
    color: #d0fae5e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-100\/90 {
      color: color-mix(in oklab, var(--color-emerald-100) 90%, transparent);
    }
  }

  .text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-foreground, .text-foreground\/40 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/40 {
      color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }

  .text-foreground\/55 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/55 {
      color: color-mix(in oklab, var(--foreground) 55%, transparent);
    }
  }

  .text-foreground\/60 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/60 {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .text-foreground\/70 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/70 {
      color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }

  .text-foreground\/80 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/80 {
      color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }

  .text-foreground\/90 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/90 {
      color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
  }

  .text-foreground\/95 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/95 {
      color: color-mix(in oklab, var(--foreground) 95%, transparent);
    }
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-green-300 {
    color: var(--color-green-300);
  }

  .text-green-400 {
    color: var(--color-green-400);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-muted-foreground, .text-muted-foreground\/50 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/50 {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .text-muted-foreground\/60 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/60 {
      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
    }
  }

  .text-muted-foreground\/70 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/70 {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }

  .text-muted-foreground\/72 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/72 {
      color: color-mix(in oklab, var(--muted-foreground) 72%, transparent);
    }
  }

  .text-orange-300 {
    color: var(--color-orange-300);
  }

  .text-orange-400 {
    color: var(--color-orange-400);
  }

  .text-orange-500 {
    color: var(--color-orange-500);
  }

  .text-orange-800 {
    color: var(--color-orange-800);
  }

  .text-pink-400 {
    color: var(--color-pink-400);
  }

  .text-pink-500 {
    color: var(--color-pink-500);
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-purple-300 {
    color: var(--color-purple-300);
  }

  .text-purple-400 {
    color: var(--color-purple-400);
  }

  .text-purple-500 {
    color: var(--color-purple-500);
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }

  .text-purple-700 {
    color: var(--color-purple-700);
  }

  .text-purple-800 {
    color: var(--color-purple-800);
  }

  .text-red-300 {
    color: var(--color-red-300);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-red-900 {
    color: var(--color-red-900);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-success {
    color: var(--success);
  }

  .text-violet-300 {
    color: var(--color-violet-300);
  }

  .text-violet-400 {
    color: var(--color-violet-400);
  }

  .text-violet-500 {
    color: var(--color-violet-500);
  }

  .text-violet-600 {
    color: var(--color-violet-600);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-300 {
    color: var(--color-yellow-300);
  }

  .text-yellow-400 {
    color: var(--color-yellow-400);
  }

  .text-yellow-600 {
    color: var(--color-yellow-600);
  }

  .text-yellow-800 {
    color: var(--color-yellow-800);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

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

@layer utilities {
  .\[font-variant-numeric\:tabular-nums\] {
    font-variant-numeric: tabular-nums;
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .overline {
    text-decoration-line: overline;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-\[var\(--opacity\)\] {
    opacity: var(--opacity);
  }

  .\[background-blend-mode\:hue_hue_hue_overlay\] {
    background-blend-mode: hue hue hue overlay;
  }

  .mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .mix-blend-soft-light {
    mix-blend-mode: soft-light;
  }

  .\!shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_0_0_rgba\(255\,255\,255\,0\.04\)_inset\,0_8px_24px_-16px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, #ffffff0a) inset, 0 8px 24px -16px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-ai-sm {
    --tw-shadow: var(--ai-shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[box-shadow\:a\] {
    box-shadow: a;
  }

  .\[box-shadow\:b\] {
    box-shadow: b;
  }

  .ring-accent\/60 {
    --tw-ring-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent\/60 {
      --tw-ring-color: color-mix(in oklab, var(--accent) 60%, transparent);
    }
  }

  .ring-background {
    --tw-ring-color: var(--background);
  }

  .ring-black\/10 {
    --tw-ring-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .ring-primary\/30 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/30 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .ring-primary\/40 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/40 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .ring-primary\/60 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/60 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }

  .ring-white\/20 {
    --tw-ring-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .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-xl {
    --tw-blur: blur(var(--blur-xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .glass-scrim {
    background: var(--glass-scrim);
    -webkit-backdrop-filter: var(--glass-scrim-filter);
    backdrop-filter: var(--glass-scrim-filter);
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,box-shadow\] {
    transition-property: border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .delay-\[var\(--delay\)\] {
    transition-delay: var(--delay);
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-\[var\(--duration\)\] {
    --tw-duration: var(--duration);
    transition-duration: var(--duration);
  }

  .duration-\[var\(--transition-length\)\] {
    --tw-duration: var(--transition-length);
    transition-duration: var(--transition-length);
  }

  .ease-\[var\(--easing\)\] {
    --tw-ease: var(--easing);
    transition-timing-function: var(--easing);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-\[background\] {
    will-change: background;
  }

  .will-change-transform {
    will-change: transform;
  }

  .delay-\[var\(--delay\)\] {
    animation-delay: var(--delay);
    --tw-animation-delay: var(--delay);
  }
}

@layer utilities {
  .fade-in-0 {
    --tw-enter-opacity: 0;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .repeat-2 {
    --tw-animation-iteration-count: 2;
    animation-iteration-count: 2;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .zoom-in-95 {
    --tw-enter-scale: .95;
  }

  .\[--cell-size\:--spacing\(10\)\] {
    --cell-size: calc(var(--spacing) * 10);
  }

  .\[background\:var\(--pattern\)\,_var\(--rainbow\)\,_var\(--diagonal\)\,_var\(--shade\)\] {
    background: var(--pattern), var(--rainbow), var(--diagonal), var(--shade);
  }

  .\[clip-path\:inset\(0_0_0_0_round_var\(--radius\)\)\] {
    clip-path: inset(0 0 0 0 round var(--radius));
  }

  .\[clip-path\:inset\(0_0_1px_0_round_var\(--radius\)\)\] {
    clip-path: inset(0 0 1px 0 round var(--radius));
  }

  .\[grid-area\:1\/1\] {
    grid-area: 1 / 1;
  }

  .\[length\:…\] {
    length: …;
  }

  .\[scrollbar-color\:var\(--border\)_transparent\] {
    scrollbar-color: var(--border) transparent;
  }

  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }

  .fade-out {
    --tw-exit-opacity: 0;
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

  @media (hover: hover) {
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--primary);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .group-active\:translate-y-px:is(:where(.group):active *) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-active\:scale-\[0\.99\]:is(:where(.group):active *) {
    scale: .99;
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .peer-checked\:border-primary:is(:where(.peer):checked ~ *) {
    border-color: var(--primary);
  }

  .peer-checked\:bg-primary:is(:where(.peer):checked ~ *) {
    background-color: var(--primary);
  }

  .peer-checked\:text-primary-foreground:is(:where(.peer):checked ~ *) {
    color: var(--primary-foreground);
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .selection\:bg-primary ::selection {
    background-color: var(--primary);
  }

  .selection\:bg-primary::selection {
    background-color: var(--primary);
  }

  .selection\:text-primary-foreground ::selection {
    color: var(--primary-foreground);
  }

  .selection\:text-primary-foreground::selection {
    color: var(--primary-foreground);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-\[hsl\(var\(--text-tertiary\)\)\]::placeholder {
    color: hsl(var(--text-tertiary));
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .after\:\[background-size\:var\(--foil-size\)\,_200\%_400\%\,_800\%\,_200\%\]:after {
    content: var(--tw-content);
    background-size: var(--foil-size), 200% 400%, 800%, 200%;
  }

  .after\:\[background-attachment\:inherit\]:after {
    content: var(--tw-content);
    background-attachment: inherit;
  }

  .after\:\[background-clip\:inherit\]:after {
    content: var(--tw-content);
    background-clip: inherit;
  }

  .after\:\[background-position\:center\,_0\%_var\(--bg-y\)\,_calc\(var\(--bg-x\)\*_-1\)_calc\(var\(--bg-y\)\*_-1\)\,_var\(--bg-x\)_var\(--bg-y\)\]:after {
    content: var(--tw-content);
    background-position: center, 0% var(--bg-y), calc(var(--bg-x) * -1) calc(var(--bg-y) * -1), var(--bg-x) var(--bg-y);
  }

  .after\:\[background-repeat\:inherit\]:after {
    content: var(--tw-content);
    background-repeat: inherit;
  }

  .after\:\[background-origin\:inherit\]:after {
    content: var(--tw-content);
    background-origin: inherit;
  }

  .after\:\[background-blend-mode\:soft-light\,_hue\,_hard-light\]:after {
    content: var(--tw-content);
    background-blend-mode: soft-light, hue, hard-light;
  }

  .after\:mix-blend-exclusion:after {
    content: var(--tw-content);
    mix-blend-mode: exclusion;
  }

  .after\:content-\[\'\'\]:after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:\[background\:inherit\]:after {
    content: var(--tw-content);
    background: inherit;
  }

  .after\:\[grid-area\:inherit\]:after {
    content: var(--tw-content);
    grid-area: inherit;
  }

  :is(.\*\:after\:pointer-events-none > *):after {
    content: var(--tw-content);
    pointer-events: none;
  }

  :is(.\*\:after\:absolute > *):after {
    content: var(--tw-content);
    position: absolute;
  }

  :is(.\*\:after\:start-1\/2 > *):after {
    content: var(--tw-content);
    inset-inline-start: 50%;
  }

  :is(.\*\:after\:bottom-1 > *):after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 1);
  }

  :is(.\*\:after\:z-1 > *):after {
    content: var(--tw-content);
    z-index: 1;
  }

  :is(.\*\:after\:size-\[3px\] > *):after {
    content: var(--tw-content);
    width: 3px;
    height: 3px;
  }

  :is(.\*\:after\:-translate-x-1\/2 > *):after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(.\*\:after\:rounded-full > *):after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  :is(.\*\:after\:bg-primary > *):after {
    content: var(--tw-content);
    background-color: var(--primary);
  }

  :is(.\*\:after\:transition-colors > *):after {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
}

@layer utilities {
  @media (hover: hover) {
    .hover\:cursor-grabbing:hover {
      cursor: grabbing;
    }

    .hover\:\[border-color\:color-mix\(in_oklab\,var\(--primary\)_45\%\,transparent\)\]:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\[border-color\:color-mix\(in_oklab\,var\(--primary\)_45\%\,transparent\)\]:hover {
        border-color: color-mix(in oklab, var(--primary) 45%, transparent);
      }
    }

    .hover\:border-border\/70:hover {
      border-color: var(--border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-border\/70:hover {
        border-color: color-mix(in oklab, var(--border) 70%, transparent);
      }
    }

    .hover\:border-primary\/30:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/30:hover {
        border-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }

    .hover\:border-primary\/60:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/60:hover {
        border-color: color-mix(in oklab, var(--primary) 60%, transparent);
      }
    }

    .hover\:bg-\[color-mix\(in_oklab\,var\(--primary\)_8\%\,transparent\)\]:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklab\,var\(--primary\)_8\%\,transparent\)\]:hover {
        background-color: color-mix(in oklab, var(--primary) 8%, transparent);
      }
    }

    .hover\:bg-\[color-mix\(in_oklab\,var\(--primary\)_10\%\,transparent\)\]:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklab\,var\(--primary\)_10\%\,transparent\)\]:hover {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }

    .hover\:bg-\[color-mix\(in_oklab\,var\(--primary\)_12\%\,transparent\)\]:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklab\,var\(--primary\)_12\%\,transparent\)\]:hover {
        background-color: color-mix(in oklab, var(--primary) 12%, transparent);
      }
    }

    .hover\:bg-\[color-mix\(in_oklab\,var\(--primary\)_14\%\,transparent\)\]:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklab\,var\(--primary\)_14\%\,transparent\)\]:hover {
        background-color: color-mix(in oklab, var(--primary) 14%, transparent);
      }
    }

    .hover\:bg-\[hsl\(var\(--surface-2\)\)\]:hover {
      background-color: hsl(var(--surface-2));
    }

    .hover\:bg-accent:hover, .hover\:bg-accent\/50:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/50:hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }

    .hover\:bg-amber-300:hover {
      background-color: var(--color-amber-300);
    }

    .hover\:bg-amber-500\/20:hover {
      background-color: #f99c0033;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
      }
    }

    .hover\:bg-background\/70:hover {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background\/70:hover {
        background-color: color-mix(in oklab, var(--background) 70%, transparent);
      }
    }

    .hover\:bg-blue-500\/10:hover {
      background-color: #3080ff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
      }
    }

    .hover\:bg-blue-500\/20:hover {
      background-color: #3080ff33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
      }
    }

    .hover\:bg-blue-500\/25:hover {
      background-color: #3080ff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-500\/25:hover {
        background-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
      }
    }

    .hover\:bg-destructive\/10:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/10:hover {
        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
      }
    }

    .hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }

    .hover\:bg-emerald-700:hover {
      background-color: var(--color-emerald-700);
    }

    .hover\:bg-muted:hover, .hover\:bg-muted\/30:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/30:hover {
        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
      }
    }

    .hover\:bg-muted\/40:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/40:hover {
        background-color: color-mix(in oklab, var(--muted) 40%, transparent);
      }
    }

    .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }

    .hover\:bg-muted\/60:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/60:hover {
        background-color: color-mix(in oklab, var(--muted) 60%, transparent);
      }
    }

    .hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }

    .hover\:bg-primary\/\[0\.04\]:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/\[0\.04\]:hover {
        background-color: color-mix(in oklab, var(--primary) 4%, transparent);
      }
    }

    .hover\:bg-purple-500\/20:hover {
      background-color: #ac4bff33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-purple-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
      }
    }

    .hover\:bg-purple-500\/25:hover {
      background-color: #ac4bff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-purple-500\/25:hover {
        background-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent);
      }
    }

    .hover\:bg-red-500\/10:hover {
      background-color: #fb2c361a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
      }
    }

    .hover\:bg-secondary\/80:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }

    .hover\:bg-slate-500\/20:hover {
      background-color: #62748e33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent);
      }
    }

    .hover\:bg-white\/5:hover {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/5:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }

    .hover\:text-destructive:hover {
      color: var(--destructive);
    }

    .hover\:text-foreground:hover {
      color: var(--foreground);
    }

    .hover\:text-primary:hover {
      color: var(--primary);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:decoration-solid:hover {
      text-decoration-style: solid;
    }

    .hover\:opacity-70:hover {
      opacity: .7;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_1px_0_0_rgba\(255\,255\,255\,0\.05\)_inset\,0_12px_32px_-16px_rgba\(0\,0\,0\,0\.7\)\]:hover {
      --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, #ffffff0d) inset, 0 12px 32px -16px var(--tw-shadow-color, #000000b3);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:ring-white\/40:hover {
      --tw-ring-color: #fff6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-white\/40:hover {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }

    .hover\:filter-none:hover {
      filter: none;
    }

    .hover\:\[--duration\:200ms\]:hover {
      --duration: .2s;
    }

    .hover\:\[--easing\:linear\]:hover {
      --easing: linear;
    }

    .hover\:\[--opacity\:0\.6\]:hover {
      --opacity: .6;
    }

    .not-in-data-selected\:hover\:bg-accent:not(:where([data-selected]) *):hover {
      background-color: var(--accent);
    }
  }

  .focus\:bg-accent:focus {
    background-color: var(--accent);
  }

  .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }
}

@layer utilities {
  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-primary:focus {
    --tw-ring-color: var(--primary);
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:z-1:focus-visible {
    z-index: 1;
  }

  .focus-visible\:\[border-color\:color-mix\(in_oklab\,var\(--primary\)_55\%\,transparent\)\]:focus-visible {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:\[border-color\:color-mix\(in_oklab\,var\(--primary\)_55\%\,transparent\)\]:focus-visible {
      border-color: color-mix(in oklab, var(--primary) 55%, transparent);
    }
  }

  .focus-visible\:border-primary\/50:focus-visible {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-primary\/50:focus-visible {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:bg-\[color-mix\(in_oklab\,var\(--primary\)_8\%\,transparent\)\]:focus-visible {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-\[color-mix\(in_oklab\,var\(--primary\)_8\%\,transparent\)\]:focus-visible {
      background-color: color-mix(in oklab, var(--primary) 8%, transparent);
    }
  }

  .focus-visible\:shadow-\[0_0_0_1px_oklch\(0\.55_0\.24_260_\/_0\.1\)\]:focus-visible {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, oklch(55% .24 260 / .1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:\[box-shadow\:0_0_0_3px_color-mix\(in_oklab\,var\(--primary\)_18\%\,transparent\)\]:focus-visible {
    box-shadow: 0 0 0 3px var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:\[box-shadow\:0_0_0_3px_color-mix\(in_oklab\,var\(--primary\)_18\%\,transparent\)\]:focus-visible {
      box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary) 18%, transparent);
    }
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-primary\/15:focus-visible {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-primary\/15:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:ring-offset-0:focus-visible {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-background:focus-visible {
    --tw-ring-offset-color: var(--background);
  }

  .focus-visible\:ring-offset-card:focus-visible {
    --tw-ring-offset-color: var(--card);
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:bg-primary\/95:active {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-primary\/95:active {
      background-color: color-mix(in oklab, var(--primary) 95%, transparent);
    }
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-64:disabled {
    opacity: .64;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  :where([data-disabled]) .in-data-disabled\:pointer-events-none {
    pointer-events: none;
  }

  :where([data-disabled]) .in-data-disabled\:text-muted-foreground\/72 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-disabled]) .in-data-disabled\:text-muted-foreground\/72 {
      color: color-mix(in oklab, var(--muted-foreground) 72%, transparent);
    }
  }

  :where([data-disabled]) .in-data-disabled\:line-through {
    text-decoration-line: line-through;
  }

  :where([data-outside]) .in-data-outside\:text-muted-foreground\/72 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-outside]) .in-data-outside\:text-muted-foreground\/72 {
      color: color-mix(in oklab, var(--muted-foreground) 72%, transparent);
    }
  }

  :where([data-selected]) .in-data-selected\:bg-primary {
    background-color: var(--primary);
  }

  :where([data-selected]) .in-data-selected\:text-primary-foreground, :where([data-outside]) :is(:where([data-selected]) .in-data-selected\:in-data-outside\:text-primary-foreground) {
    color: var(--primary-foreground);
  }

  :where(.range-end:not(.range-start)) .in-\[\.range-end\:not\(\.range-start\)\]\:rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  :where(.range-middle) .in-\[\.range-middle\]\:rounded-none {
    border-radius: 0;
  }

  :where([data-selected]) :is(:where(.range-middle) .in-\[\.range-middle\]\:in-data-selected\:bg-accent) {
    background-color: var(--accent);
  }

  :where([data-selected]) :is(:where(.range-middle) .in-\[\.range-middle\]\:in-data-selected\:text-foreground) {
    color: var(--foreground);
  }

  :where(.range-start:not(.range-end)) .in-\[\.range-start\:not\(\.range-end\)\]\:rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  :where([data-selected]:not(.range-middle)) .in-\[\[data-selected\]\:not\(\.range-middle\)\]\:transition-\[color\,background-color\,border-radius\,box-shadow\] {
    transition-property: color, background-color, border-radius, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg) {
    grid-template-columns: calc(var(--spacing) * 4) 1fr;
  }

  .has-\[\>svg\]\:gap-x-3:has( > svg) {
    column-gap: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-selected\:bg-accent\/50[data-selected] {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-selected\:bg-accent\/50[data-selected] {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }

  .data-selected\:text-muted-foreground[data-selected] {
    color: var(--muted-foreground);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  .data-\[size\=default\]\:h-9[data-size="default"] {
    height: calc(var(--spacing) * 9);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }

  :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
      color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:min-w-0 > *)[data-slot="select-value"] {
    min-width: calc(var(--spacing) * 0);
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 2);
  }

  :is(.\*\:data-\[slot\=select-value\]\:truncate > *)[data-slot="select-value"] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .data-\[state\=active\]\:border-border\/40[data-state="active"] {
    border-color: var(--border);
  }
}

@layer utilities {
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=active\]\:border-border\/40[data-state="active"] {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .data-\[state\=active\]\:bg-background[data-state="active"] {
    background-color: var(--background);
  }

  .data-\[state\=active\]\:text-red-500[data-state="active"] {
    color: var(--color-red-500);
  }

  .data-\[state\=active\]\:shadow-sm[data-state="active"] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=checked\]\:border-primary[data-state="checked"] {
    border-color: var(--primary);
  }

  .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
    background-color: var(--primary);
  }

  .data-\[state\=checked\]\:bg-primary-foreground[data-state="checked"] {
    background-color: var(--primary-foreground);
  }

  .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
    color: var(--primary-foreground);
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=inactive\]\:text-muted-foreground[data-state="inactive"] {
    color: var(--muted-foreground);
  }

  @media (hover: hover) {
    .data-\[state\=inactive\]\:hover\:text-foreground[data-state="inactive"]:hover {
      color: var(--foreground);
    }
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=selected\]\:bg-primary\/\[0\.07\][data-state="selected"] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=selected\]\:bg-primary\/\[0\.07\][data-state="selected"] {
      background-color: color-mix(in oklab, var(--primary) 7.0%, transparent);
    }
  }

  .data-\[state\=selected\]\:shadow-\[inset_2px_0_0_0_var\(--primary\)\][data-state="selected"] {
    --tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, var(--primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
    background-color: var(--input);
  }

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

    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-4 {
      right: calc(var(--spacing) * 4);
    }

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

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

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

    .sm\:block {
      display: block;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:w-32 {
      width: calc(var(--spacing) * 32);
    }

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

    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }

    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }

    .sm\:max-w-md {
      max-width: var(--container-md);
    }

    .sm\:shrink-0 {
      flex-shrink: 0;
    }

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

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

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

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

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

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

    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    :where(.sm\:divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }

    :where(.sm\:divide-y-0 > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    }

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

    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .sm\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }

    .sm\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }

    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .sm\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .sm\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .sm\:\[--cell-size\:--spacing\(9\)\] {
      --cell-size: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }

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

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:flex {
      display: flex;
    }

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

    .md\:grid-cols-\[1fr_260px\] {
      grid-template-columns: 1fr 260px;
    }

    .md\:p-0 {
      padding: calc(var(--spacing) * 0);
    }

    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

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

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

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

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

  @media (min-width: 80rem) {
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

  @container approvals (min-width: 42rem) {
    .\@2xl\/approvals\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container approvals (min-width: 64rem) {
    .\@5xl\/approvals\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: 180deg;
  }

  .dark\:border-amber-800:is(.dark *) {
    border-color: var(--color-amber-800);
  }

  .dark\:border-blue-800:is(.dark *) {
    border-color: var(--color-blue-800);
  }

  .dark\:border-green-800:is(.dark *) {
    border-color: var(--color-green-800);
  }

  .dark\:border-orange-800:is(.dark *) {
    border-color: var(--color-orange-800);
  }
}

@layer utilities {
  .dark\:border-purple-800:is(.dark *) {
    border-color: var(--color-purple-800);
  }

  .dark\:border-red-800:is(.dark *) {
    border-color: var(--color-red-800);
  }

  .dark\:bg-amber-950\/40:is(.dark *) {
    background-color: #46190166;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
    }
  }

  .dark\:bg-blue-950\/30:is(.dark *) {
    background-color: #1624564d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
    }
  }

  .dark\:bg-green-950\/30:is(.dark *) {
    background-color: #032e154d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent);
    }
  }

  .dark\:bg-green-950\/40:is(.dark *) {
    background-color: #032e1566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-950\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-green-950) 40%, transparent);
    }
  }

  .dark\:bg-orange-950\/30:is(.dark *) {
    background-color: #4413064d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-orange-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-orange-950) 30%, transparent);
    }
  }

  .dark\:bg-purple-950\/30:is(.dark *) {
    background-color: #3c03664d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-purple-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-purple-950) 30%, transparent);
    }
  }

  .dark\:bg-red-950\/30:is(.dark *) {
    background-color: #4608094d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent);
    }
  }

  .dark\:bg-red-950\/40:is(.dark *) {
    background-color: #46080966;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
    }
  }

  .dark\:text-amber-300:is(.dark *) {
    color: var(--color-amber-300);
  }

  .dark\:text-amber-400:is(.dark *) {
    color: var(--color-amber-400);
  }

  .dark\:text-blue-300:is(.dark *) {
    color: var(--color-blue-300);
  }

  .dark\:text-blue-400:is(.dark *) {
    color: var(--color-blue-400);
  }

  .dark\:text-emerald-300:is(.dark *) {
    color: var(--color-emerald-300);
  }

  .dark\:text-green-300:is(.dark *) {
    color: var(--color-green-300);
  }

  .dark\:text-green-400:is(.dark *) {
    color: var(--color-green-400);
  }

  .dark\:text-purple-300:is(.dark *) {
    color: var(--color-purple-300);
  }

  .dark\:text-red-300:is(.dark *) {
    color: var(--color-red-300);
  }

  .dark\:text-red-400:is(.dark *) {
    color: var(--color-red-400);
  }

  .dark\:text-sky-400:is(.dark *) {
    color: var(--color-sky-400);
  }

  .dark\:text-slate-300:is(.dark *) {
    color: var(--color-slate-300);
  }

  .dark\:text-violet-300:is(.dark *) {
    color: var(--color-violet-300);
  }

  .dark\:text-violet-400:is(.dark *) {
    color: var(--color-violet-400);
  }

  .dark\:text-yellow-300:is(.dark *) {
    color: var(--color-yellow-300);
  }

  .dark\:text-yellow-400:is(.dark *) {
    color: var(--color-yellow-400);
  }

  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
    fill: var(--muted-foreground);
  }

  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
    stroke: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
      stroke: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
    stroke: var(--border);
  }

  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
    stroke: var(--border);
  }

  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
    fill: var(--muted);
  }

  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
    stroke: var(--border);
  }

  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_p\]\:leading-relaxed p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .\[\&_span\]\:cursor-pointer span {
    cursor: pointer;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'opacity-\'\]\)\]\:opacity-80 svg:not([class*="opacity-"]) {
    opacity: .8;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  @media (min-width: 40rem) {
    .sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }

  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
    color: var(--muted-foreground);
  }

  .\[\&_svg\:not\(…\)\]\:size-4 svg:not(…) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\]\:border-border\/70 tr {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_tr\]\:border-border\/70 tr {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .\[\.border-b\]\:pb-6.border-b {
    padding-bottom: calc(var(--spacing) * 6);
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&\>\*\]\:min-w-0 > * {
    min-width: calc(var(--spacing) * 0);
  }

  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>a\]\:underline > a {
    text-decoration-line: underline;
  }

  .\[\&\>a\]\:underline-offset-4 > a {
    text-underline-offset: 4px;
  }

  .\[\&\>a\:hover\]\:text-primary > a:hover {
    color: var(--primary);
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:h-2\.5 > svg {
    height: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:h-4 > svg {
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:w-2\.5 > svg {
    width: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:w-4 > svg {
    width: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:translate-y-0\.5 > svg {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>svg\]\:text-current > svg {
    color: currentColor;
  }

  .\[\&\>svg\]\:text-muted-foreground > svg {
    color: var(--muted-foreground);
  }

  .\[\&\[data-disabled\]\>\*\]\:after\:bg-foreground\/30[data-disabled] > :after {
    content: var(--tw-content);
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\[data-disabled\]\>\*\]\:after\:bg-foreground\/30[data-disabled] > :after {
      background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }
}

@layer utilities {
  .\[\&\[data-selected\]\:not\(\.range-middle\)\>\*\]\:after\:bg-background[data-selected]:not(.range-middle) > :after {
    content: var(--tw-content);
    background-color: var(--background);
  }

  .htmx-request .\[\.htmx-request_\&\]\:contents {
    display: contents;
  }

  .htmx-request .\[\.htmx-request_\&\]\:hidden {
    display: none;
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-accent\/50:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-accent\/50:hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }

    a.\[a\&\]\:hover\:bg-destructive\/25:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-destructive\/25:hover {
        background-color: color-mix(in oklab, var(--destructive) 25%, transparent);
      }
    }

    a.\[a\&\]\:hover\:bg-muted:hover {
      background-color: var(--muted);
    }

    a.\[a\&\]\:hover\:bg-primary\/25:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-primary\/25:hover {
        background-color: color-mix(in oklab, var(--primary) 25%, transparent);
      }
    }

    a.\[a\&\]\:hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root {
  --ai-brand-primary: #ef4444;
  --ai-brand-primary-light: #f87171;
  --ai-brand-primary-dark: #991b1b;
  --ai-brand-secondary: #dc2626;
  --ai-brand-secondary-light: #fca5a5;
  --ai-brand-neutral-50: #fafafa;
  --ai-brand-neutral-100: #f5f0f0;
  --ai-brand-neutral-200: #e8dede;
  --ai-brand-neutral-400: #8a7777;
  --ai-brand-neutral-600: #4a3a3a;
  --ai-brand-neutral-900: #050505;
  --ai-brand-success: #16a34a;
  --ai-brand-success-light: #22c55e;
  --ai-brand-warning: #d97706;
  --ai-brand-warning-light: #f59e0b;
  --ai-brand-danger: #ff3838;
  --ai-brand-danger-dark: #b91c1c;
  --ai-brand-info: #2563eb;
  --ai-brand-info-light: #3b82f6;
  --ai-space-0: 0;
  --ai-space-1: .25rem;
  --ai-space-2: .5rem;
  --ai-space-3: .75rem;
  --ai-space-4: 1rem;
  --ai-space-5: 1.5rem;
  --ai-space-6: 2rem;
  --ai-space-7: 3rem;
  --ai-space-8: 4rem;
  --ai-radius-sm: .375rem;
  --ai-radius-md: .625rem;
  --ai-radius-lg: 1rem;
  --ai-radius-xl: 1.5rem;
  --ai-shadow-sm: 0 1px 2px oklch(55% .25 25 / .06);
  --ai-shadow-md: 0 4px 12px oklch(55% .25 25 / .1);
  --ai-shadow-lg: 0 8px 24px oklch(55% .25 25 / .14);
  --ai-shadow-glow: 0 0 22px oklch(55% .25 25 / .22);
}

[data-portal="client"] .portal-card {
  border-radius: var(--ai-radius-lg);
  box-shadow: var(--glass-base-shadow);
  transition: box-shadow .2s, transform .2s;
}

[data-portal="client"] .portal-card:hover {
  box-shadow: var(--glass-highlight), 0 16px 40px #0000008c;
}

.portal-status-success {
  background: var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .portal-status-success {
    background: color-mix(in oklab, var(--k-positive) 10%, transparent);
  }
}

.portal-status-success {
  color: var(--k-positive);
  border-color: var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .portal-status-success {
    border-color: color-mix(in oklab, var(--k-positive) 20%, transparent);
  }
}

.portal-status-info {
  background: var(--k-info);
}

@supports (color: color-mix(in lab, red, red)) {
  .portal-status-info {
    background: color-mix(in oklab, var(--k-info) 10%, transparent);
  }
}

.portal-status-info {
  color: var(--k-info);
  border-color: var(--k-info);
}

@supports (color: color-mix(in lab, red, red)) {
  .portal-status-info {
    border-color: color-mix(in oklab, var(--k-info) 20%, transparent);
  }
}

.portal-status-danger {
  background: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .portal-status-danger {
    background: color-mix(in oklab, var(--k-accent) 10%, transparent);
  }
}

.portal-status-danger {
  color: var(--k-negative);
  border-color: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .portal-status-danger {
    border-color: color-mix(in oklab, var(--k-accent) 20%, transparent);
  }
}

.portal-status-neutral {
  background: var(--k-hover);
  color: var(--k-ink-3);
  border-color: var(--k-hairline);
}

.portal-status-pending {
  background: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .portal-status-pending {
    background: color-mix(in oklab, var(--k-attention) 12%, transparent);
  }
}

.portal-status-pending {
  color: var(--k-attention);
  border-color: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .portal-status-pending {
    border-color: color-mix(in oklab, var(--k-attention) 25%, transparent);
  }
}

.portal-status-setup {
  background: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .portal-status-setup {
    background: color-mix(in oklab, var(--k-attention) 12%, transparent);
  }
}

.portal-status-setup {
  color: var(--k-attention);
  border-color: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .portal-status-setup {
    border-color: color-mix(in oklab, var(--k-attention) 25%, transparent);
  }
}

.portal-text-success {
  color: var(--k-positive);
}

.portal-text-info {
  color: var(--k-info);
}

.portal-bg-warning-subtle {
  background: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .portal-bg-warning-subtle {
    background: color-mix(in oklab, var(--k-attention) 10%, transparent);
  }
}

.portal-required-mark {
  color: var(--k-negative);
}

:is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) {
  --ai-red: var(--k-accent-hsl);
  --ai-red-deep: 355 80% 22%;
  --ai-bg: var(--k-surface-1-hsl);
  --ai-success: var(--k-positive-hsl);
  --ai-amber: var(--k-attention-hsl);
  --ai-blue: var(--k-info-hsl);
  --surface-1: var(--k-surface-1-hsl);
  --surface-2: var(--k-surface-2-hsl);
  --surface-3: var(--k-surface-3-hsl);
  --hairline: var(--k-hairline-hsl);
  --text-primary: var(--k-ink-1-hsl);
  --text-secondary: var(--k-ink-2-hsl);
  --text-tertiary: var(--k-ink-3-hsl);
  --font-mono: var(--font-geist-mono, var(--font-space-mono, "Space Mono")), ui-monospace, monospace;
  --ai-ease: var(--k-ease);
  --ai-ease-reveal: var(--k-ease);
  --ai-shadow-card: var(--glass-base-shadow);
  --ai-shadow-glow: 0 0 0 transparent;
  --ai-shadow-glow-hover: 0 0 36px var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) {
    --ai-shadow-glow-hover: 0 0 36px color-mix(in oklab, var(--k-accent) 18%, transparent);
  }
}

:is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) {
  --ai-shadow-button: inset 0 1px 0 #ffffff1a, 0 6px 14px var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) {
    --ai-shadow-button: inset 0 1px 0 #ffffff1a, 0 6px 14px color-mix(in oklab, var(--k-accent) 18%, transparent);
  }
}

:is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"], .dark [data-portal="client"], .dark [data-portal="sales"], .dark [data-portal="vendor"], .dark [data-portal="ops"]) {
  --background: var(--k-bg);
  --foreground: var(--k-ink-1);
  --card: var(--glass-base-bg);
  --card-foreground: var(--k-ink-1);
  --popover: var(--glass-overlay-bg);
  --popover-foreground: var(--k-ink-1);
  --primary: var(--k-accent);
  --primary-foreground: #fff;
  --secondary: #ffffff0f;
  --secondary-foreground: var(--k-ink-1);
  --muted: #ffffff0a;
  --muted-foreground: var(--k-ink-2);
  --accent: #ffffff14;
  --accent-foreground: var(--k-ink-1);
  --destructive: var(--k-accent);
  --destructive-foreground: #fff;
  --border: var(--k-hairline);
  --input: var(--k-hairline);
  --ring: var(--k-ink-1);
  --radius: .75rem;
  --sidebar: var(--glass-raised-bg);
  --sidebar-foreground: var(--k-ink-2);
  --sidebar-primary: var(--k-accent);
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #ffffff0f;
  --sidebar-accent-foreground: var(--k-ink-1);
  --sidebar-border: var(--k-hairline);
  --sidebar-ring: var(--k-ink-1);
  color-scheme: dark;
  font-family: var(--font-body, var(--k-font));
}

:is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) .bg-card {
  background: var(--glass-base-bg);
  -webkit-backdrop-filter: var(--glass-base-filter);
  backdrop-filter: var(--glass-base-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-base-shadow);
}

:is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) :is(h1, h2) {
  font-family: var(--font-display, var(--k-font));
  letter-spacing: -.02em;
  font-weight: 700;
  line-height: 1.05;
}

:is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) :is(h3, h4, h5, h6) {
  font-family: var(--font-display, var(--k-font));
  letter-spacing: -.012em;
  font-weight: 600;
}

:is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) ::selection {
  background: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) ::selection {
    background: color-mix(in oklab, var(--k-accent) 35%, transparent);
  }
}

:is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) ::selection {
  color: var(--k-ink-1);
}

:is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

:is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) ::-webkit-scrollbar-thumb {
  background: var(--k-hairline-2);
  border-radius: var(--k-r-sm);
  background-clip: padding-box;
  border: 2px solid #0000;
}

:is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) ::-webkit-scrollbar-thumb:hover {
  background: var(--k-ink-1);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) ::-webkit-scrollbar-thumb:hover {
    background: color-mix(in oklab, var(--k-ink-1) 28%, transparent);
  }
}

:is([data-portal="client"], [data-portal="sales"], [data-portal="vendor"], [data-portal="ops"]) ::-webkit-scrollbar-thumb:hover {
  background-clip: padding-box;
}

.ai-eyebrow {
  font-family: var(--font-body, var(--k-font));
  letter-spacing: .16em;
  text-transform: uppercase;
  color: hsl(var(--ai-red, 0 86% 55%));
  font-size: .6875rem;
  font-weight: 600;
  display: block;
}

.ai-eyebrow-sm {
  letter-spacing: .16em;
  font-size: .625rem;
}

.ai-glass-card {
  border: 1px solid var(--k-hairline);
  background: var(--glass-pane-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: var(--glass-border);
  box-shadow: var(--glass-base-shadow);
  border-radius: var(--k-r-md);
  transition: border-color .3s var(--k-ease), box-shadow .3s var(--k-ease), transform .3s var(--k-ease);
}

.ai-glass-card.ai-interactive {
  cursor: pointer;
}

.ai-glass-card.ai-interactive:hover {
  border-color: hsl(var(--ai-red, 0 86% 55%) / .35);
  box-shadow: var(--glass-highlight), 0 16px 40px #0000008c, 0 0 36px hsl(var(--ai-red, 0 86% 55%) / .18);
  transform: translateY(-2px);
}

.ai-hairline {
  background: linear-gradient(90deg, transparent, var(--k-hairline) 15%, var(--k-hairline) 85%, transparent);
  height: 1px;
}

.ai-stat-label {
  font-family: var(--font-body, var(--k-font));
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--k-ink-2);
  font-size: .6875rem;
  font-weight: 600;
}

.ai-stat-val {
  font-family: var(--font-mono, var(--k-font-num));
  font-feature-settings: "tnum", "ss01";
  letter-spacing: -.02em;
  color: var(--k-ink-1);
  margin-top: .3rem;
  font-size: 1.6875rem;
  font-weight: 600;
  line-height: 1.1;
}

.ai-mono {
  font-family: var(--font-mono, var(--k-font-num));
  font-feature-settings: "tnum", "ss01";
  letter-spacing: -.01em;
}

.ai-pill {
  font-family: var(--font-mono, var(--k-font-num));
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: .625rem;
  font-weight: 600;
  display: inline-flex;
}

.ai-pill > .ai-pdot {
  background: currentColor;
  border-radius: 99px;
  width: 6px;
  height: 6px;
}

.ai-pill--success {
  background: var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-pill--success {
    background: color-mix(in oklab, var(--k-positive) 13%, transparent);
  }
}

.ai-pill--success {
  color: var(--k-positive);
}

.ai-pill--warning {
  background: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-pill--warning {
    background: color-mix(in oklab, var(--k-attention) 14%, transparent);
  }
}

.ai-pill--warning {
  color: var(--k-attention);
}

.ai-pill--danger {
  background: hsl(var(--ai-red, 0 86% 55%) / .14);
  color: hsl(var(--ai-red-text, 355 67% 67%));
}

.ai-pill--info {
  background: var(--k-info);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-pill--info {
    background: color-mix(in oklab, var(--k-info) 14%, transparent);
  }
}

.ai-pill--info {
  color: var(--k-info);
}

.ai-pill--neutral {
  background: var(--k-hover);
  color: var(--k-ink-3);
}

.ai-tier {
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: .65625rem;
  font-weight: 700;
  display: inline-flex;
}

.ai-tier--t1 {
  background: linear-gradient(145deg, var(--k-attention), var(--k-attention));
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-tier--t1 {
    background: linear-gradient(145deg, color-mix(in oklab, var(--k-attention) 16%, transparent), color-mix(in oklab, var(--k-attention) 6%, transparent));
  }
}

.ai-tier--t1 {
  color: var(--k-attention);
  border: 1px solid var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-tier--t1 {
    border: 1px solid color-mix(in oklab, var(--k-attention) 30%, transparent);
  }
}

.ai-tier--std {
  background: var(--k-hover);
  color: var(--k-ink-3);
  border: 1px solid var(--k-hairline);
}

.ai-bar {
  background: var(--k-hover);
  border-radius: 99px;
  height: 7px;
  position: relative;
  overflow: hidden;
}

.ai-bar > span {
  border-radius: 99px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.ai-bar .ai-fill-success {
  background: linear-gradient(90deg, var(--k-positive), var(--k-positive));
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-bar .ai-fill-success {
    background: linear-gradient(90deg, color-mix(in oklab, var(--k-positive) 70%, transparent), var(--k-positive));
  }
}

.ai-bar .ai-fill-warning {
  background: linear-gradient(90deg, var(--k-attention), var(--k-attention));
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-bar .ai-fill-warning {
    background: linear-gradient(90deg, color-mix(in oklab, var(--k-attention) 70%, transparent), var(--k-attention));
  }
}

.ai-bar .ai-fill-danger {
  background: linear-gradient(90deg, var(--k-accent), var(--k-accent));
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-bar .ai-fill-danger {
    background: linear-gradient(90deg, color-mix(in oklab, var(--k-accent) 70%, transparent), var(--k-accent));
  }
}

.ai-bar .ai-fill-info {
  background: linear-gradient(90deg, var(--k-info), var(--k-info));
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-bar .ai-fill-info {
    background: linear-gradient(90deg, color-mix(in oklab, var(--k-info) 70%, transparent), var(--k-info));
  }
}

.ai-bar .ai-pace-marker {
  background: var(--k-ink-1);
  width: 2px;
  position: absolute;
  top: -3px;
  bottom: -3px;
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-bar .ai-pace-marker {
    background: color-mix(in oklab, var(--k-ink-1) 55%, transparent);
  }
}

.ai-section-head {
  align-items: flex-end;
  gap: 12px;
  margin: 2rem 0 1rem;
  display: flex;
}

.ai-section-head h2, .ai-section-head h3 {
  letter-spacing: -.012em;
  font-size: 1rem;
  font-weight: 600;
}

.ai-section-head .ai-count {
  color: var(--k-ink-3);
  font-size: .75rem;
  font-weight: 500;
}

.ai-section-head .ai-line {
  background: var(--k-hairline);
  flex: 1;
  height: 1px;
}

.ai-action-card {
  border-radius: var(--k-r-md);
  background: var(--glass-pane-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: var(--glass-border);
  border: 1px solid var(--k-hairline);
  box-shadow: var(--glass-base-shadow);
  transition: transform .22s var(--k-ease);
  align-items: flex-start;
  gap: 16px;
  padding: 18px 20px;
  display: flex;
}

.ai-action-card.ai-crit {
  border-color: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-action-card.ai-crit {
    border-color: color-mix(in oklab, var(--k-accent) 40%, transparent);
  }
}

.ai-action-card.ai-crit {
  background: linear-gradient(145deg, var(--k-accent), var(--glass-pane-bg));
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-action-card.ai-crit {
    background: linear-gradient(145deg, color-mix(in oklab, var(--k-accent) 7%, transparent), var(--glass-pane-bg));
  }
}

.ai-action-card.ai-warn {
  border-color: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-action-card.ai-warn {
    border-color: color-mix(in oklab, var(--k-attention) 32%, transparent);
  }
}

.ai-action-card.ai-go {
  border-color: var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-action-card.ai-go {
    border-color: color-mix(in oklab, var(--k-positive) 30%, transparent);
  }
}

.ai-btn-glow {
  box-shadow: inset 0 1px 0 #ffffff1a, 0 6px 14px var(--k-accent);
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-btn-glow {
    box-shadow: inset 0 1px 0 #ffffff1a, 0 6px 14px color-mix(in oklab, var(--k-accent) 18%, transparent);
  }
}

.ai-btn-glow:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(105deg, #0000 35%, #ffffff47 50%, #0000 65%);
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
}

.ai-btn-glow:hover {
  box-shadow: inset 0 1px 0 #ffffff1a, 0 6px 14px var(--k-accent), 0 0 36px var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-btn-glow:hover {
    box-shadow: inset 0 1px 0 #ffffff1a, 0 6px 14px color-mix(in oklab, var(--k-accent) 18%, transparent), 0 0 36px color-mix(in oklab, var(--k-accent) 18%, transparent);
  }
}

.ai-reveal {
  opacity: 0;
  transform: translateY(22px);
}

.ai-reveal.ai-revealed {
  opacity: 1;
  transition: opacity .7s var(--k-ease), transform .7s var(--k-ease);
  transition-delay: var(--ai-reveal-delay, 0s);
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .ai-reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :is([data-portal="client"], [data-portal="sales"]) [role="tabpanel"][data-state="active"] {
    animation: ai-tab-in .4s var(--k-ease) both;
  }

  :is([data-portal="client"], [data-portal="sales"]) [data-slot="skeleton"] {
    position: relative;
    overflow: hidden;
  }

  :is([data-portal="client"], [data-portal="sales"]) [data-slot="skeleton"]:after {
    content: "";
    background: linear-gradient(90deg, transparent, var(--k-ink-1) 50%, transparent);
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is([data-portal="client"], [data-portal="sales"]) [data-slot="skeleton"]:after {
      background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--k-ink-1) 8%, transparent) 50%, transparent);
    }
  }

  :is([data-portal="client"], [data-portal="sales"]) [data-slot="skeleton"]:after {
    animation: ai-shimmer 1.6s var(--k-ease) infinite;
  }

  :is([data-portal="client"], [data-portal="sales"]) [data-slot="card"] {
    transition: transform .25s var(--k-ease), box-shadow .25s var(--k-ease), border-color .25s var(--k-ease);
  }

  :is([data-portal="client"], [data-portal="sales"]) [data-slot="card"]:hover {
    box-shadow: var(--glass-base-shadow), 0 0 36px var(--k-accent);
    transform: translateY(-2px);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is([data-portal="client"], [data-portal="sales"]) [data-slot="card"]:hover {
      box-shadow: var(--glass-base-shadow), 0 0 36px color-mix(in oklab, var(--k-accent) 18%, transparent);
    }
  }

  :is([data-portal="client"], [data-portal="sales"]) button:not(:disabled):active {
    transform: scale(.985);
  }
}

@keyframes ai-tab-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes ai-shimmer {
  to {
    transform: translateX(100%);
  }
}

:is([data-portal="client"], .dark [data-portal="client"]) {
  --destructive: #d52d1a;
  --destructive-foreground: #fff;
}

[data-portal="client"] .portal-metric {
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.1;
}

[data-portal="client"] :is(a, button, [role="button"], input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--k-ink-1);
  outline-offset: 2px;
  border-radius: 6px;
}


[data-slot="dialog-content"], [data-slot="alert-dialog-content"] {
  --s1: var(--k-s1);
  --s2: var(--k-s2);
  --s3: var(--k-s3);
  --s4: var(--k-s4);
  --s5: var(--k-s5);
  --s6: var(--k-s6);
  --s7: var(--k-s7);
  --s8: var(--k-s8);
  --s9: var(--k-s9);
}

[data-slot="dialog-content"] .form, [data-slot="alert-dialog-content"] .form {
  row-gap: var(--k-s5);
  display: grid;
}

[data-slot="dialog-content"] .form.pairs, [data-slot="alert-dialog-content"] .form.pairs {
  row-gap: var(--k-s4);
  column-gap: var(--k-s5);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

[data-slot="dialog-content"] .form.pairs > .full, [data-slot="alert-dialog-content"] .form.pairs > .full {
  grid-column: 1 / -1;
}

[data-slot="dialog-content"] .fld, [data-slot="alert-dialog-content"] .fld {
  row-gap: var(--k-s2);
  min-width: 0;
  display: grid;
}

[data-slot="dialog-content"] .label, [data-slot="alert-dialog-content"] .label {
  font-size: var(--k-t-label);
  font-weight: var(--k-w-label);
  color: var(--k-ink-3);
  line-height: 1.35;
}

[data-slot="dialog-content"] .fld > .label b, [data-slot="alert-dialog-content"] .fld > .label b {
  color: var(--k-ink-2);
  font-weight: 550;
}

[data-slot="dialog-content"] .req, [data-slot="alert-dialog-content"] .req {
  color: var(--k-ink-3);
  margin-left: 2px;
}

[data-slot="dialog-content"] .note, [data-slot="alert-dialog-content"] .note {
  align-items: flex-start;
  column-gap: var(--k-s3);
  font-size: var(--k-t-meta);
  color: var(--k-ink-3);
  max-width: 72ch;
  line-height: 1.5;
  display: flex;
}

[data-slot="dialog-content"] .note svg, [data-slot="alert-dialog-content"] .note svg {
  opacity: .65;
  flex: none;
  width: 14px;
  height: 14px;
  margin-top: 2px;
}

[data-slot="dialog-content"] .note b, [data-slot="alert-dialog-content"] .note b {
  color: var(--k-ink-2);
  font-weight: 550;
}

[data-slot="dialog-content"] .note.warn, [data-slot="alert-dialog-content"] .note.warn {
  padding-block: var(--k-s3);
  padding-inline: var(--k-s4);
  border-radius: var(--k-r-md);
  box-shadow: inset 0 0 0 1px var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-slot="dialog-content"] .note.warn, [data-slot="alert-dialog-content"] .note.warn {
    box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--k-attention) 35%, transparent);
  }
}

[data-slot="dialog-content"] .note.warn, [data-slot="alert-dialog-content"] .note.warn {
  background: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-slot="dialog-content"] .note.warn, [data-slot="alert-dialog-content"] .note.warn {
    background: color-mix(in oklab, var(--k-attention) 7%, transparent);
  }
}

[data-slot="dialog-content"] .note.warn svg, [data-slot="alert-dialog-content"] .note.warn svg {
  color: var(--k-attention);
  opacity: 1;
}

[data-slot="dialog-content"] .tag, [data-slot="alert-dialog-content"] .tag {
  border-radius: var(--k-r-xs);
  height: 20px;
  box-shadow: inset 0 0 0 1px var(--k-hairline);
  color: var(--k-ink-3);
  white-space: nowrap;
  vertical-align: middle;
  align-items: center;
  column-gap: 5px;
  padding-inline: 7px;
  font-size: 11px;
  font-weight: 550;
  display: inline-flex;
}

[data-slot="dialog-content"] .tag svg, [data-slot="alert-dialog-content"] .tag svg {
  width: 11px;
  height: 11px;
}

@media (max-width: 620px) {
  [data-slot="dialog-content"] .form.pairs, [data-slot="alert-dialog-content"] .form.pairs {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ugc-report.ops-admin .topbar .topbar-right > .btn.primary {
  background: var(--k-accent);
  color: #fff;
  box-shadow: inset 0 0 0 1px hsl(var(--k-ink-1-hsl) / .1), inset 0 1px 0 #ffffff1a, 0 6px 14px var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ugc-report.ops-admin .topbar .topbar-right > .btn.primary {
    box-shadow: inset 0 0 0 1px hsl(var(--k-ink-1-hsl) / .1), inset 0 1px 0 #ffffff1a, 0 6px 14px color-mix(in oklab, var(--k-accent) 18%, transparent);
  }
}

.ugc-report.ops-admin .topbar .topbar-right > .btn.primary:hover {
  background: hsl(var(--k-accent-hsl) / .95);
  color: #fff;
  box-shadow: inset 0 0 0 1px hsl(var(--k-ink-1-hsl) / .1), inset 0 1px 0 #ffffff1a, 0 6px 14px var(--k-accent), 0 0 36px var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ugc-report.ops-admin .topbar .topbar-right > .btn.primary:hover {
    box-shadow: inset 0 0 0 1px hsl(var(--k-ink-1-hsl) / .1), inset 0 1px 0 #ffffff1a, 0 6px 14px color-mix(in oklab, var(--k-accent) 18%, transparent), 0 0 36px color-mix(in oklab, var(--k-accent) 18%, transparent);
  }
}

.ugc-report.ops-admin .topbar .topbar-right .menu[data-menu="account"] > .menu-btn > .avatar:not(.photo) {
  color: #fff;
  background: linear-gradient(135deg, #dc2626, #ef4444);
  box-shadow: 0 0 0 2px #fff3;
}

.ugc-report.ops-admin .topbar .topbar-right .menu[data-menu="account"] > .menu-btn:is(:hover, :focus-visible) > .avatar:not(.photo), .ugc-report.ops-admin .topbar .topbar-right .menu[data-menu="account"][data-open="true"] > .menu-btn > .avatar:not(.photo) {
  box-shadow: 0 0 0 2px #fff6;
}

.ai-ac-ic {
  border-radius: 11px;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.ai-ac-ic svg {
  width: 20px;
  height: 20px;
}

.ai-ac-ic.ai-red {
  background: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-ac-ic.ai-red {
    background: color-mix(in oklab, var(--k-accent) 14%, transparent);
  }
}

.ai-ac-ic.ai-red {
  color: var(--k-accent);
}

.ai-ac-ic.ai-amber {
  background: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-ac-ic.ai-amber {
    background: color-mix(in oklab, var(--k-attention) 14%, transparent);
  }
}

.ai-ac-ic.ai-amber {
  color: var(--k-attention);
}

.ai-ac-ic.ai-green {
  background: var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-ac-ic.ai-green {
    background: color-mix(in oklab, var(--k-positive) 14%, transparent);
  }
}

.ai-ac-ic.ai-green {
  color: var(--k-positive);
}

.ai-ac-ic.ai-blue {
  background: var(--k-info);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-ac-ic.ai-blue {
    background: color-mix(in oklab, var(--k-info) 14%, transparent);
  }
}

.ai-ac-ic.ai-blue {
  color: var(--k-info);
}

.ai-ac-ic.ai-gray {
  background: var(--k-hover);
  color: var(--k-ink-3);
}

.ai-ac-body {
  flex: 1;
  min-width: 0;
}

.ai-ac-kicker {
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: .6875rem;
  font-weight: 600;
}

.ai-ac-kicker.ai-red {
  color: var(--k-accent);
}

.ai-ac-kicker.ai-amber {
  color: var(--k-attention);
}

.ai-ac-kicker.ai-green {
  color: var(--k-positive);
}

.ai-ac-kicker.ai-blue {
  color: var(--k-info);
}

.ai-ac-title {
  font-family: var(--font-display, var(--k-font));
  letter-spacing: -.012em;
  margin-bottom: 4px;
  font-size: .96875rem;
  font-weight: 600;
}

.ai-ac-text {
  color: var(--k-ink-2);
  font-size: .8125rem;
  line-height: 1.55;
}

.ai-ac-text b {
  color: var(--k-ink-1);
  font-weight: 600;
}

.ai-ac-actions {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 13px;
  display: flex;
}

.ai-kv {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.ai-kv .ai-k {
  color: var(--k-ink-3);
  font-size: .6875rem;
  font-weight: 500;
}

.ai-kv .ai-v {
  font-size: .875rem;
  font-weight: 600;
}

.ai-seg {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  border-radius: 9px;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}

.ai-seg-btn {
  color: var(--k-ink-3);
  border-radius: 7px;
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  font-size: .75rem;
  font-weight: 600;
  transition: all .15s;
  display: inline-flex;
}

.ai-seg-btn svg {
  width: 14px;
  height: 14px;
}

.ai-seg-btn.ai-on {
  background: var(--k-hover);
  color: var(--k-ink-1);
  box-shadow: var(--glass-base-shadow);
}

.ai-filter-pop {
  border-radius: var(--k-r-md);
  background: var(--glass-raised-bg);
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-raised-shadow);
  border: 1px solid var(--k-hairline);
  margin-top: 14px;
  padding: 18px 20px;
}

.ai-fchip {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  color: var(--k-ink-2);
  cursor: pointer;
  border-radius: 99px;
  padding: 6px 13px;
  font-size: .75rem;
  font-weight: 600;
  transition: all .15s;
}

.ai-fchip.ai-on {
  background: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-fchip.ai-on {
    background: color-mix(in oklab, var(--k-accent) 15%, transparent);
  }
}

.ai-fchip.ai-on {
  border-color: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-fchip.ai-on {
    border-color: color-mix(in oklab, var(--k-accent) 50%, transparent);
  }
}

.ai-fchip.ai-on {
  color: var(--k-accent);
}

.ai-toggle {
  background: var(--k-hover);
  border: 1px solid var(--k-hairline);
  cursor: pointer;
  border-radius: 99px;
  flex: none;
  width: 38px;
  height: 22px;
  padding: 0;
  transition: all .2s;
  position: relative;
}

.ai-toggle:after {
  content: "";
  background: var(--k-ink-3);
  width: 16px;
  height: 16px;
  transition: .2s var(--k-ease);
  border-radius: 99px;
  position: absolute;
  top: 2px;
  left: 2px;
}

.ai-toggle.ai-on {
  background: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-toggle.ai-on {
    background: color-mix(in oklab, var(--k-accent) 85%, transparent);
  }
}

.ai-toggle.ai-on {
  border-color: var(--k-accent);
}

.ai-toggle.ai-on:after {
  background: #fff;
  left: 18px;
}

.ai-banner {
  border-radius: var(--k-r-md);
  align-items: center;
  gap: 13px;
  padding: 14px 18px;
  font-size: .8125rem;
  display: flex;
}

.ai-banner svg {
  flex: none;
  width: 20px;
  height: 20px;
}

.ai-banner.ai-amber {
  background: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-banner.ai-amber {
    background: color-mix(in oklab, var(--k-attention) 10%, transparent);
  }
}

.ai-banner.ai-amber {
  border: 1px solid var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-banner.ai-amber {
    border: 1px solid color-mix(in oklab, var(--k-attention) 30%, transparent);
  }
}

.ai-banner.ai-green {
  background: var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-banner.ai-green {
    background: color-mix(in oklab, var(--k-positive) 10%, transparent);
  }
}

.ai-banner.ai-green {
  border: 1px solid var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-banner.ai-green {
    border: 1px solid color-mix(in oklab, var(--k-positive) 30%, transparent);
  }
}

.ai-banner.ai-blue {
  background: var(--k-info);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-banner.ai-blue {
    background: color-mix(in oklab, var(--k-info) 10%, transparent);
  }
}

.ai-banner.ai-blue {
  border: 1px solid var(--k-info);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-banner.ai-blue {
    border: 1px solid color-mix(in oklab, var(--k-info) 30%, transparent);
  }
}

.ai-matrix-row {
  border-bottom: 1px solid var(--k-hairline);
  grid-template-columns: 1.6fr repeat(4, 72px) 110px;
  align-items: center;
  gap: 8px;
  padding: 13px 4px;
  display: grid;
}

.ai-matrix-row.ai-head {
  padding-top: 4px;
  padding-bottom: 10px;
}

.ai-matrix-row.ai-head span {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--k-ink-3);
  text-align: center;
  font-size: .65625rem;
  font-weight: 600;
}

.ai-matrix-row.ai-head span:first-child {
  text-align: left;
}

.ai-cat-name {
  font-size: .8125rem;
  font-weight: 600;
}

.ai-cat-desc {
  color: var(--k-ink-3);
  margin-top: 2px;
  font-size: .71875rem;
}

.ai-matrix-cell {
  place-items: center;
  display: grid;
}

.ai-freq-sel {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  color: var(--k-ink-2);
  border-radius: 7px;
  padding: 5px 8px;
  font-size: .71875rem;
}

.ai-chan-card {
  background: var(--glass-pane-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: var(--glass-border);
  border: 1px solid var(--k-hairline);
  border-radius: 11px;
  align-items: center;
  gap: 13px;
  padding: 14px 16px;
  display: flex;
}

.ai-chan-ic {
  background: var(--k-hover);
  border-radius: 10px;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.ai-chan-ic svg {
  width: 18px;
  height: 18px;
}

.ai-mchan {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  color: var(--k-ink-2);
  cursor: pointer;
  border-radius: 11px;
  align-items: center;
  gap: 9px;
  padding: 10px 16px;
  font-size: .8125rem;
  font-weight: 600;
  transition: all .15s;
  display: inline-flex;
}

.ai-mchan svg {
  width: 17px;
  height: 17px;
}

.ai-mchan.ai-on {
  background: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-mchan.ai-on {
    background: color-mix(in oklab, var(--k-accent) 14%, transparent);
  }
}

.ai-mchan.ai-on {
  border-color: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-mchan.ai-on {
    border-color: color-mix(in oklab, var(--k-accent) 55%, transparent);
  }
}

.ai-mchan.ai-on {
  color: var(--k-accent);
}

.ai-mchan .ai-mcheck {
  border: 1.5px solid var(--k-hairline-2);
  border-radius: 6px;
  place-items: center;
  width: 18px;
  height: 18px;
  display: grid;
}

.ai-mchan.ai-on .ai-mcheck {
  background: var(--k-accent);
  border-color: var(--k-accent);
}

.ai-mchan .ai-mcheck svg {
  color: #fff;
  opacity: 0;
  width: 12px;
  height: 12px;
}

.ai-mchan.ai-on .ai-mcheck svg {
  opacity: 1;
}

.ai-pm-card {
  background: var(--glass-pane-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: var(--glass-border);
  border: 1px solid var(--k-hairline);
  border-radius: 12px;
  margin-bottom: 12px;
  padding: 15px 17px;
  transition: all .15s;
}

.ai-pm-card.ai-on {
  border-color: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-pm-card.ai-on {
    border-color: color-mix(in oklab, var(--k-accent) 45%, transparent);
  }
}

.ai-pm-card.ai-on {
  background: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-pm-card.ai-on {
    background: color-mix(in oklab, var(--k-accent) 5%, transparent);
  }
}

.ai-pm-head {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  display: flex;
}

.ai-pm-ic {
  background: var(--k-hover);
  border-radius: 9px;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.ai-pm-ic svg {
  width: 17px;
  height: 17px;
}

.ai-pm-detail {
  border-top: 1px solid var(--k-hairline);
  margin-top: 14px;
  padding-top: 14px;
}

.ai-payout-chip {
  background: var(--k-positive);
  border-radius: 99px;
  align-items: center;
  gap: 8px;
  padding: 7px 13px;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-payout-chip {
    background: color-mix(in oklab, var(--k-positive) 12%, transparent);
  }
}

.ai-payout-chip {
  border: 1px solid var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-payout-chip {
    border: 1px solid color-mix(in oklab, var(--k-positive) 30%, transparent);
  }
}

.ai-payout-chip {
  color: var(--k-positive);
  white-space: nowrap;
  font-size: .78125rem;
  font-weight: 600;
}

.ai-payout-chip svg {
  width: 14px;
  height: 14px;
}

.ai-icon-btn {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  width: 38px;
  height: 38px;
  color: var(--k-ink-1);
  border-radius: 10px;
  place-items: center;
  transition: all .18s;
  display: grid;
  position: relative;
}

.ai-icon-btn:hover {
  border-color: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-icon-btn:hover {
    border-color: color-mix(in oklab, var(--k-accent) 40%, transparent);
  }
}

.ai-icon-btn:hover {
  background: var(--k-hover);
}

.ai-icon-btn svg {
  width: 18px;
  height: 18px;
}

.ai-icon-btn .ai-dot {
  background: var(--k-accent);
  border: 2px solid var(--k-bg);
  border-radius: 99px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 7px;
  right: 8px;
}

@keyframes ai-notif-pop {
  from {
    opacity: 0;
    transform: translateY(10px)scale(.98);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ai-notif-pop {
  background: var(--glass-raised-bg);
  width: 360px;
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-raised-shadow);
  border: 1px solid var(--k-hairline);
  box-shadow: var(--glass-highlight), 0 24px 60px #0009;
  z-index: 40;
  animation: ai-notif-pop .18s var(--k-ease);
  border-radius: 14px;
  position: absolute;
  top: 48px;
  right: 0;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .ai-notif-pop {
    animation: none;
  }
}

@media (max-width: 760px) {
  .ai-notif-pop {
    width: min(360px, 100vw - 28px);
    right: -8px;
  }
}

.ai-notif-row {
  border-bottom: 1px solid var(--k-hairline);
  cursor: pointer;
  gap: 11px;
  padding: 13px 16px;
  transition: background .15s;
  display: flex;
}

.ai-notif-row:hover {
  background: var(--k-hover);
}

.ai-notif-row .ai-nd {
  border-radius: 99px;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: 5px;
}

.ai-cover {
  color: #fff;
  border-radius: 9px;
  flex: none;
  place-items: center;
  width: 46px;
  height: 46px;
  font-size: .9375rem;
  font-weight: 700;
  display: grid;
}

img.ai-cover {
  object-fit: cover;
  display: block;
  overflow: hidden;
}

.ai-song-link {
  align-items: center;
  gap: 5px;
  transition: color .15s;
  display: inline-flex;
}

.ai-song-link:hover {
  color: var(--k-positive);
}

.ai-song-link svg {
  opacity: .65;
  width: 14px;
  height: 14px;
}

.ai-song-link:hover svg {
  opacity: 1;
}

.ai-fol-link {
  cursor: pointer;
  text-underline-offset: 3px;
  text-decoration: underline;
  transition: color .15s;
}

.ai-fol-link:hover {
  color: var(--k-positive);
}

.ai-chart-wrap {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  border-radius: var(--k-r-md);
  padding: 16px;
}

.ai-mini-detail {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  border-radius: 11px;
  padding: 15px 17px;
}

.ai-stat-mini {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  border-radius: 11px;
  padding: 13px 15px;
}

.ai-stat-mini-val {
  margin-top: 3px;
  font-size: 1.125rem;
  font-weight: 700;
}

[data-portal="vendor"] .ai-cursor-dot {
  background: var(--k-accent);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 10px var(--k-accent);
  border-radius: 99px;
  position: fixed;
  top: 0;
  left: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-portal="vendor"] .ai-cursor-dot {
    box-shadow: 0 0 10px color-mix(in oklab, var(--k-accent) 80%, transparent);
  }
}

[data-portal="vendor"] .ai-cursor-dot {
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transition: opacity .25s var(--k-ease);
  transform: translate(-50%, -50%);
}

@media (pointer: coarse), (prefers-reduced-motion: reduce) {
  [data-portal="vendor"] .ai-cursor-dot {
    display: none !important;
  }
}

[data-portal="vendor"] .ai-vendor-chip {
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  max-width: 220px;
  padding: 4px 8px;
  display: flex;
}

[data-portal="vendor"] .ai-avatar {
  background: linear-gradient(145deg, var(--k-accent), hsl(var(--ai-red-deep, 355 80% 22%)));
  border-radius: 9px;
  width: 32px;
  height: 32px;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-portal="vendor"] .ai-avatar {
    background: linear-gradient(145deg, color-mix(in oklab, var(--k-accent) 90%, transparent), hsl(var(--ai-red-deep, 355 80% 22%)));
  }
}

[data-portal="vendor"] .ai-avatar {
  color: #fff;
  flex: none;
  place-items: center;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

[data-portal="vendor"] .ai-vendor-chip .ai-nm {
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
}

[data-portal="vendor"] .ai-vendor-chip .ai-rl {
  color: var(--k-ink-3);
  font-size: 11px;
}

[data-portal="vendor"] .ai-main {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

[data-portal="vendor"] .ai-topbar {
  top: calc(var(--preview-banner-h, 0px)  + var(--uo-chrome-h, 0px));
  z-index: 30;
  border-bottom: 1px solid var(--k-hairline);
  background: var(--glass-raised-bg);
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-raised-shadow);
  align-items: center;
  gap: 16px;
  padding: 16px 32px;
  display: flex;
  position: sticky;
}

[data-portal="vendor"] .ai-page-title {
  font-family: var(--font-display, var(--k-font));
  letter-spacing: -.014em;
  font-size: 20px;
  font-weight: 600;
}

[data-portal="vendor"] .ai-page-sub {
  color: var(--k-ink-3);
  margin-top: 1px;
  font-size: 12.5px;
}

[data-portal="vendor"] .ai-topbar-right {
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

[data-portal="vendor"] .ai-content {
  width: 100%;
  max-width: 1300px;
  padding: 28px 32px 64px;
  display: block;
}

@media (max-width: 860px) {
  [data-portal="vendor"] .ai-topbar {
    flex-wrap: wrap;
    padding: 14px 18px;
  }

  [data-portal="vendor"] .ai-content {
    padding: 20px 18px 64px;
  }

  [data-portal="vendor"] .ai-vendor-chip {
    display: none;
  }
}

[data-portal="vendor"] .ai-topbar-eyebrow {
  margin-bottom: 5px;
}

[data-portal="vendor"] {
  --vc-delivered: #e7c873;
  --vc-need: var(--k-positive);
  --vc-land: #58c8e0;
  --vc-goal: var(--k-chart-ink);
  --vc-goal-key: var(--k-ink-2);
  --vc-ink: var(--k-chart-ink);
  --vc-grid: var(--k-chart-grid);
}

[data-portal="vendor"] .chart {
  width: 100%;
  position: relative;
}

[data-portal="vendor"] .chart svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

[data-portal="vendor"] .chart.tall {
  aspect-ratio: 868 / 340;
}

[data-portal="vendor"] .vc-rule {
  stroke: var(--vc-grid);
  stroke-width: 1px;
}

[data-portal="vendor"] .vc-rule--base {
  stroke: var(--vc-ink);
  opacity: .35;
}

[data-portal="vendor"] .vc-label {
  fill: var(--vc-ink);
  font-size: 11px;
}

[data-portal="vendor"] .vc-cursor {
  stroke: #ffffff2e;
}

[data-portal="vendor"] .chart-legend {
  gap: var(--k-s5);
  margin-bottom: var(--k-s3);
  flex-wrap: wrap;
  display: flex;
}

[data-portal="vendor"] .cl-k {
  color: var(--k-ink-2);
  align-items: center;
  gap: 7px;
  font-size: 12px;
  display: inline-flex;
}

[data-portal="vendor"] .cl-k i {
  border-top: 2px solid var(--vc-delivered);
  border-radius: 2px;
  flex: none;
  width: 18px;
  height: 0;
}

[data-portal="vendor"] .cl-k i.cl-need {
  border-top-style: dashed;
  border-top-color: var(--vc-need);
}

[data-portal="vendor"] .cl-k i.cl-land {
  border-top-style: dashed;
  border-top-color: var(--vc-land);
}

[data-portal="vendor"] .cl-k i.cl-goal {
  border-top-style: dashed;
  border-top-color: var(--vc-goal-key);
}

[data-portal="vendor"] .chart-note {
  gap: var(--k-s2);
  color: var(--k-ink-3);
  margin: var(--k-s3) 0 0;
  align-items: flex-start;
  font-size: 12px;
  display: flex;
}

[data-portal="vendor"] .chart-note svg {
  flex: none;
  width: 13px;
  height: 13px;
  margin-top: 2px;
}


[data-portal="ops"].ai-ops-app {
  min-height: 100vh;
  color: var(--k-ink-1);
  position: relative;
}

[data-portal="ops"] .ai-topbar {
  top: var(--uo-chrome-h, 0px);
  z-index: 30;
  border-bottom: 1px solid var(--k-hairline);
  background: var(--glass-raised-bg);
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-raised-shadow);
  align-items: center;
  gap: 16px;
  padding: 16px 32px;
  display: flex;
  position: sticky;
}

[data-portal="ops"] .ai-topbar-eyebrow {
  margin-bottom: 5px;
}

[data-portal="ops"] .ai-page-title {
  font-family: var(--font-display, var(--k-font));
  letter-spacing: -.014em;
  font-size: 20px;
  font-weight: 600;
}

[data-portal="ops"] .ai-page-sub {
  color: var(--k-ink-3);
  margin-top: 1px;
  font-size: 12.5px;
}

[data-portal="ops"] .ai-topbar-right {
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

[data-portal="ops"] .ai-content {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 28px 32px 64px;
}

@media (max-width: 860px) {
  [data-portal="ops"] .ai-topbar {
    padding: 14px 18px;
  }

  [data-portal="ops"] .ai-content {
    padding: 20px 18px 64px;
  }

  [data-portal="ops"] .ai-page-title {
    font-size: 17px;
  }
}

[data-portal="ops"] .ai-ops-bell > div {
  position: relative;
}

[data-portal="ops"] .ai-ops-bell button {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  width: 38px;
  height: 38px;
  color: var(--k-ink-1);
  border-radius: 10px;
  place-items: center;
  padding: 0;
  transition: all .18s;
  display: grid;
  position: relative;
}

[data-portal="ops"] .ai-ops-bell button:hover {
  border-color: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-portal="ops"] .ai-ops-bell button:hover {
    border-color: color-mix(in oklab, var(--k-accent) 40%, transparent);
  }
}

[data-portal="ops"] .ai-ops-bell button:hover {
  background: var(--k-hover);
}

[data-portal="ops"] .ai-ops-bell button > svg {
  width: 18px;
  height: 18px;
}

[data-portal="ops"] .ai-ops-bell button > span {
  background: var(--k-accent);
  border: 2px solid var(--k-bg);
  color: #0000;
  border-radius: 99px;
  width: 8px;
  min-width: 0;
  height: 8px;
  padding: 0;
  font-size: 0;
  top: 7px !important;
  left: auto !important;
  right: 8px !important;
}

.ai-tbl {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

.ai-tbl thead th {
  text-align: left;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--k-ink-3);
  border-bottom: 1px solid var(--k-hairline);
  white-space: nowrap;
  padding: 11px 16px;
  font-size: 11px;
  font-weight: 600;
}

.ai-tbl thead th.ai-sortable {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.ai-tbl thead th.ai-sortable:hover {
  color: var(--k-ink-2);
}

.ai-tbl tbody td {
  border-bottom: 1px solid var(--k-hairline);
  vertical-align: middle;
  padding: 13px 16px;
}

.ai-tbl tbody tr:last-child td {
  border-bottom: none;
}

.ai-tbl tbody tr.ai-clickable {
  cursor: pointer;
  transition: background .15s;
}

.ai-tbl tbody tr.ai-clickable:hover {
  background: var(--k-hover);
}

.ai-tbl.ai-dense tbody td {
  padding: 11px 14px;
}

.ai-win-cell {
  font-family: var(--font-mono, var(--k-font-num));
  text-align: center;
  font-size: 12px;
}

.ai-win-cell .ai-wlab {
  letter-spacing: .06em;
  color: var(--k-ink-3);
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 9px;
  display: block;
}

.ai-miniprog {
  align-items: center;
  gap: 10px;
  display: flex;
}

.ai-miniprog .ai-bar {
  flex: 1;
}

.ai-miniprog .ai-pct {
  font-family: var(--font-mono, var(--k-font-num));
  text-align: right;
  min-width: 42px;
  font-size: 12px;
  font-weight: 600;
}

.ai-elig {
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.ai-elig.ai-both {
  background: linear-gradient(145deg, var(--k-attention), var(--k-positive));
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-elig.ai-both {
    background: linear-gradient(145deg, color-mix(in oklab, var(--k-attention) 16%, transparent), color-mix(in oklab, var(--k-positive) 10%, transparent));
  }
}

.ai-elig.ai-both {
  color: var(--k-attention);
  border: 1px solid var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-elig.ai-both {
    border: 1px solid color-mix(in oklab, var(--k-attention) 30%, transparent);
  }
}

.ai-elig.ai-t1 {
  background: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-elig.ai-t1 {
    background: color-mix(in oklab, var(--k-attention) 14%, transparent);
  }
}

.ai-elig.ai-t1 {
  color: var(--k-attention);
  border: 1px solid var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-elig.ai-t1 {
    border: 1px solid color-mix(in oklab, var(--k-attention) 30%, transparent);
  }
}

.ai-elig.ai-std {
  background: var(--k-hover);
  color: var(--k-ink-3);
  border: 1px solid var(--k-hairline);
}

.ai-opsstat {
  padding: 16px 18px;
}

.ai-opsstat .ai-stat-val {
  font-size: 24px;
}

.ai-srcbadge {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--k-ink-3);
  border: 1px solid var(--k-hairline);
  border-radius: 99px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
}

.ai-vrow {
  border-bottom: 1px solid var(--k-hairline);
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  display: flex;
}

.ai-vrow:last-child {
  border-bottom: none;
}

.ai-vbar {
  background: var(--k-hover);
  border-radius: 99px;
  flex: 1;
  max-width: 160px;
  height: 6px;
  position: relative;
  overflow: hidden;
}

.ai-vbar > span {
  background: linear-gradient(90deg, var(--k-accent), var(--k-accent));
  border-radius: 99px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ai-vbar > span {
    background: linear-gradient(90deg, color-mix(in oklab, var(--k-accent) 70%, transparent), var(--k-accent));
  }
}

.ai-chartcard {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  border-radius: var(--k-r-md);
  padding: 16px;
}

.ai-legend {
  color: var(--k-ink-2);
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  font-size: 11.5px;
  display: flex;
}

.ai-legend span {
  align-items: center;
  display: inline-flex;
}

.ai-legend i {
  border-top: 2px solid;
  width: 14px;
  height: 0;
  margin-right: 6px;
  display: inline-block;
}

.ai-legend i.ai-dot {
  background: currentColor;
  border-top: none;
  border-radius: 99px;
  width: 9px;
  height: 9px;
}

.ai-legend i.ai-dash {
  border-top-style: dashed;
}

.ai-def {
  color: var(--k-ink-3);
  font-size: 11.5px;
  line-height: 1.6;
}

.ai-def b {
  color: var(--k-ink-2);
  font-weight: 600;
}

.ai-mtag {
  background: var(--k-hover);
  border: 1px solid var(--k-hairline);
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.ai-gtag {
  background: var(--k-hover);
  color: var(--k-ink-2);
  border-radius: 5px;
  margin: 0 3px 3px 0;
  padding: 2px 7px;
  font-size: 10px;
  display: inline-block;
}

.ai-exprow {
  background: var(--k-sunken);
}

.ai-tabs {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  border-radius: 11px;
  gap: 4px;
  width: fit-content;
  padding: 4px;
  display: inline-flex;
}

.ai-tab {
  border-radius: var(--k-r-sm);
  color: var(--k-ink-3);
  cursor: pointer;
  white-space: nowrap;
  padding: 8px 15px;
  font-size: 12.5px;
  font-weight: 600;
  transition: all .15s;
}

.ai-tab.ai-on {
  background: var(--k-hover);
  color: var(--k-ink-1);
  box-shadow: var(--glass-base-shadow);
}

.ai-tab:hover:not(.ai-on) {
  color: var(--k-ink-2);
}

@media (max-width: 760px) {
  [data-portal="ops"] [data-slot="card"]:has(.ai-tbl), [data-portal="ops"] .ai-glass-card:has(.ai-tbl) {
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: none;
    border: none;
    padding: 0;
    overflow: visible;
  }

  .ai-tbl thead {
    display: none;
  }

  .ai-tbl, .ai-tbl tbody, .ai-tbl tr, .ai-tbl td {
    width: 100%;
    display: block;
  }

  .ai-tbl tr {
    border: 1px solid var(--k-hairline);
    background: var(--glass-pane-bg);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-color: var(--glass-border);
    border-radius: var(--k-r-md);
    box-shadow: var(--glass-base-shadow);
    margin-bottom: 10px;
    padding: 6px 16px;
  }

  .ai-tbl td {
    border-bottom: 1px solid var(--k-hairline);
    text-align: right;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 10px 0;
    display: flex;
  }

  .ai-tbl tr td:last-child {
    border-bottom: none;
  }

  .ai-tbl td[data-label]:before {
    content: attr(data-label);
    font-family: var(--font-body, var(--k-font));
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--k-ink-3);
    text-align: left;
    flex: none;
    font-size: .625rem;
    font-weight: 600;
  }

  .ai-tbl td:empty {
    display: none;
  }
}

.sc-topnav {
  top: var(--uo-chrome-h, 0px);
  z-index: 45;
  border-bottom: 1px solid var(--k-hairline);
  background: var(--glass-raised-bg);
  height: 58px;
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-raised-shadow);
  align-items: center;
  gap: 6px;
  padding: 0 24px;
  display: flex;
  position: sticky;
}

.sc-topnav-right {
  align-items: center;
  gap: 9px;
  margin-left: auto;
  display: flex;
}

.sc-icon-btn {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  width: 38px;
  height: 38px;
  color: var(--k-ink-1);
  border-radius: 10px;
  place-items: center;
  transition: all .18s;
  display: grid;
  position: relative;
}

.sc-icon-btn:hover {
  border-color: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-icon-btn:hover {
    border-color: color-mix(in oklab, var(--k-accent) 40%, transparent);
  }
}

.sc-icon-btn:hover {
  background: var(--k-hover);
}

.sc-icon-btn svg {
  width: 18px;
  height: 18px;
}

.sc-icon-btn .sc-dot {
  background: var(--k-accent);
  border: 2px solid var(--k-bg);
  border-radius: 99px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 7px;
  right: 8px;
}

.sc-payout-chip {
  background: var(--k-positive);
  border-radius: 99px;
  align-items: center;
  gap: 8px;
  padding: 7px 13px;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-payout-chip {
    background: color-mix(in oklab, var(--k-positive) 12%, transparent);
  }
}

.sc-payout-chip {
  border: 1px solid var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-payout-chip {
    border: 1px solid color-mix(in oklab, var(--k-positive) 30%, transparent);
  }
}

.sc-payout-chip {
  color: var(--k-positive);
  cursor: pointer;
  font-size: 12.5px;
  font-weight: 600;
}

.sc-payout-chip svg {
  width: 14px;
  height: 14px;
}

[data-portal="ops"] .sc-shell .ai-topbar {
  top: calc(var(--uo-chrome-h, 0px)  + 58px);
}

.sc-steps {
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0;
  display: flex;
}

.sc-step {
  cursor: pointer;
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 200px;
  display: flex;
}

.sc-step-sep {
  background: var(--k-hairline);
  width: 1px;
  margin: 4px 18px;
}

.sc-stepdot {
  width: 26px;
  height: 26px;
  font-family: var(--font-mono, var(--k-font-num));
  background: var(--k-hover);
  color: var(--k-ink-3);
  border: 1px solid var(--k-hairline);
  border-radius: 99px;
  flex: none;
  place-items: center;
  font-size: 12px;
  font-weight: 700;
  display: grid;
}

.sc-stepdot.sc-on {
  background: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-stepdot.sc-on {
    background: color-mix(in oklab, var(--k-accent) 14%, transparent);
  }
}

.sc-stepdot.sc-on {
  color: var(--k-accent);
  border-color: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-stepdot.sc-on {
    border-color: color-mix(in oklab, var(--k-accent) 40%, transparent);
  }
}

.sc-ac-ic {
  border-radius: 11px;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.sc-ac-ic svg {
  width: 20px;
  height: 20px;
}

.sc-ac-ic.sc-red {
  background: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-ac-ic.sc-red {
    background: color-mix(in oklab, var(--k-accent) 14%, transparent);
  }
}

.sc-ac-ic.sc-red {
  color: var(--k-negative);
}

.sc-ac-ic.sc-amber {
  background: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-ac-ic.sc-amber {
    background: color-mix(in oklab, var(--k-attention) 14%, transparent);
  }
}

.sc-ac-ic.sc-amber {
  color: var(--k-attention);
}

.sc-ac-ic.sc-green {
  background: var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-ac-ic.sc-green {
    background: color-mix(in oklab, var(--k-positive) 14%, transparent);
  }
}

.sc-ac-ic.sc-green {
  color: var(--k-positive);
}

.sc-ac-ic.sc-blue {
  background: var(--k-info);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-ac-ic.sc-blue {
    background: color-mix(in oklab, var(--k-info) 14%, transparent);
  }
}

.sc-ac-ic.sc-blue {
  color: var(--k-info);
}

.sc-ac-body {
  flex: 1;
  min-width: 0;
}

.sc-ac-kicker {
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 600;
}

.sc-ac-kicker.sc-red {
  color: var(--k-negative);
}

.sc-ac-kicker.sc-amber {
  color: var(--k-attention);
}

.sc-ac-kicker.sc-green {
  color: var(--k-positive);
}

.sc-ac-kicker.sc-blue {
  color: var(--k-info);
}

.sc-ac-title {
  font-family: var(--font-display, var(--k-font));
  letter-spacing: -.012em;
  color: var(--k-ink-1);
  margin-bottom: 4px;
  font-size: 15.5px;
  font-weight: 600;
}

.sc-ac-body-text {
  color: var(--k-ink-3);
  font-size: 13px;
  line-height: 1.55;
}

.sc-ac-actions {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 13px;
  display: flex;
}

.sc-player-wrap {
  border: 1px solid var(--k-hairline);
  background: var(--k-sunken);
  border-radius: 10px;
  flex: 1;
  overflow: hidden;
}

.sc-player-wrap iframe {
  filter: invert(.92) hue-rotate(180deg) saturate(1.15);
  width: 100%;
  display: block;
}

.sc-dlg {
  grid-template-columns: minmax(0, 1fr);
}

.sc-dlg > *, .sc-dlg > [style*="display: contents"] > * {
  min-width: 0;
}

.sc-dlg > [data-slot="dialog-header"], .sc-dlg > [style*="display: contents"] > [data-slot="dialog-header"] {
  padding-right: 56px;
}

.sc-check3 {
  letter-spacing: .02em;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.sc-check3.sc-ok {
  color: var(--k-positive);
  border: 1px solid var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-check3.sc-ok {
    border: 1px solid color-mix(in oklab, var(--k-positive) 35%, transparent);
  }
}

.sc-check3.sc-ok {
  background: var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-check3.sc-ok {
    background: color-mix(in oklab, var(--k-positive) 8%, transparent);
  }
}

.sc-check3.sc-no {
  color: var(--k-negative);
  border: 1px solid var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-check3.sc-no {
    border: 1px solid color-mix(in oklab, var(--k-accent) 40%, transparent);
  }
}

.sc-check3.sc-no {
  background: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-check3.sc-no {
    background: color-mix(in oklab, var(--k-accent) 8%, transparent);
  }
}

.sc-scorechip {
  font-family: var(--font-mono, var(--k-font-num));
  letter-spacing: -.01em;
  font-weight: 700;
}

.sc-scorechip.sc-hi {
  color: var(--k-positive);
}

.sc-scorechip.sc-mid {
  color: var(--k-attention);
}

.sc-scorechip.sc-lo {
  color: var(--k-negative);
}

.sc-ready-row {
  color: var(--k-ink-2);
  align-items: center;
  gap: 10px;
  font-size: 12.5px;
  display: flex;
}

.sc-ric {
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 20px;
  height: 20px;
  display: grid;
}

.sc-ric svg {
  width: 12px;
  height: 12px;
}

.sc-ric.sc-ok {
  background: var(--k-positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-ric.sc-ok {
    background: color-mix(in oklab, var(--k-positive) 14%, transparent);
  }
}

.sc-ric.sc-ok {
  color: var(--k-positive);
}

.sc-ric.sc-no {
  background: var(--k-attention);
}

@supports (color: color-mix(in lab, red, red)) {
  .sc-ric.sc-no {
    background: color-mix(in oklab, var(--k-attention) 16%, transparent);
  }
}

.sc-ric.sc-no {
  color: var(--k-attention);
}

[data-portal="ops"], [data-portal="ops"] input, [data-portal="ops"] textarea, [data-portal="ops"] select {
  color: var(--k-ink-1);
  color-scheme: dark;
}

.sc-shell {
  color-scheme: dark;
}

[data-portal="ops"] .ai-glass-card:has([data-ss-open="true"]), [data-portal="ops"] div:has( > [data-ss-open="true"]) {
  z-index: 45;
  position: relative;
}

.sc-status-trigger {
  height: 22px !important;
  min-height: 0 !important;
  box-shadow: none !important;
  gap: 4px !important;
  padding: 0 8px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
}

.sc-status-trigger:focus, .sc-status-trigger:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}

.sc-status-trigger > svg {
  opacity: .55;
  width: 11px !important;
  height: 11px !important;
}

#scm-history div:has( > table) {
  border-color: var(--k-hairline-2);
  background-image: linear-gradient(0deg, #00000038, #00000038);
  box-shadow: 0 1px 2px #0003, 0 10px 28px -18px #0000008c;
}

#scm-history thead tr {
  background-color: #ffffff12;
}

#scm-history thead th {
  letter-spacing: .07em;
  text-transform: uppercase;
  background-image: linear-gradient(#ffffff1a 0, #ffffff0b 100%);
}

#scm-history tbody tr {
  transition: background-color var(--k-dur-fast, .12s) var(--k-ease, ease);
}

#scm-history tbody tr:hover {
  background-color: #ffffff08;
}

#scm-history tbody tr:hover > td:first-child {
  box-shadow: inset 2px 0 0 0 var(--k-accent);
}

#scm-history tbody td:last-child {
  font-family: var(--k-font-num);
}


.ugc-report {
  color-scheme: dark;
  --report-max: 1120px;
  --gutter: 24px;
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 96px;
  --rhythm-major: 44px;
  --rhythm-minor: 24px;
  --gap-head: 16px;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-num: "SF Mono", ui-monospace, Menlo, monospace;
  --t-display: clamp(60px, 12vw, 104px);
  --t-metric-xl: clamp(30px, 6vw, 40px);
  --t-metric: 24px;
  --t-metric-sm: 17px;
  --t-title-page: clamp(28px, 6vw, 38px);
  --t-title-section: 18px;
  --t-body: 15px;
  --t-meta: 13px;
  --t-label: 12px;
  --t-claim: clamp(16px, 3.4vw, 19px);
  --t-lede: clamp(18px, 3.8vw, 23px);
  --w-display: 680;
  --w-metric: 640;
  --w-title: 680;
  --w-section: 620;
  --w-label: 560;
  --w-body: 400;
  --ink-1: #f4f3f1;
  --ink-2: #a8acb4;
  --ink-3: #7e838f;
  --bg: #0b0c0f;
  --raised: #14161b;
  --sunken: #ffffff06;
  --hover: #ffffff0d;
  --hairline: #ffffff14;
  --hairline-2: #ffffff24;
  --accent: #ef2c2c;
  --s-views: #e7c873;
  --s-likes: #e97bb8;
  --s-comments: #58c8e0;
  --s-shares: #b98cf0;
  --s-creates: #8fcb7f;
  --series: var(--s-views);
  --positive: var(--k-positive);
  --negative: var(--k-negative);
  --neutral: #ffffff47;
  --spotify: #1db954;
  --soundcloud: #f50;
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 20px;
  --shadow-hero: 0 1px 0 #ffffff0a inset, 0 24px 48px -24px #0009;
  --chart-ink: #ffffff6b;
  --chart-grid: #ffffff0d;
  --chart-baseline: #ffffff6b;
  --chart-band: #ffffff09;
  --chart-ar: 1.6;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur-fast: .12s;
  --dur: .22s;
  --dur-slow: .7s;
  --header-h: 52px;
  --ctl-h: 34px;
  --ctl-h-sm: 28px;
  --box-sm: 22px;
  --box-md: 26px;
  --box-lg: 30px;
  --dot: 6px;
  --ico-sm: 13px;
  --ico-md: 15px;
  --hair: 1px;
  --art: 56px;
  --card-foot: 78px;
  --meter-h: 6px;
}

@media (min-width: 600px) {
  .ugc-report {
    --art: 72px;
    --gutter: 32px;
    --rhythm-major: 48px;
    --rhythm-minor: 28px;
    --chart-ar: 2.2;
  }
}

@media (min-width: 1024px) {
  .ugc-report {
    --card-foot: 84px;
    --gutter: 40px;
    --rhythm-major: 64px;
    --rhythm-minor: 32px;
    --gap-head: 20px;
    --chart-ar: 3.9;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ugc-report {
    --dur-fast: 1ms;
    --dur: 1ms;
    --dur-slow: 1ms;
  }
}

.ugc-report, .ugc-report.ugc-ops-portal {
  --text-primary: 40 10% 96%;
  --text-secondary: 220 7% 68%;
  --text-tertiary: 222 8% 53%;
}

.ugc-report [data-slot="card-title"] {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: none;
}

.ugc-report {
  color: var(--ink-1);
  font-family: var(--font);
  font-size: var(--t-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern", "liga";
  background: none;
  line-height: 1.55;
}

.ugc-report a {
  color: inherit;
  text-decoration: none;
}

.ugc-report button, .ugc-report select, .ugc-report input {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
}

.ugc-report button {
  cursor: pointer;
}

.ugc-report svg {
  display: block;
}

.ugc-report .sr {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.ugc-report :is(a, button, select, summary, input, [tabindex]):focus-visible {
  outline: 2px solid var(--ink-1);
  outline-offset: 3px;
  border-radius: var(--r-xs);
}

.ugc-report .wrap {
  width: 100%;
  max-width: calc(var(--report-max)  + var(--gutter) * 2);
  padding-inline: var(--gutter);
  margin-inline: auto;
}

.ugc-report .topbar {
  z-index: 20;
  height: var(--header-h);
  background: var(--glass-raised-bg);
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  border-bottom: 1px solid #0000;
  border-color: var(--glass-border);
  box-shadow: var(--glass-raised-shadow);
  transition: border-color var(--dur) var(--ease);
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.ugc-report .topbar[data-scrolled="true"] {
  border-bottom-color: var(--hairline);
}

.ugc-report .topbar .wrap {
  align-items: center;
  gap: var(--s3);
  display: flex;
}

.ugc-report .topbar-name {
  font-size: var(--t-meta);
  font-weight: var(--w-section);
  color: var(--ink-2);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ugc-report .topbar-right {
  align-items: center;
  gap: var(--s3);
  flex: none;
  margin-left: auto;
  display: flex;
}

.ugc-report .logo {
  flex: none;
  width: auto;
  height: 26px;
  display: block;
}

@media (min-width: 600px) {
  .ugc-report .logo {
    height: 28px;
  }
}

.ugc-report .logo-foot {
  height: 30px;
}

.ugc-report .topbar-sep {
  background: var(--hairline-2);
  flex: none;
  width: 1px;
  height: 14px;
}

@media (max-width: 479px) {
  .ugc-report .topbar-sep {
    display: none;
  }

  .ugc-report .logo {
    height: 24px;
  }
}

.ugc-report main {
  padding-bottom: var(--s9);
  flex-direction: column;
  display: flex;
}

.ugc-report .act {
  margin-top: var(--rhythm-major);
}

.ugc-report .beat {
  margin-top: var(--rhythm-minor);
}

.ugc-report .ruled {
  padding-top: var(--s5);
  border-top: 1px solid var(--hairline);
}

.ugc-report .head {
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--s3) var(--s5);
  margin-bottom: var(--gap-head);
  flex-wrap: wrap;
  display: flex;
}

.ugc-report .head-t {
  font-size: var(--t-title-section);
  font-weight: var(--w-section);
  letter-spacing: -.012em;
  color: var(--ink-1);
  line-height: 1.25;
}

.ugc-report .head-s {
  margin-top: var(--s1);
  font-size: var(--t-meta);
  font-weight: var(--w-body);
  letter-spacing: 0;
  color: var(--ink-3);
  max-width: 62ch;
  display: block;
}

.ugc-report .head-a {
  align-items: center;
  gap: var(--s2) var(--s4);
  flex-wrap: wrap;
  min-width: 0;
  display: flex;
}

@media (max-width: 599px) {
  .ugc-report .head {
    align-items: stretch;
    gap: var(--s3);
    flex-direction: column;
  }

  .ugc-report .head-a {
    justify-content: flex-start;
  }

  .ugc-report .head-a .coverage {
    order: 3;
  }
}

.ugc-report .display {
  font-size: var(--t-display);
  font-weight: var(--w-display);
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
  line-height: .88;
}

.ugc-report .m-xl {
  font-size: var(--t-metric-xl);
  font-weight: var(--w-metric);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  line-height: 1.05;
}

.ugc-report .m {
  font-size: var(--t-metric);
  font-weight: var(--w-metric);
  letter-spacing: -.022em;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}

.ugc-report .m-sm {
  font-size: var(--t-metric-sm);
  letter-spacing: -.015em;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  line-height: 1.2;
}

.ugc-report h1.title {
  font-size: var(--t-title-page);
  font-weight: var(--w-title);
  letter-spacing: -.03em;
  text-wrap: balance;
  line-height: 1.06;
}

.ugc-report .eyebrow {
  font-size: 11px;
  font-weight: var(--w-label);
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--ink-3);
}

.ugc-report .label {
  font-size: var(--t-label);
  font-weight: var(--w-label);
  color: var(--ink-3);
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.35;
}

.ugc-report .body {
  font-size: var(--t-body);
  color: var(--ink-2);
}

.ugc-report .meta {
  font-size: var(--t-meta);
  color: var(--ink-3);
  line-height: 1.5;
}

.ugc-report .num {
  font-variant-numeric: tabular-nums;
}

.ugc-report .pos {
  color: var(--positive);
}

.ugc-report .neg {
  color: var(--negative);
}

.ugc-report .ink1 {
  color: var(--ink-1);
}

.ugc-report .identity {
  column-gap: var(--s4);
  padding-top: var(--s6);
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  display: grid;
}

@media (min-width: 600px) {
  .ugc-report .identity {
    column-gap: var(--s5);
  }
}

.ugc-report .art {
  width: var(--art);
  height: var(--art);
  border-radius: var(--r-md);
  background: var(--raised);
  flex: none;
  position: relative;
  overflow: hidden;
}

.ugc-report .art img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ugc-report .art-mono {
  background: var(--raised);
  box-shadow: inset 0 0 0 1px var(--hairline);
  letter-spacing: -.04em;
  color: var(--ink-3);
  place-items: center;
  font-size: 20px;
  font-weight: 700;
  display: grid;
  position: absolute;
  inset: 0;
}

@media (min-width: 600px) {
  .ugc-report .art-mono {
    font-size: 24px;
  }
}

.ugc-report .identity-meta {
  align-items: center;
  gap: var(--s2) var(--s3);
  margin-top: var(--s3);
  font-size: var(--t-meta);
  color: var(--ink-3);
  flex-wrap: wrap;
  display: flex;
}

.ugc-report .identity-meta .sep {
  width: var(--hair);
  background: var(--hairline-2);
  flex: none;
  height: 11px;
}

@media (max-width: 599px) {
  .ugc-report .identity-meta {
    gap: var(--s1) var(--s4);
  }

  .ugc-report .identity-meta .sep {
    display: none;
  }
}

.ugc-report .status {
  align-items: center;
  gap: var(--s2);
  color: var(--ink-2);
  white-space: nowrap;
  display: inline-flex;
}

.ugc-report .status i {
  width: var(--dot);
  height: var(--dot);
  background: currentColor;
  border-radius: 999px;
  flex: none;
}

.ugc-report .status.live {
  color: var(--positive);
}

.ugc-report .status.live i {
  box-shadow: 0 0 0 3px var(--positive);
}

@supports (color: color-mix(in lab, red, red)) {
  .ugc-report .status.live i {
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--positive) 18%, transparent);
  }
}

.ugc-report .panel {
  background: var(--glass-base-bg);
  -webkit-backdrop-filter: var(--glass-base-filter);
  backdrop-filter: var(--glass-base-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-base-shadow);
  border-radius: var(--r-lg);
  padding: var(--s5);
}

@media (min-width: 600px) {
  .ugc-report .panel {
    padding: var(--s6);
  }
}

@media (min-width: 1024px) {
  .ugc-report .panel {
    padding: var(--s7);
  }
}

.ugc-report .hero {
  gap: var(--s6);
  display: grid;
}

@media (min-width: 900px) {
  .ugc-report .hero {
    gap: var(--s7);
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: end;
  }
}

.ugc-report .hero-verdict {
  align-items: center;
  gap: var(--s2);
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--positive);
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.ugc-report .hero-verdict.under {
  color: var(--ink-3);
}

.ugc-report .hero-verdict svg {
  width: var(--ico-sm);
  height: var(--ico-sm);
}

.ugc-report .hero-figure {
  margin-top: var(--s3);
}

.ugc-report .hero-unit {
  margin-top: var(--s3);
  font-size: var(--t-body);
  color: var(--ink-2);
}

.ugc-report .hero-claim {
  margin-top: var(--s4);
  font-size: var(--t-claim);
  letter-spacing: -.012em;
  color: var(--ink-2);
  text-wrap: balance;
  max-width: 34ch;
  font-weight: 500;
  line-height: 1.45;
}

.ugc-report .hero-claim b {
  color: var(--positive);
  font-weight: 600;
}

.ugc-report .hero-claim.under b {
  color: var(--ink-1);
}

.ugc-report .figrow {
  margin-top: var(--s6);
  border-top: 1px solid var(--hairline);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 720px) {
  .ugc-report .figrow {
    grid-template-columns: repeat(var(--figrow-cols, 4), minmax(0, 1fr));
  }
}

.ugc-report .figrow > * {
  padding: var(--s4) var(--s3) 0 0;
  min-width: 0;
}

.ugc-report .figrow > :nth-child(2n) {
  padding-left: var(--s4);
  border-left: 1px solid var(--hairline);
}

@media (max-width: 719px) {
  .ugc-report .figrow > :nth-child(n+3) {
    margin-top: var(--s4);
    padding-top: var(--s4);
    border-top: 1px solid var(--hairline);
  }
}

@media (min-width: 720px) {
  .ugc-report .figrow > * + * {
    padding-left: var(--s4);
    border-left: 1px solid var(--hairline);
  }
}

.ugc-report .fig-v {
  margin-top: var(--s1);
  color: var(--ink-1);
}

.ugc-report .fig-s {
  font-size: var(--t-label);
  color: var(--ink-3);
  margin-top: 2px;
}

.ugc-report .goal {
  gap: var(--s5);
  align-content: start;
  display: grid;
}

@media (min-width: 900px) {
  .ugc-report .goal {
    padding-left: var(--s7);
    border-left: 1px solid var(--hairline);
  }
}

.ugc-report .goal-mult {
  align-items: baseline;
  gap: var(--s2);
  flex-wrap: wrap;
  display: flex;
}

.ugc-report .goal-mult .m-xl {
  color: var(--positive);
  letter-spacing: -.035em;
}

.ugc-report .goal-mult.under .m-xl {
  color: var(--ink-1);
}

.ugc-report .scale {
  height: var(--meter-h);
  background: var(--sunken);
  box-shadow: inset 0 0 0 1px var(--hairline);
  border-radius: 999px;
  position: relative;
}

.ugc-report .scale > i {
  background: linear-gradient(90deg, var(--series), var(--series));
  border-radius: 999px;
  position: absolute;
  inset: 0 auto 0 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ugc-report .scale > i {
    background: linear-gradient(90deg, color-mix(in oklab, var(--series) 50%, transparent), var(--series));
  }
}

.ugc-report .scale > i {
  transition: width var(--dur-slow) var(--ease);
}

.ugc-report .scale.met > i {
  background: linear-gradient(90deg, var(--positive), var(--positive));
}

@supports (color: color-mix(in lab, red, red)) {
  .ugc-report .scale.met > i {
    background: linear-gradient(90deg, color-mix(in oklab, var(--positive) 40%, transparent), var(--positive));
  }
}

.ugc-report .scale-mark {
  background: var(--ink-1);
  z-index: 1;
  border-radius: 999px;
  width: 2px;
  position: absolute;
  top: -4px;
  bottom: -4px;
}

.ugc-report .scale.met[data-goal="passed"] > i {
  background: linear-gradient(90deg, var(--positive) 0, var(--positive) var(--mark, 100%), var(--positive) var(--mark, 100%), var(--positive) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .ugc-report .scale.met[data-goal="passed"] > i {
    background: linear-gradient(90deg, color-mix(in oklab, var(--positive) 40%, transparent) 0, color-mix(in oklab, var(--positive) 55%, transparent) var(--mark, 100%), var(--positive) var(--mark, 100%), var(--positive) 100%);
  }
}

.ugc-report .scale.met[data-goal="passed"] .scale-mark {
  background: var(--bg);
  border-radius: 0;
  top: 0;
  bottom: 0;
}

.ugc-report .scale:not(.met)[data-goal="ahead"] .scale-mark {
  transform: translateX(-1px);
}

.ugc-report .scale-legend {
  justify-content: space-between;
  gap: var(--s3);
  margin-top: var(--s3);
  font-size: var(--t-label);
  color: var(--ink-3);
  display: flex;
}

.ugc-report .scale-legend b {
  color: var(--ink-2);
  font-weight: 550;
}

.ugc-report .pace {
  gap: var(--s4);
  padding-top: var(--s5);
  border-top: 1px solid var(--hairline);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.ugc-report .chart {
  width: 100%;
  aspect-ratio: var(--chart-ar);
  position: relative;
}

.ugc-report .chart svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.ugc-report .legend {
  align-items: center;
  gap: var(--s5);
  font-size: var(--t-label);
  color: var(--ink-3);
  flex-wrap: wrap;
  display: flex;
}

.ugc-report .legend > span {
  align-items: center;
  gap: var(--s2);
  display: inline-flex;
}

.ugc-report .key-bar {
  border-radius: var(--r-xs);
  flex: none;
  width: 8px;
  height: 11px;
}

.ugc-report .key-line {
  border-radius: var(--r-xs);
  flex: none;
  width: 14px;
  height: 2px;
}

.ugc-report .key-dash {
  border-top: 1.5px dashed;
  flex: none;
  width: 14px;
}

.ugc-report .tip {
  z-index: 5;
  min-width: 168px;
  padding: var(--s3);
  border-radius: var(--r-md);
  background: var(--glass-raised-bg);
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-raised-shadow);
  box-shadow: 0 0 0 1px var(--glass-border-strong), var(--glass-raised-shadow);
  font-size: var(--t-label);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
  position: absolute;
  transform: translateY(3px);
}

.ugc-report .tip[data-on="true"] {
  opacity: 1;
  transform: none;
}

.ugc-report .tip-h {
  color: var(--ink-1);
  padding-bottom: var(--s2);
  margin-bottom: var(--s2);
  border-bottom: 1px solid var(--hairline);
  font-weight: 600;
}

.ugc-report .tip-r {
  justify-content: space-between;
  align-items: center;
  gap: var(--s4);
  color: var(--ink-3);
  padding: 2px 0;
  display: flex;
}

.ugc-report .tip-r > span {
  align-items: center;
  gap: var(--s2);
  display: inline-flex;
}

.ugc-report .tip-r i {
  width: var(--dot);
  height: var(--dot);
  border-radius: var(--r-xs);
  flex: none;
}

.ugc-report .tip-r b {
  color: var(--ink-1);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.ugc-report .coverage {
  align-items: center;
  gap: var(--s2);
  font-size: var(--t-label);
  color: var(--ink-3);
  white-space: nowrap;
  display: inline-flex;
}

.ugc-report .coverage-bar {
  background: var(--hairline-2);
  border-radius: 999px;
  flex: none;
  width: 40px;
  height: 3px;
  overflow: hidden;
}

.ugc-report .coverage-bar > i {
  background: var(--ink-3);
  border-radius: 999px;
  height: 100%;
  display: block;
}

.ugc-report .stream-lede {
  font-size: var(--t-lede);
  letter-spacing: -.018em;
  color: var(--ink-1);
  text-wrap: balance;
  max-width: 30ch;
  font-weight: 500;
  line-height: 1.35;
}

.ugc-report .stream-sub {
  margin-top: var(--s3);
  font-size: var(--t-body);
  color: var(--ink-2);
  max-width: 58ch;
  line-height: 1.5;
}

.ugc-report .stream-figs {
  gap: var(--s5) var(--s4);
  margin-top: var(--s6);
  padding-top: var(--s5);
  border-top: 1px solid var(--hairline);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 720px) {
  .ugc-report .stream-figs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.ugc-report .phases {
  margin-top: var(--s2);
  gap: 2px;
  display: grid;
}

.ugc-report .phases-row {
  gap: 2px;
  display: flex;
}

.ugc-report .phase {
  padding-top: var(--s2);
  border-top: 1px solid var(--hairline);
  font-size: var(--t-label);
  letter-spacing: 0;
  color: var(--ink-3);
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.ugc-report .phase[data-lit="true"] {
  color: var(--ink-2);
  border-top-color: var(--hairline-2);
}

.ugc-report .split {
  gap: var(--rhythm-major);
  display: grid;
}

@media (min-width: 900px) {
  .ugc-report .split {
    gap: var(--s8);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }

  .ugc-report .split > * + * {
    padding-left: var(--s8);
    border-left: 1px solid var(--hairline);
    margin-left: calc(var(--s8) * -1);
  }
}

.ugc-report .rows > * {
  border-top: 1px solid var(--hairline);
}

.ugc-report .rows > :first-child {
  border-top: 0;
}

.ugc-report .prow {
  align-items: center;
  gap: var(--s3);
  width: 100%;
  padding: var(--s4) 0;
  text-align: left;
  transition: background var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
  grid-template-columns: auto minmax(0, 1fr) auto;
  display: grid;
}

.ugc-report button.prow:hover, .ugc-report .prow[aria-pressed="true"] {
  background: var(--hover);
  box-shadow: -10px 0 0 var(--hover), 10px 0 0 var(--hover);
}

.ugc-report .pico {
  width: var(--box-md);
  height: var(--box-md);
  border-radius: var(--r-sm);
  background: var(--sunken);
  box-shadow: inset 0 0 0 1px var(--hairline);
  color: var(--ink-2);
  flex: none;
  place-items: center;
  display: grid;
}

.ugc-report .pico svg {
  width: 14px;
  height: 14px;
}

.ugc-report .prow-name {
  font-size: var(--t-body);
  color: var(--ink-1);
  font-weight: 550;
}

.ugc-report .prow-sub {
  font-size: var(--t-label);
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  margin-top: 2px;
  margin-left: 8px;
}

.ugc-report .prow-fig {
  text-align: right;
  flex: none;
}

.ugc-report .prow-sub .best {
  color: var(--series);
  font-weight: 550;
}

.ugc-report .prow-sub .best:before {
  content: "· ";
  color: var(--ink-3);
  font-weight: var(--w-body);
}

.ugc-report .prow-share {
  font-size: var(--t-label);
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  margin-top: 3px;
}

.ugc-report .tick {
  background: var(--hairline);
  height: 2px;
  margin-top: var(--s2);
  border-radius: 999px;
  overflow: hidden;
}

.ugc-report .tick > i {
  background: var(--series);
  height: 100%;
  transition: width var(--dur-slow) var(--ease);
  border-radius: 999px;
  display: block;
}

.ugc-report .tick.muted > i {
  background: var(--neutral);
}

.ugc-report .callout {
  font-size: var(--t-body);
  color: var(--ink-2);
  max-width: 46ch;
  line-height: 1.5;
}

.ugc-report .callout b {
  color: var(--ink-1);
  font-weight: 600;
}

.ugc-report .grid:not([class*="grid-cols"]) {
  gap: var(--s3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 600px) {
  .ugc-report .grid:not([class*="grid-cols"]) {
    gap: var(--s4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .ugc-report .grid:not([class*="grid-cols"]) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.ugc-report .card {
  border-radius: var(--r-md);
  background: var(--glass-pane-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: var(--glass-border);
  transition: transform var(--dur) var(--ease), background var(--dur) var(--ease);
  border: 0;
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.ugc-report .card:hover {
  background: var(--hover);
  transform: translateY(-3px);
}

.ugc-report .media {
  aspect-ratio: 9 / 16;
  background: var(--sunken);
  position: relative;
  overflow: hidden;
}

.ugc-report .media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform var(--dur-slow) var(--ease);
}

.ugc-report .card:hover .media img {
  transform: scale(1.035);
}

.ugc-report .media-ph {
  color: var(--ink-3);
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.ugc-report .media-ph svg {
  opacity: .4;
  width: 22px;
  height: 22px;
}

.ugc-report .media .art-mono {
  font-size: 28px;
}

.ugc-report .media:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(to top, #000000bd, #0000);
  height: 46%;
  position: absolute;
  inset: auto 0 0;
}

.ugc-report .media-views {
  left: var(--s3);
  bottom: var(--s2);
  z-index: 1;
  font-size: var(--t-metric-sm);
  letter-spacing: -.02em;
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  position: absolute;
}

.ugc-report .media-views small {
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .7;
  margin-top: -2px;
  font-size: 11px;
  font-weight: 500;
  display: block;
}

.ugc-report .media-plat {
  right: var(--s2);
  top: var(--s2);
  z-index: 1;
  width: var(--box-sm);
  height: var(--box-sm);
  border-radius: var(--r-sm);
  color: #ffffffe6;
  background: #0000006b;
  place-items: center;
  display: grid;
  position: absolute;
}

.ugc-report .media-plat svg {
  width: 12px;
  height: 12px;
}

.ugc-report .rank {
  left: var(--s2);
  top: var(--s2);
  z-index: 1;
  border-radius: var(--r-xs);
  color: #fff;
  font-variant-numeric: tabular-nums;
  background: #00000080;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding-inline: 5px;
  font-size: 11px;
  font-weight: 700;
  display: grid;
  position: absolute;
}

.ugc-report .card-foot {
  height: var(--card-foot);
  padding: var(--s3);
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  display: flex;
}

.ugc-report .card-top {
  align-items: baseline;
  gap: var(--s2);
  min-width: 0;
  display: flex;
}

.ugc-report .card-who {
  font-size: var(--t-meta);
  color: var(--ink-1);
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font-weight: 550;
  overflow: hidden;
}

.ugc-report .card-who.code {
  font-family: var(--font-num);
  font-size: var(--t-label);
  font-weight: var(--w-body);
  color: var(--ink-3);
  letter-spacing: -.01em;
}

.ugc-report .card-who.anon {
  font-size: var(--t-label);
  font-weight: var(--w-body);
  color: var(--ink-3);
  font-style: italic;
}

.ugc-report .card-date {
  font-size: var(--t-label);
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  flex: none;
  margin-left: auto;
}

.ugc-report .card-eng {
  align-items: center;
  gap: var(--s3);
  font-size: var(--t-label);
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
  display: flex;
  overflow: hidden;
}

.ugc-report .card-eng > span {
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.ugc-report .card-eng svg {
  width: 12px;
  height: 12px;
  color: var(--ink-3);
  flex: none;
}

.ugc-report .card-rate {
  font-size: var(--t-label);
  color: var(--ink-3);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-variant-numeric: tabular-nums;
  overflow: hidden;
}

.ugc-report .media-play {
  z-index: 1;
  color: #fff;
  pointer-events: none;
  width: 44px;
  height: 44px;
  transition: transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);
  background: #0000008c;
  border: 1.5px solid #ffffffe6;
  border-radius: 999px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ugc-report .media-play svg {
  width: 20px;
  height: 20px;
  margin-left: 2px;
}

.ugc-report .card:hover .media-play {
  background: #000000b8;
  transform: translate(-50%, -50%)scale(1.08);
}

.ugc-report .card.is-playing {
  cursor: default;
}

.ugc-report .card.is-playing .media {
  background: #000;
}

.ugc-report .card.is-playing .media:after {
  content: none;
}

.ugc-report .card.is-playing .media .rank {
  z-index: 2;
  cursor: pointer;
  text-decoration: none;
}

.ugc-report .card.is-playing .card-eng a {
  color: var(--ink-2);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.ugc-report .btn {
  justify-content: center;
  align-items: center;
  gap: var(--s2);
  height: var(--ctl-h);
  padding-inline: var(--s3);
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--hairline);
  color: var(--ink-2);
  font-size: var(--t-label);
  white-space: nowrap;
  transition: box-shadow var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);
  font-weight: 550;
  display: inline-flex;
}

.ugc-report .btn:hover {
  color: var(--ink-1);
  background: var(--hover);
  box-shadow: inset 0 0 0 1px var(--hairline-2);
}

.ugc-report .btn svg {
  width: var(--ico-sm);
  height: var(--ico-sm);
}

.ugc-report .btn-lg {
  width: 100%;
  height: 46px;
  padding-inline: var(--s5);
  font-size: var(--t-body);
  justify-content: space-between;
}

.ugc-report .btn-lg svg {
  width: var(--ico-md);
  height: var(--ico-md);
}

.ugc-report .seg {
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--hairline);
  gap: 2px;
  padding: 2px;
  display: inline-flex;
}

.ugc-report .seg button {
  height: var(--ctl-h-sm);
  padding-inline: var(--s3);
  border-radius: var(--r-xs);
  font-size: var(--t-label);
  color: var(--ink-3);
  transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
  font-weight: 550;
}

.ugc-report .seg button:hover:not(:disabled) {
  color: var(--ink-2);
}

.ugc-report .seg button[aria-pressed="true"], .ugc-report .seg button[aria-selected="true"] {
  background: var(--hover);
  color: var(--ink-1);
}

.ugc-report .seg button:disabled {
  opacity: .35;
  cursor: default;
}

.ugc-report[data-portal="ugc-report"] .seg a[role="tab"] {
  height: var(--ctl-h-sm);
  padding-inline: var(--s3);
  border-radius: var(--r-xs);
  font-size: var(--t-label);
  color: var(--ink-3);
  transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
  align-items: center;
  font-weight: 550;
  display: inline-flex;
}

.ugc-report[data-portal="ugc-report"] .seg a[role="tab"]:hover {
  color: var(--ink-2);
}

.ugc-report[data-portal="ugc-report"] .seg a[role="tab"][aria-selected="true"] {
  background: var(--hover);
  color: var(--ink-1);
}

.ugc-report .menu {
  position: relative;
}

.ugc-report .menu-btn {
  align-items: center;
  gap: var(--s2);
  height: var(--ctl-h);
  padding-inline: var(--s3);
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--hairline);
  color: var(--ink-2);
  font-size: var(--t-label);
  white-space: nowrap;
  transition: box-shadow var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);
  font-weight: 550;
  display: inline-flex;
}

.ugc-report .menu-btn:hover, .ugc-report .menu[data-open="true"] .menu-btn {
  color: var(--ink-1);
  background: var(--hover);
  box-shadow: inset 0 0 0 1px var(--hairline-2);
}

.ugc-report .menu-caret {
  opacity: .7;
  width: 5px;
  height: 5px;
  transition: transform var(--dur-fast) var(--ease);
  border-bottom: 1.5px solid;
  border-right: 1.5px solid;
  flex: none;
  transform: rotate(45deg)translateY(-2px);
}

.ugc-report .menu[data-open="true"] .menu-caret {
  transform: rotate(225deg)translateY(-1px);
}

.ugc-report .menu-list {
  z-index: 10;
  min-width: 100%;
  max-height: 280px;
  padding: var(--s1);
  border-radius: var(--r-md);
  background: var(--glass-raised-bg);
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-raised-shadow);
  box-shadow: 0 0 0 1px var(--glass-border-strong), var(--glass-raised-shadow);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
  margin: 0;
  list-style: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  overflow-y: auto;
  transform: translateY(-4px);
}

.ugc-report .menu[data-open="true"] .menu-list {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.ugc-report .menu-list li {
  align-items: center;
  gap: var(--s2);
  padding: var(--s2) var(--s3);
  border-radius: var(--r-xs);
  font-size: var(--t-label);
  color: var(--ink-2);
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: flex;
}

.ugc-report .menu-list li:hover, .ugc-report .menu-list li:focus-visible {
  background: var(--hover);
  color: var(--ink-1);
}

.ugc-report .menu-list li[aria-selected="true"] {
  color: var(--ink-1);
  font-weight: 600;
}

.ugc-report .menu-list li[aria-selected="true"]:before {
  content: "";
  background: var(--series);
  border-radius: 999px;
  flex: none;
  align-self: stretch;
  width: 2px;
  margin-right: 2px;
}

.ugc-report .menu-list li:not([aria-selected="true"]):before {
  content: "";
  flex: none;
  width: 2px;
  margin-right: 2px;
}

.ugc-report .ctrls {
  justify-content: space-between;
  align-items: center;
  gap: var(--s3) var(--s5);
  margin-bottom: var(--s4);
  flex-wrap: wrap;
  display: flex;
}

.ugc-report .chips {
  gap: var(--s1);
  flex-wrap: wrap;
  display: flex;
}

.ugc-report .chip {
  height: var(--ctl-h-sm);
  padding-inline: var(--s3);
  border-radius: var(--r-sm);
  font-size: var(--t-label);
  color: var(--ink-3);
  transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
  align-items: center;
  gap: var(--s2);
  font-weight: 550;
  display: inline-flex;
}

.ugc-report .chip:hover {
  color: var(--ink-2);
  background: var(--hover);
}

.ugc-report .chip[aria-pressed="true"] {
  color: var(--ink-1);
  background: var(--hover);
  box-shadow: inset 0 0 0 1px var(--hairline);
}

.ugc-report .chip svg {
  width: var(--ico-sm);
  height: var(--ico-sm);
}

.ugc-report .chip .sw {
  border-radius: var(--r-xs);
  background: var(--chip-c, currentColor);
  opacity: .3;
  width: 8px;
  height: 8px;
  transition: opacity var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
  flex: none;
}

.ugc-report .chip.metric[aria-pressed="true"] {
  color: var(--ink-1);
  background: var(--hover);
  box-shadow: inset 0 0 0 1px var(--hairline);
}

.ugc-report .chip.metric[aria-pressed="true"] .sw {
  opacity: 1;
  box-shadow: 0 0 0 3px var(--chip-c);
}

@supports (color: color-mix(in lab, red, red)) {
  .ugc-report .chip.metric[aria-pressed="true"] .sw {
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--chip-c) 22%, transparent);
  }
}

.ugc-report .chip.metric:hover .sw {
  opacity: .7;
}

.ugc-report .field {
  height: var(--ctl-h);
  padding-inline: var(--s3);
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--hairline);
  color: var(--ink-1);
  font-size: var(--t-label);
  min-width: 0;
}

.ugc-report .field::placeholder {
  color: var(--ink-3);
}

.ugc-report .field:focus {
  box-shadow: inset 0 0 0 1px var(--hairline-2);
  outline: none;
}

.ugc-report .grid .kit-scroll {
  grid-column: 1 / -1;
  justify-content: center;
}

.ugc-report .scrim[data-cover="true"] {
  z-index: 59;
}

.ugc-report .scrim {
  z-index: 40;
  background: var(--glass-scrim);
  -webkit-backdrop-filter: var(--glass-scrim-filter);
  backdrop-filter: var(--glass-scrim-filter);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--dur) var(--ease);
  position: fixed;
  inset: 0;
}

.ugc-report .scrim[data-open="true"] {
  opacity: 1;
  pointer-events: auto;
}

.ugc-report .drawer {
  z-index: 41;
  background: var(--glass-overlay-bg);
  height: 92dvh;
  -webkit-backdrop-filter: var(--glass-overlay-filter);
  backdrop-filter: var(--glass-overlay-filter);
  border-color: var(--glass-border-strong);
  box-shadow: var(--glass-overlay-shadow);
  border-radius: var(--r-lg) var(--r-lg) 0 0;
  transition: transform var(--dur) var(--ease);
  flex-direction: column;
  display: flex;
  position: fixed;
  inset: auto 0 0;
  transform: translateY(101%);
}

.ugc-report .drawer[data-open="true"] {
  transform: none;
}

.ugc-report .drawer[data-cover="true"] {
  z-index: 60;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  inset: 0;
  transform: translateY(101%);
}

.ugc-report .drawer[data-cover="true"][data-open="true"] {
  transform: none;
}

.ugc-report .drawer:focus {
  outline: none;
}

@media (min-width: 900px) {
  .ugc-report .drawer:not([data-cover="true"]) {
    border-radius: var(--r-lg) 0 0 var(--r-lg);
    width: min(1000px, 92vw);
    height: 100%;
    box-shadow: -1px 0 0 var(--hairline-2), -32px 0 64px -24px #000c;
    inset: 0 0 0 auto;
    transform: translateX(101%);
  }

  .ugc-report .drawer:not([data-cover="true"])[data-open="true"], .ugc-report .drawer[data-cover="true"][data-open="true"] {
    transform: none;
  }
}

.ugc-report .drawer-head {
  padding: var(--s5);
  border-bottom: 1px solid var(--hairline);
  flex: none;
}

@media (min-width: 600px) {
  .ugc-report .drawer-head {
    padding: var(--s5) var(--s6);
  }
}

.ugc-report .drawer-tools {
  gap: var(--s2);
  margin-top: var(--s4);
  flex-wrap: wrap;
  display: flex;
}

.ugc-report .drawer-tools .field {
  flex: 150px;
}

.ugc-report .drawer-body {
  overscroll-behavior: contain;
  padding: var(--s5);
  -webkit-overflow-scrolling: touch;
  flex: auto;
  overflow-y: auto;
}

@media (min-width: 600px) {
  .ugc-report .drawer-body {
    padding: var(--s6);
  }
}

.ugc-report .drawer-close {
  width: var(--box-lg);
  height: var(--box-lg);
  border-radius: var(--r-sm);
  color: var(--ink-3);
  flex: none;
  place-items: center;
  display: grid;
}

.ugc-report .drawer-close:hover {
  color: var(--ink-1);
  background: var(--hover);
}

.ugc-report .drawer-close svg {
  width: var(--ico-md);
  height: var(--ico-md);
}

.ugc-report .method > * {
  border-top: 1px solid var(--hairline);
}

.ugc-report .mrow summary {
  align-items: baseline;
  gap: var(--s3);
  padding: var(--s4) 0;
  cursor: pointer;
  grid-template-columns: minmax(0, 1fr) auto auto;
  list-style: none;
  display: grid;
}

@media (min-width: 600px) {
  .ugc-report .mrow summary {
    grid-template-columns: 168px minmax(0, 1fr) auto;
  }
}

.ugc-report .mrow summary::-webkit-details-marker {
  display: none;
}

.ugc-report .mrow summary:hover .mrow-t {
  color: var(--ink-1);
}

.ugc-report .mrow-t {
  font-size: var(--t-body);
  color: var(--ink-2);
  transition: color var(--dur-fast) var(--ease);
  font-weight: 550;
}

.ugc-report .mrow-v {
  font-size: var(--t-meta);
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

@media (min-width: 600px) {
  .ugc-report .mrow-v {
    text-align: left;
  }
}

.ugc-report .mrow-x {
  border-right: 1.5px solid var(--ink-3);
  border-bottom: 1.5px solid var(--ink-3);
  width: 6px;
  height: 6px;
  transition: transform var(--dur-fast) var(--ease);
  flex: none;
  transform: rotate(45deg)translateY(-2px);
}

.ugc-report .mrow[open] .mrow-x {
  transform: rotate(225deg);
}

.ugc-report .mrow-body {
  padding-bottom: var(--s5);
  max-width: 66ch;
  font-size: var(--t-meta);
  color: var(--ink-3);
  line-height: 1.6;
}

@media (min-width: 600px) {
  .ugc-report .mrow-body {
    padding-left: calc(168px + var(--s3));
  }
}

.ugc-report .scrim[data-watch="true"] {
  z-index: 61;
}

.ugc-report .watch {
  z-index: 62;
  width: min(940px, calc(100vw - var(--gutter) * 2));
  background: var(--glass-overlay-bg);
  height: min(86dvh, 720px);
  -webkit-backdrop-filter: var(--glass-overlay-filter);
  backdrop-filter: var(--glass-overlay-filter);
  border-color: var(--glass-border-strong);
  box-shadow: var(--glass-overlay-shadow);
  border-radius: var(--r-lg);
  margin: auto;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.ugc-report .watch-stage {
  background: #000;
  flex: none;
  width: min(46%, 380px);
  display: flex;
}

.ugc-report .watch-stage iframe {
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.ugc-report .watch-side {
  gap: var(--s4);
  min-width: 0;
  padding: var(--s5);
  flex-direction: column;
  flex: auto;
  display: flex;
  overflow-y: auto;
}

.ugc-report .watch-head {
  align-items: flex-start;
  column-gap: var(--s3);
  padding-right: var(--s4);
  min-height: var(--box-lg);
  display: flex;
}

.ugc-report .watch-who {
  align-items: center;
  gap: var(--s3);
  min-width: 0;
  display: flex;
}

.ugc-report .watch-id {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ugc-report .watch-head .media-plat {
  flex: none;
  position: static;
}

.ugc-report .watch-head .drawer-close {
  top: var(--s2);
  right: var(--s2);
  z-index: 1;
  color: #fff;
  background: #0000008c;
  border: 1px solid #ffffff38;
  position: absolute;
}

.ugc-report .watch-head .drawer-close:hover {
  color: #fff;
  background: #000000c7;
}

.ugc-report .watch-stats {
  gap: var(--s3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.ugc-report .watch-stat {
  padding: var(--s3) var(--s4);
  border: 1px solid var(--hairline);
  border-radius: var(--r-md);
  background: var(--glass-pane-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: var(--glass-border);
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.ugc-report .watch-k {
  font-size: var(--t-meta);
  color: var(--ink-2);
}

.ugc-report .watch-v {
  font-size: var(--t-body);
  font-weight: var(--w-section);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.ugc-report .watch-rate {
  font-size: var(--t-meta);
  color: var(--ink-2);
}

.ugc-report .watch-side .btn {
  align-self: flex-start;
  margin-top: auto;
}

@media (max-width: 720px) {
  .ugc-report .watch {
    flex-direction: column;
    height: 88dvh;
  }

  .ugc-report .watch-stage {
    flex: 0 0 46%;
    width: 100%;
  }

  .ugc-report .watch-side {
    padding: var(--s4);
  }
}

.ugc-report .watch-note {
  font-size: var(--t-label);
  color: var(--ink-2);
  margin: 0;
  line-height: 1.45;
}

.ugc-report[data-portal="ugc-report"] .watch {
  width: min(720px, calc(100vw - var(--gutter) * 2));
}

@media (min-width: 721px) {
  .ugc-report[data-portal="ugc-report"] .watch-stage {
    width: min(52%, 380px);
  }
}

.ugc-report[data-portal="ugc-report"] .watch-stats {
  grid-template-columns: minmax(0, 1fr);
}

.ugc-report[data-portal="ugc-report"] .watch-who, .ugc-report[data-portal="ugc-report"] .watch-rate {
  padding: var(--s3) var(--s4);
  border: 1px solid var(--hairline);
  border-radius: var(--r-md);
  background: var(--glass-pane-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: var(--glass-border);
}

.ugc-report[data-portal="ugc-report"] .watch-who {
  flex: auto;
  min-width: 0;
}

.ugc-report[data-portal="ugc-report"] .watch-rate {
  font-size: var(--t-body);
  color: var(--ink-1);
}


.ugc-report .note {
  align-items: flex-start;
  gap: var(--s3);
  font-size: var(--t-meta);
  color: var(--ink-3);
  max-width: 72ch;
  line-height: 1.5;
  display: flex;
}

.ugc-report .note svg {
  opacity: .65;
  flex: none;
  width: 14px;
  height: 14px;
  margin-top: 2px;
}

.ugc-report .note b {
  color: var(--ink-2);
  font-weight: 550;
}

.ugc-report .blank {
  padding: var(--s8) var(--s5);
  text-align: center;
}

.ugc-report .blank-t {
  font-size: var(--t-metric-sm);
  color: var(--ink-2);
  font-weight: 600;
}

.ugc-report .blank-s {
  margin: var(--s2) auto 0;
  max-width: 42ch;
  font-size: var(--t-meta);
  color: var(--ink-3);
}

.ugc-report .skel {
  border-radius: var(--r-sm);
  background: linear-gradient(90deg, var(--sunken) 25%, var(--hover) 37%, var(--sunken) 63%);
  background-size: 400% 100%;
  animation: 1.4s ease-in-out infinite ugc-report-shimmer;
}

@keyframes ugc-report-shimmer {
  from {
    background-position: 100%;
  }

  to {
    background-position: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ugc-report .skel {
    animation: none;
  }

  .ugc-report .card:hover {
    transform: none;
  }
}

.ugc-report footer.rpt {
  justify-content: center;
  align-items: center;
  gap: var(--s3);
  margin-top: var(--rhythm-major);
  padding-top: var(--s5);
  border-top: 1px solid var(--hairline);
  font-size: var(--t-label);
  color: var(--ink-3);
  display: flex;
}

@media print {
  .ugc-report .topbar, .ugc-report .scrim, .ugc-report .drawer {
    display: none !important;
  }

  .ugc-report {
    color: #111;
    background: #fff;
  }

  .ugc-report .panel {
    box-shadow: none;
    break-inside: avoid;
    background: #fafafa;
  }
}


.op-nav {
  border: 1px solid var(--k-hairline);
  background: var(--glass-raised-bg);
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-raised-shadow);
  scrollbar-width: none;
  border-radius: 14px;
  align-items: center;
  gap: 4px;
  padding: 4px;
  display: flex;
  overflow: auto hidden;
}

.op-nav::-webkit-scrollbar {
  display: none;
}

.op-nav-tab {
  letter-spacing: .01em;
  color: var(--k-ink-2);
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: background .16s, color .16s, border-color .16s;
  display: inline-flex;
}

.op-nav-tab:hover {
  background: var(--k-hover);
  color: var(--k-ink-1);
}

.op-nav-tab[data-active="true"] {
  background: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .op-nav-tab[data-active="true"] {
    background: color-mix(in oklab, var(--k-accent) 16%, transparent);
  }
}

.op-nav-tab[data-active="true"] {
  border-color: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .op-nav-tab[data-active="true"] {
    border-color: color-mix(in oklab, var(--k-accent) 35%, transparent);
  }
}

.op-nav-tab[data-active="true"] {
  color: var(--k-ink-1);
  box-shadow: 0 0 18px var(--k-accent) inset;
}

@supports (color: color-mix(in lab, red, red)) {
  .op-nav-tab[data-active="true"] {
    box-shadow: 0 0 18px color-mix(in oklab, var(--k-accent) 18%, transparent) inset;
  }
}

.op-nav-count {
  background: var(--k-accent);
  color: #fff;
  min-width: 20px;
  height: 18px;
  font-family: var(--font-mono, var(--k-font-num));
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.op-nav-tab .op-nav-count[data-zero="true"] {
  background: var(--k-hover);
  color: var(--k-ink-3);
}

.op-kpis {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
  display: grid;
}

.op-pipeline {
  flex-wrap: wrap;
  align-items: stretch;
  gap: 6px;
  display: flex;
}

.op-stage {
  text-align: center;
  border: 1px solid var(--k-hairline);
  background: var(--glass-pane-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: var(--glass-border);
  border-radius: 12px;
  flex: 110px;
  min-width: 110px;
  padding: 12px 10px;
}

.op-stage-val {
  font-family: var(--font-mono, var(--k-font-num));
  color: var(--k-ink-1);
  font-variant-numeric: tabular-nums;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
}

.op-stage-label {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--k-ink-3);
  margin-top: 4px;
  font-size: 10px;
  font-weight: 600;
}

.op-stage--alert .op-stage-val {
  color: var(--k-accent);
}

.op-stage--ok .op-stage-val {
  color: var(--k-positive);
}

.op-stage-arrow {
  color: var(--k-ink-3);
  -webkit-user-select: none;
  user-select: none;
  align-self: center;
  padding: 0 2px;
  font-size: 14px;
}

.op-queue {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
  display: grid;
}

.op-action-count {
  font-family: var(--font-mono, var(--k-font-num));
  font-variant-numeric: tabular-nums;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

.op-subtabs {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.op-subtab {
  border: 1px solid var(--k-hairline);
  background: var(--k-sunken);
  color: var(--k-ink-2);
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  transition: background .14s, color .14s, border-color .14s;
  display: inline-flex;
}

.op-subtab:hover {
  color: var(--k-ink-1);
  background: var(--k-hover);
}

.op-subtab[data-active="true"] {
  background: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .op-subtab[data-active="true"] {
    background: color-mix(in oklab, var(--k-accent) 16%, transparent);
  }
}

.op-subtab[data-active="true"] {
  border-color: var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .op-subtab[data-active="true"] {
    border-color: color-mix(in oklab, var(--k-accent) 35%, transparent);
  }
}

.op-subtab[data-active="true"] {
  color: var(--k-ink-1);
}

.op-digest {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
  display: grid;
}

.op-digest-row {
  border-bottom: 1px solid var(--k-hairline);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 2px;
  font-size: 13px;
  display: flex;
}

.op-digest-row:last-child {
  border-bottom: 0;
}

.op-digest-name {
  color: var(--k-ink-1);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.op-digest-val {
  font-family: var(--font-mono, var(--k-font-num));
  font-variant-numeric: tabular-nums;
  color: var(--k-ink-2);
  flex-shrink: 0;
}

.op-digest-val--up {
  color: var(--k-positive);
}

.op-digest-val--due {
  color: var(--k-attention);
}

@media (prefers-reduced-motion: no-preference) {
  [data-portal="ops"] .op-panel {
    animation: .24s both op-panel-in;
  }

  @keyframes op-panel-in {
    from {
      opacity: 0;
      transform: translateY(6px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }
}

.uo-topnav-wrap {
  z-index: 1;
  border-bottom: 1px solid var(--k-hairline);
  background: var(--glass-raised-bg);
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-raised-shadow);
  color: var(--k-ink-1);
  position: relative;
}

.uo-topnav-wrap.uo-sticky {
  position: sticky;
  top: 0;
}

.uo-topnav-wrap.uo-sticky, .uo-topnav-wrap:has([aria-expanded="true"], [data-user-menu], [data-slot="popover-content"]) {
  z-index: 45;
}

.uo-topnav {
  align-items: center;
  gap: 6px;
  height: 58px;
  padding: 0 24px;
  display: flex;
}

.uo-brand {
  flex: none;
  align-items: center;
  gap: 9px;
  margin-right: 10px;
  display: flex;
}

.uo-brand-mark {
  border-radius: var(--k-r-sm);
  background: var(--k-accent);
  color: #fff;
  width: 30px;
  height: 30px;
  box-shadow: 0 6px 14px var(--k-accent);
  place-items: center;
  font-size: 14px;
  font-weight: 800;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .uo-brand-mark {
    box-shadow: 0 6px 14px color-mix(in oklab, var(--k-accent) 35%, transparent);
  }
}

.uo-brand-name {
  font-family: var(--font-display, var(--k-font));
  letter-spacing: -.01em;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.1;
}

.uo-brand-sub {
  color: var(--k-ink-3);
  letter-spacing: .02em;
  font-size: 10px;
}

.uo-brand-logo {
  flex: none;
  width: auto;
  height: 30px;
  display: block;
}

.uo-brand-sub-divided {
  border-left: 1px solid var(--k-hairline-2);
  white-space: nowrap;
  padding-left: 9px;
  line-height: 1.4;
}

.uo-brand [data-partner-logo-plate] .uo-brand-logo {
  object-fit: contain;
  max-width: 180px;
}

html:not(:has([data-install-prompt])) [data-open-install-guide] {
  display: none;
}

.uo-logo-pair {
  flex: none;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.uo-topnav-item .uo-logo-pair svg {
  width: 14px;
  height: 14px;
}

.uo-topnav-items {
  scrollbar-width: none;
  align-items: center;
  gap: 2px;
  min-width: 0;
  margin-block: -10px;
  padding-block: 10px;
  display: flex;
  overflow-x: auto;
}

.uo-topnav-items::-webkit-scrollbar {
  display: none;
}

.uo-topnav-item {
  color: var(--k-ink-2);
  transition: .15s var(--k-ease);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 9px;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.uo-topnav-item:hover {
  background: var(--k-hover);
  color: var(--k-ink-1);
}

.uo-topnav-item.uo-active {
  color: var(--k-accent);
  background: hsl(var(--k-accent-hsl) / .12);
}

.uo-topnav-item svg {
  opacity: .9;
  flex: none;
  width: 16px;
  height: 16px;
}

.uo-topnav-right {
  flex: none;
  align-items: center;
  gap: 9px;
  margin-left: auto;
  display: flex;
}

.uo-icon-btn {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  width: 38px;
  height: 38px;
  color: var(--k-ink-1);
  border-radius: 10px;
  place-items: center;
  transition: all .18s;
  display: grid;
  position: relative;
}

.uo-icon-btn:hover {
  border-color: hsl(var(--k-accent-hsl) / .4);
  background: var(--k-hover);
}

.uo-icon-btn svg {
  width: 18px;
  height: 18px;
}

.uo-bell-badge {
  background: var(--k-accent);
  color: #fff;
  min-width: 16px;
  height: 16px;
  font-family: var(--font-mono, var(--k-font-num));
  border: 2px solid var(--k-bg);
  border-radius: 99px;
  place-items: center;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  display: grid;
  position: absolute;
  top: -4px;
  right: -4px;
}

.uo-btn {
  border-radius: var(--k-r-md);
  transition: all .3s var(--k-ease);
  white-space: nowrap;
  cursor: pointer;
  color: inherit;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 9px 15px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.uo-btn svg {
  width: 15px;
  height: 15px;
}

.uo-btn:active {
  transition-duration: .1s;
  transform: translateY(1px)scale(.97);
}

.uo-btn-primary {
  background: var(--k-accent);
  color: #fff;
  border: 1px solid hsl(var(--k-ink-1-hsl) / .1);
  box-shadow: inset 0 1px 0 #ffffff1a, 0 6px 14px var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .uo-btn-primary {
    box-shadow: inset 0 1px 0 #ffffff1a, 0 6px 14px color-mix(in oklab, var(--k-accent) 18%, transparent);
  }
}

.uo-btn-primary:hover {
  background: hsl(var(--k-accent-hsl) / .95);
  box-shadow: inset 0 1px 0 #ffffff1a, 0 6px 14px var(--k-accent), 0 0 36px var(--k-accent);
  transform: translateY(-2px);
}

@supports (color: color-mix(in lab, red, red)) {
  .uo-btn-primary:hover {
    box-shadow: inset 0 1px 0 #ffffff1a, 0 6px 14px color-mix(in oklab, var(--k-accent) 18%, transparent), 0 0 36px color-mix(in oklab, var(--k-accent) 18%, transparent);
  }
}

.uo-btn-primary:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(105deg, #0000 35%, #ffffff47 50%, #0000 65%);
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
}

.uo-btn-primary:hover:after {
  transition: transform .55s var(--k-ease);
  transform: translateX(120%);
}

.uo-btn-ghost {
  background: var(--k-sunken);
  color: var(--k-ink-1);
  border: 1px solid var(--k-hairline);
}

.uo-btn-ghost:hover {
  border-color: hsl(var(--k-accent-hsl) / .5);
  color: var(--k-accent);
}

.uo-btn-sm {
  padding: 6px 11px;
  font-size: 12px;
}

.uo-btn-block {
  width: 100%;
}

.uo-btn:disabled {
  opacity: .4;
  filter: saturate(.35);
  cursor: not-allowed;
  box-shadow: none;
}

.uo-subnav {
  scrollbar-width: none;
  align-items: center;
  gap: 4px;
  padding: 0 24px 8px;
  display: flex;
  overflow-x: auto;
}

.uo-subnav::-webkit-scrollbar {
  display: none;
}

.uo-subnav-item {
  border-radius: var(--k-r-sm);
  color: var(--k-ink-3);
  white-space: nowrap;
  transition: .15s var(--k-ease);
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.uo-subnav-item svg {
  width: 13px;
  height: 13px;
}

.uo-subnav-item:hover {
  background: var(--k-hover);
  color: var(--k-ink-1);
}

.uo-subnav-item.uo-active {
  background: var(--k-hover);
  color: var(--k-ink-1);
  box-shadow: var(--glass-base-shadow);
}

@media (max-width: 1360px) {
  .uo-topnav {
    gap: 4px;
    padding: 0 18px;
  }

  .uo-topnav-item {
    padding: 8px 10px;
  }

  .uo-topnav-right .uo-pc-text {
    display: none;
  }

  .uo-topnav-right .uo-btn {
    padding: 9px;
  }
}

@media (max-width: 1160px) {
  .uo-topnav-item span:not(.uo-nav-badge) {
    display: none;
  }

  .uo-topnav-item {
    padding: 8px;
  }
}

@media (max-width: 920px) {
  .uo-brand-name, .uo-brand-sub {
    display: none;
  }
}

.uo-sidenav {
  top: calc(var(--preview-banner-h, 0px)  + var(--uo-chrome-h, 0px));
  height: calc(100vh - var(--preview-banner-h, 0px)  - var(--uo-chrome-h, 0px));
  border-right: 1px solid var(--k-hairline);
  background: var(--glass-raised-bg);
  width: 212px;
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-raised-shadow);
  transition: width .2s var(--k-ease);
  z-index: 1;
  flex-direction: column;
  flex: none;
  display: flex;
  position: sticky;
}

@media (min-width: 921px) {
  .uo-sidenav:is(:hover, :focus-within) {
    z-index: 40;
  }
}

.uo-sidenav.uo-collapsed {
  width: 60px;
}

.uo-sidenav-items {
  flex-direction: column;
  flex: 1;
  gap: 3px;
  min-height: 0;
  padding: 16px 10px;
  display: flex;
  overflow: hidden auto;
}

.uo-sidenav-item {
  text-align: left;
  width: 100%;
  color: var(--k-ink-2);
  white-space: nowrap;
  cursor: pointer;
  transition: .15s var(--k-ease);
  background: none;
  border: 0;
  border-radius: 9px;
  align-items: center;
  gap: 9px;
  padding: 6px 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.uo-sidenav-item:hover {
  background: var(--k-hover);
  color: var(--k-ink-1);
}

.uo-sidenav-item.uo-active {
  color: var(--k-accent);
  background: hsl(var(--k-accent-hsl) / .12);
}

.uo-sidenav-icon {
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}

.uo-sidenav-icon svg {
  opacity: .9;
  width: 16px;
  height: 16px;
}

.uo-sidenav-initials {
  letter-spacing: .04em;
  font-size: 10px;
  font-weight: 700;
}

.uo-sidenav-label {
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.uo-sidenav-badge {
  background: var(--k-accent);
  color: #fff;
  border-radius: 999px;
  flex: none;
  place-items: center;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 700;
  display: grid;
}

.uo-collapsed .uo-sidenav-item {
  justify-content: center;
  padding: 6px 0;
}

.uo-collapsed .uo-sidenav-label, .uo-collapsed .uo-sidenav-badge {
  display: none;
}

.uo-sidenav-toggle {
  background: var(--glass-raised-solid);
  width: 22px;
  height: 22px;
  color: var(--k-ink-2);
  border: 1px solid var(--k-hairline-2);
  box-shadow: var(--glass-base-shadow);
  cursor: pointer;
  z-index: 41;
  transition: .15s var(--k-ease);
  border-radius: 999px;
  place-items: center;
  padding: 0;
  display: grid;
  position: absolute;
  top: 50%;
  right: -11px;
  transform: translateY(-50%);
}

.uo-sidenav-toggle svg {
  width: 13px;
  height: 13px;
}

.uo-sidenav:not(.uo-collapsed) .uo-sidenav-toggle-expand, .uo-sidenav.uo-collapsed .uo-sidenav-toggle-collapse {
  display: none;
}

.uo-sidenav-toggle:hover {
  color: var(--k-accent);
  border-color: hsl(var(--k-accent-hsl) / .5);
}

.uo-sidenav-section {
  flex-direction: column;
  gap: 3px;
  margin-top: 12px;
  display: flex;
}

.uo-sidenav-section-label {
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--k-ink-3);
  margin: 0;
  padding: 2px 8px 4px;
  font-size: 10px;
  font-weight: 600;
  overflow: hidden;
}

.uo-sidenav-disclosure {
  margin-top: 6px;
}

.uo-sidenav-summary {
  -webkit-user-select: none;
  user-select: none;
  list-style: none;
}

.uo-sidenav-summary::-webkit-details-marker {
  display: none;
}

.uo-sidenav-chevron {
  opacity: .7;
  width: 14px;
  height: 14px;
  transition: transform .15s var(--k-ease);
  flex: none;
}

.uo-sidenav-disclosure[open] > .uo-sidenav-summary .uo-sidenav-chevron {
  transform: rotate(180deg);
}

.uo-sidenav-footer {
  border-top: 1px solid var(--k-hairline);
  flex-direction: column;
  flex: none;
  gap: 3px;
  padding: 10px;
  display: flex;
}

.uo-collapsed .uo-sidenav-section-label, .uo-collapsed .uo-sidenav-chevron {
  display: none;
}

.uo-collapsed .uo-sidenav-section {
  border-top: 1px solid var(--k-hairline);
  margin-top: 8px;
  padding-top: 8px;
}

.uo-sidenav-badge-warn {
  background: var(--k-attention);
  color: var(--k-bg);
}

:root {
  --uo-topnav-h: 0px;
  --uo-rail-w: 0px;
  --uo-chrome-h: 0px;
}

html:has(.uo-topnav-wrap) {
  --uo-topnav-h: 59px;
}

html:has(.uo-topnav-wrap.uo-topnav-compact) {
  --uo-topnav-h: 35px;
}

html:has(.uo-topnav-wrap.uo-sticky) {
  --uo-chrome-h: var(--uo-topnav-h);
}

@media (min-width: 921px) {
  html:has(#uo-sidenav) {
    --uo-rail-w: 212px;
  }

  html:has(#uo-sidenav.uo-collapsed) {
    --uo-rail-w: 60px;
  }
}

#app-main .min-h-screen, #app-main > :is(.ugc-report.client-portal, .ai-ops-app, .yt-ops-portal, .ugc-ops-portal, [data-paid-ads-skin]), #app-main > :is(.yt-ops-portal, .ugc-ops-portal) > .app {
  min-height: calc(100vh - var(--preview-banner-h, 0px)  - var(--uo-topnav-h));
}

@media (min-width: 921px) {
  @supports (animation-timeline: scroll()) {
    .uo-sidenav {
      height: calc(100vh - var(--preview-banner-h, 0px)  - var(--uo-topnav-h));
    }

    html:not(:has(.uo-topnav-wrap.uo-sticky)) .uo-sidenav {
      animation-name: uo-sidenav-fill;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: scroll(root);
      animation-range: 0px var(--uo-topnav-h);
    }
  }
}

@keyframes uo-sidenav-fill {
  from {
    height: calc(100vh - var(--preview-banner-h, 0px)  - var(--uo-topnav-h));
  }

  to {
    height: calc(100vh - var(--preview-banner-h, 0px));
  }
}

#app-main .ambient {
  clip-path: inset(calc(var(--preview-banner-h, 0px)  + var(--uo-topnav-h)) 0 0 var(--uo-rail-w));
}

@supports (animation-timeline: scroll()) {
  html:not(:has(.uo-topnav-wrap.uo-sticky)) #app-main .ambient {
    animation-name: uo-ambient-uncover;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-timeline: scroll(root);
    animation-range: 0px var(--uo-topnav-h);
  }
}

@keyframes uo-ambient-uncover {
  from {
    clip-path: inset(calc(var(--preview-banner-h, 0px)  + var(--uo-topnav-h)) 0 0 var(--uo-rail-w));
  }

  to {
    clip-path: inset(var(--preview-banner-h, 0px) 0 0 var(--uo-rail-w));
  }
}

.uo-sidenav-scrim {
  display: none;
}

.uo-topnav-menu {
  width: 34px;
  height: 34px;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 9px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: -8px;
  padding: 0;
  display: none;
}

.uo-topnav-menu svg {
  width: 18px;
  height: 18px;
}

.uo-topnav-menu:hover {
  background: var(--k-hover);
}

@media (max-width: 920px) {
  .uo-sidenav, .uo-sidenav.uo-collapsed {
    z-index: 70;
    background: var(--glass-overlay-bg);
    width: min(280px, 86vw);
    height: 100dvh;
    -webkit-backdrop-filter: var(--glass-overlay-filter);
    backdrop-filter: var(--glass-overlay-filter);
    border-color: var(--glass-border-strong);
    box-shadow: var(--glass-overlay-shadow);
    visibility: hidden;
    transition: transform .2s var(--k-ease), visibility 0s linear .2s;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
  }

  html.uo-nav-open .uo-sidenav {
    visibility: visible;
    box-shadow: var(--glass-overlay-shadow);
    transition: transform .2s var(--k-ease);
    transform: none;
  }

  html.uo-nav-open {
    overflow: hidden;
  }

  html.uo-nav-open .uo-sidenav-scrim {
    z-index: 65;
    background: var(--glass-scrim);
    -webkit-backdrop-filter: var(--glass-scrim-filter);
    backdrop-filter: var(--glass-scrim-filter);
    display: block;
    position: fixed;
    inset: 0;
  }

  .uo-sidenav.uo-collapsed .uo-sidenav-item {
    justify-content: flex-start;
    padding: 6px 8px;
  }

  .uo-sidenav.uo-collapsed .uo-sidenav-label {
    display: block;
  }

  .uo-sidenav.uo-collapsed .uo-sidenav-badge {
    display: grid;
  }

  .uo-sidenav.uo-collapsed .uo-sidenav-section-label {
    display: block;
  }

  .uo-sidenav.uo-collapsed .uo-sidenav-chevron {
    display: inline;
  }

  .uo-sidenav.uo-collapsed .uo-sidenav-section {
    border-top: 0;
    margin-top: 12px;
    padding-top: 0;
  }

  .uo-sidenav-toggle {
    display: none;
  }

  .uo-topnav-menu {
    display: inline-flex;
  }

  html:not(:has(#uo-sidenav)) .uo-topnav-menu {
    display: none;
  }
}


.uo-dash {
  color: var(--k-ink-1);
  font-family: var(--font-body, var(--k-font));
  font-feature-settings: "ss01", "cv11", "kern";
  -webkit-font-smoothing: antialiased;
}

.uo-content {
  z-index: 1;
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  padding: 24px 32px 64px;
  position: relative;
}

@media (max-width: 860px) {
  .uo-content {
    padding: 18px 16px 72px;
  }
}

.uo-topbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  display: flex;
}

.uo-page-title {
  font-family: var(--font-display, var(--k-font));
  letter-spacing: -.014em;
  font-size: 20px;
  font-weight: 600;
}

.uo-page-sub {
  color: var(--k-ink-3);
  margin-top: 1px;
  font-size: 12.5px;
}

.uo-topbar-right {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.uo-viewseg {
  background: var(--k-sunken);
  border: 1px solid var(--k-hairline);
  border-radius: 11px;
  gap: 3px;
  padding: 3px;
  display: inline-flex;
}

.uo-viewseg button {
  border-radius: var(--k-r-sm);
  color: var(--k-ink-3);
  transition: all .22s var(--k-ease);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 7px;
  padding: 7px 15px;
  font-size: 12.5px;
  font-weight: 600;
  display: inline-flex;
}

.uo-viewseg button svg {
  width: 14px;
  height: 14px;
}

.uo-viewseg button:hover {
  color: var(--k-ink-1);
}

.uo-viewseg button.uo-on {
  background: var(--k-accent);
  color: #fff;
  box-shadow: inset 0 1px 0 #ffffff1a, 0 6px 14px var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .uo-viewseg button.uo-on {
    box-shadow: inset 0 1px 0 #ffffff1a, 0 6px 14px color-mix(in oklab, var(--k-accent) 18%, transparent);
  }
}

.uo-sync {
  font-family: var(--font-mono, var(--k-font-num));
  color: var(--k-ink-3);
  align-items: center;
  gap: 5px;
  font-size: 10px;
  display: inline-flex;
}

.uo-sync svg {
  width: 11px;
  height: 11px;
}

.uo-sync.uo-stale {
  color: var(--k-negative);
}

.uo-sec-head {
  align-items: flex-end;
  gap: 12px;
  margin: 32px 0 16px;
  display: flex;
}

.uo-sec-head h2 {
  font-family: var(--font-display, var(--k-font));
  letter-spacing: -.012em;
  font-size: 16px;
  font-weight: 600;
}

.uo-sec-head h2[data-eyebrow]:before {
  content: attr(data-eyebrow);
  font-family: var(--font-body, var(--k-font));
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--k-accent);
  margin-bottom: 6px;
  font-size: .625rem;
  font-weight: 600;
  display: block;
}

.uo-sec-head .uo-count {
  color: var(--k-ink-3);
  font-size: 12px;
  font-weight: 500;
}

.uo-sec-head .uo-line {
  background: var(--k-hairline);
  flex: 1;
  height: 1px;
}

.uo-sec-head .uo-note {
  color: var(--k-ink-3);
  font-size: 11.5px;
}

.uo-select {
  appearance: none;
  text-overflow: ellipsis;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237e838f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right .625rem center;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  min-width: 0;
  max-width: 100%;
  padding-inline-end: 2rem;
}

.uo-kitsel {
  flex: none;
  width: 150px;
  min-width: 0;
  max-width: 100%;
}

.uo-kitsel .menu {
  position: relative;
}

.uo-kitsel .menu-btn {
  justify-content: space-between;
  align-items: center;
  column-gap: var(--k-s2);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 2.25rem;
  padding-inline: var(--k-s3);
  border-radius: var(--k-r-sm);
  box-shadow: inset 0 0 0 1px var(--k-hairline);
  color: var(--k-ink-2);
  white-space: nowrap;
  cursor: pointer;
  transition: box-shadow var(--k-dur-fast) var(--k-ease), color var(--k-dur-fast) var(--k-ease), background var(--k-dur-fast) var(--k-ease);
  background: none;
  font-size: .875rem;
  display: inline-flex;
}

.uo-kitsel .menu-btn:hover, .uo-kitsel .menu[data-open="true"] .menu-btn {
  color: var(--k-ink-1);
  background: var(--k-hover);
  box-shadow: inset 0 0 0 1px var(--k-hairline-2);
}

.uo-kitsel .menu-btn:focus-visible {
  box-shadow: inset 0 0 0 1px var(--k-hairline-2), var(--k-focus-ring);
  outline: none;
}

.uo-kitsel .trunc {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.uo-kitsel .trunc.ph {
  color: var(--k-ink-3);
}

.uo-kitsel .menu-caret {
  opacity: .7;
  width: 5px;
  height: 5px;
  transition: transform var(--k-dur-fast) var(--k-ease);
  border-bottom: 1.5px solid;
  border-right: 1.5px solid;
  flex: none;
  transform: rotate(45deg)translateY(-2px);
}

.uo-kitsel .menu[data-open="true"] .menu-caret {
  transform: rotate(225deg)translateY(-1px);
}

.uo-kitsel .menu-list {
  z-index: 40;
  min-width: 100%;
  max-height: 280px;
  padding: var(--k-s1);
  border-radius: var(--k-r-md);
  background: var(--glass-raised-bg);
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-raised-shadow);
  box-shadow: 0 0 0 1px var(--glass-border-strong), var(--glass-raised-shadow);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--k-dur-fast) var(--k-ease), transform var(--k-dur-fast) var(--k-ease);
  margin: 0;
  list-style: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  overflow-y: auto;
  transform: translateY(-4px);
}

.uo-kitsel .menu[data-open="true"] .menu-list {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.uo-kitsel .menu-list li {
  align-items: center;
  column-gap: var(--k-s2);
  padding: var(--k-s2) var(--k-s3);
  border-radius: var(--k-r-xs);
  color: var(--k-ink-2);
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  font-size: .875rem;
  display: flex;
}

.uo-kitsel .menu-list li:hover, .uo-kitsel .menu-list li:focus-visible {
  background: var(--k-hover);
  color: var(--k-ink-1);
}

.uo-kitsel .menu-list li[aria-selected="true"] {
  color: var(--k-ink-1);
  font-weight: 600;
}

.uo-kitsel .menu-list li[aria-selected="true"]:before {
  content: "";
  background: var(--k-accent);
  border-radius: 999px;
  flex: none;
  align-self: stretch;
  width: 2px;
  margin-right: 2px;
}

.uo-kitsel .menu-list li:not([aria-selected="true"]):before {
  content: "";
  flex: none;
  width: 2px;
  margin-right: 2px;
}

.uo-kitsel-sm .menu-btn {
  height: 2rem;
}

.uo-kitsel-fill {
  width: 100%;
}

.uo-card {
  border: 1px solid var(--k-hairline);
  background: var(--glass-base-bg);
  -webkit-backdrop-filter: var(--glass-base-filter);
  backdrop-filter: var(--glass-base-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-base-shadow);
  border-radius: var(--k-r-md);
  transition: border-color .3s var(--k-ease), box-shadow .3s var(--k-ease), transform .3s var(--k-ease);
}

.uo-card.uo-interactive {
  cursor: pointer;
}

@supports (color: color-mix(in lab, red, red)) {
  .uo-card.uo-interactive:hover {
    box-shadow: var(--glass-highlight), 0 16px 40px #0000008c, 0 0 36px color-mix(in oklab, var(--k-accent) 18%, transparent);
  }
}

.uo-stat-label {
  font-family: var(--font-body, var(--k-font));
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--k-ink-2);
  font-size: .6875rem;
  font-weight: 600;
}

.uo-big {
  font-family: var(--font-mono, var(--k-font-num));
  letter-spacing: -.028em;
  font-feature-settings: "tnum", "ss01";
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
}

.uo-delta {
  font-size: 11.5px;
  font-weight: 700;
  font-family: var(--font-mono, var(--k-font-num));
  align-items: center;
  gap: 4px;
  margin-top: 9px;
  display: inline-flex;
}

.uo-delta svg {
  width: 13px;
  height: 13px;
}

.uo-delta.uo-up {
  color: var(--k-positive);
}

.uo-delta.uo-dn {
  color: var(--k-negative);
}

.uo-delta.uo-flat {
  color: var(--k-ink-3);
}

.uo-lfl {
  color: var(--k-ink-3);
  font-size: 10.5px;
  font-family: var(--font-mono, var(--k-font-num));
  margin-top: 6px;
  line-height: 1.5;
}

.uo-hairline {
  background: linear-gradient(90deg, transparent, var(--k-hairline-2) 15%, var(--k-hairline-2) 85%, transparent);
  height: 1px;
}

.uo-mono {
  font-family: var(--font-mono, var(--k-font-num));
  font-feature-settings: "tnum", "ss01";
  letter-spacing: -.01em;
}

.uo-muted {
  color: var(--k-ink-3);
}

.uo-ic {
  border-radius: 9px;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.uo-ic svg {
  width: 18px;
  height: 18px;
}

.uo-ic.uo-red {
  background: hsl(var(--k-accent-hsl) / .14);
  color: var(--k-negative);
}

.uo-ic.uo-amber {
  background: hsl(var(--k-attention-hsl) / .14);
  color: var(--k-attention);
}

.uo-ic.uo-green {
  background: hsl(var(--k-positive-hsl) / .14);
  color: var(--k-positive);
}

.uo-ic.uo-blue {
  background: hsl(var(--k-info-hsl) / .14);
  color: var(--k-info);
}

.uo-ic.uo-gray {
  background: var(--k-hover);
  color: var(--k-ink-3);
}

.uo-pill {
  font-family: var(--font-mono, var(--k-font-num));
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
}

.uo-pill .uo-pdot {
  background: currentColor;
  border-radius: 99px;
  width: 6px;
  height: 6px;
}

.uo-pill.uo-green {
  background: hsl(var(--k-positive-hsl) / .13);
  color: var(--k-positive);
}

.uo-pill.uo-amber {
  background: hsl(var(--k-attention-hsl) / .14);
  color: var(--k-attention);
}

.uo-pill.uo-red {
  background: hsl(var(--k-accent-hsl) / .14);
  color: var(--k-negative);
}

.uo-pill.uo-blue {
  background: hsl(var(--k-info-hsl) / .14);
  color: var(--k-info);
}

.uo-pill.uo-gray {
  background: var(--k-hover);
  color: var(--k-ink-3);
}

.uo-pill.uo-unk {
  color: var(--k-ink-3);
  border: 1px dashed var(--k-hairline-2);
  background: none;
}

.uo-chips {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.uo-hchip {
  font-family: var(--font-mono, var(--k-font-num));
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 3px 9px;
  font-size: 9.5px;
  font-weight: 600;
  display: inline-flex;
}

.uo-hchip .uo-hd {
  background: currentColor;
  border-radius: 99px;
  flex: none;
  width: 6px;
  height: 6px;
}

.uo-hchip.uo-live {
  background: hsl(var(--k-positive-hsl) / .12);
  color: var(--k-positive);
  border-color: hsl(var(--k-positive-hsl) / .3);
}

.uo-hchip.uo-degraded {
  background: hsl(var(--k-attention-hsl) / .13);
  color: var(--k-attention);
  border-color: hsl(var(--k-attention-hsl) / .32);
}

.uo-hchip.uo-down {
  background: hsl(var(--k-accent-hsl) / .15);
  color: var(--k-negative);
  border-color: hsl(var(--k-accent-hsl) / .42);
}

.uo-hchip.uo-off {
  background: var(--k-hover);
  color: var(--k-ink-3);
  border-color: var(--k-hairline);
}

.uo-supnote {
  background: var(--k-sunken);
  border: 1px dashed var(--k-hairline-2);
  color: var(--k-ink-3);
  border-radius: 9px;
  align-items: center;
  gap: 9px;
  padding: 10px 13px;
  font-size: 11.8px;
  line-height: 1.55;
  display: flex;
}

.uo-supnote svg {
  flex: none;
  width: 15px;
  height: 15px;
}

.uo-kv {
  border-bottom: 1px solid var(--k-hairline);
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 6px 0;
  font-size: 12px;
  display: flex;
}

.uo-kv:last-of-type {
  border-bottom: none;
}

.uo-kv .uo-k {
  color: var(--k-ink-3);
  overflow-wrap: anywhere;
  min-width: 0;
}

.uo-kv b {
  text-align: right;
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: var(--font-mono, var(--k-font-num));
  font-feature-settings: "tnum";
  font-weight: 600;
}

.uo-kv b.uo-dim {
  color: var(--k-ink-3);
  font-weight: 500;
}

.uo-card {
  border-color: var(--k-hairline-2);
  background-image: linear-gradient(#ffffff17 0, #ffffff06 32%, #fff0 62%);
  box-shadow: inset 0 1px #fff3, 0 1px 2px #00000047, 0 14px 36px -18px #0009;
}

.uo-card.uo-interactive:hover {
  border-color: hsl(var(--k-accent-hsl) / .35);
  box-shadow: inset 0 1px 0 #fff3, 0 16px 40px #0000008c, 0 0 36px var(--k-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .uo-card.uo-interactive:hover {
    box-shadow: inset 0 1px 0 #fff3, 0 16px 40px #0000008c, 0 0 36px color-mix(in oklab, var(--k-accent) 18%, transparent);
  }
}

.uo-card.uo-interactive:hover {
  transform: translateY(-2px);
}

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .uo-card {
    background-image: none;
  }
}

@media print {
  .uo-card {
    box-shadow: none;
    background-image: none;
    border-color: #ddd;
  }
}

.uo-dash [data-slot="badge"] {
  background-image: linear-gradient(#ffffff17 0, #ffffff06 32%, #fff0 62%);
  box-shadow: inset 0 1px #ffffff24, 0 1px 2px #00000047, 0 0 12px -2px;
}

@supports (color: color-mix(in lab, red, red)) {
  .uo-dash [data-slot="badge"] {
    box-shadow: inset 0 1px 0 #ffffff24, 0 1px 2px #00000047, 0 0 12px -2px color-mix(in oklab, currentColor 30%, transparent);
  }
}

.uo-dash [data-slot="badge"]:focus-visible {
  box-shadow: var(--k-focus-ring);
  outline: none;
}

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .uo-dash [data-slot="badge"] {
    background-image: none;
    box-shadow: inset 0 0 0 1px;
  }
}

@media print {
  .uo-dash [data-slot="badge"] {
    box-shadow: none;
    background-image: none;
  }
}


.uo-incident {
  border: 1px solid hsl(var(--k-accent-hsl) / .5);
  background: linear-gradient(145deg, hsl(var(--k-accent-hsl) / .14), hsl(var(--k-accent-hsl) / .03));
  border-radius: var(--k-r-md);
  box-shadow: 0 0 28px var(--k-accent);
  align-items: flex-start;
  gap: 15px;
  padding: 17px 19px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .uo-incident {
    box-shadow: 0 0 28px color-mix(in oklab, var(--k-accent) 10%, transparent);
  }
}

.uo-incident .uo-ii {
  background: hsl(var(--k-accent-hsl) / .17);
  width: 40px;
  height: 40px;
  color: var(--k-negative);
  border-radius: 11px;
  flex: none;
  place-items: center;
  display: grid;
}

.uo-incident .uo-ii svg {
  width: 20px;
  height: 20px;
}

.uo-incident h3 {
  font-family: var(--font-display, var(--k-font));
  margin-bottom: 4px;
  font-size: 15.5px;
  font-weight: 600;
}

.uo-incident .uo-ibody {
  flex: 1;
  min-width: 0;
  font-size: 12.5px;
  line-height: 1.6;
}

.uo-incident .uo-iacts {
  flex: none;
  align-items: center;
  gap: 9px;
  display: flex;
}

@media (max-width: 760px) {
  .uo-incident {
    flex-wrap: wrap;
  }

  .uo-incident .uo-iacts {
    width: 100%;
  }
}

.uo-banner {
  border-radius: var(--k-r-md);
  align-items: center;
  gap: 13px;
  padding: 14px 18px;
  font-size: 13px;
  display: flex;
}

.uo-banner svg {
  flex: none;
  width: 20px;
  height: 20px;
}

.uo-banner .uo-btn {
  white-space: nowrap;
  flex: none;
  margin-left: auto;
}

.uo-banner.uo-amber {
  background: hsl(var(--k-attention-hsl) / .1);
  border: 1px solid hsl(var(--k-attention-hsl) / .3);
}

.uo-banner.uo-green {
  background: hsl(var(--k-positive-hsl) / .1);
  border: 1px solid hsl(var(--k-positive-hsl) / .3);
}

.uo-banner.uo-blue {
  background: hsl(var(--k-info-hsl) / .1);
  border: 1px solid hsl(var(--k-info-hsl) / .3);
}

.uo-banner.uo-red {
  background: hsl(var(--k-accent-hsl) / .1);
  border: 1px solid hsl(var(--k-accent-hsl) / .35);
}

.uo-dlist {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.uo-dcard {
  border-radius: var(--k-r-md);
  border: 1px solid var(--k-hairline);
  background: var(--glass-pane-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-color: var(--glass-border);
  transition: border-color .3s var(--k-ease), box-shadow .3s var(--k-ease), transform .3s var(--k-ease);
  align-items: flex-start;
  gap: 15px;
  padding: 17px 18px;
  display: flex;
}

.uo-dcard:hover {
  border-color: hsl(var(--k-accent-hsl) / .35);
  box-shadow: var(--glass-highlight), 0 16px 40px #0000008c, 0 0 36px var(--k-accent);
  transform: translateY(-2px);
}

@supports (color: color-mix(in lab, red, red)) {
  .uo-dcard:hover {
    box-shadow: var(--glass-highlight), 0 16px 40px #0000008c, 0 0 36px color-mix(in oklab, var(--k-accent) 18%, transparent);
  }
}

.uo-dcard .uo-dbody {
  flex: 1;
  min-width: 0;
}

.uo-dcard .uo-dtitle {
  font-family: var(--font-display, var(--k-font));
  letter-spacing: -.01em;
  font-size: 14.5px;
  font-weight: 600;
}

.uo-dcard .uo-why {
  color: var(--k-ink-3);
  margin-top: 5px;
  font-size: 12.2px;
  line-height: 1.55;
}

.uo-dcard .uo-stake {
  text-align: right;
  flex-direction: column;
  flex: none;
  align-items: flex-end;
  gap: 9px;
  padding-left: 10px;
  display: flex;
}

.uo-dcard .uo-amt {
  font-family: var(--font-display, var(--k-font));
  letter-spacing: -.025em;
  white-space: nowrap;
  font-feature-settings: "tnum", "ss01";
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
}

.uo-dcard .uo-amt small {
  font-family: var(--font-body, var(--k-font));
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--k-ink-3);
  margin-top: 5px;
  font-size: 10px;
  font-weight: 600;
  display: block;
}

@media (max-width: 900px) {
  .uo-dcard {
    flex-wrap: wrap;
  }

  .uo-dcard .uo-stake {
    text-align: left;
    align-items: flex-start;
    margin-left: 51px;
    padding-left: 0;
  }
}

.uo-svc {
  border-left: 3px solid var(--uo-rail, var(--k-hairline-2));
}

.uo-svc-head {
  align-items: center;
  gap: 9px;
  display: flex;
}

.uo-svc-name {
  font-family: var(--font-display, var(--k-font));
  letter-spacing: -.01em;
  font-size: 13.5px;
  font-weight: 600;
}

.uo-grid {
  gap: 18px;
  display: grid;
}

.uo-g-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.uo-g-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.uo-g-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .uo-g-3, .uo-g-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .uo-g-2, .uo-g-3, .uo-g-4 {
    grid-template-columns: 1fr;
  }
}

.uo-rowbox {
  max-height: min(calc(var(--uo-rows, 10) * var(--uo-row-h, 2.9rem)  + var(--uo-rowbox-chrome, 3.1rem)), 72vh);
  scrollbar-width: thin;
  overflow-y: auto;
}

.uo-rowbox-feed {
  --uo-rows: 20;
  --uo-row-h: 2.9rem;
}

.uo-rowbox-sla {
  --uo-rows: 10;
  --uo-row-h: 3.6rem;
}

.uo-rowbox-opps {
  --uo-rows: 8;
  --uo-row-h: 2.9rem;
}

.uo-rowbox-users {
  --uo-rows: 13;
  --uo-row-h: 3.5rem;
}

.uo-rowbox-pamap {
  --uo-rows: 11;
  --uo-row-h: 2.25rem;
  --uo-rowbox-chrome: 1.9rem;
}

.uo-rowbox-cards {
  --uo-rows: 5;
  --uo-row-h: 8.5rem;
  --uo-rowbox-chrome: 0rem;
}

.uo-rowbox-pamap thead th {
  box-shadow: inset 0 -1px 0 var(--k-hairline);
}

.uo-rowbox thead th {
  z-index: 1;
  background: var(--glass-raised-solid);
  position: sticky;
  top: 0;
}

@keyframes uoFadeUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.uo-dash [data-slot="card"]:has([data-slot="calendar"]) {
  z-index: 50;
}

.uo-dash [data-slot="table-container"]:has([data-slot="calendar"]) {
  overflow: visible;
}

@media (prefers-reduced-motion: no-preference) {
  .uo-enter > * {
    animation: uoFadeUp .55s var(--k-ease) both;
  }

  .uo-enter > :nth-child(2) {
    animation-delay: 50ms;
  }

  .uo-enter > :nth-child(3) {
    animation-delay: .1s;
  }

  .uo-enter > :nth-child(4) {
    animation-delay: .15s;
  }

  .uo-enter > :nth-child(5) {
    animation-delay: .2s;
  }

  .uo-enter > :nth-child(6) {
    animation-delay: .25s;
  }
}

.ugc-report select[data-slot="select-trigger"] {
  border: 1px solid var(--k-hairline);
  background-color: var(--k-sunken);
  color: var(--k-ink-1);
  transition: border-color var(--k-dur-fast) var(--k-ease), background-color var(--k-dur-fast) var(--k-ease);
  padding-inline-end: calc(var(--k-s3)  + 20px);
}

.ugc-report select[data-slot="select-trigger"]:hover {
  border-color: var(--k-hairline-2);
  background-color: var(--k-hover);
}

.ugc-report select[data-slot="select-trigger"]:focus-visible {
  border-color: var(--k-hairline-2);
}

.ugc-report select[data-slot="select-trigger"]:disabled {
  cursor: not-allowed;
  opacity: .5;
}

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .ugc-report select[data-slot="select-trigger"] {
    border-color: var(--k-hairline-2);
  }
}

.uo-dash select[data-slot="select-trigger"]:not(.uo-select), .ugc-report select[data-slot="select-trigger"]:not(.uo-select), #dialog-host select[data-slot="select-trigger"]:not(.uo-select) {
  padding-inline-end: calc(var(--k-s3)  + 20px);
}



:root {
  --kit-loader-glow: oklch(68% .22 25);
  --kit-loader-deep: oklch(32% .17 22);
  --kit-loader-mid: oklch(50% .24 25);
  --kit-metal-core-hi: oklch(27% .01 10);
  --kit-metal-core-lo: oklch(8% .005 10);
  --kit-ripple-color: oklch(100% 0 0 / .4);
  --kit-red-text: oklch(68% .22 25);
}

@keyframes loader-rotate {
  0% {
    box-shadow: 0 10px 20px 0 oklch(100% 0 0 / .9) inset, 0 20px 30px 0 var(--kit-loader-glow) inset, 0 60px 60px 0 var(--kit-loader-deep) inset;
    transform: rotate(90deg);
  }

  50% {
    box-shadow: 0 10px 20px 0 oklch(100% 0 0 / .9) inset, 0 20px 10px 0 var(--kit-loader-mid) inset, 0 40px 60px 0 var(--kit-loader-deep) inset;
    transform: rotate(270deg);
  }

  100% {
    box-shadow: 0 10px 20px 0 oklch(100% 0 0 / .9) inset, 0 20px 30px 0 var(--kit-loader-glow) inset, 0 60px 60px 0 var(--kit-loader-deep) inset;
    transform: rotate(450deg);
  }
}

@keyframes loader-letter-anim {
  0%, 100% {
    opacity: .4;
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    transform: scale(1.15);
  }

  40% {
    opacity: .7;
    transform: translateY(0);
  }
}

.loader-wrapper {
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--foreground);
  min-height: calc(var(--kit-loader-size, 8.5rem)  + 1.5rem);
  min-width: calc(var(--kit-loader-size, 8.5rem)  + 1.5rem);
  justify-content: center;
  align-items: center;
  gap: .15em;
  font-size: .875rem;
  display: flex;
  position: relative;
}

.loader {
  width: var(--kit-loader-size, 8.5rem);
  aspect-ratio: 1;
  background: radial-gradient(circle at 32% 28%, var(--kit-loader-glow), var(--kit-loader-mid) 45%, var(--kit-loader-deep) 78%);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

@supports (color: color-mix(in lab, red, red)) {
  .loader {
    background: radial-gradient(circle at 32% 28%, color-mix(in oklab, var(--kit-loader-glow) 55%, white 12%), color-mix(in oklab, var(--kit-loader-mid) 85%, transparent) 45%, var(--kit-loader-deep) 78%);
  }
}

.loader {
  pointer-events: none;
  animation: 2s linear infinite loader-rotate;
}

.loader-letter {
  z-index: 1;
  color: oklch(98% 0 0);
  text-shadow: 0 1px 6px oklch(15% .02 10 / .85);
  animation: 2s ease-in-out infinite loader-letter-anim;
  display: inline-block;
  position: relative;
}

.loader-letter:nth-child(2) {
  animation-delay: .1s;
}

.loader-letter:nth-child(3) {
  animation-delay: .2s;
}

.loader-letter:nth-child(4) {
  animation-delay: .3s;
}

.loader-letter:nth-child(5) {
  animation-delay: .4s;
}

.loader-letter:nth-child(6) {
  animation-delay: .5s;
}

.loader-letter:nth-child(7) {
  animation-delay: .6s;
}

.loader-letter:nth-child(8) {
  animation-delay: .7s;
}

.loader-letter:nth-child(9) {
  animation-delay: .8s;
}

.loader-letter:nth-child(10) {
  animation-delay: .9s;
}

.loader-letter:nth-child(11) {
  animation-delay: 1s;
}

.loader-letter:nth-child(12) {
  animation-delay: 1.1s;
}

.liquid-metal-shader, .liquid-metal-shader ~ span[aria-hidden="true"]:not(.kit-ripple), button:has( > .liquid-metal-shader) {
  border-radius: 9999px;
}

.liquid-metal-shader canvas {
  border-radius: inherit;
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.kit-ripple {
  background: radial-gradient(circle, var(--kit-ripple-color) 0%, transparent 70%);
  pointer-events: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: .6s ease-out kit-ripple;
  position: absolute;
  transform: translate(-50%, -50%)scale(0);
}

@keyframes kit-ripple {
  0% {
    opacity: .6;
    transform: translate(-50%, -50%)scale(0);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(4);
  }
}

@keyframes borderFlow1 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(200%);
  }
}

@keyframes borderFlow2 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(200%);
  }
}

@keyframes borderFlow3 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-200%);
  }
}

@keyframes borderFlow4 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-200%);
  }
}

@keyframes particleExplosion {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(1);
  }

  20% {
    opacity: 1;
  }

  100% {
    transform: translate(calc(-50% + var(--x, 20px)), calc(-50% + var(--y, 20px))) scale(0);
    opacity: 0;
  }
}

@keyframes ringPulse {
  0% {
    opacity: 1;
    transform: scale(0);
  }

  100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes sparkFlash {
  0% {
    transform: rotate(var(--r, 0deg)) translateX(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: rotate(var(--r, 0deg)) translateX(30px) scale(0);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .loader, .loader-letter {
    animation: none;
  }

  .kit-ripple {
    opacity: 0;
    animation: none;
  }
}

.kit-fire {
  --kit-flame-h: clamp(84px, 14vh, 158px);
  height: calc(var(--kit-flame-h) * 2.1);
  z-index: 9999;
  pointer-events: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.kit-fire-glow {
  height: calc(var(--kit-flame-h) * 1.35);
  background: radial-gradient(120% 100% at 50% 100%, oklab(72.4725% .126462 .131131 / .62), var(--primary) 45%, transparent 80%);
  position: absolute;
  inset: auto 0 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .kit-fire-glow {
    background: radial-gradient(120% 100% at 50% 100%, oklab(72.4725% .126462 .131131 / .62), color-mix(in oklab, var(--primary) 38%, transparent) 45%, transparent 80%);
  }
}

.kit-fire-glow {
  opacity: .4;
  filter: blur(30px);
}

.kit-flame {
  transform-origin: 50% 100%;
  filter: blur(2px);
  will-change: transform;
  animation-name: kit-flame-dance;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  position: absolute;
  bottom: -2%;
}

.kit-flame--alt {
  animation-name: kit-flame-dance-alt;
}

.kit-flame--back {
  filter: blur(4px);
  opacity: .55;
}

.kit-flame--back .kit-flame-body {
  fill: url("#kit-flame-back-grad");
}

.kit-flame--back .kit-flame-core {
  display: none;
}

.kit-flame-body {
  fill: url("#kit-flame-body-grad");
}

.kit-flame-core {
  fill: url("#kit-flame-core-grad");
}

.kit-fire-base {
  height: calc(var(--kit-flame-h) * .2);
  filter: blur(10px);
  opacity: .85;
  background: linear-gradient(to top, #fff6dd, #ffb14a 45%, oklab(68.204% .165697 .131695 / .7) 78%, #0000 100%);
  position: absolute;
  inset: auto 0 -8px;
}

.kit-ember {
  bottom: calc(var(--kit-flame-h) * .35);
  opacity: 0;
  will-change: transform, opacity;
  background: radial-gradient(circle, #fff0c4 0%, #ff9b2f 55%, #0000 100%);
  border-radius: 9999px;
  animation-name: kit-ember-rise;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  position: absolute;
}

@keyframes kit-flame-dance {
  0%, 100% {
    opacity: .86;
    transform: scaleY(.92)scaleX(1.02)skewX(-1.5deg);
  }

  35% {
    opacity: 1;
    transform: scaleY(1.08)scaleX(.96)skewX(2deg);
  }

  70% {
    opacity: .93;
    transform: scaleY(.98)scaleX(1.04)skewX(-2.5deg);
  }
}

@keyframes kit-flame-dance-alt {
  0%, 100% {
    opacity: .92;
    transform: scaleY(1.05)scaleX(.97)skewX(2.2deg);
  }

  40% {
    opacity: .84;
    transform: scaleY(.9)scaleX(1.03)skewX(-2deg);
  }

  75% {
    opacity: 1;
    transform: scaleY(1.02)scaleX(.99)skewX(1.2deg);
  }
}

@keyframes kit-ember-rise {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }

  12% {
    opacity: .85;
  }

  100% {
    transform: translate3d(var(--kit-ember-drift), var(--kit-ember-rise), 0);
    opacity: 0;
  }
}

@media (max-width: 640px) {
  .kit-fire {
    --kit-flame-h: clamp(72px, 12vh, 104px);
  }

  .kit-flame--dense {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kit-flame {
    opacity: .95;
    animation: none;
  }

  .kit-flame--back {
    opacity: .5;
    animation: none;
  }

  .kit-ember {
    display: none;
  }
}

.recharts-cartesian-grid line {
  stroke: var(--k-chart-grid);
}

.recharts-cartesian-grid-vertical line {
  stroke: var(--k-chart-band);
}

.recharts-cartesian-axis-tick-value, .recharts-label, .recharts-legend-item-text {
  letter-spacing: .04em;
  font-variant-numeric: tabular-nums;
  fill: var(--k-chart-ink);
  font-size: 11px;
}

.recharts-cartesian-axis-line, .recharts-cartesian-axis-tick-line {
  stroke: var(--k-chart-ink);
}

.recharts-bar-rectangle path, .recharts-rectangle {
  rx: 3;
  ry: 3;
}

.recharts-bar-rectangle path {
  filter: brightness(1.05);
}

.recharts-curve.recharts-line-curve {
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.recharts-area-area {
  opacity: .85;
}

.recharts-dot {
  stroke: none;
}

.recharts-tooltip-wrapper {
  z-index: 100002;
}

.recharts-tooltip-cursor {
  fill: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .recharts-tooltip-cursor {
    fill: color-mix(in oklab, var(--primary) 8%, transparent);
  }
}

.recharts-tooltip-cursor {
  stroke: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .recharts-tooltip-cursor {
    stroke: color-mix(in oklab, var(--primary) 35%, transparent);
  }
}

.recharts-active-dot circle {
  stroke: var(--background);
  stroke-width: 2px;
}

.recharts-default-tooltip {
  border: 1px solid var(--border) !important;
  border-radius: .625rem !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .recharts-default-tooltip {
    border: 1px solid color-mix(in oklab, var(--border) 60%, transparent) !important;
  }
}

.recharts-default-tooltip {
  background: var(--popover) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .recharts-default-tooltip {
    background: color-mix(in oklab, var(--popover) 95%, transparent) !important;
  }
}

.recharts-default-tooltip {
  padding: .6rem .75rem !important;
  box-shadow: 0 18px 40px -24px #000000d9 !important;
}

.recharts-default-tooltip .recharts-tooltip-label {
  font-weight: 600;
  color: var(--foreground) !important;
  margin-bottom: .25rem !important;
}

.recharts-tooltip-item {
  font-variant-numeric: tabular-nums;
  color: var(--foreground) !important;
}

.recharts-pie-sector path {
  stroke: var(--background);
}

@supports (color: color-mix(in lab, red, red)) {
  .recharts-pie-sector path {
    stroke: color-mix(in oklab, var(--background) 80%, transparent);
  }
}

.recharts-pie-sector path {
  stroke-width: 2px;
}

.recharts-surface:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

.kit-reaviz {
  --kit-reaviz-tick: var(--muted-foreground);
  --kit-reaviz-gridline: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .kit-reaviz {
    --kit-reaviz-gridline: color-mix(in oklab, var(--primary) 14%, transparent);
  }
}

.kit-reaviz {
  width: 100%;
}

.kit-reaviz svg .reaviz-area-path {
  stroke-width: 2px;
}

.rdk-portal {
  z-index: 99999 !important;
}


:root {
  color-scheme: dark;
  --k-s1: 4px;
  --k-s2: 8px;
  --k-s3: 12px;
  --k-s4: 16px;
  --k-s5: 24px;
  --k-s6: 32px;
  --k-s7: 48px;
  --k-s8: 64px;
  --k-s9: 96px;
  --k-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;
  --k-font-num: "SF Mono", ui-monospace, Menlo, monospace;
  --k-t-title-page: clamp(28px, 6vw, 38px);
  --k-t-title-section: 18px;
  --k-t-metric: 24px;
  --k-t-metric-sm: 17px;
  --k-t-body: 15px;
  --k-t-meta: 13px;
  --k-t-label: 12px;
  --k-w-title: 680;
  --k-w-section: 620;
  --k-w-label: 560;
  --k-ink-1: #f4f3f1;
  --k-ink-2: #a8acb4;
  --k-ink-3: #7e838f;
  --k-bg: #0b0c0f;
  --k-raised: #14161b;
  --k-sunken: #ffffff06;
  --k-hover: #ffffff0d;
  --k-hairline: #ffffff14;
  --k-hairline-2: #ffffff24;
  --k-accent: #ef2c2c;
  --k-positive: #71ceaf;
  --k-negative: #e4747d;
  --k-attention: #ec8d38;
  --k-info: #3d9ff5;
  --k-accent-hsl: 0 86% 55%;
  --k-positive-hsl: 160 49% 63%;
  --k-negative-hsl: 355 67% 67%;
  --k-attention-hsl: 28 83% 57%;
  --k-info-hsl: 208 90% 60%;
  --k-ink-1-hsl: 40 12% 95%;
  --k-ink-2-hsl: 220 7% 68%;
  --k-ink-3-hsl: 222 7% 53%;
  --k-hairline-hsl: 226 3% 19%;
  --k-surface-1-hsl: 225 15% 5%;
  --k-surface-2-hsl: 223 15% 9%;
  --k-surface-3-hsl: 223 10% 13%;
  --k-r-xs: 4px;
  --k-r-sm: 8px;
  --k-r-md: 12px;
  --k-r-lg: 20px;
  --k-ctl-h: 34px;
  --k-ctl-h-sm: 28px;
  --k-ico-sm: 13px;
  --k-ico-md: 15px;
  --k-chart-ink: #ffffff6b;
  --k-chart-grid: #ffffff0d;
  --k-chart-band: #ffffff09;
  --k-ease: cubic-bezier(.22, 1, .36, 1);
  --k-dur-fast: .12s;
  --k-dur: .22s;
  --k-focus-ring: 0 0 0 2px var(--k-bg), 0 0 0 4px #f4f3f1d9;
  --glass-base-bg: #14161b9e;
  --glass-raised-bg: #0f1115bd;
  --glass-overlay-bg: #14161be6;
  --glass-pane-bg: #14161b80;
  --glass-base-filter: blur(16px) saturate(140%);
  --glass-raised-filter: blur(20px) saturate(150%);
  --glass-overlay-filter: blur(24px) saturate(160%);
  --glass-menu-bg: #0f1115f0;
  --glass-menu-filter: blur(24px) saturate(160%);
  --glass-border: #ffffff14;
  --glass-border-strong: #ffffff24;
  --glass-highlight: inset 0 1px 0 #ffffff0f;
  --glass-base-shadow: var(--glass-highlight), 0 1px 2px #00000047, 0 12px 32px -14px #0000008c;
  --glass-raised-shadow: var(--glass-highlight), 0 8px 24px -10px #0009;
  --glass-menu-shadow: var(--glass-highlight), 0 0 0 1px var(--glass-border-strong), 0 18px 40px -12px #000000bf;
  --glass-overlay-shadow: var(--glass-highlight), 0 0 0 1px var(--glass-border-strong), 0 40px 80px -24px #000000d9;
  --glass-scrim: #040507a8;
  --glass-scrim-filter: blur(4px);
  --glass-base-solid: #14161b;
  --glass-raised-solid: #111317;
  --glass-overlay-solid: #16181d;
  --glass-menu-solid: #111317;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  :root {
    --glass-base-bg: var(--glass-base-solid);
    --glass-raised-bg: var(--glass-raised-solid);
    --glass-overlay-bg: var(--glass-overlay-solid);
    --glass-menu-bg: var(--glass-menu-solid);
    --glass-base-filter: none;
    --glass-raised-filter: none;
    --glass-overlay-filter: none;
    --glass-menu-filter: none;
    --glass-scrim-filter: none;
    --glass-scrim: #040507d1;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :root {
    --glass-base-bg: var(--glass-base-solid);
    --glass-raised-bg: var(--glass-raised-solid);
    --glass-overlay-bg: var(--glass-overlay-solid);
    --glass-menu-bg: var(--glass-menu-solid);
    --glass-pane-bg: #121418;
    --glass-base-filter: none;
    --glass-raised-filter: none;
    --glass-overlay-filter: none;
    --glass-menu-filter: none;
    --glass-scrim-filter: none;
    --glass-scrim: #040507d1;
  }
}

@media (prefers-contrast: more) {
  :root {
    --glass-base-bg: var(--glass-base-solid);
    --glass-raised-bg: var(--glass-raised-solid);
    --glass-overlay-bg: var(--glass-overlay-solid);
    --glass-menu-bg: var(--glass-menu-solid);
    --glass-base-filter: none;
    --glass-raised-filter: none;
    --glass-overlay-filter: none;
    --glass-menu-filter: none;
    --glass-scrim-filter: none;
    --glass-border: #ffffff47;
    --glass-border-strong: #fff6;
    --k-hairline: #fff3;
    --k-hairline-2: #ffffff52;
  }
}

@media print {
  :root {
    --glass-base-filter: none;
    --glass-raised-filter: none;
    --glass-overlay-filter: none;
    --glass-menu-filter: none;
    --glass-scrim-filter: none;
  }
}

:root {
  --k-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  --k-backdrop: var(--k-noise), radial-gradient(60vw 45vw at 8% -8%, #ef2c2c17, transparent 65%), radial-gradient(45vw 40vw at 100% 4%, #e4747d0d, transparent 65%), radial-gradient(55vw 45vw at 70% 108%, #586ea00f, transparent 65%);
}

body {
  background-color: var(--k-bg);
  background-image: var(--k-backdrop);
  background-size: 220px 220px, auto, auto, auto;
  background-attachment: fixed;
}

div.min-h-screen.bg-background {
  background-color: #0000;
}

:is(main, header, aside, nav):not(.fixed, .sticky, .absolute, .uo-sidenav, .uo-topnav-wrap) {
  z-index: 1;
  position: relative;
}

[data-slot="card"] {
  background: var(--glass-base-bg);
  -webkit-backdrop-filter: var(--glass-base-filter);
  backdrop-filter: var(--glass-base-filter);
  border-color: var(--glass-border);
  box-shadow: var(--glass-base-shadow);
}

:is([data-slot="dialog-content"], [data-slot="alert-dialog-content"], [data-slot="sheet-content"]) {
  background: var(--glass-overlay-bg);
  -webkit-backdrop-filter: var(--glass-overlay-filter);
  backdrop-filter: var(--glass-overlay-filter);
  border-color: var(--glass-border-strong);
  box-shadow: var(--glass-overlay-shadow);
}

:is([data-slot="dialog-overlay"], [data-slot="sheet-overlay"], [data-slot="alert-dialog-overlay"]) {
  background: var(--glass-scrim);
  -webkit-backdrop-filter: var(--glass-scrim-filter);
  backdrop-filter: var(--glass-scrim-filter);
}

:is([data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="select-content"], [data-slot="tooltip-content"], [data-slot="hover-card-content"], [data-slot="command"]) {
  background: var(--glass-menu-bg);
  -webkit-backdrop-filter: var(--glass-menu-filter);
  backdrop-filter: var(--glass-menu-filter);
  border-color: var(--glass-border-strong);
  box-shadow: var(--glass-menu-shadow);
}

:root :is([data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="select-content"], [data-slot="command"]) {
  background-color: var(--glass-menu-bg);
}

[data-sonner-toast][data-styled="true"] {
  -webkit-backdrop-filter: var(--glass-overlay-filter);
  backdrop-filter: var(--glass-overlay-filter);
  border-color: var(--glass-border-strong);
  box-shadow: var(--glass-overlay-shadow);
}

[data-slot="table-header"] {
  z-index: 10;
  background: var(--glass-raised-bg);
  -webkit-backdrop-filter: var(--glass-raised-filter);
  backdrop-filter: var(--glass-raised-filter);
  position: sticky;
  top: 0;
}

[data-slot="table-head"] {
  height: 2.85rem;
  font-size: var(--k-t-label);
  text-transform: none;
  letter-spacing: 0;
  color: var(--k-ink-3);
  padding: 0 .8rem;
  font-weight: 550;
}

[data-slot="table-cell"] {
  font-variant-numeric: tabular-nums;
  padding: .8rem;
}

[data-slot="table-row"] {
  border-bottom: 1px solid var(--k-hairline);
  transition: background var(--k-dur-fast) var(--k-ease);
}

[data-slot="table-row"]:hover {
  background: var(--k-hover);
}

[data-slot="badge"] {
  border-radius: var(--k-r-xs);
  letter-spacing: 0;
  padding: .15rem .5rem;
  font-size: 11px;
  font-weight: 550;
}

[data-slot="input"], [data-slot="select-trigger"] {
  border-radius: var(--k-r-sm);
  background: var(--k-sunken);
  border-color: var(--k-hairline);
  height: 2.5rem;
  box-shadow: none;
  transition: border-color var(--k-dur-fast) var(--k-ease), box-shadow var(--k-dur-fast) var(--k-ease);
}

[data-slot="input"]:hover, [data-slot="select-trigger"]:hover {
  border-color: var(--k-hairline-2);
}

[data-slot="input"]:focus-visible, [data-slot="select-trigger"]:focus-visible, [data-slot="select-trigger"][data-state="open"] {
  border-color: var(--k-hairline-2);
  box-shadow: var(--k-focus-ring);
  outline: none;
}

[data-slot="button"] {
  border-radius: var(--k-r-sm);
}

[data-slot="button"]:focus-visible {
  box-shadow: var(--k-focus-ring);
  outline: none;
}

[data-slot="button"].bg-primary {
  background: var(--k-ink-1);
  color: var(--k-bg);
  box-shadow: none;
}

[data-slot="button"].bg-primary:hover {
  background: #fff;
}

[data-slot="checkbox"] {
  border-radius: var(--k-r-xs);
  border-color: var(--k-hairline-2);
}

[data-slot="pagination-link"] {
  border-radius: var(--k-r-sm);
}

[data-slot="tabs-list"] {
  background: var(--k-sunken);
  border-color: var(--k-hairline);
  border-radius: var(--k-r-sm);
}

[data-slot="tabs-trigger"] {
  border-radius: var(--k-r-xs);
  font-weight: 550;
}

[data-slot="tabs-trigger"][data-state="active"] {
  background: var(--k-hover);
  border-color: var(--k-hairline);
  color: var(--k-ink-1);
  box-shadow: none;
}

[data-slot="tabs-trigger"]:focus-visible {
  box-shadow: var(--k-focus-ring);
  outline: none;
}

[data-slot="empty-title"] {
  color: var(--k-ink-2);
  font-weight: 600;
}

[data-slot="empty-description"] {
  color: var(--k-ink-3);
}

[data-slot="empty-icon"][data-variant="icon"] {
  background: var(--k-hover);
  color: var(--k-ink-2);
  border-radius: var(--k-r-sm);
}

.uo-page-title {
  font-size: clamp(22px, 3vw, 28px);
  font-weight: var(--k-w-title);
  letter-spacing: -.02em;
  color: var(--k-ink-1);
  line-height: 1.1;
}

.uo-page-sub {
  margin-top: var(--k-s1);
  font-size: var(--k-t-meta);
  color: var(--k-ink-3);
}

[data-slot="card-title"]:not(.text-xs, .text-sm, .text-base, .text-lg, .text-xl, .text-2xl, .text-3xl) {
  font-size: var(--k-t-title-section);
  line-height: 1.25;
  font-weight: var(--k-w-section);
  letter-spacing: -.012em;
  text-transform: none;
}

.ai-opsstat {
  border-left: 2px solid #0000;
  padding: .95rem 1.05rem 1rem;
  position: relative;
  overflow: hidden;
}

.ai-opsstat.ai-interactive:hover {
  border-left-color: var(--k-hairline-2);
  background: var(--k-hover);
}

.ai-opsstat.ai-interactive[class*="ring-1"] {
  border-left-color: var(--k-ink-1);
}

.ai-stat-label, .ai-opsstat .ai-stat-label {
  font-size: var(--k-t-label);
  letter-spacing: 0;
  text-transform: none;
  color: var(--k-ink-3);
  font-weight: 550;
}

.ai-stat-val, .ai-opsstat .ai-stat-val {
  font-size: var(--k-t-metric);
  letter-spacing: -.02em;
  color: var(--k-ink-1);
  font-variant-numeric: tabular-nums;
  font-weight: 640;
  line-height: 1.1;
}

.ai-opsstat .ai-stat-val {
  margin-top: .35rem;
}

aside a[class*="bg-primary/10"] {
  background: var(--k-hover);
  color: var(--k-ink-1);
  box-shadow: inset 0 0 0 1px var(--k-hairline);
}

aside a[class*="bg-primary/10"]:before {
  background: var(--k-ink-1);
  width: 2px;
  box-shadow: none;
}

aside a[class*="bg-primary/10"] svg {
  color: var(--k-ink-1);
}

aside a[class*="text-muted-foreground"]:hover {
  background: var(--k-hover);
  color: var(--k-ink-1);
  box-shadow: none;
}

.uo-topnav-item.uo-active {
  color: var(--k-ink-1);
  position: relative;
}

.uo-topnav-item.uo-active:after {
  content: "";
  background: var(--k-ink-1);
  height: 2px;
  box-shadow: none;
  border-radius: 999px;
  position: absolute;
  bottom: -9px;
  left: 12%;
  right: 12%;
}

.uo-topnav-item:hover {
  color: var(--k-ink-1);
}

@media (prefers-reduced-motion: reduce) {
  [data-slot="table-row"] {
    transition: none;
  }
}

:where(span:has( > [data-nf-key] > [data-nf-strip])) {
  overflow: clip;
}

select:not([multiple]):not(.uo-select) {
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237E838F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--k-s3) center;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 100%;
  background-size: 10px 6px;
  padding-inline-end: calc(var(--k-s3)  + 14px);
}

select:not([multiple]):not([data-slot="select-trigger"]) {
  height: var(--k-ctl-h);
  border-radius: var(--k-r-sm);
  box-shadow: inset 0 0 0 1px var(--k-hairline);
  background-color: var(--k-sunken);
  color: var(--k-ink-1);
  font: inherit;
  font-size: var(--k-t-label);
  transition: box-shadow var(--k-dur-fast) var(--k-ease), background-color var(--k-dur-fast) var(--k-ease);
  border: 0;
  padding-inline-start: var(--k-s3);
}

select:not([multiple]):not([data-slot="select-trigger"]):hover {
  box-shadow: inset 0 0 0 1px var(--k-hairline-2);
  background-color: var(--k-hover);
}

select:not([multiple]):not([data-slot="select-trigger"]):focus-visible {
  box-shadow: var(--k-focus-ring);
  outline: none;
}

select:not([multiple]) option, select:not([multiple]) optgroup {
  background-color: var(--k-raised);
  color: var(--k-ink-1);
}

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  select:not([multiple]):not([data-slot="select-trigger"]) {
    box-shadow: inset 0 0 0 1px var(--k-hairline-2);
  }
}

[data-slot="dialog-content"] :is(input, textarea).field, [data-slot="alert-dialog-content"] :is(input, textarea).field {
  box-shadow: inset 0 0 0 1px var(--k-hairline);
  background-color: var(--k-sunken);
  color: var(--k-ink-1);
  height: var(--k-ctl-h);
  padding-inline: var(--k-s3);
  border-radius: var(--k-r-sm);
  font: inherit;
  font-size: var(--k-t-label);
  min-width: 0;
  max-width: 100%;
  transition: box-shadow var(--k-dur-fast) var(--k-ease), background-color var(--k-dur-fast) var(--k-ease);
  border: 0;
}

[data-slot="dialog-content"] :is(input, textarea).field.lg, [data-slot="alert-dialog-content"] :is(input, textarea).field.lg {
  height: 40px;
  font-size: var(--k-t-meta);
}

[data-slot="dialog-content"] :is(input, textarea).field.sm, [data-slot="alert-dialog-content"] :is(input, textarea).field.sm {
  height: var(--k-ctl-h-sm);
  font-size: var(--k-t-label);
}

[data-slot="dialog-content"] textarea.field, [data-slot="alert-dialog-content"] textarea.field {
  height: auto;
  min-height: 112px;
  padding: 10px var(--k-s3);
  resize: vertical;
  line-height: 1.5;
  font-size: var(--k-t-meta);
}

[data-slot="dialog-content"] :is(input, textarea).field::placeholder, [data-slot="alert-dialog-content"] :is(input, textarea).field::placeholder {
  color: var(--k-ink-3);
}

[data-slot="dialog-content"] :is(input, textarea).field:focus, [data-slot="alert-dialog-content"] :is(input, textarea).field:focus {
  box-shadow: inset 0 0 0 1px var(--k-hairline-2);
  outline: none;
}

[data-slot="dialog-content"] :is(input, textarea).field[readonly], [data-slot="alert-dialog-content"] :is(input, textarea).field[readonly] {
  color: var(--k-ink-3);
}

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  [data-slot="dialog-content"] :is(input, textarea).field, [data-slot="alert-dialog-content"] :is(input, textarea).field {
    box-shadow: inset 0 0 0 1px var(--k-hairline-2);
  }
}

@media (min-width: 721px) {
  .ugc-report .watch[role="dialog"] {
    inset: var(--k-s8) 0 var(--k-s5) 0;
    height: min(86dvh, 720px, calc(100dvh - var(--k-s8)  - var(--k-s5)));
  }
}

@layer components {
  .kt-btn {
    white-space: nowrap;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
    justify-content: center;
    align-items: center;
  }

  .kt-btn:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kt-btn:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .kt-btn:disabled {
    pointer-events: none;
    opacity: .5;
  }

  .kt-btn[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kt-btn[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .kt-btn svg {
    pointer-events: none;
    flex-shrink: 0;
  }

  .kt-btn-destructive {
    white-space: nowrap;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
    justify-content: center;
    align-items: center;
  }

  .kt-btn-destructive:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-btn-destructive:disabled {
    pointer-events: none;
    opacity: .5;
  }

  .kt-btn-destructive[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kt-btn-destructive[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .kt-btn-destructive svg {
    pointer-events: none;
    flex-shrink: 0;
  }

  .kt-badge {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-style: var(--tw-border-style);
    --tw-tracking: .01em;
    letter-spacing: .01em;
    white-space: nowrap;
    border-width: 1px;
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    width: fit-content;
    overflow: hidden;
  }

  .kt-badge:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kt-badge:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .kt-badge[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kt-badge[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .kt-badge > svg {
    pointer-events: none;
  }

  .kt-badge-destructive {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-style: var(--tw-border-style);
    --tw-tracking: .01em;
    letter-spacing: .01em;
    white-space: nowrap;
    border-width: 1px;
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    width: fit-content;
    overflow: hidden;
  }

  .kt-badge-destructive:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-badge-destructive[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kt-badge-destructive[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .kt-badge-destructive > svg {
    pointer-events: none;
  }

  .kt-td {
    padding-inline: calc(var(--spacing) * 3);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  .kt-td:has([role="checkbox"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .kt-td > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-th {
    height: calc(var(--spacing) * 11);
    padding-inline: calc(var(--spacing) * 3);
    vertical-align: middle;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 11px;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: .06em;
    letter-spacing: .06em;
    white-space: nowrap;
    color: var(--muted-foreground);
    text-transform: uppercase;
  }

  .kt-th:has([role="checkbox"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .kt-th > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kt-tr {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .kt-tr {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .kt-tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .kt-tr[data-state="selected"] {
    --tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, var(--primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-check {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    border-radius: 4px;
    outline-style: none;
    flex-shrink: 0;
  }

  .kt-check:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kt-check:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .kt-check:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  .kt-check[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .kt-check[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .kt-check[data-state="checked"] {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  .kt-select-item {
    cursor: default;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius)  - 4px);
    width: 100%;
    padding-block: calc(var(--spacing) * 1.5);
    padding-right: calc(var(--spacing) * 8);
    padding-left: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-outline-style: none;
    outline-style: none;
    display: flex;
    position: relative;
  }

  @media (forced-colors: active) {
    .kt-select-item {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .kt-select-item {
    -webkit-user-select: none;
    user-select: none;
  }

  .kt-select-item:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  .kt-select-item[data-disabled] {
    pointer-events: none;
    opacity: .5;
  }

  .kt-select-item svg {
    pointer-events: none;
    flex-shrink: 0;
  }

  :is(.kt-select-item > *):is(span):last-child {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }
}

.kit-scroll-cell {
  padding: var(--k-s4) var(--k-s3);
  text-align: center;
  font-size: var(--k-t-label);
  color: var(--k-ink-3);
}

.kit-scroll-cell > * {
  vertical-align: middle;
}

.kit-scroll-spin, .kit-scroll-error, .kit-scroll-retry, .kit-scroll-stale {
  display: none;
}

.kit-scroll-more {
  color: var(--k-ink-2, currentColor);
  text-underline-offset: 2px;
  text-decoration: underline;
}

[data-kit-scroll].htmx-request .kit-scroll-spin, [data-kit-scroll][aria-busy="true"] .kit-scroll-spin {
  display: inline-flex;
}

[data-kit-scroll].htmx-request .kit-scroll-more, [data-kit-scroll][aria-busy="true"] .kit-scroll-more {
  display: none;
}

[data-kit-scroll][data-kit-scroll-failed] .kit-scroll-error {
  margin-right: var(--k-s2);
  display: inline;
}

[data-kit-scroll][data-kit-scroll-failed] .kit-scroll-label {
  display: none;
}

[data-kit-scroll][data-kit-scroll-failed] .kit-scroll-retry, [data-kit-scroll][data-kit-scroll-stale] .kit-scroll-stale {
  display: inline;
}

[data-kit-scroll][data-kit-scroll-stale] .kit-scroll-more, [data-kit-scroll][data-kit-scroll-stale] .kit-scroll-spin, [data-kit-scroll][data-kit-scroll-stale] .kit-scroll-error {
  display: none;
}

.kit-scroll-reload {
  color: var(--k-ink-2, currentColor);
  text-underline-offset: 2px;
  text-decoration: underline;
}

:where(html[dir="ltr"]), :where([data-sonner-toaster][dir="ltr"]) {
  --toast-icon-margin-start: -3px;
  --toast-icon-margin-end: 4px;
  --toast-svg-margin-start: -1px;
  --toast-svg-margin-end: 0px;
  --toast-button-margin-start: auto;
  --toast-button-margin-end: 0;
  --toast-close-button-start: 0;
  --toast-close-button-end: unset;
  --toast-close-button-transform: translate(-35%, -35%);
}

:where(html[dir="rtl"]), :where([data-sonner-toaster][dir="rtl"]) {
  --toast-icon-margin-start: 4px;
  --toast-icon-margin-end: -3px;
  --toast-svg-margin-start: 0px;
  --toast-svg-margin-end: -1px;
  --toast-button-margin-start: 0;
  --toast-button-margin-end: auto;
  --toast-close-button-start: unset;
  --toast-close-button-end: 0;
  --toast-close-button-transform: translate(35%, -35%);
}

:where([data-sonner-toaster]) {
  width: var(--width);
  --gray1: #fcfcfc;
  --gray2: #f8f8f8;
  --gray3: #f3f3f3;
  --gray4: #ededed;
  --gray5: #e8e8e8;
  --gray6: #e2e2e2;
  --gray7: #dbdbdb;
  --gray8: #c7c7c7;
  --gray9: #8f8f8f;
  --gray10: #858585;
  --gray11: #6f6f6f;
  --gray12: #171717;
  --border-radius: 8px;
  box-sizing: border-box;
  z-index: 999999999;
  outline: none;
  margin: 0;
  padding: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  list-style: none;
  transition: transform .4s;
  position: fixed;
}

:where([data-sonner-toaster][data-lifted="true"]) {
  transform: translateY(-10px);
}

@media (hover: none) and (pointer: coarse) {
  :where([data-sonner-toaster][data-lifted="true"]) {
    transform: none;
  }
}

:where([data-sonner-toaster][data-x-position="right"]) {
  right: var(--offset-right);
}

:where([data-sonner-toaster][data-x-position="left"]) {
  left: var(--offset-left);
}

:where([data-sonner-toaster][data-x-position="center"]) {
  left: 50%;
  transform: translateX(-50%);
}

:where([data-sonner-toaster][data-y-position="top"]) {
  top: var(--offset-top);
}

:where([data-sonner-toaster][data-y-position="bottom"]) {
  bottom: var(--offset-bottom);
}

:where([data-sonner-toast]) {
  --y: translateY(100%);
  --lift-amount: calc(var(--lift) * var(--gap));
  z-index: var(--z-index);
  opacity: 0;
  transform: var(--y);
  filter: blur();
  touch-action: none;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  outline: none;
  transition: transform .4s, opacity .4s, height .4s, box-shadow .2s;
  position: absolute;
}

:where([data-sonner-toast][data-styled="true"]) {
  background: var(--normal-bg);
  border: 1px solid var(--normal-border);
  color: var(--normal-text);
  border-radius: var(--border-radius);
  width: var(--width);
  align-items: center;
  gap: 6px;
  padding: 16px;
  font-size: 13px;
  display: flex;
  box-shadow: 0 4px 12px #0000001a;
}

:where([data-sonner-toast]:focus-visible) {
  box-shadow: 0 4px 12px #0000001a, 0 0 0 2px #0003;
}

:where([data-sonner-toast][data-y-position="top"]) {
  --y: translateY(-100%);
  --lift: 1;
  --lift-amount: calc(1 * var(--gap));
  top: 0;
}

:where([data-sonner-toast][data-y-position="bottom"]) {
  --y: translateY(100%);
  --lift: -1;
  --lift-amount: calc(var(--lift) * var(--gap));
  bottom: 0;
}

:where([data-sonner-toast]) :where([data-description]) {
  color: inherit;
  font-weight: 400;
  line-height: 1.4;
}

:where([data-sonner-toast]) :where([data-title]) {
  color: inherit;
  font-weight: 500;
  line-height: 1.5;
}

:where([data-sonner-toast]) :where([data-icon]) {
  width: 16px;
  height: 16px;
  margin-left: var(--toast-icon-margin-start);
  margin-right: var(--toast-icon-margin-end);
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

:where([data-sonner-toast][data-promise="true"]) :where([data-icon]) > svg {
  opacity: 0;
  transform-origin: center;
  animation: .3s forwards sonner-fade-in;
  transform: scale(.8);
}

:where([data-sonner-toast]) :where([data-icon]) > * {
  flex-shrink: 0;
}

:where([data-sonner-toast]) :where([data-icon]) svg {
  margin-left: var(--toast-svg-margin-start);
  margin-right: var(--toast-svg-margin-end);
}

:where([data-sonner-toast]) :where([data-content]) {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

[data-sonner-toast][data-styled="true"] [data-button] {
  height: 24px;
  color: var(--normal-bg);
  background: var(--normal-text);
  margin-left: var(--toast-button-margin-start);
  margin-right: var(--toast-button-margin-end);
  cursor: pointer;
  border: none;
  border-radius: 4px;
  outline: none;
  flex-shrink: 0;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  transition: opacity .4s, box-shadow .2s;
  display: flex;
}

:where([data-sonner-toast]) :where([data-button]):focus-visible {
  box-shadow: 0 0 0 2px #0006;
}

:where([data-sonner-toast]) :where([data-button]):first-of-type {
  margin-left: var(--toast-button-margin-start);
  margin-right: var(--toast-button-margin-end);
}

:where([data-sonner-toast]) :where([data-cancel]) {
  color: var(--normal-text);
  background: #00000014;
}

:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]) {
  background: #ffffff4d;
}

:where([data-sonner-toast]) :where([data-close-button]) {
  left: var(--toast-close-button-start);
  right: var(--toast-close-button-end);
  width: 20px;
  height: 20px;
  color: var(--gray12);
  border: 1px solid var(--gray4);
  transform: var(--toast-close-button-transform);
  cursor: pointer;
  z-index: 1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: opacity .1s, background .2s, border-color .2s;
  display: flex;
  position: absolute;
  top: 0;
}

[data-sonner-toast] [data-close-button] {
  background: var(--gray1);
}

:where([data-sonner-toast]) :where([data-close-button]):focus-visible {
  box-shadow: 0 4px 12px #0000001a, 0 0 0 2px #0003;
}

:where([data-sonner-toast]) :where([data-disabled="true"]) {
  cursor: not-allowed;
}

:where([data-sonner-toast]):hover :where([data-close-button]):hover {
  background: var(--gray2);
  border-color: var(--gray5);
}

:where([data-sonner-toast][data-swiping="true"]):before {
  content: "";
  z-index: -1;
  height: 100%;
  position: absolute;
  left: -50%;
  right: -50%;
}

:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before {
  bottom: 50%;
  transform: scaleY(3)translateY(50%);
}

:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before {
  top: 50%;
  transform: scaleY(3)translateY(-50%);
}

:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before {
  content: "";
  position: absolute;
  inset: 0;
  transform: scaleY(2);
}

:where([data-sonner-toast]):after {
  content: "";
  height: calc(var(--gap)  + 1px);
  width: 100%;
  position: absolute;
  bottom: 100%;
  left: 0;
}

:where([data-sonner-toast][data-mounted="true"]) {
  --y: translateY(0);
  opacity: 1;
}

:where([data-sonner-toast][data-expanded="false"][data-front="false"]) {
  --scale: var(--toasts-before) * .05 + 1;
  --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
  height: var(--front-toast-height);
}

:where([data-sonner-toast]) > * {
  transition: opacity .4s;
}

:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"]) > * {
  opacity: 0;
}

:where([data-sonner-toast][data-visible="false"]) {
  opacity: 0;
  pointer-events: none;
}

:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]) {
  --y: translateY(calc(var(--lift) * var(--offset)));
  height: var(--initial-height);
}

:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]) {
  --y: translateY(calc(var(--lift) * -100%));
  opacity: 0;
}

:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]) {
  --y: translateY(calc(var(--lift) * var(--offset)  + var(--lift) * -100%));
  opacity: 0;
}

:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]) {
  --y: translateY(40%);
  opacity: 0;
  transition: transform .5s, opacity .2s;
}

:where([data-sonner-toast][data-removed="true"][data-front="false"]):before {
  height: calc(var(--initial-height)  + 20%);
}

[data-sonner-toast][data-swiping="true"] {
  transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translateX(var(--swipe-amount-x, 0px));
  transition: none;
}

[data-sonner-toast][data-swiped="true"] {
  -webkit-user-select: none;
  user-select: none;
}

[data-sonner-toast][data-swipe-out="true"][data-y-position="bottom"], [data-sonner-toast][data-swipe-out="true"][data-y-position="top"] {
  animation-duration: .2s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="left"] {
  animation-name: swipe-out-left;
}

[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="right"] {
  animation-name: swipe-out-right;
}

[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="up"] {
  animation-name: swipe-out-up;
}

[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="down"] {
  animation-name: swipe-out-down;
}

@keyframes swipe-out-left {
  from {
    transform: var(--y) translateX(var(--swipe-amount-x));
    opacity: 1;
  }

  to {
    transform: var(--y) translateX(calc(var(--swipe-amount-x)  - 100%));
    opacity: 0;
  }
}

@keyframes swipe-out-right {
  from {
    transform: var(--y) translateX(var(--swipe-amount-x));
    opacity: 1;
  }

  to {
    transform: var(--y) translateX(calc(var(--swipe-amount-x)  + 100%));
    opacity: 0;
  }
}

@keyframes swipe-out-up {
  from {
    transform: var(--y) translateY(var(--swipe-amount-y));
    opacity: 1;
  }

  to {
    transform: var(--y) translateY(calc(var(--swipe-amount-y)  - 100%));
    opacity: 0;
  }
}

@keyframes swipe-out-down {
  from {
    transform: var(--y) translateY(var(--swipe-amount-y));
    opacity: 1;
  }

  to {
    transform: var(--y) translateY(calc(var(--swipe-amount-y)  + 100%));
    opacity: 0;
  }
}

@media (max-width: 600px) {
  [data-sonner-toaster] {
    right: var(--mobile-offset-right);
    left: var(--mobile-offset-left);
    width: 100%;
    position: fixed;
  }

  [data-sonner-toaster][dir="rtl"] {
    left: calc(var(--mobile-offset-left) * -1);
  }

  [data-sonner-toaster] [data-sonner-toast] {
    width: calc(100% - var(--mobile-offset-left) * 2);
    left: 0;
    right: 0;
  }

  [data-sonner-toaster][data-x-position="left"] {
    left: var(--mobile-offset-left);
  }

  [data-sonner-toaster][data-y-position="bottom"] {
    bottom: var(--mobile-offset-bottom);
  }

  [data-sonner-toaster][data-y-position="top"] {
    top: var(--mobile-offset-top);
  }

  [data-sonner-toaster][data-x-position="center"] {
    left: var(--mobile-offset-left);
    right: var(--mobile-offset-right);
    transform: none;
  }
}

[data-sonner-toaster][data-theme="light"] {
  --normal-bg: #fff;
  --normal-border: var(--gray4);
  --normal-text: var(--gray12);
  --success-bg: #ecfdf3;
  --success-border: #d3fde5;
  --success-text: #008a2e;
  --info-bg: #f0f8ff;
  --info-border: #d3e0fd;
  --info-text: #0973dc;
  --warning-bg: #fffcf0;
  --warning-border: #fdf5d3;
  --warning-text: #dc7609;
  --error-bg: #fff0f0;
  --error-border: #ffe0e1;
  --error-text: #e60000;
}

[data-sonner-toaster][data-theme="light"] [data-sonner-toast][data-invert="true"] {
  --normal-bg: #000;
  --normal-border: #333;
  --normal-text: var(--gray1);
}

[data-sonner-toaster][data-theme="dark"] [data-sonner-toast][data-invert="true"] {
  --normal-bg: #fff;
  --normal-border: var(--gray3);
  --normal-text: var(--gray12);
}

[data-sonner-toaster][data-theme="dark"] {
  --normal-bg: #000;
  --normal-bg-hover: #1f1f1f;
  --normal-border: #333;
  --normal-border-hover: #404040;
  --normal-text: var(--gray1);
  --success-bg: #001f0f;
  --success-border: #003d1c;
  --success-text: #59f3a6;
  --info-bg: #000d1f;
  --info-border: #00113d;
  --info-text: #5896f3;
  --warning-bg: #1d1f00;
  --warning-border: #3d3d00;
  --warning-text: #f3cf58;
  --error-bg: #2d0607;
  --error-border: #4d0408;
  --error-text: #ff9ea1;
}

[data-sonner-toaster][data-theme="dark"] [data-sonner-toast] [data-close-button] {
  background: var(--normal-bg);
  border-color: var(--normal-border);
  color: var(--normal-text);
}

[data-sonner-toaster][data-theme="dark"] [data-sonner-toast] [data-close-button]:hover {
  background: var(--normal-bg-hover);
  border-color: var(--normal-border-hover);
}

[data-rich-colors="true"][data-sonner-toast][data-type="success"], [data-rich-colors="true"][data-sonner-toast][data-type="success"] [data-close-button] {
  background: var(--success-bg);
  border-color: var(--success-border);
  color: var(--success-text);
}

[data-rich-colors="true"][data-sonner-toast][data-type="info"], [data-rich-colors="true"][data-sonner-toast][data-type="info"] [data-close-button] {
  background: var(--info-bg);
  border-color: var(--info-border);
  color: var(--info-text);
}

[data-rich-colors="true"][data-sonner-toast][data-type="warning"], [data-rich-colors="true"][data-sonner-toast][data-type="warning"] [data-close-button] {
  background: var(--warning-bg);
  border-color: var(--warning-border);
  color: var(--warning-text);
}

[data-rich-colors="true"][data-sonner-toast][data-type="error"], [data-rich-colors="true"][data-sonner-toast][data-type="error"] [data-close-button] {
  background: var(--error-bg);
  border-color: var(--error-border);
  color: var(--error-text);
}

.sonner-loading-wrapper {
  --size: 16px;
  height: var(--size);
  width: var(--size);
  z-index: 10;
  position: absolute;
  inset: 0;
}

.sonner-loading-wrapper[data-visible="false"] {
  transform-origin: center;
  animation: .2s forwards sonner-fade-out;
}

.sonner-spinner {
  height: var(--size);
  width: var(--size);
  position: relative;
  top: 50%;
  left: 50%;
}

.sonner-loading-bar {
  background: var(--gray11);
  border-radius: 6px;
  width: 24%;
  height: 8%;
  animation: 1.2s linear infinite sonner-spin;
  position: absolute;
  top: -3.9%;
  left: -10%;
}

.sonner-loading-bar:first-child {
  animation-delay: -1.2s;
  transform: rotate(.0001deg)translate(146%);
}

.sonner-loading-bar:nth-child(2) {
  animation-delay: -1.1s;
  transform: rotate(30deg)translate(146%);
}

.sonner-loading-bar:nth-child(3) {
  animation-delay: -1s;
  transform: rotate(60deg)translate(146%);
}

.sonner-loading-bar:nth-child(4) {
  animation-delay: -.9s;
  transform: rotate(90deg)translate(146%);
}

.sonner-loading-bar:nth-child(5) {
  animation-delay: -.8s;
  transform: rotate(120deg)translate(146%);
}

.sonner-loading-bar:nth-child(6) {
  animation-delay: -.7s;
  transform: rotate(150deg)translate(146%);
}

.sonner-loading-bar:nth-child(7) {
  animation-delay: -.6s;
  transform: rotate(180deg)translate(146%);
}

.sonner-loading-bar:nth-child(8) {
  animation-delay: -.5s;
  transform: rotate(210deg)translate(146%);
}

.sonner-loading-bar:nth-child(9) {
  animation-delay: -.4s;
  transform: rotate(240deg)translate(146%);
}

.sonner-loading-bar:nth-child(10) {
  animation-delay: -.3s;
  transform: rotate(270deg)translate(146%);
}

.sonner-loading-bar:nth-child(11) {
  animation-delay: -.2s;
  transform: rotate(300deg)translate(146%);
}

.sonner-loading-bar:nth-child(12) {
  animation-delay: -.1s;
  transform: rotate(330deg)translate(146%);
}

@keyframes sonner-fade-in {
  0% {
    opacity: 0;
    transform: scale(.8);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes sonner-fade-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }

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

@keyframes sonner-spin {
  0% {
    opacity: 1;
  }

  100% {
    opacity: .15;
  }
}

@media (prefers-reduced-motion) {
  [data-sonner-toast], [data-sonner-toast] > *, .sonner-loading-bar {
    transition: none !important;
    animation: none !important;
  }
}

.sonner-loader {
  transform-origin: center;
  transition: opacity .2s, transform .2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sonner-loader[data-visible="false"] {
  opacity: 0;
  transform: scale(.8)translate(-50%, -50%);
}


@font-face {
  font-family: DM Sans;
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url("/fonts/f597cd59c1ffa374-s.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: DM Sans;
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url("/fonts/4261f91ea7100e2e-s.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("/fonts/7ab938503e4547a1-s.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("/fonts/13971731025ec697-s.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: DM Sans Fallback;
  src: local(Arial);
  ascent-override: 94.9%;
  descent-override: 29.66%;
  line-gap-override: 0.0%;
  size-adjust: 104.53%;
}

@font-face {
  font-family: Space Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/ae822095a172cc5c-s.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Space Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/3c70c5716f1730b3-s.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Space Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/fc727f226c737876-s.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Space Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/77fb5eec12c66d49-s.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Space Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/281dae1e814de8c6-s.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Space Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/806de4d605d3ad01-s.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Space Mono Fallback;
  src: local(Arial);
  ascent-override: 81.58%;
  descent-override: 26.3%;
  line-gap-override: 0.0%;
  size-adjust: 137.28%;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/ba9851c3c22cd980-s.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/21350d82a1f187e9-s.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/c5fe6dc8356a8c31-s.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/19cfc7226ec3afaa-s.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/df0a9ae256c0569c-s.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/8e9860b6e62d6359-s.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/e4af272ccee01ff0-s.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.49%;
  descent-override: 22.56%;
  line-gap-override: 0.0%;
  size-adjust: 107.06%;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/b06b356f834173cc-s.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/23d669af23d19c95-s.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/1a4aa50920b5315c-s.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/b06b356f834173cc-s.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/23d669af23d19c95-s.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/1a4aa50920b5315c-s.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/b06b356f834173cc-s.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/23d669af23d19c95-s.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/1a4aa50920b5315c-s.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/b06b356f834173cc-s.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/23d669af23d19c95-s.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/1a4aa50920b5315c-s.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo Fallback;
  src: local(Arial);
  ascent-override: 88.96%;
  descent-override: 21.28%;
  line-gap-override: 0.0%;
  size-adjust: 98.7%;
}

@font-face {
  font-family: Geist;
  src: url("/fonts/028c0d39d2e8f589-s.p.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 85.83%;
  descent-override: 20.53%;
  line-gap-override: 9.33%;
  size-adjust: 107.19%;
}

@font-face {
  font-family: Geist Mono;
  src: url("/fonts/5b01f339abf2f1a5.p.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}

:root {
  --font-dm-sans: "DM Sans", "DM Sans Fallback";
  --font-space-mono: "Space Mono", "Space Mono Fallback";
  --font-inter: "Inter", "Inter Fallback";
  --font-archivo: "Archivo", "Archivo Fallback";
  --font-geist-sans: "Geist", "Geist Fallback";
  --font-geist-mono: "Geist Mono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
}

body {
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}

.pwa-install-banner {
  padding-bottom: calc(.75rem + env(safe-area-inset-bottom, 0px));
}

.signup-site, .signup-portal {
  --background: var(--k-bg);
  --foreground: var(--k-ink-1);
  --card: var(--glass-base-bg);
  --card-foreground: var(--k-ink-1);
  --popover: var(--glass-overlay-bg);
  --popover-foreground: var(--k-ink-1);
  --primary: var(--k-accent);
  --primary-foreground: #fff;
  --secondary: #ffffff0f;
  --secondary-foreground: var(--k-ink-1);
  --muted: #ffffff0a;
  --muted-foreground: var(--k-ink-2);
  --accent: #ffffff14;
  --accent-foreground: var(--k-ink-1);
  --destructive: var(--k-negative);
  --destructive-foreground: #fff;
  --border: var(--k-hairline);
  --input: var(--k-hairline);
  --ring: var(--k-ink-1);
  --radius: 1rem;
  --si-primary: var(--k-accent-hsl);
  color-scheme: dark;
  color: #fafafa;
}

.signup-site {
  min-height: 100vh;
  font-family: Inter, system-ui, -apple-system, sans-serif;
}

.signup-portal {
  font-family: Inter, system-ui, -apple-system, sans-serif;
}

.signup-site *, .signup-site :before, .signup-site :after, .signup-portal *, .signup-portal :before, .signup-portal :after {
  border-color: var(--k-hairline);
}

.glass {
  background: var(--glass-base-bg);
  -webkit-backdrop-filter: var(--glass-base-filter);
  backdrop-filter: var(--glass-base-filter);
  border: 1px solid;
  border-color: var(--glass-border);
  box-shadow: var(--glass-base-shadow);
}

.glass-strong {
  background: var(--glass-overlay-bg);
  -webkit-backdrop-filter: var(--glass-overlay-filter);
  backdrop-filter: var(--glass-overlay-filter);
  border: 1px solid;
  border-color: var(--glass-border-strong);
  box-shadow: var(--glass-overlay-shadow);
}

.glass-card {
  background: var(--glass-base-bg);
  -webkit-backdrop-filter: var(--glass-base-filter);
  backdrop-filter: var(--glass-base-filter);
  border: 1px solid;
  border-color: var(--glass-border);
  box-shadow: var(--glass-base-shadow);
  transition: background-color .25s, border-color .25s, box-shadow .25s, transform .25s;
}

@media (hover: hover) and (pointer: fine) {
  .glass-card-interactive:hover {
    border-color: #ec272766;
    box-shadow: 0 10px 36px #00000080, 0 0 28px #bc101038, inset 0 1px #ffffff1a;
  }
}

.pricing-flow, .pricing-flow * {
  -webkit-tap-highlight-color: transparent;
}

.pricing-flow button:not(:disabled):focus {
  outline: none;
}

html:has(.signup-site) {
  scroll-behavior: smooth;
}

.glass-scroll::-webkit-scrollbar {
  width: 5px;
}

.glass-scroll::-webkit-scrollbar-track {
  background: none;
}

.glass-scroll::-webkit-scrollbar-thumb {
  background: #ec272766;
  border-radius: 4px;
}

.ambient {
  z-index: 0;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.ambient i {
  filter: blur(90px);
  will-change: transform;
  border-radius: 50%;
  display: block;
  position: absolute;
}

.ambient .g1 {
  background: radial-gradient(circle, #650b138c, #0000 70%);
  width: 60vw;
  height: 60vw;
  animation: 26s cubic-bezier(.4, 0, .2, 1) infinite alternate dA;
  top: -18vw;
  left: -12vw;
}

.ambient .g2 {
  background: radial-gradient(circle, #ec272724, #0000 70%);
  width: 52vw;
  height: 52vw;
  animation: 34s cubic-bezier(.4, 0, .2, 1) infinite alternate dB;
  top: 8vh;
  right: -14vw;
}

.ambient .g3 {
  background: radial-gradient(circle, #650b136b, #0000 70%);
  width: 66vw;
  height: 66vw;
  animation: 42s cubic-bezier(.4, 0, .2, 1) infinite alternate dC;
  bottom: -30vw;
  left: 18vw;
}

@keyframes dA {
  to {
    transform: translate(8vw, 6vh)scale(1.16);
  }
}

@keyframes dB {
  to {
    transform: translate(-7vw, 5vh)scale(1.1);
  }
}

@keyframes dC {
  to {
    transform: translate(6vw, -6vh)scale(1.2);
  }
}

.reveal {
  opacity: 0;
  transform: translateY(22px);
}

.reveal.shown {
  opacity: 1;
  transition: opacity .7s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--rd, 0s);
  transform: none;
}

.tiltable.tilting {
  transition: transform .12s ease-out !important;
}

.cursor-dot {
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  background: #ec2727;
  border-radius: 99px;
  width: 6px;
  height: 6px;
  transition: opacity .25s;
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px #ec2727cc;
}

@media (pointer: coarse), (prefers-reduced-motion: reduce) {
  .cursor-dot {
    display: none;
  }

  .ambient i {
    animation: none;
  }

  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

.logo-marquee {
  position: relative;
  overflow: hidden;
  -webkit-mask: linear-gradient(90deg, #0000, #000 7% 93%, #0000);
  mask: linear-gradient(90deg, #0000, #000 7% 93%, #0000);
}

.logo-marquee__track {
  align-items: center;
  gap: clamp(34px, 5vw, 62px);
  width: max-content;
  animation: 58s linear infinite lm-scroll;
  display: flex;
}

.logo-marquee:hover .logo-marquee__track {
  animation-play-state: paused;
}

.logo-marquee__logo {
  opacity: .72;
  flex: none;
  width: auto;
  height: 51px;
  transition: opacity .35s cubic-bezier(.22, 1, .36, 1);
}

.logo-marquee__logo.is-toolost {
  height: 102px;
}

.logo-marquee__logo:hover {
  opacity: 1;
}

@keyframes lm-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }

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

@media (prefers-reduced-motion: reduce) {
  .logo-marquee__track {
    flex-wrap: wrap;
    justify-content: center;
    gap: 28px 40px;
    width: auto;
    animation: none;
  }
}

@keyframes pulse-ring {
  0% {
    opacity: .6;
    transform: scale(.3);
  }

  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

@keyframes grow-bar {
  0% {
    transform: scaleY(0);
  }

  100% {
    transform: scaleY(1);
  }
}

.eq-icon {
  justify-content: center;
  align-items: flex-end;
  gap: 3px;
  height: 28px;
  display: flex;
}

.eq-icon span {
  transform-origin: bottom;
  background: linear-gradient(to top, #e11414, #f54755);
  border-radius: 99px;
  width: 4px;
  animation: 1.1s ease-in-out infinite eq-bounce;
  box-shadow: 0 0 8px #ec272799;
}

@keyframes eq-bounce {
  0%, 100% {
    transform: scaleY(.28);
  }

  50% {
    transform: scaleY(1);
  }
}

.group:hover .eq-icon span {
  animation-duration: .6s;
}

.broadcast-icon {
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
  position: relative;
}

.broadcast-icon b {
  z-index: 2;
  background: #ed3131;
  border-radius: 99px;
  width: 8px;
  height: 8px;
  position: absolute;
  box-shadow: 0 0 10px #ec2727cc;
}

.broadcast-icon i {
  opacity: 0;
  border: 2px solid #ed3131;
  border-radius: 99px;
  width: 26px;
  height: 26px;
  margin: auto;
  animation: 1.8s ease-out infinite broadcast-ring;
  position: absolute;
  inset: 0;
}

.broadcast-icon i:nth-child(2) {
  animation-delay: .6s;
}

.broadcast-icon i:nth-child(3) {
  animation-delay: 1.2s;
}

@keyframes broadcast-ring {
  0% {
    opacity: .9;
    transform: scale(.3);
  }

  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

.group:hover .broadcast-icon i {
  animation-duration: 1.1s;
}

.intro-glow {
  filter: blur(20px);
  background: radial-gradient(circle, #d312128c, #0000 65%);
  border-radius: 99px;
  width: 420px;
  height: 420px;
  animation: 1.8s ease-out both intro-glow;
  position: absolute;
}

@keyframes intro-glow {
  0% {
    opacity: 0;
    transform: scale(.5);
  }

  45% {
    opacity: 1;
  }

  100% {
    opacity: .55;
    transform: scale(1.05);
  }
}

.intro-ring {
  opacity: 0;
  border: 1.5px solid #ee3a3acc;
  border-radius: 99px;
  width: 120px;
  height: 120px;
  animation: 1.8s cubic-bezier(.22, 1, .36, 1) both intro-ring;
  position: absolute;
}

.intro-ring.r2 {
  animation-delay: .25s;
}

.intro-ring.r3 {
  animation-delay: .5s;
}

@keyframes intro-ring {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  25% {
    opacity: .8;
  }

  100% {
    opacity: 0;
    transform: scale(3.6);
  }
}

.intro-logo {
  animation: 1s cubic-bezier(.22, 1, .36, 1) both intro-wipe;
}

@keyframes intro-wipe {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
    filter: blur(6px);
    transform: scale(.92);
  }

  60% {
    opacity: 1;
    filter: blur();
  }

  100% {
    clip-path: inset(0);
    opacity: 1;
    filter: blur();
    transform: scale(1);
  }
}

.success-fx {
  z-index: 80;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.success-fx .flash {
  background: radial-gradient(circle, #eb141473, #0000 60%);
  animation: .9s ease-out both success-flash;
  position: absolute;
  inset: 0;
}

.success-fx .ring {
  border: 2px solid #ef4343cc;
  border-radius: 99px;
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  animation: 1s cubic-bezier(.22, 1, .36, 1) both success-ring;
  position: absolute;
  top: 50%;
  left: 50%;
}

.success-fx .ring.r2 {
  border-color: #f65563b3;
  animation-delay: .12s;
}

.success-fx .ring.r3 {
  animation-delay: .24s;
}

.success-fx .pt {
  background: #ef4343;
  border-radius: 99px;
  width: 8px;
  height: 8px;
  animation: 1.05s cubic-bezier(.22, 1, .36, 1) both success-particle;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 8px #ed2c2ccc;
}

@keyframes success-flash {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes success-ring {
  0% {
    opacity: .9;
    transform: scale(.2);
  }

  100% {
    opacity: 0;
    transform: scale(7);
  }
}

@keyframes success-particle {
  0% {
    opacity: 1;
    transform: translate(0)scale(1);
  }

  100% {
    transform: translate(var(--dx, 0), var(--dy, 0)) scale(.2);
    opacity: 0;
  }
}

.check-circle {
  animation: .5s cubic-bezier(.22, 1, .36, 1) both pop-in;
}

.check-path {
  stroke-dasharray: 48;
  stroke-dashoffset: 48px;
  animation: .5s ease-out .35s forwards check-draw;
}

@keyframes check-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes pop-in {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  60% {
    transform: scale(1.12);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .eq-icon span, .broadcast-icon i, .intro-ring, .intro-glow, .intro-logo, .success-fx .flash, .success-fx .ring, .success-fx .pt, .check-circle, .check-path {
    animation: none !important;
  }

  .check-path {
    stroke-dashoffset: 0;
  }

  .intro-logo {
    clip-path: none;
    opacity: 1;
  }
}



@layer base {
  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

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

@layer utilities {
  .bg-gradient-primary, .gradient-primary {
    background-image: linear-gradient(135deg, var(--primary), oklch(42% .22 25));
  }

  .shadow-glow {
    box-shadow: 0 0 22px oklch(55% .25 25 / .35), 0 4px 14px oklch(55% .25 25 / .18);
  }

  .shadow-neon {
    box-shadow: 0 0 14px oklch(55% .25 25 / .28);
  }

  .shimmer {
    position: relative;
    overflow: hidden;
  }

  .shimmer:after {
    content: "";
    background: linear-gradient(110deg, #0000 25%, oklch(100% 0 0 / .15) 37%, #0000 63%);
    animation: 2.5s ease-in-out infinite shimmer;
    position: absolute;
    inset: 0;
  }
}

:root {
  --background: oklch(98% .005 10);
  --foreground: oklch(14.5% 0 0);
  --card: oklch(100% 0 0);
  --card-foreground: oklch(14.5% 0 0);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(14.5% 0 0);
  --primary: oklch(55% .25 25);
  --primary-foreground: oklch(100% 0 0);
  --secondary: oklch(95% .02 10);
  --secondary-foreground: oklch(20% 0 0);
  --muted: oklch(94% .01 10);
  --muted-foreground: oklch(45% .01 10);
  --accent: oklch(65% .28 360);
  --accent-foreground: oklch(100% 0 0);
  --destructive: oklch(57.7% .245 27.325);
  --success: oklch(72% .17 162);
  --warning: oklch(84% .16 85);
  --info: oklch(66% .17 250);
  --destructive-foreground: oklch(98.5% 0 0);
  --border: oklch(88% .02 10);
  --input: oklch(92% .01 10);
  --ring: oklch(55% .25 25);
  --chart-1: oklch(55% .25 25);
  --chart-2: oklch(65% .28 360);
  --chart-3: oklch(60% .22 10);
  --chart-4: oklch(50% .2 350);
  --chart-5: oklch(70% .18 15);
  --radius: .625rem;
  --sidebar: oklch(97% .005 10);
  --sidebar-foreground: oklch(14.5% 0 0);
  --sidebar-primary: oklch(55% .25 25);
  --sidebar-primary-foreground: oklch(100% 0 0);
  --sidebar-accent: oklch(94% .02 10);
  --sidebar-accent-foreground: oklch(20% 0 0);
  --sidebar-border: oklch(88% .02 10);
  --sidebar-ring: oklch(55% .25 25);
}

.dark {
  --background: var(--k-bg);
  --foreground: var(--k-ink-1);
  --card: var(--glass-base-bg);
  --card-foreground: var(--k-ink-1);
  --popover: var(--glass-overlay-bg);
  --popover-foreground: var(--k-ink-1);
  --primary: var(--k-accent);
  --primary-foreground: oklch(100% 0 0);
  --secondary: #ffffff0f;
  --secondary-foreground: var(--k-ink-1);
  --muted: #ffffff0a;
  --muted-foreground: var(--k-ink-2);
  --accent: #ffffff14;
  --accent-foreground: var(--k-ink-1);
  --destructive: oklch(60% .24 25);
  --success: oklch(72% .17 162);
  --warning: oklch(84% .16 85);
  --info: oklch(66% .17 250);
  --destructive-foreground: oklch(98.5% 0 0);
  --border: var(--k-hairline);
  --input: var(--k-hairline);
  --ring: var(--k-ink-1);
  --chart-1: oklch(60% .25 25);
  --chart-2: oklch(65% .28 360);
  --chart-3: oklch(60% .22 10);
  --chart-4: oklch(50% .2 350);
  --chart-5: oklch(70% .18 15);
  --sidebar: var(--glass-raised-bg);
  --sidebar-foreground: var(--k-ink-2);
  --sidebar-primary: var(--k-accent);
  --sidebar-primary-foreground: oklch(100% 0 0);
  --sidebar-accent: #ffffff0f;
  --sidebar-accent-foreground: var(--k-ink-1);
  --sidebar-border: var(--k-hairline);
  --sidebar-ring: var(--k-ink-1);
}

[data-portal="partner"] {
  --primary: oklch(62% .2 257);
  --primary-foreground: oklch(100% 0 0);
  --accent: oklch(71% .16 252);
  --accent-foreground: oklch(100% 0 0);
  --ring: oklch(62% .2 257);
  --chart-1: oklch(62% .2 257);
  --chart-2: oklch(71% .16 252);
  --chart-3: oklch(50% .21 263);
  --chart-4: oklch(78% .12 240);
  --chart-5: oklch(85% .08 235);
  --sidebar-primary: oklch(62% .2 257);
  --sidebar-primary-foreground: oklch(100% 0 0);
  --sidebar-ring: oklch(62% .2 257);
}

.dark [data-portal="partner"], [data-portal="partner"].dark, .dark[data-portal="partner"] {
  --primary: oklch(66% .2 255);
  --primary-foreground: oklch(100% 0 0);
  --accent: oklch(71% .16 252);
  --accent-foreground: oklch(100% 0 0);
  --ring: oklch(66% .2 255);
  --chart-1: oklch(66% .2 255);
  --chart-2: oklch(71% .16 252);
  --chart-3: oklch(55% .21 263);
  --chart-4: oklch(78% .12 240);
  --chart-5: oklch(85% .08 235);
  --sidebar-primary: oklch(66% .2 255);
  --sidebar-primary-foreground: oklch(100% 0 0);
  --sidebar-ring: oklch(66% .2 255);
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

@keyframes gradient-shift {
  0%, 100% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }
}

@view-transition {
  navigation: auto;
}

html {
  background-color: var(--background);
}

#app-main:focus {
  outline: none;
}

#app-nav-progress {
  z-index: 2147483647;
  pointer-events: none;
  background: var(--primary);
  height: 2px;
  box-shadow: 0 0 10px var(--primary), 0 0 4px var(--primary);
  opacity: 0;
  transform-origin: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

#app-nav-progress[data-state="loading"] {
  opacity: 1;
  transition: transform 8s cubic-bezier(.08, .82, .17, 1), opacity .1s linear;
  transform: scaleX(.9);
}

#app-nav-progress[data-state="done"] {
  opacity: 0;
  transition: transform .2s ease-out, opacity .25s .15s;
  transform: scaleX(1);
}

.app-nav-overlay {
  z-index: 30;
  background: var(--background);
  animation: .18s ease-out both app-nav-overlay-in;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.app-nav-overlay > * {
  border-radius: 0;
  flex: auto;
  min-height: 0;
}

@keyframes app-nav-overlay-in {
  from {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #app-nav-progress[data-state="loading"] {
    transition: none;
    transform: scaleX(1);
  }

  #app-nav-progress[data-state="done"] {
    transition: none;
  }

  .app-nav-overlay {
    animation: none;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@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));
    filter: blur(var(--tw-enter-blur, 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));
    filter: blur(var(--tw-exit-blur, 0));
  }
}