/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@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-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --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-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --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: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --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;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 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-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --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-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

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

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-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-type\:inline-size\] {
    container-type: inline-size;
  }

  .\!pointer-events-auto {
    pointer-events: auto !important;
  }

  .\!pointer-events-none {
    pointer-events: none !important;
  }

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

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .not-sr-only {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .\!absolute {
    position: absolute !important;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .-inset-px {
    inset: -1px;
  }

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

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

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

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

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

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

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

  .inset-\[50px_8px_8px_8px\] {
    inset: 50px 8px 8px;
  }

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

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

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

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

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

  .start {
    inset-inline-start: var(--spacing);
  }

  .start\! {
    inset-inline-start: var(--spacing) !important;
  }

  .start-\[2px\] {
    inset-inline-start: 2px;
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .end-3 {
    inset-inline-end: calc(var(--spacing) * 3);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .top-1\/3 {
    top: 33.3333%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .top-\[0\.5px\] {
    top: .5px;
  }

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

  .top-\[1\.4rem\] {
    top: 1.4rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .top-\[108\.5px\] {
    top: 108.5px;
  }

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

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

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

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

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

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

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

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

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

  .top-\[216\.5px\] {
    top: 216.5px;
  }

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

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

  .top-full {
    top: 100%;
  }

  .top-px {
    top: 1px;
  }

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

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

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

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

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

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

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

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

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

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

  .-right-px {
    right: -1px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .right-\[-24px\] {
    right: -24px;
  }

  .right-\[0\.5px\] {
    right: .5px;
  }

  .right-\[7px\] {
    right: 7px;
  }

  .right-\[17px\] {
    right: 17px;
  }

  .right-\[18px\] {
    right: 18px;
  }

  .right-\[174px\] {
    right: 174px;
  }

  .right-full {
    right: 100%;
  }

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

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

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

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

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

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

  .-bottom-px {
    bottom: -1px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bottom-\[-16px\] {
    bottom: -16px;
  }

  .bottom-\[-47\.5px\] {
    bottom: -47.5px;
  }

  .bottom-\[0\.5px\] {
    bottom: .5px;
  }

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

  .bottom-\[2px\] {
    bottom: 2px;
  }

  .bottom-\[7px\] {
    bottom: 7px;
  }

  .bottom-\[calc\(50\%-320px\)\] {
    bottom: calc(50% - 320px);
  }

  .bottom-full {
    bottom: 100%;
  }

  .bottom-px {
    bottom: 1px;
  }

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

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

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

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

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

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

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

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

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

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

  .-left-\[20px\] {
    left: -20px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .left-\[-12px\] {
    left: -12px;
  }

  .left-\[-24px\] {
    left: -24px;
  }

  .left-\[5\.5rem\] {
    left: 5.5rem;
  }

  .left-\[8px\] {
    left: 8px;
  }

  .left-\[10px\] {
    left: 10px;
  }

  .left-\[11px\] {
    left: 11px;
  }

  .left-\[20px\] {
    left: 20px;
  }

  .left-\[22\.5px\] {
    left: 22.5px;
  }

  .left-\[26px\] {
    left: 26px;
  }

  .left-\[27px\] {
    left: 27px;
  }

  .left-\[30px\] {
    left: 30px;
  }

  .left-\[35px\] {
    left: 35px;
  }

  .left-\[38px\] {
    left: 38px;
  }

  .left-\[40px\] {
    left: 40px;
  }

  .left-\[55px\] {
    left: 55px;
  }

  .left-\[60px\] {
    left: 60px;
  }

  .left-\[65\.5px\] {
    left: 65.5px;
  }

  .left-\[72px\] {
    left: 72px;
  }

  .left-\[76px\] {
    left: 76px;
  }

  .left-\[78px\] {
    left: 78px;
  }

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

  .left-\[107px\] {
    left: 107px;
  }

  .left-\[120px\] {
    left: 120px;
  }

  .left-\[134px\] {
    left: 134px;
  }

  .left-\[200px\] {
    left: 200px;
  }

  .left-\[205px\] {
    left: 205px;
  }

  .left-\[330px\] {
    left: 330px;
  }

  .left-\[337px\] {
    left: 337px;
  }

  .left-\[489px\] {
    left: 489px;
  }

  .left-\[calc\(38\%\+12px\)\] {
    left: calc(38% + 12px);
  }

  .left-full {
    left: 100%;
  }

  .isolate {
    isolation: isolate;
  }

  .isolation-auto {
    isolation: auto;
  }

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

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

  .-z-\[1\] {
    z-index: calc(1 * -1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .-order-1 {
    order: calc(1 * -1);
  }

  .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-6 {
    grid-column: span 6 / span 6;
  }

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

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

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

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

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

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

  .row-end-2 {
    grid-row-end: 2;
  }

  .row-end-3 {
    grid-row-end: 3;
  }

  .row-end-4 {
    grid-row-end: 4;
  }

  .float-right {
    float: right;
  }

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

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

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

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

  .-m-\[0\.2rem\] {
    margin: -.2rem;
  }

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

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

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

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

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

  .m-auto {
    margin: auto;
  }

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

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

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

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

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

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

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

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

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

  .-mx-\[0\.2rem\] {
    margin-inline: -.2rem;
  }

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

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

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

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

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

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

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

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

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

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

  .mx-\[var\(--df-row-px\)\] {
    margin-inline: var(--df-row-px);
  }

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

  .\!my-0 {
    margin-block: calc(var(--spacing) * 0) !important;
  }

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

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

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

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

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

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

  .-my-\[0\.225em\] {
    margin-block: -.225em;
  }

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

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

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

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

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

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

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

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

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

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

  .my-\[0\.35rem\] {
    margin-block: .35rem;
  }

  .my-auto {
    margin-block: auto;
  }

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

  .ms-auto {
    margin-inline-start: auto;
  }

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

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

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

  .\!mt-12 {
    margin-top: calc(var(--spacing) * 12) !important;
  }

  .-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-3 {
    margin-top: calc(var(--spacing) * -3);
  }

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

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

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

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

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

  .-mt-\[0\.5px\] {
    margin-top: -.5px;
  }

  .-mt-\[6px\] {
    margin-top: -6px;
  }

  .-mt-px {
    margin-top: -1px;
  }

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

  .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-12 {
    margin-top: calc(var(--spacing) * 12);
  }

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

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

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

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

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

  .mt-\[0\.25em\] {
    margin-top: .25em;
  }

  .mt-\[0\.25rem\] {
    margin-top: .25rem;
  }

  .mt-\[0\.35rem\] {
    margin-top: .35rem;
  }

  .mt-\[1\.125rem\] {
    margin-top: 1.125rem;
  }

  .mt-\[3px\] {
    margin-top: 3px;
  }

  .mt-\[5px\] {
    margin-top: 5px;
  }

  .mt-\[7px\] {
    margin-top: 7px;
  }

  .mt-\[9px\] {
    margin-top: 9px;
  }

  .mt-\[15vh\] {
    margin-top: 15vh;
  }

  .mt-\[22px\] {
    margin-top: 22px;
  }

  .mt-\[30px\] {
    margin-top: 30px;
  }

  .mt-\[38px\] {
    margin-top: 38px;
  }

  .mt-\[90px\] {
    margin-top: 90px;
  }

  .mt-\[clamp\(1\.5rem\,10vw\,3rem\)\] {
    margin-top: clamp(1.5rem, 10vw, 3rem);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .-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-24 {
    margin-right: calc(var(--spacing) * -24);
  }

  .-mr-\[2px\] {
    margin-right: -2px;
  }

  .-mr-px {
    margin-right: -1px;
  }

  .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-3 {
    margin-right: calc(var(--spacing) * 3);
  }

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

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

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

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

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

  .mr-\[36px\] {
    margin-right: 36px;
  }

  .mr-auto {
    margin-right: auto;
  }

  .mr-px {
    margin-right: 1px;
  }

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

  .-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-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }

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

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

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

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

  .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-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

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

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

  .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-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }

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

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

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

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

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

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

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

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

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

  .mb-\[15px\] {
    margin-bottom: 15px;
  }

  .mb-\[22px\] {
    margin-bottom: 22px;
  }

  .mb-px {
    margin-bottom: 1px;
  }

  .\!ml-0 {
    margin-left: calc(var(--spacing) * 0) !important;
  }

  .\!ml-0\.5 {
    margin-left: calc(var(--spacing) * .5) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

  .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-2\.5 {
    margin-left: calc(var(--spacing) * 2.5);
  }

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

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

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

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

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

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

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

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

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

  .ml-\[0\.875rem\] {
    margin-left: .875rem;
  }

  .ml-\[2px\] {
    margin-left: 2px;
  }

  .ml-\[18px\] {
    margin-left: 18px;
  }

  .ml-\[20px\] {
    margin-left: 20px;
  }

  .ml-\[40px\] {
    margin-left: 40px;
  }

  .ml-\[71px\] {
    margin-left: 71px;
  }

  .ml-\[120px\] {
    margin-left: 120px;
  }

  .ml-\[clamp\(1\.5rem\,10vw\,3rem\)\] {
    margin-left: clamp(1.5rem, 10vw, 3rem);
  }

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

  .ml-px {
    margin-left: 1px;
  }

  .\!box-content {
    box-sizing: content-box !important;
  }

  .box-border {
    box-sizing: border-box;
  }

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

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

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

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

  .line-clamp-\[6\] {
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-\[7\] {
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .\!flex {
    display: flex !important;
  }

  .\!hidden {
    display: none !important;
  }

  .\!inline {
    display: inline !important;
  }

  .\!inline-flex {
    display: inline-flex !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .contents\! {
    display: contents !important;
  }

  .flex {
    display: flex;
  }

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

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline\! {
    display: inline !important;
  }

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

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

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

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

  .list-item {
    display: list-item;
  }

  .table {
    display: table;
  }

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

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

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

  .table-column-group {
    display: table-column-group;
  }

  .table-footer-group {
    display: table-footer-group;
  }

  .table-header-group {
    display: table-header-group;
  }

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

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

  .\[field-sizing\:content\] {
    field-sizing: content;
  }

  .aspect-\[3\/2\] {
    aspect-ratio: 3 / 2;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-\[258\/240\] {
    aspect-ratio: 258 / 240;
  }

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

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

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

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

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

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

  .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-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .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-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

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

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

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

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

  .size-\[1\.4rem\] {
    width: 1.4rem;
    height: 1.4rem;
  }

  .size-\[3px\] {
    width: 3px;
    height: 3px;
  }

  .size-\[6px\] {
    width: 6px;
    height: 6px;
  }

  .size-\[7px\] {
    width: 7px;
    height: 7px;
  }

  .size-\[8px\] {
    width: 8px;
    height: 8px;
  }

  .size-\[11px\] {
    width: 11px;
    height: 11px;
  }

  .size-\[13px\] {
    width: 13px;
    height: 13px;
  }

  .size-\[14px\] {
    width: 14px;
    height: 14px;
  }

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

  .size-\[30px\] {
    width: 30px;
    height: 30px;
  }

  .size-\[31px\] {
    width: 31px;
    height: 31px;
  }

  .size-\[38px\] {
    width: 38px;
    height: 38px;
  }

  .size-\[61px\] {
    width: 61px;
    height: 61px;
  }

  .size-\[62px\] {
    width: 62px;
    height: 62px;
  }

  .size-\[142px\] {
    width: 142px;
    height: 142px;
  }

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

  .size-\[var\(--df-icon-size\)\] {
    width: var(--df-icon-size);
    height: var(--df-icon-size);
  }

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

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

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

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

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

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

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

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

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

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

  .\!h-16 {
    height: calc(var(--spacing) * 16) !important;
  }

  .\!h-\[3\.25rem\] {
    height: 3.25rem !important;
  }

  .\!h-\[10rem\] {
    height: 10rem !important;
  }

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

  .\!h-\[36px\] {
    height: 36px !important;
  }

  .\!h-\[44px\] {
    height: 44px !important;
  }

  .\!h-\[52px\] {
    height: 52px !important;
  }

  .\!h-\[calc\(52px-1rem\)\] {
    height: calc(52px - 1rem) !important;
  }

  .\!h-auto {
    height: auto !important;
  }

  .\!h-full {
    height: 100% !important;
  }

  .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-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-14 {
    height: calc(var(--spacing) * 14);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[0\.975em\] {
    height: .975em;
  }

  .h-\[1\.5em\] {
    height: 1.5em;
  }

  .h-\[1\.125rem\] {
    height: 1.125rem;
  }

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

  .h-\[2\.25rem\] {
    height: 2.25rem;
  }

  .h-\[2\.625rem\] {
    height: 2.625rem;
  }

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

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

  .h-\[3\.5px\] {
    height: 3.5px;
  }

  .h-\[3\.5rem\] {
    height: 3.5rem;
  }

  .h-\[3\.25rem\] {
    height: 3.25rem;
  }

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

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

  .h-\[4\.5rem\] {
    height: 4.5rem;
  }

  .h-\[5\.3px\] {
    height: 5.3px;
  }

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

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

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

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

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

  .h-\[10\.25rem\] {
    height: 10.25rem;
  }

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

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

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

  .h-\[12\.5rem\] {
    height: 12.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[96\%\] {
    height: 96%;
  }

  .h-\[98\%\] {
    height: 98%;
  }

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

  .h-\[100\%\] {
    height: 100%;
  }

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

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

  .h-\[108\.7\%\] {
    height: 108.7%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[calc\(100vh-6rem\)\] {
    height: calc(100vh - 6rem);
  }

  .h-\[calc\(100vh-12\.5rem\)\] {
    height: calc(100vh - 12.5rem);
  }

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

  .h-\[clamp\(10\.5rem\,28\.1vw\,23\.45rem\)\] {
    height: clamp(10.5rem, 28.1vw, 23.45rem);
  }

  .h-\[clamp\(10rem\,62vw\,30\.75rem\)\] {
    height: clamp(10rem, 62vw, 30.75rem);
  }

  .h-\[min\(32rem\,calc\(100vh-8rem\)\)\] {
    height: min(32rem, 100vh - 8rem);
  }

  .h-\[min\(40rem\,calc\(100vh-8rem\)\)\] {
    height: min(40rem, 100vh - 8rem);
  }

  .h-\[min\(85vh\,800px\)\] {
    height: min(85vh, 800px);
  }

  .h-\[min\(720px\,calc\(100vh-4rem\)\)\] {
    height: min(720px, 100vh - 4rem);
  }

  .h-\[var\(--df-row-h\)\] {
    height: var(--df-row-h);
  }

  .h-auto {
    height: auto;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .\!max-h-\[238px\] {
    max-height: 238px !important;
  }

  .\!max-h-none {
    max-height: none !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-h-\[6\.5rem\] {
    max-height: 6.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-h-\[calc\(100dvh-212px\)\] {
    max-height: calc(100dvh - 212px);
  }

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

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

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

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

  .max-h-\[min\(56rem\,100\%\)\] {
    max-height: min(56rem, 100%);
  }

  .max-h-\[min\(300px\,calc\(100vh-16rem\)\)\] {
    max-height: min(300px, 100vh - 16rem);
  }

  .max-h-\[min\(640px\,calc\(100vh-6rem\)\)\] {
    max-height: min(640px, 100vh - 6rem);
  }

  .max-h-\[min\(var\(--available-height\)\,24rem\)\] {
    max-height: min(var(--available-height), 24rem);
  }

  .max-h-\[min\(var\(--radix-context-menu-content-available-height\)\,var\(--dropdown-max-height\,24rem\)\)\] {
    max-height: min(var(--radix-context-menu-content-available-height), var(--dropdown-max-height, 24rem));
  }

  .max-h-\[min\(var\(--radix-dropdown-menu-content-available-height\)\,var\(--dropdown-max-height\)\)\] {
    max-height: min(var(--radix-dropdown-menu-content-available-height), var(--dropdown-max-height));
  }

  .max-h-\[min\(var\(--radix-select-content-available-height\,var\(--radix-dropdown-menu-content-available-height\)\)\,var\(--dropdown-max-height\,24rem\)\)\] {
    max-height: min(var(--radix-select-content-available-height, var(--radix-dropdown-menu-content-available-height)), var(--dropdown-max-height, 24rem));
  }

  .max-h-\[var\(--available-height\)\] {
    max-height: var(--available-height);
  }

  .max-h-full {
    max-height: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .min-h-\[1\.5em\] {
    min-height: 1.5em;
  }

  .min-h-\[1\.5rem\] {
    min-height: 1.5rem;
  }

  .min-h-\[2\.125rem\] {
    min-height: 2.125rem;
  }

  .min-h-\[2\.625rem\] {
    min-height: 2.625rem;
  }

  .min-h-\[2\.8125rem\] {
    min-height: 2.8125rem;
  }

  .min-h-\[3\.5rem\] {
    min-height: 3.5rem;
  }

  .min-h-\[3rem\] {
    min-height: 3rem;
  }

  .min-h-\[4rem\] {
    min-height: 4rem;
  }

  .min-h-\[5rem\] {
    min-height: 5rem;
  }

  .min-h-\[8rem\] {
    min-height: 8rem;
  }

  .min-h-\[12\.5rem\] {
    min-height: 12.5rem;
  }

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

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

  .min-h-\[24rem\] {
    min-height: 24rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-h-\[calc\(100svh-184px\)\] {
    min-height: calc(100svh - 184px);
  }

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

  .min-h-full {
    min-height: 100%;
  }

  .min-h-min {
    min-height: min-content;
  }

  .min-h-px {
    min-height: 1px;
  }

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

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

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

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

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

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

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

  .\!w-11 {
    width: calc(var(--spacing) * 11) !important;
  }

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

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

  .\!w-80 {
    width: calc(var(--spacing) * 80) !important;
  }

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

  .\!w-\[14px\] {
    width: 14px !important;
  }

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

  .\!w-\[337px\] {
    width: 337px !important;
  }

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

  .\!w-auto {
    width: auto !important;
  }

  .\!w-fit {
    width: fit-content !important;
  }

  .\!w-full {
    width: 100% !important;
  }

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

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

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

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

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

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-1\/6 {
    width: 16.6667%;
  }

  .w-1\/12 {
    width: 8.33333%;
  }

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

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

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-2\/5 {
    width: 40%;
  }

  .w-2\/12 {
    width: 16.6667%;
  }

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

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

  .w-3\/4 {
    width: 75%;
  }

  .w-3\/5 {
    width: 60%;
  }

  .w-3\/7 {
    width: 42.8571%;
  }

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

  .w-4\/12 {
    width: 33.3333%;
  }

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

  .w-5\/6 {
    width: 83.3333%;
  }

  .w-5\/12 {
    width: 41.6667%;
  }

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

  .w-6\/12 {
    width: 50%;
  }

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

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

  .w-8\/12 {
    width: 66.6667%;
  }

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

  .w-9\/12 {
    width: 75%;
  }

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

  .w-10\/12 {
    width: 83.3333%;
  }

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

  .w-11\/12 {
    width: 91.6667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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-80 {
    width: calc(var(--spacing) * 80);
  }

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

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

  .w-\[1\.5px\] {
    width: 1.5px;
  }

  .w-\[1\.875rem\] {
    width: 1.875rem;
  }

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

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

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

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

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

  .w-\[7\.5rem\] {
    width: 7.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[108\.7\%\] {
    width: 108.7%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[calc\(100\%\+1px\)\] {
    width: calc(100% + 1px);
  }

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

  .w-\[calc\(100\%-1\.75rem\)\] {
    width: calc(100% - 1.75rem);
  }

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

  .w-\[calc\(100\%-30px\)\] {
    width: calc(100% - 30px);
  }

  .w-\[calc\(100vw-32px\)\] {
    width: calc(100vw - 32px);
  }

  .w-\[calc\(var\(--radix-dropdown-menu-trigger-width\)\+8px\)\] {
    width: calc(var(--radix-dropdown-menu-trigger-width) + 8px);
  }

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

  .w-\[min\(1100px\,calc\(100vw-4rem\)\)\] {
    width: min(1100px, 100vw - 4rem);
  }

  .w-auto {
    width: auto;
  }

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

  .w-full {
    width: 100%;
  }

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

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .\!max-w-72 {
    max-width: calc(var(--spacing) * 72) !important;
  }

  .\!max-w-\[10rem\] {
    max-width: 10rem !important;
  }

  .\!max-w-\[13rem\] {
    max-width: 13rem !important;
  }

  .\!max-w-\[14\.5rem\] {
    max-width: 14.5rem !important;
  }

  .\!max-w-\[14rem\] {
    max-width: 14rem !important;
  }

  .\!max-w-\[15rem\] {
    max-width: 15rem !important;
  }

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

  .\!max-w-\[30rem\] {
    max-width: 30rem !important;
  }

  .\!max-w-\[33\.5rem\] {
    max-width: 33.5rem !important;
  }

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

  .\!max-w-\[282px\] {
    max-width: 282px !important;
  }

  .\!max-w-\[310px\] {
    max-width: 310px !important;
  }

  .\!max-w-\[360px\] {
    max-width: 360px !important;
  }

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

  .\!max-w-\[632px\] {
    max-width: 632px !important;
  }

  .\!max-w-\[640px\] {
    max-width: 640px !important;
  }

  .\!max-w-\[750px\] {
    max-width: 750px !important;
  }

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

  .\!max-w-fit {
    max-width: fit-content !important;
  }

  .\!max-w-none {
    max-width: none !important;
  }

  .\!max-w-xl {
    max-width: var(--container-xl) !important;
  }

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

  .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-12 {
    max-width: calc(var(--spacing) * 12);
  }

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

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

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

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

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

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

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

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

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

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

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

  .max-w-\[14\.5rem\] {
    max-width: 14.5rem;
  }

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

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

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

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

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

  .max-w-\[33\.333\%\] {
    max-width: 33.333%;
  }

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

  .max-w-\[50\.5rem\] {
    max-width: 50.5rem;
  }

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

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

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

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

  .max-w-\[75ch\] {
    max-width: 75ch;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-w-\[min\(85\%\,48rem\)\] {
    max-width: min(85%, 48rem);
  }

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

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

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

  .max-w-min {
    max-width: min-content;
  }

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

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

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

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

  .\!min-w-0 {
    min-width: calc(var(--spacing) * 0) !important;
  }

  .\!min-w-9 {
    min-width: calc(var(--spacing) * 9) !important;
  }

  .\!min-w-10 {
    min-width: calc(var(--spacing) * 10) !important;
  }

  .\!min-w-52 {
    min-width: calc(var(--spacing) * 52) !important;
  }

  .\!min-w-64 {
    min-width: calc(var(--spacing) * 64) !important;
  }

  .\!min-w-\[240px\] {
    min-width: 240px !important;
  }

  .\!min-w-\[260px\] {
    min-width: 260px !important;
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-2xl {
    min-width: var(--container-2xl);
  }

  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }

  .min-w-28 {
    min-width: calc(var(--spacing) * 28);
  }

  .min-w-30 {
    min-width: calc(var(--spacing) * 30);
  }

  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }

  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }

  .min-w-72 {
    min-width: calc(var(--spacing) * 72);
  }

  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }

  .min-w-\[1\.5ch\] {
    min-width: 1.5ch;
  }

  .min-w-\[4rem\] {
    min-width: 4rem;
  }

  .min-w-\[5\.5rem\] {
    min-width: 5.5rem;
  }

  .min-w-\[5rem\] {
    min-width: 5rem;
  }

  .min-w-\[6rem\] {
    min-width: 6rem;
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[9rem\] {
    min-width: 9rem;
  }

  .min-w-\[12\.5ch\] {
    min-width: 12.5ch;
  }

  .min-w-\[12rem\] {
    min-width: 12rem;
  }

  .min-w-\[13rem\] {
    min-width: 13rem;
  }

  .min-w-\[15rem\] {
    min-width: 15rem;
  }

  .min-w-\[16rem\] {
    min-width: 16rem;
  }

  .min-w-\[18px\] {
    min-width: 18px;
  }

  .min-w-\[18rem\] {
    min-width: 18rem;
  }

  .min-w-\[20px\] {
    min-width: 20px;
  }

  .min-w-\[38px\] {
    min-width: 38px;
  }

  .min-w-\[50px\] {
    min-width: 50px;
  }

  .min-w-\[85px\] {
    min-width: 85px;
  }

  .min-w-\[100px\] {
    min-width: 100px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[172px\] {
    min-width: 172px;
  }

  .min-w-\[175px\] {
    min-width: 175px;
  }

  .min-w-\[180px\] {
    min-width: 180px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[220px\] {
    min-width: 220px;
  }

  .min-w-\[240px\] {
    min-width: 240px;
  }

  .min-w-\[256px\] {
    min-width: 256px;
  }

  .min-w-\[260px\] {
    min-width: 260px;
  }

  .min-w-\[280px\] {
    min-width: 280px;
  }

  .min-w-\[290px\] {
    min-width: 290px;
  }

  .min-w-\[300px\] {
    min-width: 300px;
  }

  .min-w-\[340px\] {
    min-width: 340px;
  }

  .min-w-\[350px\] {
    min-width: 350px;
  }

  .min-w-fit {
    min-width: fit-content;
  }

  .min-w-full {
    min-width: 100%;
  }

  .min-w-max {
    min-width: max-content;
  }

  .min-w-px {
    min-width: 1px;
  }

  .min-w-xl {
    min-width: var(--container-xl);
  }

  .min-w-xs {
    min-width: var(--container-xs);
  }

  .\!flex-1 {
    flex: 1 !important;
  }

  .\!flex-\[2\] {
    flex: 2 !important;
  }

  .\!flex-none {
    flex: none !important;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[1_0_0\] {
    flex: 1 0 0;
  }

  .flex-\[3\] {
    flex: 3;
  }

  .flex-\[5\] {
    flex: 5;
  }

  .flex-auto {
    flex: auto;
  }

  .flex-initial {
    flex: 0 auto;
  }

  .flex-none {
    flex: none;
  }

  .\!flex-shrink, .\!shrink {
    flex-shrink: 1 !important;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .shrink-1 {
    flex-shrink: 1;
  }

  .shrink-\[4\] {
    flex-shrink: 4;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .grow-\[3\] {
    flex-grow: 3;
  }

  .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }

  .table-auto {
    table-layout: auto;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-separate {
    border-collapse: separate;
  }

  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .origin-bottom-left {
    transform-origin: 0 100%;
  }

  .origin-center {
    transform-origin: center;
  }

  .origin-left {
    transform-origin: 0;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .-translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * -.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-8 {
    --tw-translate-x: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1\/4 {
    --tw-translate-x: calc(1 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-3 {
    --tw-translate-x: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-100\%\] {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * -.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\.5 {
    --tw-translate-y: calc(var(--spacing) * -1.5);
    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-1\/4 {
    --tw-translate-y: calc(calc(1 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-2\.5 {
    --tw-translate-y: calc(var(--spacing) * -2.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-px {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1\.5 {
    --tw-translate-y: calc(var(--spacing) * 1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-8 {
    --tw-translate-y: calc(var(--spacing) * 8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-0\.05em\] {
    --tw-translate-y: -.05em;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[0\.05em\] {
    --tw-translate-y: .05em;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[0\.5px\] {
    --tw-translate-y: .5px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[1px\] {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[2px\] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[3px\] {
    --tw-translate-y: 3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[10px\] {
    --tw-translate-y: 10px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[19\%\] {
    --tw-translate-y: 19%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[120\%\] {
    --tw-translate-y: 120%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-px {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-none {
    translate: none;
  }

  .\!scale-100 {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .scale-50 {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-80 {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-125 {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-scale-x-100 {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-\[1\.0025\] {
    --tw-scale-x: 1.0025;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-\[1\.015\] {
    --tw-scale-y: 1.015;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-3d {
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
  }

  .scale-\[0\.8\], .scale-\[0\.80\] {
    scale: .8;
  }

  .scale-\[0\.85\] {
    scale: .85;
  }

  .scale-\[0\.92\] {
    scale: .92;
  }

  .scale-\[0\.975\] {
    scale: .975;
  }

  .scale-\[1\.15\] {
    scale: 1.15;
  }

  .scale-\[1\] {
    scale: 1;
  }

  .scale-\[80\%\] {
    scale: .8;
  }

  .-rotate-3 {
    rotate: -3deg;
  }

  .-rotate-6 {
    rotate: -6deg;
  }

  .-rotate-45 {
    rotate: -45deg;
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .-rotate-180 {
    rotate: -180deg;
  }

  .-rotate-\[0\.1rad\] {
    rotate: -5.72958deg;
  }

  .-rotate-\[36deg\] {
    rotate: -36deg;
  }

  .rotate-0 {
    rotate: 0deg;
  }

  .rotate-2 {
    rotate: 2deg;
  }

  .rotate-6 {
    rotate: 6deg;
  }

  .rotate-12 {
    rotate: 12deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-\[-1\.78deg\] {
    rotate: -1.78deg;
  }

  .rotate-\[-3deg\] {
    rotate: -3deg;
  }

  .rotate-\[-4deg\] {
    rotate: -4deg;
  }

  .rotate-\[0\.1rad\] {
    rotate: 5.72958deg;
  }

  .rotate-\[3deg\] {
    rotate: 3deg;
  }

  .rotate-\[4\.82deg\] {
    rotate: 4.82deg;
  }

  .rotate-\[20deg\] {
    rotate: 20deg;
  }

  .rotate-\[36deg\] {
    rotate: 36deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .transform\! {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important;
  }

  .animate-\[cursor-move_3s_ease-in-out_infinite\] {
    animation: 3s ease-in-out infinite cursor-move;
  }

  .animate-\[dframe-pulse-dot_1\.6s_ease-in-out_infinite\] {
    animation: 1.6s ease-in-out infinite dframe-pulse-dot;
  }

  .animate-\[fade-in_200ms_ease-out\] {
    animation: .2s ease-out fade-in;
  }

  .animate-\[fade_150ms_ease-formatBytes\] {
    animation: fade .15s ease-formatBytes;
  }

  .animate-\[fade_150ms_ease-out\] {
    animation: .15s ease-out fade;
  }

  .animate-\[fade_200ms_ease-formatBytes\] {
    animation: fade .2s ease-formatBytes;
  }

  .animate-\[fade_200ms_ease-out\] {
    animation: .2s ease-out fade;
  }

  .animate-\[fade_300ms_ease-formatBytes\] {
    animation: fade .3s ease-formatBytes;
  }

  .animate-\[fade_300ms_ease-out\] {
    animation: .3s ease-out fade;
  }

  .animate-\[planMinimize_150ms_ease-formatBytes\] {
    animation: planMinimize .15s ease-formatBytes;
  }

  .animate-\[planMinimize_150ms_ease-out\] {
    animation: .15s ease-out planMinimize;
  }

  .animate-\[planRestore_200ms_ease-formatBytes\] {
    animation: planRestore .2s ease-formatBytes;
  }

  .animate-\[planRestore_200ms_ease-out\] {
    animation: .2s ease-out planRestore;
  }

  .animate-\[pulse_1\.5s_ease-in-out_infinite\] {
    animation: 1.5s ease-in-out infinite pulse;
  }

  .animate-\[scale-in_250ms_ease-out\] {
    animation: .25s ease-out scale-in;
  }

  .animate-\[securitySidebarIn_200ms_ease-out\] {
    animation: .2s ease-out securitySidebarIn;
  }

  .animate-\[shimmer_1\.5s_infinite\] {
    animation: 1.5s infinite shimmer;
  }

  .animate-\[shimmertext_2\.25s_infinite\] {
    animation: 2.25s infinite shimmertext;
  }

  .animate-\[slideDown_0\.5s_ease-formatBytes\] {
    animation: slideDown .5s ease-formatBytes;
  }

  .animate-\[slideDown_0\.5s_ease-out\] {
    animation: .5s ease-out slideDown;
  }

  .animate-\[spin_1\.2s_linear_infinite\] {
    animation: 1.2s linear infinite spin;
  }

  .animate-\[spin_1\.5s_linear_infinite\] {
    animation: 1.5s linear infinite spin;
  }

  .animate-ping {
    animation: var(--animate-ping);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .\!cursor-default {
    cursor: default !important;
  }

  .\!cursor-not-allowed {
    cursor: not-allowed !important;
  }

  .\!cursor-pointer {
    cursor: pointer !important;
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-none {
    cursor: none;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-row-resize {
    cursor: row-resize;
  }

  .cursor-text {
    cursor: text;
  }

  .cursor-wait {
    cursor: wait;
  }

  .cursor-zoom-in {
    cursor: zoom-in;
  }

  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
  }

  .touch-manipulation {
    touch-action: manipulation;
  }

  .touch-none {
    touch-action: none;
  }

  .\!resize-y {
    resize: vertical !important;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .snap-center {
    scroll-snap-align: center;
  }

  .snap-start {
    scroll-snap-align: start;
  }

  .scroll-pb-6 {
    scroll-padding-bottom: calc(var(--spacing) * 6);
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-outside {
    list-style-position: outside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .\[appearance\:textfield\] {
    appearance: textfield;
  }

  .appearance-none {
    appearance: none;
  }

  .break-inside-avoid {
    break-inside: avoid;
  }

  .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .\!grid-cols-\[max-content_auto\] {
    grid-template-columns: max-content auto !important;
  }

  .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-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_100px_200px_140px_40px\] {
    grid-template-columns: 1fr 100px 200px 140px 40px;
  }

  .grid-cols-\[1fr_120px_230px_40px\] {
    grid-template-columns: 1fr 120px 230px 40px;
  }

  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }

  .grid-cols-\[3fr_1fr_3fr\] {
    grid-template-columns: 3fr 1fr 3fr;
  }

  .grid-cols-\[16px_1fr\] {
    grid-template-columns: 16px 1fr;
  }

  .grid-cols-\[16px_1fr_auto\] {
    grid-template-columns: 16px 1fr auto;
  }

  .grid-cols-\[20px_1fr\] {
    grid-template-columns: 20px 1fr;
  }

  .grid-cols-\[220px_minmax\(0px\,_1fr\)\] {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }

  .grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
  }

  .grid-cols-\[minmax\(0\,1fr\)_7rem_minmax\(0\,1\.5fr\)_2rem\] {
    grid-template-columns: minmax(0, 1fr) 7rem minmax(0, 1.5fr) 2rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)_2rem\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) 2rem;
  }

  .grid-cols-\[minmax\(0\,_1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(120px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }

  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .grid-rows-\[1fr_0\.75rem_auto\] {
    grid-template-rows: 1fr .75rem auto;
  }

  .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;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-content-center {
    place-content: center;
  }

  .place-items-center {
    place-items: center;
  }

  .content-start {
    align-content: flex-start;
  }

  .\!items-center {
    align-items: center !important;
  }

  .\!items-start {
    align-items: flex-start !important;
  }

  .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-center {
    justify-content: center !important;
  }

  .\!justify-start {
    justify-content: flex-start !important;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-stretch {
    justify-content: stretch;
  }

  .justify-items-center {
    justify-items: center;
  }

  .justify-items-stretch {
    justify-items: stretch;
  }

  .\!gap-0 {
    gap: calc(var(--spacing) * 0) !important;
  }

  .\!gap-0\.5 {
    gap: calc(var(--spacing) * .5) !important;
  }

  .\!gap-1 {
    gap: calc(var(--spacing) * 1) !important;
  }

  .\!gap-1\.5 {
    gap: calc(var(--spacing) * 1.5) !important;
  }

  .\!gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }

  .\!gap-3\.5 {
    gap: calc(var(--spacing) * 3.5) !important;
  }

  .\!gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .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-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }

  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }

  .gap-\[0\.3em\] {
    gap: .3em;
  }

  .gap-\[0\.5ch\] {
    gap: .5ch;
  }

  .gap-\[1px\] {
    gap: 1px;
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  .gap-\[6px\] {
    gap: 6px;
  }

  .gap-\[7px\] {
    gap: 7px;
  }

  .gap-\[9px\] {
    gap: 9px;
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[11px\] {
    gap: 11px;
  }

  .gap-\[13px\] {
    gap: 13px;
  }

  .gap-\[18px\] {
    gap: 18px;
  }

  .gap-\[60px\] {
    gap: 60px;
  }

  .gap-\[var\(--df-row-gap\)\] {
    gap: var(--df-row-gap);
  }

  .gap-px {
    gap: 1px;
  }

  :where(.\!space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :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-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-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * 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-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-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * 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)));
  }

  :where(.space-y-16 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-20 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-reverse > :not(:last-child)) {
    --tw-space-y-reverse: 1;
  }

  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }

  .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-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }

  .gap-x-\[2rem\] {
    column-gap: 2rem;
  }

  :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-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)));
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-6 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-reverse > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }

  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }

  .gap-y-20 {
    row-gap: calc(var(--spacing) * 20);
  }

  .gap-y-\[2\.5rem\] {
    row-gap: 2.5rem;
  }

  :where(.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(.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-y-\[0\.5px\] > :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(.5px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(.5px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-y-reverse > :not(:last-child)) {
    --tw-divide-y-reverse: 1;
  }

  :where(.divide-\[0\.5px\] > :not(:last-child)) {
    border-color: .5px;
  }

  .place-self-center {
    place-self: center;
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .\!truncate {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\!overflow-hidden {
    overflow: hidden !important;
  }

  .\!overflow-visible {
    overflow: visible !important;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-scroll {
    overflow: scroll;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-clip {
    overflow-x: clip;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-x-visible {
    overflow-x: visible;
  }

  .\[overflow-y\:overlay\] {
    overflow-y: overlay;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .overflow-y-scroll {
    overflow-y: scroll;
  }

  .overflow-y-visible {
    overflow-y: visible;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .scroll-smooth {
    scroll-behavior: smooth;
  }

  .\!rounded {
    border-radius: .25rem !important;
  }

  .\!rounded-2xl {
    border-radius: var(--radius-2xl) !important;
  }

  .\!rounded-\[0\.9rem\] {
    border-radius: .9rem !important;
  }

  .\!rounded-\[32px\] {
    border-radius: 32px !important;
  }

  .\!rounded-full {
    border-radius: 3.40282e38px !important;
  }

  .\!rounded-lg {
    border-radius: var(--radius-lg) !important;
  }

  .\!rounded-none {
    border-radius: 0 !important;
  }

  .\!rounded-xl {
    border-radius: var(--radius-xl) !important;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[\.625rem\] {
    border-radius: .625rem;
  }

  .rounded-\[0\.4rem\] {
    border-radius: .4rem;
  }

  .rounded-\[0\.6rem\] {
    border-radius: .6rem;
  }

  .rounded-\[0\.9rem\] {
    border-radius: .9rem;
  }

  .rounded-\[2rem\] {
    border-radius: 2rem;
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[9px\] {
    border-radius: 9px;
  }

  .rounded-\[10\.7px\] {
    border-radius: 10.7px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[24px\] {
    border-radius: 24px;
  }

  .rounded-\[27\%\] {
    border-radius: 27%;
  }

  .rounded-\[30px\] {
    border-radius: 30px;
  }

  .rounded-\[32px\] {
    border-radius: 32px;
  }

  .rounded-\[32px_32px_28px_28px\] {
    border-radius: 32px 32px 28px 28px;
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-\[var\(--df-radius-pill\)\] {
    border-radius: var(--df-radius-pill);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-s {
    border-start-start-radius: .25rem;
    border-end-start-radius: .25rem;
  }

  .rounded-ss {
    border-start-start-radius: .25rem;
  }

  .rounded-ss-md {
    border-start-start-radius: var(--radius-md);
  }

  .rounded-e {
    border-start-end-radius: .25rem;
    border-end-end-radius: .25rem;
  }

  .rounded-e-2xl {
    border-start-end-radius: var(--radius-2xl);
    border-end-end-radius: var(--radius-2xl);
  }

  .rounded-se {
    border-start-end-radius: .25rem;
  }

  .rounded-ee {
    border-end-end-radius: .25rem;
  }

  .rounded-ee-lg {
    border-end-end-radius: var(--radius-lg);
  }

  .rounded-es {
    border-end-start-radius: .25rem;
  }

  .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
  }

  .rounded-t-\[0\.5px\] {
    border-top-left-radius: .5px;
    border-top-right-radius: .5px;
  }

  .rounded-t-\[2rem\] {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
  }

  .rounded-t-\[6px\] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }

  .rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .rounded-t-\[24px\] {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }

  .rounded-t-\[28px\] {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }

  .\!rounded-l-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-l-\[6px\] {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .rounded-l-\[24px\] {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
  }

  .rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-l-sm {
    border-top-left-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
  }

  .rounded-l-xl {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-tl {
    border-top-left-radius: .25rem;
  }

  .rounded-tl-\[0px\] {
    border-top-left-radius: 0;
  }

  .rounded-tl-\[4px\] {
    border-top-left-radius: 4px;
  }

  .rounded-tl-lg {
    border-top-left-radius: var(--radius-lg);
  }

  .rounded-tl-xl {
    border-top-left-radius: var(--radius-xl);
  }

  .\!rounded-r-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-r-\[6px\] {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .rounded-r-\[24px\] {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
  }

  .rounded-r-full {
    border-top-right-radius: 3.40282e38px;
    border-bottom-right-radius: 3.40282e38px;
  }

  .rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }

  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .rounded-r-sm {
    border-top-right-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
  }

  .rounded-tr {
    border-top-right-radius: .25rem;
  }

  .rounded-tr-\[0px\] {
    border-top-right-radius: 0;
  }

  .rounded-tr-\[10px\] {
    border-top-right-radius: 10px;
  }

  .rounded-tr-lg {
    border-top-right-radius: var(--radius-lg);
  }

  .rounded-tr-xl {
    border-top-right-radius: var(--radius-xl);
  }

  .rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }

  .rounded-b-\[0\.6rem\] {
    border-bottom-right-radius: .6rem;
    border-bottom-left-radius: .6rem;
  }

  .rounded-b-\[1\.75rem\] {
    border-bottom-right-radius: 1.75rem;
    border-bottom-left-radius: 1.75rem;
  }

  .rounded-b-\[11px\] {
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
  }

  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .rounded-br-lg {
    border-bottom-right-radius: var(--radius-lg);
  }

  .rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .rounded-bl-lg {
    border-bottom-left-radius: var(--radius-lg);
  }

  .\!border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .\!border-1 {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-8 {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }

  .border-100 {
    border-style: var(--tw-border-style);
    border-width: 100px;
  }

  .border-200 {
    border-style: var(--tw-border-style);
    border-width: 200px;
  }

  .border-300 {
    border-style: var(--tw-border-style);
    border-width: 300px;
  }

  .border-400 {
    border-style: var(--tw-border-style);
    border-width: 400px;
  }

  .border-\[0\.4px\] {
    border-style: var(--tw-border-style);
    border-width: .4px;
  }

  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: .5px;
  }

  .border-\[0\.29px\] {
    border-style: var(--tw-border-style);
    border-width: .29px;
  }

  .border-\[0\.35px\] {
    border-style: var(--tw-border-style);
    border-width: .35px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-\[8px\] {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }

  .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-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-t-\[0\.5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: .5px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .border-r-\[0\.5px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: .5px;
  }

  .\!border-b-0 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-b-\[0\.5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: .5px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .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-l-\[0\.5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: .5px;
  }

  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }

  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .\!border-\[\#d29922\]\/20 {
    border-color: oklab(71.9551% .0245407 .13798 / .2) !important;
  }

  .\!border-transparent {
    border-color: #0000 !important;
  }

  .border-\[\#ccc\] {
    border-color: #ccc;
  }

  .border-\[hsl\(var\(--always-white\)\)\] {
    border-color: hsl(var(--always-white));
  }

  .border-\[hsl\(var\(--border-300\)\/0\.08\)\] {
    border-color: hsl(var(--border-300)/.08);
  }

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-blue-500 {
    border-color: var(--color-blue-500);
  }

  .border-current, .border-current\/20 {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/20 {
      border-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }

  .border-emerald-500 {
    border-color: var(--color-emerald-500);
  }

  .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-transparent {
    border-color: #0000;
  }

  .border-violet-500 {
    border-color: var(--color-violet-500);
  }

  .border-white {
    border-color: var(--color-white);
  }

  .\!border-t-transparent {
    border-top-color: #0000 !important;
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-r-transparent {
    border-right-color: #0000;
  }

  .\!border-b-transparent {
    border-bottom-color: #0000 !important;
  }

  .border-l-\[hsl\(210\,70\%\,50\%\)\] {
    border-left-color: #2680d9;
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .\!\[background-color\:rgba\(0\,0\,0\,0\.05\)\] {
    background-color: #0000000d !important;
  }

  .\!bg-\[\#d29922\]\/10 {
    background-color: oklab(71.9551% .0245407 .13798 / .1) !important;
  }

  .\!bg-transparent {
    background-color: #0000 !important;
  }

  .\[background-color\:hsl\(var\(--always-black\)\/var\(--modal-overlay-opacity\,0\.5\)\)\] {
    background-color: hsl(var(--always-black)/var(--modal-overlay-opacity, .5));
  }

  .bg-\[\#1a5c3a\] {
    background-color: #1a5c3a;
  }

  .bg-\[\#3B82F6\] {
    background-color: #3b82f6;
  }

  .bg-\[\#3db808\] {
    background-color: #3db808;
  }

  .bg-\[\#007AFF\] {
    background-color: #007aff;
  }

  .bg-\[\#28c840\] {
    background-color: #28c840;
  }

  .bg-\[\#282c34\] {
    background-color: #282c34;
  }

  .bg-\[\#BCD1CA\] {
    background-color: #bcd1ca;
  }

  .bg-\[\#CBCADB\] {
    background-color: #cbcadb;
  }

  .bg-\[\#F5DB9A\] {
    background-color: #f5db9a;
  }

  .bg-\[\#d4d4d4\] {
    background-color: #d4d4d4;
  }

  .bg-\[\#dee1e6\] {
    background-color: #dee1e6;
  }

  .bg-\[\#e6b530\] {
    background-color: #e6b530;
  }

  .bg-\[\#ef7a4b\] {
    background-color: #ef7a4b;
  }

  .bg-\[\#f1f3f4\] {
    background-color: #f1f3f4;
  }

  .bg-\[\#febc2e\] {
    background-color: #febc2e;
  }

  .bg-\[\#ff5f57\] {
    background-color: #ff5f57;
  }

  .bg-\[hsl\(210\,70\%\,50\%\)\]\/10 {
    background-color: oklab(59.3989% -.0481849 -.151154 / .1);
  }

  .bg-\[hsla\(130\,35\%\,88\%\,0\.45\)\] {
    background-color: #d6ebd973;
  }

  .bg-\[var\(--glyph-awaiting-fg\)\] {
    background-color: var(--glyph-awaiting-fg);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, 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-blue-500\/20 {
    background-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/20 {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }

  .bg-blue-500\/35 {
    background-color: #3080ff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/35 {
      background-color: color-mix(in oklab, var(--color-blue-500) 35%, transparent);
    }
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-emerald-500\/20 {
    background-color: #00bb7f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/20 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }

  .bg-emerald-500\/35 {
    background-color: #00bb7f59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/35 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 35%, transparent);
    }
  }

  .bg-gray-400 {
    background-color: var(--color-gray-400);
  }

  .bg-green-500\/20 {
    background-color: #00c75833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/20 {
      background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
  }

  .bg-inherit {
    background-color: inherit;
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-500\/20 {
    background-color: #8d54ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/20 {
      background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
    }
  }

  .bg-violet-500\/35 {
    background-color: #8d54ff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/35 {
      background-color: color-mix(in oklab, var(--color-violet-500) 35%, transparent);
    }
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-yellow-500\/20 {
    background-color: #edb20033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-500\/20 {
      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
    }
  }

  .\!bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab !important;
    background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-bl {
    --tw-gradient-position: to bottom left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .\[background-image\:linear-gradient\(to_right\,hsl\(var\(--QUERY_KEY_PUBLIC_PROJECTS_ENABLED-200\)\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,hsl\(var\(--QUERY_KEY_PUBLIC_PROJECTS_ENABLED-200\)\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,hsl(var(--QUERY_KEY_PUBLIC_PROJECTS_ENABLED-200)) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--QUERY_KEY_PUBLIC_PROJECTS_ENABLED-200)) 1px,transparent 1px);
  }

  .\[background-image\:linear-gradient\(to_right\,hsl\(var\(--bg-200\)\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,hsl\(var\(--bg-200\)\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,hsl(var(--bg-200)) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--bg-200)) 1px,transparent 1px);
  }

  .\[background-image\:radial-gradient\(ellipse_at_50\%_100\%\,hsl\(var\(--brand-000\)\/0\.15\)\,transparent_70\%\)\,linear-gradient\(to_right\,hsl\(var\(--bg-200\)\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,hsl\(var\(--bg-200\)\)_1px\,transparent_1px\)\] {
    background-image: radial-gradient(ellipse at 50% 100%,hsl(var(--brand-000)/.15),transparent 70%),linear-gradient(to right,hsl(var(--bg-200)) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--bg-200)) 1px,transparent 1px);
  }

  .\[background-image\:radial-gradient\(ellipse_at_65\%_100\%\,hsl\(var\(--brand-000\)\/0\.15\)\,transparent_70\%\)\,linear-gradient\(to_right\,hsl\(var\(--QUERY_KEY_PUBLIC_PROJECTS_ENABLED-200\)\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,hsl\(var\(--QUERY_KEY_PUBLIC_PROJECTS_ENABLED-200\)\)_1px\,transparent_1px\)\] {
    background-image: radial-gradient(ellipse at 65% 100%,hsl(var(--brand-000)/.15),transparent 70%),linear-gradient(to right,hsl(var(--QUERY_KEY_PUBLIC_PROJECTS_ENABLED-200)) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--QUERY_KEY_PUBLIC_PROJECTS_ENABLED-200)) 1px,transparent 1px);
  }

  .\[background-image\:radial-gradient\(ellipse_at_65\%_100\%\,hsl\(var\(--brand-000\)\/0\.15\)\,transparent_70\%\)\,linear-gradient\(to_right\,hsl\(var\(--bg-200\)\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,hsl\(var\(--bg-200\)\)_1px\,transparent_1px\)\] {
    background-image: radial-gradient(ellipse at 65% 100%,hsl(var(--brand-000)/.15),transparent 70%),linear-gradient(to right,hsl(var(--bg-200)) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--bg-200)) 1px,transparent 1px);
  }

  .bg-\[radial-gradient\(ellipse\,_var\(--tw-gradient-stops\)\)\] {
    background-image: radial-gradient(ellipse, var(--tw-gradient-stops));
  }

  .bg-none {
    background-image: none;
  }

  .from-\[\#dc6038\] {
    --tw-gradient-from: #dc6038;
    --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-transparent {
    --tw-gradient-from: 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));
  }

  .from-30\% {
    --tw-gradient-from-position: 30%;
  }

  .from-50\% {
    --tw-gradient-from-position: 50%;
  }

  .from-\[12\%\] {
    --tw-gradient-from-position: 12%;
  }

  .via-30\% {
    --tw-gradient-via-position: 30%;
  }

  .via-65\% {
    --tw-gradient-via-position: 65%;
  }

  .via-70\% {
    --tw-gradient-via-position: 70%;
  }

  .via-80\% {
    --tw-gradient-via-position: 80%;
  }

  .to-\[\#d97757\] {
    --tw-gradient-to: #d97757;
    --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-60\% {
    --tw-gradient-to-position: 60%;
  }

  .to-80\% {
    --tw-gradient-to-position: 80%;
  }

  .\[mask-image\:linear-gradient\(to_bottom\,_hsl\(var\(--always-black\)\/100\%\)_0\%\,_hsl\(var\(--always-black\)\/0\%\)_100\%\)\] {
    -webkit-mask-image: linear-gradient(to bottom, hsl(var(--always-black)/100%) 0%, hsl(var(--always-black)/0%) 100%);
    -webkit-mask-image: linear-gradient(to bottom, hsl(var(--always-black)/100%) 0%, hsl(var(--always-black)/0%) 100%);
    mask-image: linear-gradient(to bottom, hsl(var(--always-black)/100%) 0%, hsl(var(--always-black)/0%) 100%);
  }

  .\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_78\%\,transparent_95\%\)\] {
    -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 78%,transparent 95%);
    -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 78%,transparent 95%);
    mask-image: linear-gradient(to right,hsl(var(--always-black)) 78%,transparent 95%);
  }

  .\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_85\%\,transparent_98\%\)\] {
    -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 85%,transparent 98%);
    -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 85%,transparent 98%);
    mask-image: linear-gradient(to right,hsl(var(--always-black)) 85%,transparent 98%);
  }

  .\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_85\%\,transparent_99\%\)\] {
    -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 85%,transparent 99%);
    -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 85%,transparent 99%);
    mask-image: linear-gradient(to right,hsl(var(--always-black)) 85%,transparent 99%);
  }

  .\[mask-image\:linear-gradient\(to_right\,transparent\,black_var\(--fade-left\,0px\)\,black_calc\(100\%-var\(--fade-right\,0px\)\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(to right,transparent,black var(--fade-left, 0px),black calc(100% - var(--fade-right, 0px)),transparent);
    -webkit-mask-image: linear-gradient(to right,transparent,black var(--fade-left, 0px),black calc(100% - var(--fade-right, 0px)),transparent);
    mask-image: linear-gradient(to right,transparent,black var(--fade-left, 0px),black calc(100% - var(--fade-right, 0px)),transparent);
  }

  .\[mask-image\:linear-gradient\(to_top\,_hsl\(var\(--always-black\)\/0\%\)_0\%\,hsl\(var\(--always-black\)\/100\%\)_75\%\,_hsl\(var\(--always-black\)\/0\%\)_100\%\)\] {
    -webkit-mask-image: linear-gradient(to top, hsl(var(--always-black)/0%) 0%,hsl(var(--always-black)/100%) 75%, hsl(var(--always-black)/0%) 100%);
    -webkit-mask-image: linear-gradient(to top, hsl(var(--always-black)/0%) 0%,hsl(var(--always-black)/100%) 75%, hsl(var(--always-black)/0%) 100%);
    mask-image: linear-gradient(to top, hsl(var(--always-black)/0%) 0%,hsl(var(--always-black)/100%) 75%, hsl(var(--always-black)/0%) 100%);
  }

  .\[mask-image\:linear-gradient\(to_top\,hsl\(var\(--always-black\)\/0\%\)_0\%\,_hsl\(var\(--always-black\)\/100\%\)_3\%\)\] {
    -webkit-mask-image: linear-gradient(to top,hsl(var(--always-black)/0%) 0%, hsl(var(--always-black)/100%) 3%);
    -webkit-mask-image: linear-gradient(to top,hsl(var(--always-black)/0%) 0%, hsl(var(--always-black)/100%) 3%);
    mask-image: linear-gradient(to top,hsl(var(--always-black)/0%) 0%, hsl(var(--always-black)/100%) 3%);
  }

  .\[background-size\:24px_24px\] {
    background-size: 24px 24px;
  }

  .\[background-size\:32px_32px\] {
    background-size: 32px 32px;
  }

  .\[background-size\:100\%_100\%\,32px_32px\,32px_32px\] {
    background-size: 100% 100%, 32px 32px, 32px 32px;
  }

  .bg-\[length\:400\%_100\%\] {
    background-size: 400% 100%;
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .bg-repeat {
    background-repeat: repeat;
  }

  .\[mask-size\:100\%_100\%\] {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

  .mask-no-clip {
    -webkit-mask-clip: no-clip;
    mask-clip: no-clip;
  }

  .mask-repeat {
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
  }

  .fill-\[\#BCD1CA\] {
    fill: #bcd1ca;
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-none {
    fill: none;
  }

  .stroke-none {
    stroke: none;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-center {
    object-position: center;
  }

  .object-left-top {
    object-position: left top;
  }

  .object-right-bottom {
    object-position: right bottom;
  }

  .object-top {
    object-position: top;
  }

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }

  .\!p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }

  .\!p-2\.5 {
    padding: calc(var(--spacing) * 2.5) !important;
  }

  .\!p-3 {
    padding: calc(var(--spacing) * 3) !important;
  }

  .\!p-6 {
    padding: calc(var(--spacing) * 6) !important;
  }

  .\!p-8 {
    padding: calc(var(--spacing) * 8) !important;
  }

  .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-7 {
    padding: calc(var(--spacing) * 7);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-12 {
    padding: calc(var(--spacing) * 12);
  }

  .p-32 {
    padding: calc(var(--spacing) * 32);
  }

  .p-\[1px\] {
    padding: 1px;
  }

  .p-\[2px\] {
    padding: 2px;
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[5px\] {
    padding: 5px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

  .p-\[32px\] {
    padding: 32px;
  }

  .p-\[var\(--df-row-px\)\] {
    padding: var(--df-row-px);
  }

  .p-px {
    padding: 1px;
  }

  .\!px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
  }

  .\!px-0\.5 {
    padding-inline: calc(var(--spacing) * .5) !important;
  }

  .\!px-1 {
    padding-inline: calc(var(--spacing) * 1) !important;
  }

  .\!px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }

  .\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .\!px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }

  .\!px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }

  .\!px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }

  .\!px-8 {
    padding-inline: calc(var(--spacing) * 8) !important;
  }

  .\!px-12 {
    padding-inline: calc(var(--spacing) * 12) !important;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .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-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }

  .px-\[0\.3125rem\] {
    padding-inline: .3125rem;
  }

  .px-\[1\.375rem\] {
    padding-inline: 1.375rem;
  }

  .px-\[1px\] {
    padding-inline: 1px;
  }

  .px-\[3px\] {
    padding-inline: 3px;
  }

  .px-\[4px\] {
    padding-inline: 4px;
  }

  .px-\[5px\] {
    padding-inline: 5px;
  }

  .px-\[8\%\] {
    padding-inline: 8%;
  }

  .px-\[10px\] {
    padding-inline: 10px;
  }

  .px-\[12\.5px\] {
    padding-inline: 12.5px;
  }

  .px-\[15px\] {
    padding-inline: 15px;
  }

  .px-\[var\(--df-row-px\)\] {
    padding-inline: var(--df-row-px);
  }

  .\!py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }

  .\!py-0\.5 {
    padding-block: calc(var(--spacing) * .5) !important;
  }

  .\!py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }

  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .\!py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5) !important;
  }

  .\!py-6 {
    padding-block: calc(var(--spacing) * 6) !important;
  }

  .\!py-8 {
    padding-block: calc(var(--spacing) * 8) !important;
  }

  .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-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .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-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-\[5\.5px\] {
    padding-block: 5.5px;
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-\[10\.5px\] {
    padding-block: 10.5px;
  }

  .py-\[22px\] {
    padding-block: 22px;
  }

  .py-\[65px\] {
    padding-block: 65px;
  }

  .py-px {
    padding-block: 1px;
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }

  .pe-1 {
    padding-inline-end: calc(var(--spacing) * 1);
  }

  .\!pt-0 {
    padding-top: calc(var(--spacing) * 0) !important;
  }

  .\!pt-5 {
    padding-top: calc(var(--spacing) * 5) !important;
  }

  .\!pt-8 {
    padding-top: calc(var(--spacing) * 8) !important;
  }

  .\!pt-10 {
    padding-top: calc(var(--spacing) * 10) !important;
  }

  .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-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }

  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }

  .pt-\[1\.1rem\] {
    padding-top: 1.1rem;
  }

  .pt-\[5px\] {
    padding-top: 5px;
  }

  .pt-\[6px\] {
    padding-top: 6px;
  }

  .pt-\[8\%\] {
    padding-top: 8%;
  }

  .pt-\[10vh\] {
    padding-top: 10vh;
  }

  .pt-\[20vh\] {
    padding-top: 20vh;
  }

  .pt-\[60px\] {
    padding-top: 60px;
  }

  .pt-\[72px\] {
    padding-top: 72px;
  }

  .pt-\[clamp\(1\.5rem\,3\.5vw\,3\.125rem\)\] {
    padding-top: clamp(1.5rem, 3.5vw, 3.125rem);
  }

  .pt-\[var\(--df-group-pt\)\] {
    padding-top: var(--df-group-pt);
  }

  .\!pr-1 {
    padding-right: calc(var(--spacing) * 1) !important;
  }

  .\!pr-2 {
    padding-right: calc(var(--spacing) * 2) !important;
  }

  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }

  .pr-0\.5 {
    padding-right: calc(var(--spacing) * .5);
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }

  .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-7 {
    padding-right: calc(var(--spacing) * 7);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }

  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }

  .pr-\[3\.5rem\] {
    padding-right: 3.5rem;
  }

  .pr-\[18px\] {
    padding-right: 18px;
  }

  .pr-\[30px\] {
    padding-right: 30px;
  }

  .pr-\[58px\] {
    padding-right: 58px;
  }

  .pr-\[100px\] {
    padding-right: 100px;
  }

  .pr-\[104px\] {
    padding-right: 104px;
  }

  .\!pb-0 {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }

  .\!pb-2 {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }

  .\!pb-7 {
    padding-bottom: calc(var(--spacing) * 7) !important;
  }

  .\!pb-8 {
    padding-bottom: calc(var(--spacing) * 8) !important;
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .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-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }

  .pb-\[0\.9rem\] {
    padding-bottom: .9rem;
  }

  .pb-\[3\.75rem\] {
    padding-bottom: 3.75rem;
  }

  .pb-\[3rem\] {
    padding-bottom: 3rem;
  }

  .pb-\[5px\] {
    padding-bottom: 5px;
  }

  .pb-\[11px\] {
    padding-bottom: 11px;
  }

  .pb-px {
    padding-bottom: 1px;
  }

  .\!pl-0 {
    padding-left: calc(var(--spacing) * 0) !important;
  }

  .\!pl-1 {
    padding-left: calc(var(--spacing) * 1) !important;
  }

  .\!pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5) !important;
  }

  .\!pl-3 {
    padding-left: calc(var(--spacing) * 3) !important;
  }

  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }

  .pl-0\.5 {
    padding-left: calc(var(--spacing) * .5);
  }

  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }

  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .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);
  }

  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }

  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }

  .pl-14 {
    padding-left: calc(var(--spacing) * 14);
  }

  .pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }

  .pl-24 {
    padding-left: calc(var(--spacing) * 24);
  }

  .pl-\[1\.5rem\] {
    padding-left: 1.5rem;
  }

  .pl-\[5\.5rem\] {
    padding-left: 5.5rem;
  }

  .pl-\[6px\] {
    padding-left: 6px;
  }

  .pl-\[26px\] {
    padding-left: 26px;
  }

  .pl-\[30px\] {
    padding-left: 30px;
  }

  .pl-\[34px\] {
    padding-left: 34px;
  }

  .pl-\[133px\] {
    padding-left: 133px;
  }

  .pl-\[clamp\(1\.5rem\,3\.5vw\,3\.125rem\)\] {
    padding-left: clamp(1.5rem, 3.5vw, 3.125rem);
  }

  .\!text-left {
    text-align: left !important;
  }

  .text-center {
    text-align: center;
  }

  .text-justify {
    text-align: justify;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-start {
    text-align: start;
  }

  .align-\[-0\.125em\] {
    vertical-align: -.125em;
  }

  .align-\[1px\] {
    vertical-align: 1px;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-text-bottom {
    vertical-align: text-bottom;
  }

  .align-top {
    vertical-align: top;
  }

  .font-\[inherit\] {
    font-family: inherit;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-serif {
    font-family: var(--font-serif);
  }

  .\[font-feature-settings\:\'liga\'_1\] {
    font-feature-settings: "liga" 1;
  }

  .\[font-feature-settings\:\'salt\'_on\] {
    font-feature-settings: "salt" on;
  }

  .\!text-4xl {
    font-size: var(--text-4xl) !important;
    line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
  }

  .\!text-6xl {
    font-size: var(--text-6xl) !important;
    line-height: var(--tw-leading, var(--text-6xl--line-height)) !important;
  }

  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }

  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

  .\!text-xl {
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }

  .\!text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--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-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-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-\[0\.6875rem\] {
    font-size: .6875rem !important;
  }

  .text-\[0\.3rem\] {
    font-size: .3rem;
  }

  .text-\[0\.4rem\] {
    font-size: .4rem;
  }

  .text-\[0\.6rem\] {
    font-size: .6rem;
  }

  .text-\[0\.9rem\] {
    font-size: .9rem;
  }

  .text-\[0\.65rem\] {
    font-size: .65rem;
  }

  .text-\[0\.75rem\] {
    font-size: .75rem;
  }

  .text-\[0\.625rem\] {
    font-size: .625rem;
  }

  .text-\[0\.875rem\] {
    font-size: .875rem;
  }

  .text-\[0\.5625rem\] {
    font-size: .5625rem;
  }

  .text-\[0\.6875rem\] {
    font-size: .6875rem;
  }

  .text-\[0\.8125rem\] {
    font-size: .8125rem;
  }

  .text-\[0\.9375rem\] {
    font-size: .9375rem;
  }

  .text-\[1\.75rem\] {
    font-size: 1.75rem;
  }

  .text-\[1\.125rem\] {
    font-size: 1.125rem;
  }

  .text-\[1\.375rem\] {
    font-size: 1.375rem;
  }

  .text-\[2\.375rem\] {
    font-size: 2.375rem;
  }

  .text-\[3\.5rem\] {
    font-size: 3.5rem;
  }

  .text-\[5\.5px\] {
    font-size: 5.5px;
  }

  .text-\[6px\] {
    font-size: 6px;
  }

  .text-\[7px\] {
    font-size: 7px;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .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-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[36px\] {
    font-size: 36px;
  }

  .text-\[38px\] {
    font-size: 38px;
  }

  .text-\[48px\] {
    font-size: 48px;
  }

  .text-\[length\:var\(--df-row-font\)\] {
    font-size: var(--df-row-font);
  }

  .\!leading-4 {
    --tw-leading: calc(var(--spacing) * 4) !important;
    line-height: calc(var(--spacing) * 4) !important;
  }

  .\!leading-normal {
    --tw-leading: var(--leading-normal) !important;
    line-height: var(--leading-normal) !important;
  }

  .\!leading-relaxed {
    --tw-leading: var(--leading-relaxed) !important;
    line-height: var(--leading-relaxed) !important;
  }

  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-\[0\.8rem\] {
    --tw-leading: .8rem;
    line-height: .8rem;
  }

  .leading-\[0\.9em\] {
    --tw-leading: .9em;
    line-height: .9em;
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }

  .leading-\[1\.40\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }

  .leading-\[1\.65rem\] {
    --tw-leading: 1.65rem;
    line-height: 1.65rem;
  }

  .leading-\[1em\] {
    --tw-leading: 1em;
    line-height: 1em;
  }

  .leading-\[13px\] {
    --tw-leading: 13px;
    line-height: 13px;
  }

  .leading-\[14\.5px\] {
    --tw-leading: 14.5px;
    line-height: 14.5px;
  }

  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }

  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }

  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }

  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }

  .leading-\[109\%\] {
    --tw-leading: 109%;
    line-height: 109%;
  }

  .leading-\[130\%\] {
    --tw-leading: 130%;
    line-height: 130%;
  }

  .leading-\[140\%\] {
    --tw-leading: 140%;
    line-height: 140%;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .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-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }

  .font-\[450\] {
    --tw-font-weight: 450;
    font-weight: 450;
  }

  .font-\[480\] {
    --tw-font-weight: 480;
    font-weight: 480;
  }

  .font-\[550\] {
    --tw-font-weight: 550;
    font-weight: 550;
  }

  .font-\[600\] {
    --tw-font-weight: 600;
    font-weight: 600;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .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\.24px\] {
    --tw-tracking: -.24px;
    letter-spacing: -.24px;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .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);
  }

  .\[letter-spacing\:-0\.03em\] {
    letter-spacing: -.03em;
  }

  .\[text-wrap\:pretty\] {
    text-wrap: pretty;
  }

  .\[text-wrap\:stable\] {
    text-wrap: stable;
  }

  .text-balance {
    text-wrap: balance;
  }

  .text-nowrap {
    text-wrap: nowrap;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .break-words, .wrap-break-word {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .overflow-ellipsis {
    text-overflow: ellipsis;
  }

  .text-clip {
    text-overflow: clip;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .\!whitespace-normal {
    white-space: normal !important;
  }

  .whitespace-break-spaces {
    white-space: break-spaces;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .\!text-\[\#d29922\] {
    color: #d29922 !important;
  }

  .\!text-inherit {
    color: inherit !important;
  }

  .\!text-transparent {
    color: #0000 !important;
  }

  .text-\[\#98c379\] {
    color: #98c379;
  }

  .text-\[\#333\] {
    color: #333;
  }

  .text-\[\#666\] {
    color: #666;
  }

  .text-\[\#A29F95\] {
    color: #a29f95;
  }

  .text-\[\#D97757\] {
    color: #d97757;
  }

  .text-\[\#a371f7\] {
    color: #a371f7;
  }

  .text-\[\#abb2bf\] {
    color: #abb2bf;
  }

  .text-\[\#d29922\] {
    color: #d29922;
  }

  .text-\[\#e06c75\] {
    color: #e06c75;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-inherit {
    color: inherit;
  }

  .text-transparent {
    color: #0000;
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-500 {
    color: var(--color-yellow-500);
  }

  .\!normal-case {
    text-transform: none !important;
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .italic\! {
    font-style: italic !important;
  }

  .not-italic {
    font-style: normal;
  }

  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .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, );
  }

  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    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, );
  }

  .normal-nums {
    font-variant-numeric: normal;
  }

  .\!no-underline {
    text-decoration-line: none !important;
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .overline {
    text-decoration-line: overline;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline\! {
    text-decoration-line: underline !important;
  }

  .decoration-current\/40 {
    text-decoration-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-current\/40 {
      -webkit-text-decoration-color: color-mix(in oklab, currentcolor 40%, transparent);
      -webkit-text-decoration-color: color-mix(in oklab, currentcolor 40%, transparent);
      text-decoration-color: color-mix(in oklab, currentcolor 40%, transparent);
    }
  }

  .decoration-1 {
    text-decoration-thickness: 1px;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-\[3px\] {
    text-underline-offset: 3px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .\!opacity-0 {
    opacity: 0 !important;
  }

  .\!opacity-100 {
    opacity: 1 !important;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-1 {
    opacity: .01;
  }

  .opacity-10 {
    opacity: .1;
  }

  .opacity-15 {
    opacity: .15;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-\[0\%\] {
    opacity: 0;
  }

  .opacity-\[0\.02\] {
    opacity: .02;
  }

  .opacity-\[0\.08\] {
    opacity: .08;
  }

  .mix-blend-darken {
    mix-blend-mode: darken;
  }

  .mix-blend-lighten {
    mix-blend-mode: lighten;
  }

  .mix-blend-luminosity {
    mix-blend-mode: luminosity;
  }

  .mix-blend-normal {
    mix-blend-mode: normal;
  }

  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !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-sm {
    --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_-4px_12px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 -4px 12px 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);
  }

  .shadow-\[0_0\.5px_2px_hsl\(var\(--always-black\)\/15\%\)\] {
    --tw-shadow: 0 .5px 2px var(--tw-shadow-color, hsl(var(--always-black)/15%));
    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_0\.8px_1\.6px_0_hsl\(var\(--always-black\)\/5\%\)\] {
    --tw-shadow: 0 .8px 1.6px 0 var(--tw-shadow-color, hsl(var(--always-black)/5%));
    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_0\.25rem_1\.25rem_hsl\(var\(--always-black\)\/3\.5\%\)\,0_0_0_0\.5px_hsla\(var\(--border-300\)\/0\.15\)\] {
    --tw-shadow: 0 .25rem 1.25rem var(--tw-shadow-color, hsl(var(--always-black)/3.5%)), 0 0 0 .5px var(--tw-shadow-color, hsla(var(--border-300)/.15));
    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_0\.25rem_1\.25rem_hsl\(var\(--always-black\)\/3\.5\%\)\] {
    --tw-shadow: 0 .25rem 1.25rem var(--tw-shadow-color, hsl(var(--always-black)/3.5%));
    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_0\.25rem_1\.25rem_hsl\(var\(--always-black\)\/7\.5\%\)\,0_0_0_0\.5px_hsla\(var\(--border-200\)\/0\.3\)\] {
    --tw-shadow: 0 .25rem 1.25rem var(--tw-shadow-color, hsl(var(--always-black)/7.5%)), 0 0 0 .5px var(--tw-shadow-color, hsla(var(--border-200)/.3));
    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_0_0_1px_hsl\(var\(--accent-100\)\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--accent-100)));
    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_0_0_100px_hsl\(var\(--text-000\)\)\] {
    --tw-shadow: 0 0 0 100px var(--tw-shadow-color, hsl(var(--text-000)));
    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_0_15px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_1\.5px_5\.8px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 1.5px 5.8px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_1\.5px_0_hsl\(var\(--always-black\)\/50\%\)\] {
    --tw-shadow: 0 1px 1.5px 0 var(--tw-shadow-color, hsl(var(--always-black)/50%));
    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_2px_0_hsl\(var\(--always-black\)\/5\%\)\] {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, hsl(var(--always-black)/5%));
    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_2px_hsl\(var\(--always-black\)\/5\%\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, hsl(var(--always-black)/5%));
    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_2px_4px_0_hsl\(var\(--always-black\)\/0\.08\)\] {
    --tw-shadow: 0 2px 4px 0 var(--tw-shadow-color, hsl(var(--always-black)/.08));
    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_2px_4px_0_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 2px 4px 0 var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_2px_4px_0_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 2px 4px 0 var(--tw-shadow-color, #00000014);
    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_2px_8px_hsl\(var\(--always-black\)\/6\%\)\] {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, hsl(var(--always-black)/6%));
    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_2px_8px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_2px_16px_hsl\(var\(--always-black\)\/10\%\)\] {
    --tw-shadow: 0 2px 16px var(--tw-shadow-color, hsl(var(--always-black)/10%));
    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_4px_16px_hsl\(var\(--always-black\)\/10\%\)\] {
    --tw-shadow: 0 4px 16px var(--tw-shadow-color, hsl(var(--always-black)/10%));
    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_4px_20px_0_hsl\(var\(--always-black\)\/4\%\)\] {
    --tw-shadow: 0 4px 20px 0 var(--tw-shadow-color, hsl(var(--always-black)/4%));
    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_4px_20px_0_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 4px 20px 0 var(--tw-shadow-color, #0000000a);
    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_4px_20px_hsl\(var\(--always-black\)\/4\%\)\] {
    --tw-shadow: 0 4px 20px var(--tw-shadow-color, hsl(var(--always-black)/4%));
    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_4px_24px_0_hsl\(var\(--always-black\)\/1\.57\%\)\,0_4px_32px_0_hsl\(var\(--always-black\)\/1\.57\%\)\,0_2px_64px_0_hsl\(var\(--always-black\)\/1\.18\%\)\,0_16px_32px_0_hsl\(var\(--always-black\)\/1\.18\%\)\] {
    --tw-shadow: 0 4px 24px 0 var(--tw-shadow-color, hsl(var(--always-black)/1.57%)), 0 4px 32px 0 var(--tw-shadow-color, hsl(var(--always-black)/1.57%)), 0 2px 64px 0 var(--tw-shadow-color, hsl(var(--always-black)/1.18%)), 0 16px 32px 0 var(--tw-shadow-color, hsl(var(--always-black)/1.18%));
    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_4px_24px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 4px 24px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_4px_32px_hsl\(var\(--always-black\)\/30\%\)\,_0_0_0_0\.5px_hsl\(var\(--always-black\)\/25\%\)\] {
    --tw-shadow: 0 4px 32px var(--tw-shadow-color, hsl(var(--always-black)/30%)), 0 0 0 .5px var(--tw-shadow-color, hsl(var(--always-black)/25%));
    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_8px_32px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_11px_23px_0_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 11px 23px 0 var(--tw-shadow-color, #00000026);
    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_17px_35px_0_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 17px 35px 0 var(--tw-shadow-color, #00000026);
    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_20px_40px_hsl\(var\(--always-black\)\/15\%\)\] {
    --tw-shadow: 0 20px 40px var(--tw-shadow-color, hsl(var(--always-black)/15%));
    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_20px_60px_0_hsl\(var\(--always-black\)\/0\.12\)\] {
    --tw-shadow: 0 20px 60px 0 var(--tw-shadow-color, hsl(var(--always-black)/.12));
    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_20px_60px_hsl\(var\(--always-black\)\/40\%\)\] {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, hsl(var(--always-black)/40%));
    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_22px_44px_hsl\(var\(--always-black\)\/15\%\)\] {
    --tw-shadow: 0 22px 44px var(--tw-shadow-color, hsl(var(--always-black)/15%));
    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_40px_80px_hsl\(var\(--always-black\)\/10\%\)\] {
    --tw-shadow: 0 40px 80px var(--tw-shadow-color, hsl(var(--always-black)/10%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_0px_0\.5px_0px_hsl\(var\(--always-black\)\/4\%\)\,0px_2px_5px_0px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0px 0px .5px 0px var(--tw-shadow-color, hsl(var(--always-black)/4%)), 0px 2px 5px 0px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_0px_2\.375px_0px_hsl\(var\(--always-black\)\/7\%\)\,0px_4\.75px_4\.75px_0px_hsl\(var\(--always-black\)\/6\%\)\,0px_9\.5px_4\.75px_0px_hsl\(var\(--always-black\)\/3\%\)\] {
    --tw-shadow: 0px 0px 2.375px 0px var(--tw-shadow-color, hsl(var(--always-black)/7%)), 0px 4.75px 4.75px 0px var(--tw-shadow-color, hsl(var(--always-black)/6%)), 0px 9.5px 4.75px 0px var(--tw-shadow-color, hsl(var(--always-black)/3%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_0px_32px_0px_hsl\(var\(--brand-900\)\/12\%\)\] {
    --tw-shadow: 0px 0px 32px 0px var(--tw-shadow-color, hsl(var(--brand-900)/12%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_1px_2px_0px_hsl\(var\(--always-black\)\/5\%\)\] {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, hsl(var(--always-black)/5%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_1px_2px_0px_hsl\(var\(--always-black\)\/5\.1\%\)\] {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, hsl(var(--always-black)/5.1%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_2px_8px_0px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0px 2px 8px 0px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_4px_20px_0px_hsl\(var\(--always-black\)\/4\%\)\] {
    --tw-shadow: 0px 4px 20px 0px var(--tw-shadow-color, hsl(var(--always-black)/4%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_4px_20px_0px_hsl\(var\(--always-black\)\/20\%\)\] {
    --tw-shadow: 0px 4px 20px 0px var(--tw-shadow-color, hsl(var(--always-black)/20%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_4px_20px_0px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0px 4px 20px 0px var(--tw-shadow-color, #0000000a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_8px_28px_0px_hsl\(var\(--always-black\)\/25\%\)\] {
    --tw-shadow: 0px 8px 28px 0px var(--tw-shadow-color, hsl(var(--always-black)/25%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_40px_80px_0px_hsl\(var\(--always-black\)\/15\%\)\] {
    --tw-shadow: 0px 40px 80px 0px var(--tw-shadow-color, hsl(var(--always-black)/15%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[1px_0px_2px_0px_hsl\(var\(--always-black\)\/5\%\)\] {
    --tw-shadow: 1px 0px 2px 0px var(--tw-shadow-color, hsl(var(--always-black)/5%));
    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-none {
    --tw-shadow: 0 0 #0000;
    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-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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;
  }

  .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);
  }

  .ring-\[0\.5px\] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.5px + 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);
  }

  .inset-ring {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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);
  }

  .shadow-\[hsl\(var\(--accent-000\)\/10\%\)\] {
    --tw-shadow-color: hsl(var(--accent-000)/10%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[hsl\(var\(--accent-000\)\/10\%\)\] {
      --tw-shadow-color: color-mix(in oklab, hsl(var(--accent-000)/10%) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[hsl\(var\(--always-black\)\/4\%\)\] {
    --tw-shadow-color: hsl(var(--always-black)/4%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[hsl\(var\(--always-black\)\/4\%\)\] {
      --tw-shadow-color: color-mix(in oklab, hsl(var(--always-black)/4%) var(--tw-shadow-alpha), transparent);
    }
  }

  .\!ring-offset-0 {
    --tw-ring-offset-width: 0px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  }

  .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);
  }

  .outline, .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .outline-\[0\.50px\] {
    outline-style: var(--tw-outline-style);
    outline-width: .5px;
  }

  .\!-outline-offset-2 {
    outline-offset: calc(2px * -1) !important;
  }

  .\!-outline-offset-4 {
    outline-offset: calc(4px * -1) !important;
  }

  .\!outline-offset-1 {
    outline-offset: 1px !important;
  }

  .-outline-offset-2 {
    outline-offset: calc(2px * -1);
  }

  .outline-offset-2 {
    outline-offset: 2px;
  }

  .outline-offset-\[-0\.50px\] {
    outline-offset: -.5px;
  }

  .outline-offset-\[-1px\] {
    outline-offset: -1px;
  }

  .outline-\[\#107c41\] {
    outline-color: #107c41;
  }

  .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-\[2px\] {
    --tw-blur: blur(2px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-md {
    --tw-blur: blur(var(--blur-md));
    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-sm {
    --tw-blur: blur(var(--blur-sm));
    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, );
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-\[0_2px_8px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 8px var(--tw-drop-shadow-color, hsl(var(--always-black)/8%)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-lg {
    --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-none {
    --tw-drop-shadow:  ;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter\! {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -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, );
  }

  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -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, );
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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, );
  }

  .backdrop-blur-\[3px\] {
    --tw-backdrop-blur: blur(3px);
    -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, );
  }

  .backdrop-blur-\[6px\] {
    --tw-backdrop-blur: blur(6px);
    -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, );
  }

  .backdrop-blur-\[8px\] {
    --tw-backdrop-blur: blur(8px);
    -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, );
  }

  .backdrop-blur-\[16px\] {
    --tw-backdrop-blur: blur(16px);
    -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, );
  }

  .backdrop-blur-\[18px\] {
    --tw-backdrop-blur: blur(18px);
    -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, );
  }

  .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -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, );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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, );
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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, );
  }

  .backdrop-brightness-75 {
    --tw-backdrop-brightness: brightness(75%);
    -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, );
  }

  .backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -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, );
  }

  .backdrop-invert {
    --tw-backdrop-invert: invert(100%);
    -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, );
  }

  .backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
    -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, );
  }

  .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, );
  }

  .\!\[backdrop-filter\:none\] {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .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, 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-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color, 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-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border\] {
    transition-property: border;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[box-shadow\,opacity\] {
    transition-property: box-shadow, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[clip-path\] {
    transition-property: clip-path;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,background-color\,border-color\,transform\] {
    transition-property: color, background-color, border-color, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,background\] {
    transition-property: color, background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[gap\] {
    transition-property: gap;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-columns\] {
    transition-property: grid-template-columns;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[mask-image\] {
    transition-property: -webkit-mask-image, mask-image;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-height\,opacity\,margin\] {
    transition-property: max-height, opacity, margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-width\,height\] {
    transition-property: max-width, height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,background-color\] {
    transition-property: opacity, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\] {
    transition-property: opacity, transform;
    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-\[width\,height\,background-color\] {
    transition-property: width, height, background-color;
    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 !important;
  }

  .transition-none {
    transition-property: none;
  }

  .delay-75 {
    transition-delay: 75ms;
  }

  .delay-100 {
    transition-delay: .1s;
  }

  .delay-150 {
    transition-delay: .15s;
  }

  .delay-200 {
    transition-delay: .2s;
  }

  .delay-300 {
    transition-delay: .3s;
  }

  .\!duration-75 {
    --tw-duration: 75ms !important;
    transition-duration: 75ms !important;
  }

  .duration-0 {
    --tw-duration: 0s;
    transition-duration: 0s;
  }

  .duration-50 {
    --tw-duration: 50ms;
    transition-duration: 50ms;
  }

  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-220 {
    --tw-duration: .22s;
    transition-duration: .22s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-400 {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .duration-\[35ms\] {
    --tw-duration: 35ms;
    transition-duration: 35ms;
  }

  .duration-\[250ms\] {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .duration-\[400ms\] {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .duration-\[500ms\] {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-\[8000ms\] {
    --tw-duration: 8s;
    transition-duration: 8s;
  }

  .ease-\[cubic-bezier\(0\,0\,0\.2\,1\)\] {
    --tw-ease: cubic-bezier(0,0,.2,1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
  }

  .ease-\[cubic-bezier\(0\.17\,0\.67\,0\.3\,1\.2\)\] {
    --tw-ease: cubic-bezier(.17,.67,.3,1.2);
    transition-timing-function: cubic-bezier(.17, .67, .3, 1.2);
  }

  .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    --tw-ease: cubic-bezier(.32,.72,0,1);
    transition-timing-function: cubic-bezier(.32, .72, 0, 1);
  }

  .ease-\[cubic-bezier\(0\.165\,0\.85\,0\.45\,1\)\] {
    --tw-ease: cubic-bezier(.165,.85,.45,1);
    transition-timing-function: cubic-bezier(.165, .85, .45, 1);
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-transform {
    will-change: transform;
  }

  .\!outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }

  .\!\[text-shadow\:_none\] {
    text-shadow: none !important;
  }

  .\[--cp-top\:1rem\] {
    --cp-top: 1rem;
  }

  .\[--dropdown-max-height\:40rem\] {
    --dropdown-max-height: 40rem;
  }

  .\[--dropdown-max-height\:280px\] {
    --dropdown-max-height: 280px;
  }

  .\[-webkit-overflow-scrolling\:touch\] {
    -webkit-overflow-scrolling: touch;
  }

  .\[animation-name\:shimmertext\] {
    animation-name: shimmertext;
  }

  .\[animation-play-state\:paused\] {
    animation-play-state: paused;
  }

  .\[contain-intrinsic-size\:auto_500px\] {
    contain-intrinsic-size: auto 500px;
  }

  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }

  .\[direction\:ltr\] {
    direction: ltr;
  }

  .\[direction\:rtl\] {
    direction: rtl;
  }

  .\[overflow-clip-margin\:4px\] {
    overflow-clip-margin: 4px;
  }

  .\[scrollbar-color\:hsl\(var\(--border-400\)\)_transparent\] {
    scrollbar-color: hsl(var(--border-400)) transparent;
  }

  .\[scrollbar-color\:hsl\(var\(--text-500\)\)\] {
    scrollbar-color: hsl(var(--text-500));
  }

  .\[scrollbar-color\:transparent_transparent\] {
    scrollbar-color: transparent transparent;
  }

  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }

  .backface-hidden {
    backface-visibility: hidden;
  }

  :where(.divide-x-reverse > :not(:last-child)) {
    --tw-divide-x-reverse: 1;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  :is(.\*\:absolute > *) {
    position: absolute;
  }

  :is(.\*\:w-full > *) {
    width: 100%;
  }

  :is(.\*\:rounded-lg > *) {
    border-radius: var(--radius-lg);
  }

  :is(.\*\:border > *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  :is(.\*\:\!bg-transparent > *) {
    background-color: #0000 !important;
  }

  :is(.\*\: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, 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));
  }

  :is(.\*\: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));
  }

  :is(.\*\:duration-300 > *) {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  :is(.\*\:ease-in-out > *) {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
    pointer-events: auto;
  }

  .group-focus-within\:block:is(:where(.group):focus-within *) {
    display: block;
  }

  .group-focus-within\:-translate-x-6:is(:where(.group):focus-within *) {
    --tw-translate-x: calc(var(--spacing) * -6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-focus-within\:translate-x-0\.5:is(:where(.group):focus-within *) {
    --tw-translate-x: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-focus-within\:\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_78\%\,transparent_95\%\)\]:is(:where(.group):focus-within *) {
    -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 78%,transparent 95%);
    -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 78%,transparent 95%);
    mask-image: linear-gradient(to right,hsl(var(--always-black)) 78%,transparent 95%);
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *), .group-focus-within\/cell\:opacity-100:is(:where(.group\/cell):focus-within *), .group-focus-within\/copy\:opacity-100:is(:where(.group\/copy):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/panel\:pointer-events-auto:is(:where(.group\/panel):focus-within *) {
    pointer-events: auto;
  }

  .group-focus-within\/panel\:opacity-100:is(:where(.group\/panel):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/row\:visible:is(:where(.group\/row):focus-within *) {
    visibility: visible;
  }

  .group-focus-within\/thumbnail\:opacity-100:is(:where(.group\/thumbnail):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
      pointer-events: auto;
    }

    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }

    .group-hover\:top-\[2\%\]:is(:where(.group):hover *) {
      top: 2%;
    }

    .group-hover\:right-5:is(:where(.group):hover *) {
      right: calc(var(--spacing) * 5);
    }

    .group-hover\:mr-1:is(:where(.group):hover *) {
      margin-right: calc(var(--spacing) * 1);
    }

    .group-hover\:ml-0\.5:is(:where(.group):hover *) {
      margin-left: calc(var(--spacing) * .5);
    }

    .group-hover\:ml-\[5px\]:is(:where(.group):hover *) {
      margin-left: 5px;
    }

    .group-hover\:ml-\[10px\]:is(:where(.group):hover *) {
      margin-left: 10px;
    }

    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }

    .group-hover\:hidden:is(:where(.group):hover *) {
      display: none;
    }

    .group-hover\:inline:is(:where(.group):hover *) {
      display: inline;
    }

    .group-hover\:w-3:is(:where(.group):hover *) {
      width: calc(var(--spacing) * 3);
    }

    .group-hover\:w-px:is(:where(.group):hover *) {
      width: 1px;
    }

    .group-hover\:max-w-\[calc\(100\%-20px\)\]:is(:where(.group):hover *) {
      max-width: calc(100% - 20px);
    }

    .group-hover\:-translate-x-2:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-x-6:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-x-\[0\.5px\]:is(:where(.group):hover *) {
      --tw-translate-x: calc(.5px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-x-\[1px\]:is(:where(.group):hover *) {
      --tw-translate-x: calc(1px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-0:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-\[0\.5px\]:is(:where(.group):hover *) {
      --tw-translate-x: .5px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-\[1px\]:is(:where(.group):hover *), .group-hover\:translate-x-px:is(:where(.group):hover *) {
      --tw-translate-x: 1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-\[0\.5px\]:is(:where(.group):hover *) {
      --tw-translate-y: calc(.5px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-\[1\.4px\]:is(:where(.group):hover *) {
      --tw-translate-y: calc(1.4px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-\[2\.8px\]:is(:where(.group):hover *) {
      --tw-translate-y: calc(2.8px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-\[1px\]:is(:where(.group):hover *) {
      --tw-translate-y: 1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:scale-75:is(:where(.group):hover *) {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-90:is(:where(.group):hover *) {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-95:is(:where(.group):hover *) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-100:is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .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\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-\[1\.15\]:is(:where(.group):hover *) {
      scale: 1.15;
    }

    .group-hover\:-rotate-1:is(:where(.group):hover *) {
      rotate: -1deg;
    }

    .group-hover\:-rotate-2:is(:where(.group):hover *) {
      rotate: -2deg;
    }

    .group-hover\:-rotate-3:is(:where(.group):hover *) {
      rotate: -3deg;
    }

    .group-hover\:-rotate-90:is(:where(.group):hover *) {
      rotate: -90deg;
    }

    .group-hover\:rotate-2:is(:where(.group):hover *) {
      rotate: 2deg;
    }

    .group-hover\:rotate-3:is(:where(.group):hover *) {
      rotate: 3deg;
    }

    .group-hover\:rotate-6:is(:where(.group):hover *) {
      rotate: 6deg;
    }

    .group-hover\:rotate-\[10deg\]:is(:where(.group):hover *) {
      rotate: 10deg;
    }

    .group-hover\:rotate-\[120deg\]:is(:where(.group):hover *) {
      rotate: 120deg;
    }

    .group-hover\:animate-\[blink_4s_ease-in-out_infinite\]:is(:where(.group):hover *) {
      animation: 4s ease-in-out infinite blink;
    }

    .group-hover\:animate-\[bounceUpRight_0\.6s_ease-in-out_infinite\]:is(:where(.group):hover *) {
      animation: .6s ease-in-out infinite bounceUpRight;
    }

    .group-hover\:animate-\[look-around_2\.4s_ease-in-out_infinite\]:is(:where(.group):hover *) {
      animation: 2.4s ease-in-out infinite look-around;
    }

    .group-hover\:bg-gradient-to-t:is(:where(.group):hover *) {
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .group-hover\:\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_72\%\,transparent_92\%\)\]:is(:where(.group):hover *) {
      -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 72%,transparent 92%);
      -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 72%,transparent 92%);
      mask-image: linear-gradient(to right,hsl(var(--always-black)) 72%,transparent 92%);
    }

    .group-hover\:\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_78\%\,transparent_95\%\)\]:is(:where(.group):hover *) {
      -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 78%,transparent 95%);
      -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 78%,transparent 95%);
      mask-image: linear-gradient(to right,hsl(var(--always-black)) 78%,transparent 95%);
    }

    .group-hover\:pr-5:is(:where(.group):hover *) {
      padding-right: calc(var(--spacing) * 5);
    }

    .group-hover\:font-medium:is(:where(.group):hover *) {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }

    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }

    .group-hover\:opacity-40:is(:where(.group):hover *) {
      opacity: .4;
    }

    .group-hover\:opacity-50:is(:where(.group):hover *) {
      opacity: .5;
    }

    .group-hover\:opacity-90:is(:where(.group):hover *) {
      opacity: .9;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\:shadow-\[0_6px_12px_0px_hsl\(var\(--always-black\)\/8\%\)\]:is(:where(.group):hover *) {
      --tw-shadow: 0 6px 12px 0px var(--tw-shadow-color, hsl(var(--always-black)/8%));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\:shadow-lg:is(:where(.group):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);
    }

    .group-hover\:shadow-sm:is(:where(.group):hover *) {
      --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);
    }

    .group-hover\:blur-\[3px\]:is(:where(.group):hover *) {
      --tw-blur: blur(3px);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .group-hover\:grayscale-0:is(:where(.group):hover *) {
      --tw-grayscale: grayscale(0%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .group-hover\:delay-75:is(:where(.group):hover *) {
      transition-delay: 75ms;
    }

    .group-hover\:\[animation-play-state\:running\]:is(:where(.group):hover *) {
      animation-play-state: running;
    }

    .group-hover\/artifact-block\:scale-\[1\.035\]:is(:where(.group\/artifact-block):hover *) {
      scale: 1.035;
    }

    .group-hover\/artifact-block\:-rotate-\[0\.065rad\]:is(:where(.group\/artifact-block):hover *) {
      rotate: -3.72423deg;
    }

    .group-hover\/artifact-block\:rotate-\[0\.065rad\]:is(:where(.group\/artifact-block):hover *) {
      rotate: 3.72423deg;
    }

    .group-hover\/artifact-block\:duration-400:is(:where(.group\/artifact-block):hover *) {
      --tw-duration: .4s;
      transition-duration: .4s;
    }

    .group-hover\/artifact-block\:ease-\[cubic-bezier\(0\,0\.9\,0\.5\,1\.35\)\]:is(:where(.group\/artifact-block):hover *) {
      --tw-ease: cubic-bezier(0,.9,.5,1.35);
      transition-timing-function: cubic-bezier(0, .9, .5, 1.35);
    }

    .group-hover\/avatar\:opacity-100:is(:where(.group\/avatar):hover *) {
      opacity: 1;
    }

    .group-hover\/banner\:scale-75:is(:where(.group\/banner):hover *) {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\/banner\:rotate-0:is(:where(.group\/banner):hover *) {
      rotate: 0deg;
    }

    .group-hover\/banner\:opacity-0:is(:where(.group\/banner):hover *) {
      opacity: 0;
    }

    .group-hover\/banner\:opacity-100:is(:where(.group\/banner):hover *), .group-hover\/branch\:opacity-100:is(:where(.group\/branch):hover *) {
      opacity: 1;
    }

    .group-hover\/card\:translate-x-0:is(:where(.group\/card):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\/card\:opacity-100:is(:where(.group\/card):hover *), .group-hover\/carousel\:opacity-100:is(:where(.group\/carousel):hover *), .group-hover\/cell\:opacity-100:is(:where(.group\/cell):hover *), .group-hover\/checklist\:opacity-100:is(:where(.group\/checklist):hover *), .group-hover\/copy\:opacity-100:is(:where(.group\/copy):hover *) {
      opacity: 1;
    }

    .group-hover\/folder\:-translate-x-2:is(:where(.group\/folder):hover *) {
      --tw-translate-x: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\/folder\:scale-100:is(:where(.group\/folder):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\/folder\:-rotate-6:is(:where(.group\/folder):hover *) {
      rotate: -6deg;
    }

    .group-hover\/folder\:opacity-100:is(:where(.group\/folder):hover *) {
      opacity: 1;
    }

    .group-hover\/grocery\:scale-100:is(:where(.group\/grocery):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\/grocery\:opacity-100:is(:where(.group\/grocery):hover *), .group-hover\/guest-pass\:opacity-100:is(:where(.group\/guest-pass):hover *) {
      opacity: 1;
    }

    .group-hover\/header\:opacity-75:is(:where(.group\/header):hover *) {
      opacity: .75;
    }

    .group-hover\/health\:scale-100:is(:where(.group\/health):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\/health\:opacity-100:is(:where(.group\/health):hover *) {
      opacity: 1;
    }

    .group-hover\/icon\:scale-\[1\.15\]:is(:where(.group\/icon):hover *) {
      scale: 1.15;
    }

    .group-hover\/icon\:opacity-40:is(:where(.group\/icon):hover *) {
      opacity: .4;
    }

    .group-hover\/icon\:opacity-100:is(:where(.group\/icon):hover *) {
      opacity: 1;
    }

    .group-hover\/icon\:blur-\[3px\]:is(:where(.group\/icon):hover *) {
      --tw-blur: blur(3px);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .group-hover\/menu\:opacity-100:is(:where(.group\/menu):hover *) {
      opacity: 1;
    }

    .group-hover\/message\:pointer-events-auto:is(:where(.group\/message):hover *) {
      pointer-events: auto;
    }

    .group-hover\/message\:opacity-100:is(:where(.group\/message):hover *) {
      opacity: 1;
    }

    .group-hover\/outer\:right-5:is(:where(.group\/outer):hover *) {
      right: calc(var(--spacing) * 5);
    }

    .group-hover\/outer\:opacity-100:is(:where(.group\/outer):hover *) {
      opacity: 1;
    }

    .group-hover\/panel\:pointer-events-auto:is(:where(.group\/panel):hover *) {
      pointer-events: auto;
    }

    .group-hover\/panel\:opacity-100:is(:where(.group\/panel):hover *), .group-hover\/photo\:opacity-100:is(:where(.group\/photo):hover *), .group-hover\/pill\:opacity-100:is(:where(.group\/pill):hover *) {
      opacity: 1;
    }

    .group-hover\/receipts\:translate-x-2:is(:where(.group\/receipts):hover *) {
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\/receipts\:scale-100:is(:where(.group\/receipts):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\/receipts\:rotate-6:is(:where(.group\/receipts):hover *) {
      rotate: 6deg;
    }

    .group-hover\/receipts\:opacity-100:is(:where(.group\/receipts):hover *), .group-hover\/resize\:opacity-100:is(:where(.group\/resize):hover *) {
      opacity: 1;
    }

    .group-hover\/row\:visible:is(:where(.group\/row):hover *) {
      visibility: visible;
    }

    .group-hover\/row\:scale-75:is(:where(.group\/row):hover *) {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\/row\:scale-100:is(:where(.group\/row):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\/row\:opacity-0:is(:where(.group\/row):hover *) {
      opacity: 0;
    }

    .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *), .group-hover\/section\:opacity-100:is(:where(.group\/section):hover *) {
      opacity: 1;
    }

    .group-hover\/status\:opacity-0:is(:where(.group\/status):hover *) {
      opacity: 0;
    }

    .group-hover\/status\:opacity-100:is(:where(.group\/status):hover *), .group-hover\/suggestions\:opacity-100:is(:where(.group\/suggestions):hover *) {
      opacity: 1;
    }

    .group-hover\/summary\:scale-100:is(:where(.group\/summary):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\/summary\:scale-\[55\%\]:is(:where(.group\/summary):hover *) {
      scale: .55;
    }

    .group-hover\/switch\:ring-\[1px\]:is(:where(.group\/switch):hover *) {
      --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);
    }

    .group-hover\/tag\:scale-\[100\%\]:is(:where(.group\/tag):hover *) {
      scale: 1;
    }

    .group-hover\/tag\:opacity-\[100\%\]:is(:where(.group\/tag):hover *) {
      opacity: 1;
    }

    .group-hover\/tag\:ease-out:is(:where(.group\/tag):hover *) {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }

    .group-hover\/thumb\:opacity-100:is(:where(.group\/thumb):hover *), .group-hover\/thumbnail\:opacity-100:is(:where(.group\/thumbnail):hover *) {
      opacity: 1;
    }

    .group-hover\/title\:opacity-60:is(:where(.group\/title):hover *) {
      opacity: .6;
    }

    .group-hover\/todo\:opacity-100:is(:where(.group\/todo):hover *), .group-hover\/usermsg\:opacity-100:is(:where(.group\/usermsg):hover *) {
      opacity: 1;
    }
  }

  .group-focus-visible\:outline-2:is(:where(.group):focus-visible *) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .group-focus-visible\:outline-offset-2:is(:where(.group):focus-visible *) {
    outline-offset: 2px;
  }

  .group-focus-visible\/resize\:opacity-100:is(:where(.group\/resize):focus-visible *) {
    opacity: 1;
  }

  .group-focus-visible\/resize\:delay-0:is(:where(.group\/resize):focus-visible *) {
    transition-delay: 0s;
  }

  .group-active\:translate-x-0:is(:where(.group):active *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-active\:translate-y-0:is(:where(.group):active *) {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-active\:scale-\[0\.98\]:is(:where(.group):active *) {
    scale: .98;
  }

  .group-active\:rotate-0:is(:where(.group):active *) {
    rotate: 0deg;
  }

  .group-active\:rotate-6:is(:where(.group):active *) {
    rotate: 6deg;
  }

  .group-active\:animate-none:is(:where(.group):active *) {
    animation: none;
  }

  .group-has-\[\:focus-visible\]\/row\:scale-100:is(:where(.group\/row):has(:focus-visible) *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .group-has-\[\:focus-visible\]\/row\:opacity-100:is(:where(.group\/row):has(:focus-visible) *) {
    opacity: 1;
  }

  .group-data-\[force-hover\=true\]\/switch\:ring-\[1px\]:is(:where(.group\/switch)[data-force-hover="true"] *) {
    --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);
  }

  .group-data-\[highlighted\]\:hidden:is(:where(.group)[data-highlighted] *) {
    display: none;
  }

  .group-data-\[highlighted\]\:inline:is(:where(.group)[data-highlighted] *) {
    display: inline;
  }

  .group-data-\[highlighted\]\/item\:opacity-100:is(:where(.group\/item)[data-highlighted] *) {
    opacity: 1;
  }

  .group-data-\[menu-open\=true\]\:\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_72\%\,transparent_92\%\)\]:is(:where(.group)[data-menu-open="true"] *) {
    -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 72%,transparent 92%);
    -webkit-mask-image: linear-gradient(to right,hsl(var(--always-black)) 72%,transparent 92%);
    mask-image: linear-gradient(to right,hsl(var(--always-black)) 72%,transparent 92%);
  }

  .group-data-\[resize-handle-active\]\:opacity-100:is(:where(.group)[data-resize-handle-active] *) {
    opacity: 1;
  }

  .group-data-\[scrollable\]\/overlay\:pr-6:is(:where(.group\/overlay)[data-scrollable] *) {
    padding-right: calc(var(--spacing) * 6);
  }

  .group-data-\[state\=\"open\"\]\:rotate-45:is(:where(.group)[data-state="open"] *) {
    rotate: 45deg;
  }

  .group-data-\[state\=\"open\"\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
    rotate: 180deg;
  }

  .group-data-\[state\=\\\"open\\\"\]\:rotate-45:is(:where(.group)[data-state="\"open\""] *) {
    rotate: 45deg;
  }

  .group-data-\[state\=\\\"open\\\"\]\:rotate-180:is(:where(.group)[data-state="\"open\""] *) {
    rotate: 180deg;
  }

  .group-data-\[state\=checked\]\:block:is(:where(.group)[data-state="checked"] *) {
    display: block;
  }

  .group-data-\[state\=closed\]\:hidden:is(:where(.group)[data-state="closed"] *), .group-data-\[state\=open\]\:hidden:is(:where(.group)[data-state="open"] *), .group-data-\[state\=unchecked\]\:hidden:is(:where(.group)[data-state="unchecked"] *) {
    display: none;
  }

  .group-\[\&\[data-state\=open\]\]\:opacity-100:is(:where(.group)[data-state="open"] *) {
    opacity: 1;
  }

  .peer-checked\:ring-\[0\.5px\]:is(:where(.peer):checked ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.5px + 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);
  }

  .peer-checked\:ring-\[0px\]:is(:where(.peer):checked ~ *) {
    --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);
  }

  @media (hover: hover) {
    .group-hover\/switch\:peer-checked\:ring-\[0\.5px\]:is(:where(.group\/switch):hover *):is(:where(.peer):checked ~ *) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.5px + 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);
    }

    .group-hover\/switch\:peer-checked\:ring-\[0px\]:is(:where(.group\/switch):hover *):is(:where(.peer):checked ~ *) {
      --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);
    }

    .group-hover\/switch\:peer-checked\:ring-\[1px\]:is(:where(.group\/switch):hover *):is(:where(.peer):checked ~ *) {
      --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);
    }
  }

  .group-data-\[force-hover\=true\]\/switch\:peer-checked\:ring-\[0\.5px\]:is(:where(.group\/switch)[data-force-hover="true"] *):is(:where(.peer):checked ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.5px + 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);
  }

  .group-data-\[force-hover\=true\]\/switch\:peer-checked\:ring-\[0px\]:is(:where(.group\/switch)[data-force-hover="true"] *):is(:where(.peer):checked ~ *) {
    --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);
  }

  .group-data-\[force-hover\=true\]\/switch\:peer-checked\:ring-\[1px\]:is(:where(.group\/switch)[data-force-hover="true"] *):is(:where(.peer):checked ~ *), .peer-focus-visible\:ring-1:is(:where(.peer):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);
  }

  .peer-focus-visible\:outline:is(:where(.peer):focus-visible ~ *), .peer-focus-visible\:outline-\[1px\]:is(:where(.peer):focus-visible ~ *) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible ~ *) {
    outline-offset: 2px;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .peer-data-\[force-focus\=true\]\:outline:is(:where(.peer)[data-force-focus="true"] ~ *), .peer-data-\[force-focus\=true\]\:outline-\[1px\]:is(:where(.peer)[data-force-focus="true"] ~ *) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .peer-data-\[force-focus\=true\]\:outline-offset-2:is(:where(.peer)[data-force-focus="true"] ~ *) {
    outline-offset: 2px;
  }

  .first-letter\:capitalize:first-letter {
    text-transform: capitalize;
  }

  .placeholder\:opacity-60::placeholder {
    opacity: .6;
  }

  .before\:mx-1:before {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 1);
  }

  .before\:whitespace-nowrap:before {
    content: var(--tw-content);
    white-space: nowrap;
  }

  .before\:content-\[\'\+\'\]:before {
    --tw-content: "+";
    content: var(--tw-content);
  }

  .before\:content-\[\'·\'\]:before {
    --tw-content: "·";
    content: var(--tw-content);
  }

  .before\:content-\[open-quote\]:before {
    --tw-content: open-quote;
    content: var(--tw-content);
  }

  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .after\:-bottom-6:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -6);
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .after\:h-6:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 6);
  }

  .after\:translate-x-\[-100\%\]:after {
    content: var(--tw-content);
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:translate-y-2:after {
    content: var(--tw-content);
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:animate-\[shimmer_1\.5s_infinite\]:after {
    content: var(--tw-content);
    animation: 1.5s infinite shimmer;
  }

  .after\:bg-gradient-to-b:after {
    content: var(--tw-content);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .after\:bg-gradient-to-r:after {
    content: var(--tw-content);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .after\:bg-\[radial-gradient\(at_bottom\,hsla\(var\(--bg-000\)\/20\%\)\,hsla\(var\(--bg-000\)\/0\%\)\)\]:after {
    content: var(--tw-content);
    background-image: radial-gradient(at bottom,hsla(var(--bg-000)/20%),hsla(var(--bg-000)/0%));
  }

  .after\:from-0\%:after {
    content: var(--tw-content);
    --tw-gradient-from-position: 0%;
  }

  .after\:via-50\%:after {
    content: var(--tw-content);
    --tw-gradient-via-position: 50%;
  }

  .after\:to-transparent:after {
    content: var(--tw-content);
    --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));
  }

  .after\:to-100\%:after {
    content: var(--tw-content);
    --tw-gradient-to-position: 100%;
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:opacity-100:after {
    content: var(--tw-content);
    opacity: 1;
  }

  .after\:transition: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, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, 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));
  }

  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:duration-200:after {
    content: var(--tw-content);
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .first\:mt-0:first-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .first\:rounded-t-lg:first-child {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .first\:border-l-0:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }

  .first\:pt-6:first-child {
    padding-top: calc(var(--spacing) * 6);
  }

  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .last\:flex-none:last-child {
    flex: none;
  }

  .last\:rounded-b-lg:last-child {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .last\:\!border-b-0:last-child {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .read-only\:\!opacity-100:read-only {
    opacity: 1 !important;
  }

  .read-only\:opacity-50:read-only {
    opacity: .5;
  }

  .empty\:hidden:empty {
    display: none;
  }

  .empty\:before\:pointer-events-none:empty:before {
    content: var(--tw-content);
    pointer-events: none;
  }

  .empty\:before\:max-w-full:empty:before {
    content: var(--tw-content);
    max-width: 100%;
  }

  .empty\:before\:overflow-hidden:empty:before {
    content: var(--tw-content);
    overflow: hidden;
  }

  .empty\:before\:text-ellipsis:empty:before {
    content: var(--tw-content);
    text-overflow: ellipsis;
  }

  .empty\:before\:whitespace-nowrap:empty:before {
    content: var(--tw-content);
    white-space: nowrap;
  }

  .empty\:before\:content-\[attr\(data-placeholder\)\]:empty:before {
    --tw-content: attr(data-placeholder);
    content: var(--tw-content);
  }

  .focus-within\:pointer-events-auto:focus-within {
    pointer-events: auto;
  }

  .focus-within\:\!\[position\:relative\]:focus-within {
    position: relative !important;
  }

  .focus-within\:border-transparent:focus-within {
    border-color: #0000;
  }

  .focus-within\:\!opacity-100:focus-within {
    opacity: 1 !important;
  }

  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  .focus-within\:shadow:focus-within {
    --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);
  }

  .focus-within\:shadow-\[0_0\.25rem_1\.25rem_hsl\(var\(--always-black\)\/7\.5\%\)\,0_0_0_0\.5px_hsla\(var\(--border-200\)\/0\.3\)\]:focus-within {
    --tw-shadow: 0 .25rem 1.25rem var(--tw-shadow-color, hsl(var(--always-black)/7.5%)), 0 0 0 .5px var(--tw-shadow-color, hsla(var(--border-200)/.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:shadow-\[0_0\.25rem_1\.25rem_hsl\(var\(--always-black\)\/7\.5\%\)\]:focus-within {
    --tw-shadow: 0 .25rem 1.25rem var(--tw-shadow-color, hsl(var(--always-black)/7.5%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:shadow-\[inset_0_1px_4px_2px_hsl\(var\(--always-black\)\/12\%\)\]:focus-within {
    --tw-shadow: inset 0 1px 4px 2px var(--tw-shadow-color, hsl(var(--always-black)/12%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:shadow-md:focus-within {
    --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);
  }

  .focus-within\:shadow-sm:focus-within {
    --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);
  }

  .focus-within\:ring:focus-within {
    --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-within\:outline-2:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  @media (hover: hover) {
    .hover\:-my-px:hover {
      margin-block: -1px;
    }

    .hover\:h-4:hover {
      height: calc(var(--spacing) * 4);
    }

    .hover\:h-6:hover {
      height: calc(var(--spacing) * 6);
    }

    .hover\:w-\[180px\]:hover {
      width: 180px;
    }

    .hover\:translate-y-6:hover {
      --tw-translate-y: calc(var(--spacing) * 6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-x-\[1\.005\]:hover {
      --tw-scale-x: 1.005;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-y-\[1\.015\]:hover {
      --tw-scale-y: 1.015;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-\[1\.01\]:hover {
      scale: 1.01;
    }

    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }

    .hover\:rotate-2:hover {
      rotate: 2deg;
    }

    .hover\:cursor-grab:hover {
      cursor: grab;
    }

    .hover\:rounded-lg:hover {
      border-radius: var(--radius-lg);
    }

    .hover\:rounded-xl:hover {
      border-radius: var(--radius-xl);
    }

    .hover\:rounded-t-xl:hover {
      border-top-left-radius: var(--radius-xl);
      border-top-right-radius: var(--radius-xl);
    }

    .hover\:rounded-b-xl:hover {
      border-bottom-right-radius: var(--radius-xl);
      border-bottom-left-radius: var(--radius-xl);
    }

    .hover\:border-\[0\.5px\]:hover {
      border-style: var(--tw-border-style);
      border-width: .5px;
    }

    .hover\:border-transparent:hover {
      border-color: #0000;
    }

    .hover\:\!bg-transparent:hover {
      background-color: #0000 !important;
    }

    .hover\:bg-\[\#e0e0e0\]:hover {
      background-color: #e0e0e0;
    }

    .hover\:bg-\[hsl\(210\,70\%\,50\%\)\]\/20:hover {
      background-color: oklab(59.3989% -.0481849 -.151154 / .2);
    }

    .hover\:bg-\[hsla\(130\,35\%\,88\%\,0\.9\)\]:hover {
      background-color: #d6ebd9e6;
    }

    .hover\:bg-\[var\(--df-hover\)\]:hover {
      background-color: var(--df-hover);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-transparent:hover {
      background-color: #0000;
    }

    .hover\:py-\[calc\(1rem\+1px\)\]:hover {
      padding-block: calc(1rem + 1px);
    }

    .hover\:pl-2:hover {
      padding-left: calc(var(--spacing) * 2);
    }

    .hover\:no-underline:hover {
      text-decoration-line: none;
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:decoration-current:hover {
      text-decoration-color: currentColor;
    }

    .hover\:underline-offset-2:hover {
      text-underline-offset: 2px;
    }

    .hover\:\!opacity-90:hover {
      opacity: .9 !important;
    }

    .hover\:\!opacity-100:hover {
      opacity: 1 !important;
    }

    .hover\:opacity-60:hover {
      opacity: .6;
    }

    .hover\:opacity-70:hover {
      opacity: .7;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-95:hover {
      opacity: .95;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_0\.25rem_1\.25rem_hsl\(var\(--always-black\)\/3\.5\%\)\,0_0_0_0\.5px_hsla\(var\(--border-200\)\/0\.3\)\]:hover {
      --tw-shadow: 0 .25rem 1.25rem var(--tw-shadow-color, hsl(var(--always-black)/3.5%)), 0 0 0 .5px var(--tw-shadow-color, hsla(var(--border-200)/.3));
      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-\[0_4px_12px_0_hsl\(var\(--always-black\)\/10\%\)\]:hover {
      --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, hsl(var(--always-black)/10%));
      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-\[0_4px_20px_0_hsl\(var\(--always-black\)\/4\%\)\]:hover {
      --tw-shadow: 0 4px 20px 0 var(--tw-shadow-color, hsl(var(--always-black)/4%));
      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\:shadow-sm:hover {
      --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);
    }

    .hover\:shadow-\[hsl\(var\(--always-black\)\/4\%\)\]:hover {
      --tw-shadow-color: hsl(var(--always-black)/4%);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[hsl\(var\(--always-black\)\/4\%\)\]:hover {
        --tw-shadow-color: color-mix(in oklab, hsl(var(--always-black)/4%) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:\[scrollbar-color\:hsl\(var\(--border-300\)\)_transparent\]:hover {
      scrollbar-color: hsl(var(--border-300)) transparent;
    }

    .hover\:after\:translate-y-0:hover:after {
      content: var(--tw-content);
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:after\:opacity-100:hover:after {
      content: var(--tw-content);
      opacity: 1;
    }

    .hover\:focus-within\:shadow-\[0_0\.25rem_1\.25rem_hsl\(var\(--always-black\)\/7\.5\%\)\,0_0_0_0\.5px_hsla\(var\(--border-200\)\/0\.3\)\]:hover:focus-within {
      --tw-shadow: 0 .25rem 1.25rem var(--tw-shadow-color, hsl(var(--always-black)/7.5%)), 0 0 0 .5px var(--tw-shadow-color, hsla(var(--border-200)/.3));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:border-0:focus {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .focus\:border-transparent:focus {
    border-color: #0000;
  }

  .focus\:decoration-current:focus {
    text-decoration-color: currentColor;
  }

  .focus\:opacity-100:focus {
    opacity: 1;
  }

  .focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    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-0:focus {
    --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);
  }

  .focus\:ring-1:focus {
    --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\: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-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-2:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus\:-outline-offset-2:focus {
    outline-offset: calc(2px * -1);
  }

  .focus\:outline-offset-2:focus {
    outline-offset: 2px;
  }

  .focus\:\!outline-none:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .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-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\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }

  .active\:\!scale-100:active {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-x-\[0\.985\]:active {
    --tw-scale-x: .985;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-y-\[0\.995\]:active {
    --tw-scale-y: .995;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-\[0\.98\]:active {
    scale: .98;
  }

  .active\:scale-\[0\.99\]:active {
    scale: .99;
  }

  .active\:scale-\[0\.995\]:active {
    scale: .995;
  }

  .active\:scale-\[1\.0\]:active {
    scale: 1;
  }

  .active\:scale-\[1\.015\]:active {
    scale: 1.015;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:\!bg-transparent:active {
    background-color: #0000 !important;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }

  .disabled\:opacity-0:disabled {
    opacity: 0;
  }

  .disabled\:opacity-20:disabled {
    opacity: .2;
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  .disabled\:shadow-none:disabled {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .disabled\:drop-shadow-none:disabled {
    --tw-drop-shadow:  ;
    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, );
  }

  @media (hover: hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000;
    }
  }

  .has-\[\:disabled\]\:pointer-events-none:has(:disabled) {
    pointer-events: none;
  }

  .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[disabled\]\:opacity-60[data-disabled] {
    opacity: .6;
  }

  .data-\[highlighted\]\:before\:absolute[data-highlighted]:before {
    content: var(--tw-content);
    position: absolute;
  }

  .data-\[highlighted\]\:before\:inset-0[data-highlighted]:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .data-\[highlighted\]\:before\:-z-\[1\][data-highlighted]:before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }

  .data-\[highlighted\]\:before\:rounded-lg[data-highlighted]:before {
    content: var(--tw-content);
    border-radius: var(--radius-lg);
  }

  .data-\[menu-open\=true\]\:bg-\[var\(--df-hover\)\][data-menu-open="true"] {
    background-color: var(--df-hover);
  }

  .data-\[state\=\"closed\"\]\:\[animation\:fade_var\(--modal-close-duration\,125ms\)_ease-in_reverse_forwards\][data-state="closed"] {
    animation: fade var(--modal-close-duration, .125s) ease-in reverse forwards;
  }

  .data-\[state\=\"closed\"\]\:\[animation\:zoom_var\(--modal-close-duration\,125ms\)_ease-in_reverse_forwards\][data-state="closed"] {
    animation: zoom var(--modal-close-duration, .125s) ease-in reverse forwards;
  }

  .data-\[state\=\"closed\"\]\:animate-\[accordion-close_150ms_ease-out\][data-state="closed"] {
    animation: .15s ease-out accordion-close;
  }

  .data-\[state\=\"open\"\]\:\[animation\:fade_var\(--modal-animation-duration\,250ms\)_ease-out_forwards\][data-state="open"] {
    animation: fade var(--modal-animation-duration, .25s) ease-out forwards;
  }

  .data-\[state\=\"open\"\]\:\[animation\:zoom_var\(--modal-animation-duration\,250ms\)_ease-out_forwards\][data-state="open"] {
    animation: zoom var(--modal-animation-duration, .25s) ease-out forwards;
  }

  .data-\[state\=\"open\"\]\:animate-\[accordion-open_150ms_ease-out\][data-state="open"] {
    animation: .15s ease-out accordion-open;
  }

  .data-\[state\=\\\"closed\\\"\]\:\[animation\:fade_var\(--modal-close-duration\,125ms\)_ease-in_reverse_forwards\][data-state="\"closed\""] {
    animation: fade var(--modal-close-duration, .125s) ease-in reverse forwards;
  }

  .data-\[state\=\\\"closed\\\"\]\:\[animation\:zoom_var\(--modal-close-duration\,125ms\)_ease-in_reverse_forwards\][data-state="\"closed\""] {
    animation: zoom var(--modal-close-duration, .125s) ease-in reverse forwards;
  }

  .data-\[state\=\\\"closed\\\"\]\:animate-\[accordion-close_150ms_ease-formatBytes\][data-state="\"closed\""] {
    animation: accordion-close .15s ease-formatBytes;
  }

  .data-\[state\=\\\"open\\\"\]\:\[animation\:fade_var\(--modal-animation-duration\,250ms\)_ease-out_forwards\][data-state="\"open\""] {
    animation: fade var(--modal-animation-duration, .25s) ease-out forwards;
  }

  .data-\[state\=\\\"open\\\"\]\:\[animation\:zoom_var\(--modal-animation-duration\,250ms\)_ease-out_forwards\][data-state="\"open\""] {
    animation: zoom var(--modal-animation-duration, .25s) ease-out forwards;
  }

  .data-\[state\=\\\"open\\\"\]\:animate-\[accordion-open_150ms_ease-formatBytes\][data-state="\"open\""] {
    animation: accordion-open .15s ease-formatBytes;
  }

  .data-\[state\=closed\]\:animate-\[fade_125ms_ease-out_reverse_forwards\][data-state="closed"] {
    animation: .125s ease-out reverse forwards fade;
  }

  .data-\[state\=closed\]\:animate-\[zoom_125ms_ease-out_reverse_forwards\][data-state="closed"] {
    animation: .125s ease-out reverse forwards zoom;
  }

  .data-\[state\=open\]\:\!\[animation\:fade_50ms_ease-out_forwards\][data-state="open"] {
    animation: 50ms ease-out forwards fade !important;
  }

  .data-\[state\=open\]\:\[animation\:zoom_50ms_ease-out_forwards\][data-state="open"] {
    animation: 50ms ease-out forwards zoom;
  }

  .data-\[state\=open\]\:animate-\[fade_250ms_ease-in_forwards\][data-state="open"] {
    animation: .25s ease-in forwards fade;
  }

  .data-\[state\=open\]\:animate-\[zoom_250ms_ease-in_forwards\][data-state="open"] {
    animation: .25s ease-in forwards zoom;
  }

  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }

  @supports not (overflow-y: overlay) {
    .supports-\[not_\(overflow-y\:overlay\)\]\:overflow-y-auto {
      overflow-y: auto;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-pulse {
      animation: var(--animate-pulse);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
      animation: 1.5s linear infinite spin;
    }

    .motion-reduce\:animate-none {
      animation: none;
    }

    .motion-reduce\:duration-0 {
      --tw-duration: 0s;
      transition-duration: 0s;
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:pointer-events-auto {
      pointer-events: auto;
    }

    .max-md\:pointer-events-none {
      pointer-events: none;
    }

    .max-md\:absolute {
      position: absolute;
    }

    .max-md\:relative {
      position: relative;
    }

    .max-md\:inset-0 {
      inset: calc(var(--spacing) * 0);
    }

    .max-md\:inset-x-0 {
      inset-inline: calc(var(--spacing) * 0);
    }

    .max-md\:top-0 {
      top: calc(var(--spacing) * 0);
    }

    .max-md\:hidden {
      display: none;
    }

    .max-md\:h-full {
      height: 100%;
    }

    .max-md\:w-fit {
      width: fit-content;
    }

    .max-md\:max-w-\[23\.5rem\] {
      max-width: 23.5rem;
    }

    .max-md\:max-w-\[33rem\] {
      max-width: 33rem;
    }

    .max-md\:flex-1 {
      flex: 1;
    }

    .max-md\:flex-col {
      flex-direction: column;
    }

    .max-md\:self-end {
      align-self: flex-end;
    }

    .max-md\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .max-md\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .max-md\:via-90\% {
      --tw-gradient-via-position: 90%;
    }

    .max-md\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }

    .max-md\:pl-1 {
      padding-left: calc(var(--spacing) * 1);
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:mx-1\.5 {
      margin-inline: calc(var(--spacing) * 1.5);
    }

    .max-sm\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }

    .max-sm\:-mb-2 {
      margin-bottom: calc(var(--spacing) * -2);
    }

    .max-sm\:hidden {
      display: none;
    }

    .max-sm\:w-full {
      width: 100%;
    }

    .max-sm\:min-w-8 {
      min-width: calc(var(--spacing) * 8);
    }

    .max-sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-sm\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .max-sm\:\!px-1 {
      padding-inline: calc(var(--spacing) * 1) !important;
    }

    .max-sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-sm\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }

    .max-sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 350px) {
    .min-\[350px\]\:text-\[3\.2rem\] {
      font-size: 3.2rem;
    }
  }

  @media (min-width: 500px) {
    .min-\[500px\]\:flex {
      display: flex;
    }

    .min-\[500px\]\:inline {
      display: inline;
    }

    .min-\[500px\]\:text-\[3\.5rem\] {
      font-size: 3.5rem;
    }
  }

  @media (min-width: 840px) {
    .min-\[840px\]\:block {
      display: block;
    }

    .min-\[840px\]\:hidden {
      display: none;
    }

    .min-\[840px\]\:min-h-\[335px\] {
      min-height: 335px;
    }

    .min-\[840px\]\:max-w-4xl {
      max-width: var(--container-4xl);
    }

    .min-\[840px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .min-\[840px\]\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .min-\[840px\]\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 1000px) {
    .min-\[1000px\]\:flex {
      display: flex;
    }

    .min-\[1000px\]\:hidden {
      display: none;
    }

    .min-\[1000px\]\:h-\[5\.25rem\] {
      height: 5.25rem;
    }

    .min-\[1000px\]\:max-w-7xl {
      max-width: var(--container-7xl);
    }

    .min-\[1000px\]\:max-w-\[30rem\] {
      max-width: 30rem;
    }

    .min-\[1000px\]\:max-w-\[90rem\] {
      max-width: 90rem;
    }

    .min-\[1000px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .min-\[1000px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .min-\[1000px\]\:justify-center {
      justify-content: center;
    }

    .min-\[1000px\]\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:absolute {
      position: absolute;
    }

    .sm\:top-5 {
      top: calc(var(--spacing) * 5);
    }

    .sm\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .sm\:right-4 {
      right: calc(var(--spacing) * 4);
    }

    .sm\:right-6 {
      right: calc(var(--spacing) * 6);
    }

    .sm\:right-16 {
      right: calc(var(--spacing) * 16);
    }

    .sm\:bottom-4 {
      bottom: calc(var(--spacing) * 4);
    }

    .sm\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }

    .sm\:left-\[-1rem\] {
      left: -1rem;
    }

    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:row-span-2 {
      grid-row: span 2 / span 2;
    }

    .sm\:-mx-20 {
      margin-inline: calc(var(--spacing) * -20);
    }

    .sm\:mx-auto {
      margin-inline: auto;
    }

    .sm\:mt-1 {
      margin-top: calc(var(--spacing) * 1);
    }

    .sm\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }

    .sm\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .sm\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }

    .sm\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }

    .sm\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }

    .sm\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }

    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .sm\:-ml-6 {
      margin-left: calc(var(--spacing) * -6);
    }

    .sm\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }

    .sm\:ml-auto {
      margin-left: auto;
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:grid {
      display: grid;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:table-cell {
      display: table-cell;
    }

    .sm\:table-row {
      display: table-row;
    }

    .sm\:h-6 {
      height: calc(var(--spacing) * 6);
    }

    .sm\:h-7 {
      height: calc(var(--spacing) * 7);
    }

    .sm\:h-8 {
      height: calc(var(--spacing) * 8);
    }

    .sm\:h-28 {
      height: calc(var(--spacing) * 28);
    }

    .sm\:h-\[315px\] {
      height: 315px;
    }

    .sm\:h-full {
      height: 100%;
    }

    .sm\:w-2\/12 {
      width: 16.6667%;
    }

    .sm\:w-5\/12 {
      width: 41.6667%;
    }

    .sm\:w-6 {
      width: calc(var(--spacing) * 6);
    }

    .sm\:w-6\/12 {
      width: 50%;
    }

    .sm\:w-8 {
      width: calc(var(--spacing) * 8);
    }

    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }

    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .sm\:w-\[30rem\] {
      width: 30rem;
    }

    .sm\:w-\[150px\] {
      width: 150px;
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:w-full {
      width: 100%;
    }

    .sm\:max-w-56 {
      max-width: calc(var(--spacing) * 56);
    }

    .sm\:max-w-80 {
      max-width: calc(var(--spacing) * 80);
    }

    .sm\:max-w-\[250px\] {
      max-width: 250px;
    }

    .sm\:max-w-\[calc\(100vw-3rem\)\] {
      max-width: calc(100vw - 3rem);
    }

    .sm\:max-w-md {
      max-width: var(--container-md);
    }

    .sm\:max-w-xl {
      max-width: var(--container-xl);
    }

    .sm\:min-w-\[30rem\] {
      min-width: 30rem;
    }

    .sm\:min-w-\[140px\] {
      min-width: 140px;
    }

    .sm\:min-w-\[150px\] {
      min-width: 150px;
    }

    .sm\:flex-1 {
      flex: 1;
    }

    .sm\:grow {
      flex-grow: 1;
    }

    .sm\:table-auto {
      table-layout: auto;
    }

    .sm\:scale-75 {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    .sm\:flex-col {
      flex-direction: column;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:justify-start {
      justify-content: flex-start;
    }

    .sm\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .sm\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .sm\:gap-\[0\.15em\] {
      gap: .15em;
    }

    .sm\:gap-\[0\.25em\] {
      gap: .25em;
    }

    .sm\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }

    .sm\:rounded-xl {
      border-radius: var(--radius-xl);
    }

    .sm\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .sm\:p-3 {
      padding: calc(var(--spacing) * 3);
    }

    .sm\:p-3\.5 {
      padding: calc(var(--spacing) * 3.5);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:\!px-8 {
      padding-inline: calc(var(--spacing) * 8) !important;
    }

    .sm\:\!px-12 {
      padding-inline: calc(var(--spacing) * 12) !important;
    }

    .sm\:px-1 {
      padding-inline: calc(var(--spacing) * 1);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .sm\:\!py-20 {
      padding-block: calc(var(--spacing) * 20) !important;
    }

    .sm\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .sm\:\!pt-8 {
      padding-top: calc(var(--spacing) * 8) !important;
    }

    .sm\:\!pt-10 {
      padding-top: calc(var(--spacing) * 10) !important;
    }

    .sm\:pt-9 {
      padding-top: calc(var(--spacing) * 9);
    }

    .sm\:pt-14 {
      padding-top: calc(var(--spacing) * 14);
    }

    .sm\:pt-\[15vh\] {
      padding-top: 15vh;
    }

    .sm\:pr-2 {
      padding-right: calc(var(--spacing) * 2);
    }

    .sm\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }

    .sm\:pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }

    .sm\:\!pb-8 {
      padding-bottom: calc(var(--spacing) * 8) !important;
    }

    .sm\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }

    .sm\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }

    .sm\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }

    .sm\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .sm\:pl-0 {
      padding-left: calc(var(--spacing) * 0);
    }

    .sm\:pl-3 {
      padding-left: calc(var(--spacing) * 3);
    }

    .sm\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }

    .sm\:text-left {
      text-align: left;
    }

    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--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\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .sm\:text-\[2rem\] {
      font-size: 2rem;
    }

    .sm\:break-normal {
      overflow-wrap: normal;
      word-break: normal;
    }

    .sm\:opacity-0 {
      opacity: 0;
    }

    .sm\:shadow-\[0_4px_20px_0_hsl\(var\(--always-black\)\/4\%\)\] {
      --tw-shadow: 0 4px 20px 0 var(--tw-shadow-color, hsl(var(--always-black)/4%));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .sm\:\[--cp-top\:15vh\] {
      --cp-top: 15vh;
    }

    @media (hover: hover) {
      .sm\:group-hover\:rotate-2:is(:where(.group):hover *) {
        rotate: 2deg;
      }

      .sm\:group-hover\/header\:opacity-100:is(:where(.group\/header):hover *) {
        opacity: 1;
      }
    }
  }

  @media (min-width: 48rem) {
    .md\:pointer-events-none {
      pointer-events: none;
    }

    .md\:absolute {
      position: absolute;
    }

    .md\:sticky {
      position: sticky;
    }

    .md\:inset-4 {
      inset: calc(var(--spacing) * 4);
    }

    .md\:top-0 {
      top: calc(var(--spacing) * 0);
    }

    .md\:top-4 {
      top: calc(var(--spacing) * 4);
    }

    .md\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .md\:top-10 {
      top: calc(var(--spacing) * 10);
    }

    .md\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .md\:right-10 {
      right: calc(var(--spacing) * 10);
    }

    .md\:right-\[296px\] {
      right: 296px;
    }

    .md\:bottom-\[15px\] {
      bottom: 15px;
    }

    .md\:left-3 {
      left: calc(var(--spacing) * 3);
    }

    .md\:z-0 {
      z-index: 0;
    }

    .md\:order-1 {
      order: 1;
    }

    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .md\:row-span-2 {
      grid-row: span 2 / span 2;
    }

    .md\:m-2 {
      margin: calc(var(--spacing) * 2);
    }

    .md\:-mx-2 {
      margin-inline: calc(var(--spacing) * -2);
    }

    .md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .md\:mx-auto {
      margin-inline: auto;
    }

    .md\:my-8 {
      margin-block: calc(var(--spacing) * 8);
    }

    .md\:-me-6 {
      margin-inline-end: calc(var(--spacing) * -6);
    }

    .md\:-mt-6 {
      margin-top: calc(var(--spacing) * -6);
    }

    .md\:-mt-\[var\(--QK_UPCOMING_INVOICE-header-h\,0px\)\] {
      margin-top: calc(var(--QK_UPCOMING_INVOICE-header-h, 0px) * -1);
    }

    .md\:-mt-\[var\(--df-header-h\,0px\)\] {
      margin-top: calc(var(--df-header-h, 0px) * -1);
    }

    .md\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }

    .md\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .md\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }

    .md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .md\:mt-14 {
      margin-top: calc(var(--spacing) * 14);
    }

    .md\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }

    .md\:mt-\[62px\] {
      margin-top: 62px;
    }

    .md\:mt-\[80px\] {
      margin-top: 80px;
    }

    .md\:mr-2 {
      margin-right: calc(var(--spacing) * 2);
    }

    .md\:mr-3 {
      margin-right: calc(var(--spacing) * 3);
    }

    .md\:-mb-6 {
      margin-bottom: calc(var(--spacing) * -6);
    }

    .md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }

    .md\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }

    .md\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }

    .md\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .md\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }

    .md\:mb-48 {
      margin-bottom: calc(var(--spacing) * 48);
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:grid {
      display: grid;
    }

    .md\:hidden {
      display: none;
    }

    .md\:inline {
      display: inline;
    }

    .md\:h-5\/6 {
      height: 83.3333%;
    }

    .md\:h-24 {
      height: calc(var(--spacing) * 24);
    }

    .md\:h-36 {
      height: calc(var(--spacing) * 36);
    }

    .md\:h-40 {
      height: calc(var(--spacing) * 40);
    }

    .md\:h-80 {
      height: calc(var(--spacing) * 80);
    }

    .md\:h-\[72px\] {
      height: 72px;
    }

    .md\:h-\[540px\] {
      height: 540px;
    }

    .md\:h-\[calc\(100\%\+var\(--df-header-h\,0px\)\)\] {
      height: calc(100% + var(--df-header-h, 0px));
    }

    .md\:h-\[calc\(100\%-56px\)\] {
      height: calc(100% - 56px);
    }

    .md\:h-\[calc\(100vh-11rem\)\] {
      height: calc(100vh - 11rem);
    }

    .md\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }

    .md\:w-1\/2 {
      width: 50%;
    }

    .md\:w-5\/6 {
      width: 83.3333%;
    }

    .md\:w-7\/12 {
      width: 58.3333%;
    }

    .md\:w-11\/12 {
      width: 91.6667%;
    }

    .md\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .md\:w-\[9rem\] {
      width: 9rem;
    }

    .md\:w-\[100\%\] {
      width: 100%;
    }

    .md\:w-\[342px\] {
      width: 342px;
    }

    .md\:w-\[384px\] {
      width: 384px;
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:w-fit {
      width: fit-content;
    }

    .md\:w-full {
      width: 100%;
    }

    .md\:max-w-2xl {
      max-width: var(--container-2xl);
    }

    .md\:max-w-3xl {
      max-width: var(--container-3xl);
    }

    .md\:max-w-4xl {
      max-width: var(--container-4xl);
    }

    .md\:max-w-5xl {
      max-width: var(--container-5xl);
    }

    .md\:max-w-\[80\%\] {
      max-width: 80%;
    }

    .md\:max-w-\[350px\] {
      max-width: 350px;
    }

    .md\:max-w-\[545px\] {
      max-width: 545px;
    }

    .md\:max-w-\[calc\(100vw-4rem\)\] {
      max-width: calc(100vw - 4rem);
    }

    .md\:max-w-none {
      max-width: none;
    }

    .md\:max-w-xl {
      max-width: var(--container-xl);
    }

    .md\:min-w-40 {
      min-width: calc(var(--spacing) * 40);
    }

    .md\:flex-1 {
      flex: 1;
    }

    .md\:flex-shrink-0 {
      flex-shrink: 0;
    }

    .md\:flex-grow-0 {
      flex-grow: 0;
    }

    .md\:basis-0 {
      flex-basis: calc(var(--spacing) * 0);
    }

    .md\:animate-\[fade_0\.3s_ease-in-out_0\.1s_forwards\] {
      animation: .3s ease-in-out .1s forwards fade;
    }

    .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-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .md\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr;
    }

    .md\:grid-cols-\[220px_minmax\(0px\,_1fr\)\] {
      grid-template-columns: 220px minmax(0, 1fr);
    }

    .md\:grid-cols-\[400px_1fr\] {
      grid-template-columns: 400px 1fr;
    }

    .md\:grid-cols-\[480px_270px\] {
      grid-template-columns: 480px 270px;
    }

    .md\:grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }

    .md\:grid-rows-\[1fr_auto\] {
      grid-template-rows: 1fr auto;
    }

    .md\:flex-col {
      flex-direction: column;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .md\:flex-wrap {
      flex-wrap: wrap;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:items-stretch {
      align-items: stretch;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:justify-center {
      justify-content: center;
    }

    .md\:justify-end {
      justify-content: flex-end;
    }

    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .md\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .md\:gap-32 {
      gap: calc(var(--spacing) * 32);
    }

    .md\:gap-\[2rem\] {
      gap: 2rem;
    }

    .md\:gap-\[10px\] {
      gap: 10px;
    }

    :where(.md\: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(.md\:space-x-4 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }

    .md\:rounded-lg {
      border-radius: var(--radius-lg);
    }

    .md\:rounded-s-2xl {
      border-start-start-radius: var(--radius-2xl);
      border-end-start-radius: var(--radius-2xl);
    }

    .md\:rounded-e-none {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
    }

    .md\:\!p-8 {
      padding: calc(var(--spacing) * 8) !important;
    }

    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .md\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:px-11 {
      padding-inline: calc(var(--spacing) * 11);
    }

    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .md\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }

    .md\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .md\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }

    .md\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }

    .md\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }

    .md\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .md\:pe-6 {
      padding-inline-end: calc(var(--spacing) * 6);
    }

    .md\:pe-8 {
      padding-inline-end: calc(var(--spacing) * 8);
    }

    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .md\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }

    .md\:pt-9 {
      padding-top: calc(var(--spacing) * 9);
    }

    .md\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }

    .md\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }

    .md\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }

    .md\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }

    .md\:pt-\[20vh\] {
      padding-top: 20vh;
    }

    .md\:pt-\[var\(--QK_UPCOMING_INVOICE-header-h\,0px\)\] {
      padding-top: var(--QK_UPCOMING_INVOICE-header-h, 0px);
    }

    .md\:pt-\[var\(--df-header-h\,0px\)\] {
      padding-top: var(--df-header-h, 0px);
    }

    .md\:pr-0 {
      padding-right: calc(var(--spacing) * 0);
    }

    .md\:pr-2 {
      padding-right: calc(var(--spacing) * 2);
    }

    .md\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }

    .md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }

    .md\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }

    .md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }

    .md\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }

    .md\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }

    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .md\:pb-\[140px\] {
      padding-bottom: 140px;
    }

    .md\:pl-3 {
      padding-left: calc(var(--spacing) * 3);
    }

    .md\:pl-5 {
      padding-left: calc(var(--spacing) * 5);
    }

    .md\:text-left {
      text-align: left;
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .md\:text-\[15px\] {
      font-size: 15px;
    }

    .md\:opacity-0 {
      opacity: 0;
    }

    .md\:opacity-100 {
      opacity: 1;
    }

    .md\: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);
    }

    .md\: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));
    }

    .md\: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));
    }

    .md\:duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s;
    }

    .md\:ease-in-out {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }

    @media (hover: hover) {
      .md\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:col-span-9 {
      grid-column: span 9 / span 9;
    }

    .lg\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .lg\:mx-auto {
      margin-inline: auto;
    }

    .lg\:\!mt-0 {
      margin-top: calc(var(--spacing) * 0) !important;
    }

    .lg\:-mt-24 {
      margin-top: calc(var(--spacing) * -24);
    }

    .lg\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }

    .lg\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }

    .lg\:mt-\[38px\] {
      margin-top: 38px;
    }

    .lg\:mt-\[50px\] {
      margin-top: 50px;
    }

    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }

    .lg\:mb-\[38px\] {
      margin-bottom: 38px;
    }

    .lg\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:inline {
      display: inline;
    }

    .lg\:h-6 {
      height: calc(var(--spacing) * 6);
    }

    .lg\:h-\[42px\] {
      height: 42px;
    }

    .lg\:h-\[96px\] {
      height: 96px;
    }

    .lg\:min-h-\[600px\] {
      min-height: 600px;
    }

    .lg\:\!w-\[65\%\] {
      width: 65% !important;
    }

    .lg\:w-6 {
      width: calc(var(--spacing) * 6);
    }

    .lg\:w-52 {
      width: calc(var(--spacing) * 52);
    }

    .lg\:w-\[42px\] {
      width: 42px;
    }

    .lg\:w-\[412px\] {
      width: 412px;
    }

    .lg\:max-w-7xl {
      max-width: var(--container-7xl);
    }

    .lg\:max-w-\[65\%\] {
      max-width: 65%;
    }

    .lg\:max-w-\[230px\] {
      max-width: 230px;
    }

    .lg\:max-w-\[500px\] {
      max-width: 500px;
    }

    .lg\:max-w-\[1000px\] {
      max-width: 1000px;
    }

    .lg\:flex-\[2\.2\] {
      flex: 2.2;
    }

    .lg\:flex-\[2\.8\] {
      flex: 2.8;
    }

    .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-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1fr_2fr\] {
      grid-template-columns: 1fr 2fr;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:justify-start {
      justify-content: flex-start;
    }

    .lg\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }

    .lg\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .lg\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .lg\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }

    .lg\:bg-gradient-to-t {
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .lg\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }

    .lg\:px-\[100px\] {
      padding-inline: 100px;
    }

    .lg\:px-\[160px\] {
      padding-inline: 160px;
    }

    .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .lg\:py-\[120px\] {
      padding-block: 120px;
    }

    .lg\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }

    .lg\:pt-\[25vh\] {
      padding-top: 25vh;
    }

    .lg\:pt-\[40px\] {
      padding-top: 40px;
    }

    .lg\:pt-\[100px\] {
      padding-top: 100px;
    }

    .lg\:pr-0 {
      padding-right: calc(var(--spacing) * 0);
    }

    .lg\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }

    .lg\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }

    .lg\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }

    .lg\:pb-\[120px\] {
      padding-bottom: 120px;
    }

    .lg\:pl-0 {
      padding-left: calc(var(--spacing) * 0);
    }

    .lg\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }

    .lg\:pl-\[clamp\(0px\,7vw\,80px\)\] {
      padding-left: clamp(0px, 7vw, 80px);
    }

    .lg\:text-left {
      text-align: left;
    }

    .lg\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .lg\:\[--cp-top\:25vh\] {
      --cp-top: 25vh;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .xl\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .xl\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .xl\:pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }

    .xl\:pl-12 {
      padding-left: calc(var(--spacing) * 12);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:block {
      display: block;
    }

    .dark\:hidden {
      display: none;
    }

    .dark\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .dark\:border-\[hsl\(var\(--always-white\)\/10\%\)\] {
      border-color: hsl(var(--always-white)/10%);
    }

    .dark\:bg-\[\#000000\] {
      background-color: #000;
    }

    .dark\:bg-\[\#1e1e1e\] {
      background-color: #1e1e1e;
    }

    .dark\:bg-\[\#2a2a2a\] {
      background-color: #2a2a2a;
    }

    .dark\:bg-\[\#797979\]\/50 {
      background-color: oklab(57.6099% -2.98023e-8 5.96046e-8 / .5);
    }

    .dark\:text-\[\#6a8759\] {
      color: #6a8759;
    }

    .dark\:text-\[\#808080\] {
      color: gray;
    }

    .dark\:text-\[\#a9b7c6\] {
      color: #a9b7c6;
    }

    .dark\:text-\[\#cc6666\] {
      color: #c66;
    }

    .dark\:text-\[\#cc7832\] {
      color: #cc7832;
    }

    .dark\:shadow-\[0px_2px_8px_0px_hsl\(var\(--always-black\)\/24\%\)\] {
      --tw-shadow: 0px 2px 8px 0px var(--tw-shadow-color, hsl(var(--always-black)/24%));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .dark\:brightness-\[1\.8\] {
      --tw-brightness: brightness(1.8);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .dark\:drop-shadow-\[0_2px_8px_hsl\(var\(--always-black\)\/16\%\)\] {
      --tw-drop-shadow-size: drop-shadow(0 2px 8px var(--tw-drop-shadow-color, hsl(var(--always-black)/16%)));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .dark\:backdrop-blur-\[14px\] {
      --tw-backdrop-blur: blur(14px);
      -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, );
    }
  }

  .\[\&_\*\]\:gap-\[0\.05rem\] * {
    gap: .05rem;
  }

  .\[\&_\*\]\:\!filter-none * {
    filter: none !important;
  }

  .\[\&_\.AccordionContent\]\:mb-4 .AccordionContent {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .\[\&_\.AccordionHeader\]\:w-fit .AccordionHeader {
    width: fit-content;
  }

  .\[\&_\.AccordionHeader_button\]\:gap-2 .AccordionHeader button {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&_\.AccordionHeader_button\>div\]\:flex-none .AccordionHeader button > div {
    flex: none;
  }

  .\[\&_\.AccordionItem\]\:border-b .AccordionItem {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_\.AccordionItem\]\:pb-6 .AccordionItem {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .\[\&_\.PhoneInputInput\]\:border-none .PhoneInputInput {
    --tw-border-style: none;
    border-style: none;
  }

  .\[\&_\.PhoneInputInput\]\:bg-transparent .PhoneInputInput {
    background-color: #0000;
  }

  .\[\&_\.PhoneInputInput\]\:pl-1\.5 .PhoneInputInput {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .\[\&_\.PhoneInputInput\]\:\!shadow-none .PhoneInputInput {
    --tw-shadow: 0 0 #0000 !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;
  }

  .\[\&_\.ProseMirror\]\:min-h-full .ProseMirror {
    min-height: 100%;
  }

  .\[\&_\.ProseMirror\]\:w-full .ProseMirror {
    width: 100%;
  }

  .\[\&_\.ProseMirror\]\:break-words .ProseMirror {
    overflow-wrap: break-word;
  }

  .\[\&_\.ProseMirror\]\:whitespace-pre-wrap .ProseMirror {
    white-space: pre-wrap;
  }

  .\[\&_\.ProseMirror\]\:italic .ProseMirror {
    font-style: italic;
  }

  .\[\&_\.ProseMirror\]\:outline-none .ProseMirror {
    --tw-outline-style: none;
    outline-style: none;
  }

  .\[\&_\.ProseMirror\.is-editor-empty\]\:italic .ProseMirror.is-editor-empty {
    font-style: italic;
  }

  .\[\&_\.font-claude-response-body\]\:\[font\:inherit\] .font-claude-response-body {
    font: inherit;
  }

  .\[\&_\.ignore-pre-bg\>div\]\:bg-transparent .ignore-pre-bg > div {
    background-color: #0000;
  }

  .\[\&_\.is-editor-empty\]\:before\:\!float-none .is-editor-empty:before {
    content: var(--tw-content);
    float: none !important;
  }

  .\[\&_\.is-editor-empty\]\:before\:\!whitespace-pre-wrap .is-editor-empty:before {
    content: var(--tw-content);
    white-space: pre-wrap !important;
  }

  .\[\&_\.is-editor-empty\]\:before\:\!content-\[\'\'\] .is-editor-empty:before {
    content: var(--tw-content);
    --tw-content: "" !important;
    content: var(--tw-content) !important;
  }

  .\[\&_\.progressive-markdown_\:is\(p\,blockquote\,h1\,h2\,h3\,h4\,h5\,h6\)\]\:pl-2 .progressive-markdown :is(p, blockquote, h1, h2, h3, h4, h5, h6) {
    padding-left: calc(var(--spacing) * 2);
  }

  .\[\&_\.progressive-markdown_\:is\(p\,blockquote\,ul\,ol\,h1\,h2\,h3\,h4\,h5\,h6\)\]\:pr-8 .progressive-markdown :is(p, blockquote, ul, ol, h1, h2, h3, h4, h5, h6) {
    padding-right: calc(var(--spacing) * 8);
  }

  .\[\&_\.standard-markdown\]\:gap-1\.5 .standard-markdown {
    gap: calc(var(--spacing) * 1.5);
  }

  .\[\&_\.standard-markdown_\:is\(p\,blockquote\,h1\,h2\,h3\,h4\,h5\,h6\)\]\:pl-2 .standard-markdown :is(p, blockquote, h1, h2, h3, h4, h5, h6) {
    padding-left: calc(var(--spacing) * 2);
  }

  .\[\&_\.standard-markdown_\:is\(p\,blockquote\,ul\,ol\,h1\,h2\,h3\,h4\,h5\,h6\)\]\:pr-8 .standard-markdown :is(p, blockquote, ul, ol, h1, h2, h3, h4, h5, h6) {
    padding-right: calc(var(--spacing) * 8);
  }

  .\[\&_\.tiptap\]\:max-h-\[40vh\] .tiptap {
    max-height: 40vh;
  }

  .\[\&_\.tiptap\]\:max-h-\[192px\] .tiptap {
    max-height: 192px;
  }

  .\[\&_\.tiptap\]\:min-h-\[1\.25rem\] .tiptap {
    min-height: 1.25rem;
  }

  .\[\&_\.tiptap\]\:min-h-\[2\.5rem\] .tiptap {
    min-height: 2.5rem;
  }

  .\[\&_\.tiptap\]\:overflow-y-auto .tiptap {
    overflow-y: auto;
  }

  .\[\&_\.tiptap\]\:border-0 .tiptap {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_\.tiptap\]\:p-0 .tiptap {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&_\.tiptap\]\:text-sm .tiptap {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .\[\&_\.tiptap\]\:leading-5 .tiptap {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .\[\&_\.tiptap\]\:leading-6 .tiptap {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .\[\&_\.tiptap\]\:outline-none .tiptap {
    --tw-outline-style: none;
    outline-style: none;
  }

  .\[\&_\.tiptap_p\]\:m-0 .tiptap p {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&_\.tiptap\.is-editor-empty\]\:italic .tiptap.is-editor-empty {
    font-style: italic;
  }

  .\[\&_\.tiptap\.is-editor-empty\]\:before\:pointer-events-none .tiptap.is-editor-empty:before {
    content: var(--tw-content);
    pointer-events: none;
  }

  .\[\&_\.tiptap\.is-editor-empty\]\:before\:float-left .tiptap.is-editor-empty:before {
    content: var(--tw-content);
    float: left;
  }

  .\[\&_\>_\*\]\:min-w-0 > * {
    min-width: calc(var(--spacing) * 0);
  }

  .\[\&_\[role\=menuitem\]\]\:cursor-default [role="menuitem"], .\[\&_a\]\:cursor-default a {
    cursor: default;
  }

  .\[\&_a\]\:font-medium a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    .\[\&_a\]\:hover\:underline a:hover {
      text-decoration-line: underline;
    }
  }

  .\[\&_button\]\:\!flex button {
    display: flex !important;
  }

  .\[\&_button\]\:\!h-9 button {
    height: calc(var(--spacing) * 9) !important;
  }

  .\[\&_button\]\:\!w-full button {
    width: 100% !important;
  }

  .\[\&_button\]\:\!text-xs button {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .\[\&_button\.ml-1\]\:\[--button-bg\:transparent\] button.ml-1 {
    --button-bg: transparent;
  }

  .\[\&_button\.ml-1\]\:\[--button-hover-bg\:transparent\] button.ml-1 {
    --button-hover-bg: transparent;
  }

  .\[\&_code\]\:\!text-xs code {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .\[\&_em\]\:italic em {
    font-style: italic;
  }

  .\[\&_gmp-place-details\]\:overflow-y-auto gmp-place-details, .\[\&_gmp-place-details-compact\]\:overflow-y-auto gmp-place-details-compact {
    overflow-y: auto;
  }

  .\[\&_img\]\:\!scale-125 img {
    --tw-scale-x: 125% !important;
    --tw-scale-y: 125% !important;
    --tw-scale-z: 125% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }

  .\[\&_img\]\:\!object-\[center_60\%\] img {
    object-position: center 60% !important;
  }

  .\[\&_input\]\:pointer-events-none input {
    pointer-events: none;
  }

  .\[\&_input\]\:truncate input {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&_label\]\:hidden label {
    display: none;
  }

  .\[\&_li\]\:my-0\.5 li {
    margin-block: calc(var(--spacing) * .5);
  }

  .\[\&_li\]\:my-1 li, .\[\&_ol\]\:my-1 ol {
    margin-block: calc(var(--spacing) * 1);
  }

  .\[\&_ol\]\:my-2 ol {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal;
  }

  .\[\&_ol\]\:pl-4 ol {
    padding-left: calc(var(--spacing) * 4);
  }

  .\[\&_ol\]\:pl-6 ol {
    padding-left: calc(var(--spacing) * 6);
  }

  .\[\&_p\]\:\!m-0 p {
    margin: calc(var(--spacing) * 0) !important;
  }

  .\[\&_p\]\:my-0 p {
    margin-block: calc(var(--spacing) * 0);
  }

  .\[\&_p\]\:my-1 p {
    margin-block: calc(var(--spacing) * 1);
  }

  .\[\&_p\]\:my-2 p {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_p\]\:my-3 p {
    margin-block: calc(var(--spacing) * 3);
  }

  .\[\&_p\]\:\!p-0 p {
    padding: calc(var(--spacing) * 0) !important;
  }

  .\[\&_p\:first-child\]\:mt-0 p:first-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .\[\&_p\:last-child\]\:mb-0 p:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .\[\&_pre\]\:\!m-0 pre {
    margin: calc(var(--spacing) * 0) !important;
  }

  .\[\&_pre\]\:\!bg-transparent pre {
    background-color: #0000 !important;
  }

  .\[\&_pre\]\:\!py-2 pre {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .\[\&_pre\]\:\!pr-10 pre {
    padding-right: calc(var(--spacing) * 10) !important;
  }

  .\[\&_pre\]\:\!pl-3 pre {
    padding-left: calc(var(--spacing) * 3) !important;
  }

  .\[\&_pre\]\:\!text-xs pre {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .\[\&_pre\]\:\!text-\[11px\] pre {
    font-size: 11px !important;
  }

  .\[\&_span\]\:\[backface-visibility\:hidden\] span {
    backface-visibility: hidden;
  }

  .\[\&_svg\]\:size-\[var\(--df-icon-size\)\] svg {
    width: var(--df-icon-size);
    height: var(--df-icon-size);
  }

  .\[\&_svg\]\:h-11 svg {
    height: calc(var(--spacing) * 11);
  }

  .\[\&_svg\]\:w-11 svg {
    width: calc(var(--spacing) * 11);
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_td\]\:px-4 td {
    padding-inline: calc(var(--spacing) * 4);
  }

  .\[\&_td\]\:py-4 td {
    padding-block: calc(var(--spacing) * 4);
  }

  .\[\&_textarea\]\:pointer-events-none textarea {
    pointer-events: none;
  }

  .\[\&_textarea\]\:\[caret-color\:transparent\] textarea {
    caret-color: #0000;
  }

  .\[\&_th\]\:px-4 th {
    padding-inline: calc(var(--spacing) * 4);
  }

  .\[\&_th\]\:pb-4 th {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .\[\&_ul\]\:my-1 ul {
    margin-block: calc(var(--spacing) * 1);
  }

  .\[\&_ul\]\:my-2 ul {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }

  .\[\&_ul\]\:pl-4 ul {
    padding-left: calc(var(--spacing) * 4);
  }

  .\[\&_ul\]\:pl-6 ul {
    padding-left: calc(var(--spacing) * 6);
  }

  .\[\&\.has-bottom-scroll\]\:\[mask-image\:linear-gradient\(to_top\,rgba\(0\,0\,0\,0\)_0\%\,_rgba\(0\,0\,0\,1\)_3\%\)\].has-bottom-scroll {
    -webkit-mask-image: linear-gradient(to top, #0000 0%, #000 3%);
    mask-image: linear-gradient(to top, #0000 0%, #000 3%);
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator {
    display: none;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor-pointer::-webkit-calendar-picker-indicator {
    cursor: pointer;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-50::-webkit-calendar-picker-indicator {
    opacity: .5;
  }

  @media (hover: hover) {
    .\[\&\:\:-webkit-calendar-picker-indicator\]\:hover\:opacity-100::-webkit-calendar-picker-indicator:hover {
      opacity: 1;
    }
  }

  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    appearance: none;
  }

  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    appearance: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:mt-4::-webkit-scrollbar {
    margin-top: calc(var(--spacing) * 4);
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
    width: calc(var(--spacing) * 1.5);
  }

  .\[\&\:\:-webkit-scrollbar\]\:w-\[0\.25rem\]::-webkit-scrollbar {
    width: .25rem;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-\[1em\]::-webkit-scrollbar-thumb {
    border-radius: 1em;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
    border-radius: 3.40282e38px;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:border-\[0\.25rem\]::-webkit-scrollbar-thumb {
    border-style: var(--tw-border-style);
    border-width: .25rem;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:border-transparent::-webkit-scrollbar-thumb {
    border-color: #0000;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-transparent::-webkit-scrollbar-thumb {
    background-color: #0000;
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-clip-padding::-webkit-scrollbar-thumb {
    background-clip: padding-box;
  }

  .\[\&\:\:-webkit-scrollbar-track\]\:my-1::-webkit-scrollbar-track {
    margin-block: calc(var(--spacing) * 1);
  }

  .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
    background-color: #0000;
  }

  .\[\&\:\:selection\]\:bg-transparent::selection {
    background-color: #0000;
  }

  .\[\&\:first-child\]\:\!border-r:first-child {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important;
  }

  .\[\&\:first-child\]\:\!border-r-white\/30:first-child {
    border-right-color: #ffffff4d !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\:first-child\]\:\!border-r-white\/30:first-child {
      border-right-color: color-mix(in oklab, var(--color-white) 30%, transparent) !important;
    }
  }

  .\[\&\:has\(\.downloads-link\:hover\)\]\:\!bg-transparent:has(.downloads-link:hover), .\[\&\:has\(\.feedback-link\:hover\)\]\:\!bg-transparent:has(.feedback-link:hover) {
    background-color: #0000 !important;
  }

  .\[\&\:has\(\[data-state\=\'open\'\]\)\]\:shadow-sm:has([data-state="open"]) {
    --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);
  }

  .\[\&\:hover\]\:bg-transparent:hover {
    background-color: #0000;
  }

  .\[\&\:last-child\]\:\!pl-1\.5:last-child {
    padding-left: calc(var(--spacing) * 1.5) !important;
  }

  .\[\&\:not\(\:is\(\:hover\,\:focus\)\)\]\:decoration-\[color-mix\(in_srgb\,currentColor\,transparent_60\%\)\]:not(:is(:hover, :focus)) {
    text-decoration-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\:not\(\:is\(\:hover\,\:focus\)\)\]\:decoration-\[color-mix\(in_srgb\,currentColor\,transparent_60\%\)\]:not(:is(:hover, :focus)) {
      -webkit-text-decoration-color: color-mix(in srgb,currentColor,transparent 60%);
      -webkit-text-decoration-color: color-mix(in srgb,currentColor,transparent 60%);
      text-decoration-color: color-mix(in srgb,currentColor,transparent 60%);
    }
  }

  .\[\&\:not\(\:last-child\)_ol\]\:pb-1:not(:last-child) ol, .\[\&\:not\(\:last-child\)_ul\]\:pb-1:not(:last-child) ul {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .\[\&\>\*\]\:pointer-events-auto > * {
    pointer-events: auto;
  }

  .\[\&\>\*\]\:col-start-1 > * {
    grid-column-start: 1;
  }

  .\[\&\>\*\]\:row-start-1 > * {
    grid-row-start: 1;
  }

  .\[\&\>\*\]\:\!my-0 > * {
    margin-block: calc(var(--spacing) * 0) !important;
  }

  .\[\&\>\*\]\:snap-start > * {
    scroll-snap-align: start;
  }

  .\[\&\>\*\:first-child\]\:border-t-0 > :first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&\>\*\:hover\+hr\]\:opacity-0 > :hover + hr {
    opacity: 0;
  }

  .\[\&\>\*\>\*\]\:\!border-0 > * > * {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .\[\&\>\*\>\*\]\:\!shadow-none > * > * {
    --tw-shadow: 0 0 #0000 !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;
  }

  .\[\&\>button\]\:w-full > button {
    width: 100%;
  }

  .\[\&\>button\]\:flex-1 > button {
    flex: 1;
  }

  .\[\&\>button\]\:justify-between > button {
    justify-content: space-between;
  }

  .\[\&\>button\]\:rounded-\[\.625rem\] > button {
    border-radius: .625rem;
  }

  .\[\&\>button\]\:rounded-md > button {
    border-radius: var(--radius-md);
  }

  .\[\&\>button\]\:rounded-none > button {
    border-radius: 0;
  }

  .\[\&\>button\]\:border > button {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&\>button\]\:px-3 > button {
    padding-inline: calc(var(--spacing) * 3);
  }

  .\[\&\>button\]\:py-2 > button {
    padding-block: calc(var(--spacing) * 2);
  }

  .first\:\[\&\>button\]\:rounded-l-\[6px\]:first-child > button {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .last\:\[\&\>button\]\:rounded-r-\[6px\]:last-child > button {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .\[\&\>button\:first-child\]\:\!border-r > button:first-child {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important;
  }

  .\[\&\>button\:hover\+hr\]\:opacity-0 > button:hover + hr {
    opacity: 0;
  }

  .\[\&\>div\]\:\!m-0 > div {
    margin: calc(var(--spacing) * 0) !important;
  }

  .\[\&\>div\]\:\!mx-0 > div {
    margin-inline: calc(var(--spacing) * 0) !important;
  }

  .\[\&\>div\]\:\!h-full > div {
    height: 100% !important;
  }

  .\[\&\>div\]\:\!rounded-lg > div {
    border-radius: var(--radius-lg) !important;
  }

  .\[\&\>div\]\:\!rounded-none > div {
    border-radius: 0 !important;
  }

  .\[\&\>div\]\:rounded-none > div {
    border-radius: 0;
  }

  .\[\&\>div\]\:\!border-0 > div {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .\[\&\>div\]\:border-0 > div {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\>div\]\:\!p-0 > div {
    padding: calc(var(--spacing) * 0) !important;
  }

  .\[\&\>div\]\:pl-\[133px\] > div {
    padding-left: 133px;
  }

  .\[\&\>div\]\:whitespace-normal > div {
    white-space: normal;
  }

  .\[\&\>div\]\:\!shadow-none > div {
    --tw-shadow: 0 0 #0000 !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;
  }

  .\[\&\>div\>div\]\:\!mx-0 > div > div {
    margin-inline: calc(var(--spacing) * 0) !important;
  }

  .\[\&\>div\>div\]\:\!mb-0 > div > div {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .\[\&\>div\>div\]\:\!h-full > div > div {
    height: 100% !important;
  }

  .\[\&\>div\>div\:first-child_button\]\:\!h-\[150px\] > div > div:first-child button {
    height: 150px !important;
  }

  .\[\&\>div\>div\>div\]\:flex-1 > div > div > div {
    flex: 1;
  }

  .\[\&\>div\>div\>div\]\:rounded-\[\.625rem\] > div > div > div {
    border-radius: .625rem;
  }

  .\[\&\>hr\:first-child\]\:hidden > hr:first-child {
    display: none;
  }

  .\[\&\>hr\:has\(\+\*\:hover\)\]\:opacity-0 > hr:has( + :hover), .\[\&\>hr\:has\(\+button\:hover\)\]\:opacity-0 > hr:has( + button:hover) {
    opacity: 0;
  }

  .\[\&\>p\:last-child\]\:mb-0 > p:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .\[\&\>span\]\:hidden > span, .\[\&\>span\:last-child\]\:hidden > span:last-child {
    display: none;
  }

  .\[\&\>svg\]\:mx-auto > svg {
    margin-inline: auto;
  }

  .\[\&\>svg\]\:block > svg {
    display: block;
  }

  .\[\&\>svg\]\:\!h-3\.5 > svg {
    height: calc(var(--spacing) * 3.5) !important;
  }

  .\[\&\>svg\]\:\!h-4 > svg {
    height: calc(var(--spacing) * 4) !important;
  }

  .\[\&\>svg\]\:h-20 > svg {
    height: calc(var(--spacing) * 20);
  }

  .\[\&\>svg\]\:h-auto > svg {
    height: auto;
  }

  .\[\&\>svg\]\:h-full > svg {
    height: 100%;
  }

  .\[\&\>svg\]\:max-h-\[85\%\] > svg {
    max-height: 85%;
  }

  .\[\&\>svg\]\:max-h-full > svg {
    max-height: 100%;
  }

  .\[\&\>svg\]\:\!w-3\.5 > svg {
    width: calc(var(--spacing) * 3.5) !important;
  }

  .\[\&\>svg\]\:\!w-4 > svg {
    width: calc(var(--spacing) * 4) !important;
  }

  .\[\&\>svg\]\:w-20 > svg {
    width: calc(var(--spacing) * 20);
  }

  .\[\&\>svg\]\:w-auto > svg {
    width: auto;
  }

  .\[\&\>svg\]\:w-full > svg {
    width: 100%;
  }

  .\[\&\>svg\]\:max-w-\[85\%\] > svg {
    max-width: 85%;
  }

  .\[\&\>svg\]\:max-w-full > svg {
    max-width: 100%;
  }

  .\[\&\>svg\]\:fill-current > svg {
    fill: currentColor;
  }

  .\[\&\[data-disabled\]\]\:cursor-default[data-disabled] {
    cursor: default;
  }

  .\[\&\[data-disabled\]\]\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }

  .\[\&\[data-disabled\]\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .\[\&\[data-popup-open\]\:not\(\[data-highlighted\]\)\]\:before\:absolute[data-popup-open]:not([data-highlighted]):before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\[data-popup-open\]\:not\(\[data-highlighted\]\)\]\:before\:inset-0[data-popup-open]:not([data-highlighted]):before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .\[\&\[data-popup-open\]\:not\(\[data-highlighted\]\)\]\:before\:-z-\[1\][data-popup-open]:not([data-highlighted]):before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }

  .\[\&\[data-popup-open\]\:not\(\[data-highlighted\]\)\]\:before\:rounded-lg[data-popup-open]:not([data-highlighted]):before {
    content: var(--tw-content);
    border-radius: var(--radius-lg);
  }

  .\[\&\[open\]\>summary\]\:hidden[open] > summary, :disabled .\[\*\:disabled_\&\]\:hidden {
    display: none;
  }

  @container (min-width: 768px) {
    .\[\@container_\(min-width\:768px\)\]\:block {
      display: block;
    }

    .\[\@container_\(min-width\:768px\)\]\:flex-row {
      flex-direction: row;
    }
  }

  fieldset:disabled .\[fieldset\:disabled_\&\]\:pointer-events-none {
    pointer-events: none;
  }

  fieldset:disabled .\[fieldset\:disabled_\&\]\:opacity-50 {
    opacity: .5;
  }

  li .\[li_\&\]\:mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  li .\[li_\&\]\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  li .\[li_\&\]\:gap-1 {
    gap: calc(var(--spacing) * 1);
  }
}

@media (max-width: 1023px) {
  .cs-wrapper {
    top: var(--topbar-h);
    z-index: 200;
    flex-shrink: 0;
    width: 288px;
    transition: transform .2s, opacity .2s;
    position: fixed;
    bottom: 0;
    left: 0;
    transform: translateX(0);
  }

  .cs-wrapper.closed {
    pointer-events: none;
    width: 288px;
    transform: translateX(-100%);
  }

  .cs-wrapper.closed .cs {
    opacity: 0;
    pointer-events: none;
  }

  .cs {
    height: 100%;
    box-shadow: 4px 0 24px #0000004d;
  }

  .cs-wrapper:not(.closed):after {
    content: "";
    z-index: -1;
    background: #0006;
    position: fixed;
    inset: 0 0 0 288px;
  }

  .chat-body {
    width: 100%;
  }

  .chat-messages {
    max-width: 100%;
    padding: 20px;
  }

  .chat-composer {
    max-width: 100%;
    padding: 12px 20px 8px;
  }

  .settings-body {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .settings-nav {
    position: static;
  }

  .settings-nav ul {
    flex-flow: wrap;
    gap: 4px;
  }

  .cube-scene {
    width: min(60vh, 80vw);
    height: min(60vh, 80vw);
  }

  .cube-front {
    transform: translateZ(calc(min(60vh, 80vw) / 2));
  }

  .cube-right {
    transform: rotateY(90deg) translateZ(calc(min(60vh, 80vw) / 2));
  }

  .cube-back {
    transform: rotateY(180deg) translateZ(calc(min(60vh, 80vw) / 2));
  }

  .cube-left {
    transform: rotateY(-90deg) translateZ(calc(min(60vh, 80vw) / 2));
  }

  .cube-top {
    transform: rotateX(90deg) translateZ(calc(min(60vh, 80vw) / 2));
  }

  .cube-bottom {
    transform: rotateX(-90deg) translateZ(calc(min(60vh, 80vw) / 2));
  }

  .cube-nav-btn {
    padding: 6px 10px;
    font-size: 10px;
  }
}

@media (max-width: 767px) {
  .chat-topbar {
    padding: 0 8px;
  }

  .chat-topbar-tab {
    padding: 4px 10px;
    font-size: 12px;
  }

  .cs-wrapper {
    width: 280px;
  }

  .cs-wrapper:not(.closed):after {
    left: 280px;
  }

  .cs {
    width: 280px;
  }

  .chat-messages {
    gap: 16px;
    padding: 16px 12px;
  }

  .chat-msg.user .chat-msg-bubble {
    max-width: 85%;
  }

  .chat-msg.assistant .chat-msg-bubble {
    max-width: 100%;
  }

  .chat-composer {
    padding: 8px 10px 6px;
  }

  .chat-composer-box {
    border-radius: 16px;
    padding: 12px 14px;
  }

  .chat-composer-input {
    font-size: 16px;
  }

  .chat-chips {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0 10px;
    overflow-x: auto;
  }

  .chat-chips::-webkit-scrollbar {
    display: none;
  }

  .chat-chip {
    flex-shrink: 0;
    height: 30px;
    font-size: 13px;
  }

  .chat-welcome-title {
    font-size: 24px;
  }

  .chat-welcome-star {
    font-size: 28px;
  }

  .code-block {
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 12px;
  }

  .code-block-wrapper {
    border-radius: .5rem;
    margin: 6px 0;
  }

  .cube-scene {
    width: min(55vh, 85vw);
    height: min(55vh, 85vw);
  }

  .cube-front {
    transform: translateZ(calc(min(55vh, 85vw) / 2));
  }

  .cube-right {
    transform: rotateY(90deg) translateZ(calc(min(55vh, 85vw) / 2));
  }

  .cube-back {
    transform: rotateY(180deg) translateZ(calc(min(55vh, 85vw) / 2));
  }

  .cube-left {
    transform: rotateY(-90deg) translateZ(calc(min(55vh, 85vw) / 2));
  }

  .cube-top {
    transform: rotateX(90deg) translateZ(calc(min(55vh, 85vw) / 2));
  }

  .cube-bottom {
    transform: rotateX(-90deg) translateZ(calc(min(55vh, 85vw) / 2));
  }

  .cube-header {
    padding: 10px 16px;
  }

  .cube-logo {
    gap: 8px;
    font-size: 13px;
  }

  .cube-nav {
    scrollbar-width: none;
    gap: 1px;
    max-width: calc(100vw - 24px);
    padding: 3px;
    overflow-x: auto;
  }

  .cube-nav::-webkit-scrollbar {
    display: none;
  }

  .cube-nav-btn {
    padding: 5px 8px;
    font-size: 10px;
  }

  .cube-face-header {
    padding: 8px 10px;
  }

  .cube-face-item {
    padding: 6px 8px;
    font-size: 11px;
  }

  .cube-face-stat-value {
    font-size: 16px;
  }

  .cube-face-grid {
    gap: 6px;
  }

  .cube-face-card, .cube-face-stat {
    padding: 8px;
  }

  .login-card {
    border-radius: 12px;
    max-width: 100%;
    margin: 0 16px;
    padding: 36px 24px;
  }

  .settings-body {
    padding: 16px 12px;
  }

  .settings-nav ul {
    gap: 2px;
  }

  .settings-nav-item {
    padding: 6px 10px;
    font-size: 12px;
  }

  .settings-theme-options {
    flex-wrap: wrap;
  }

  .projects-header, .agents-header {
    flex-wrap: wrap;
    padding: 8px 12px;
  }

  .dashboard-content {
    padding: 16px 12px;
  }

  .status-cards, .usage-stats {
    grid-template-columns: 1fr 1fr;
  }

  .quick-actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 479px) {
  .cs-wrapper {
    width: calc(100vw - 48px);
  }

  .cs-wrapper:not(.closed):after {
    left: calc(100vw - 48px);
  }

  .cs {
    width: calc(100vw - 48px);
  }

  .chat-messages {
    gap: 12px;
    padding: 12px 8px;
  }

  .chat-welcome-title {
    font-size: 20px;
  }

  .cube-scene {
    width: min(50vh, 90vw);
    height: min(50vh, 90vw);
  }

  .cube-front {
    transform: translateZ(calc(min(50vh, 90vw) / 2));
  }

  .cube-right {
    transform: rotateY(90deg) translateZ(calc(min(50vh, 90vw) / 2));
  }

  .cube-back {
    transform: rotateY(180deg) translateZ(calc(min(50vh, 90vw) / 2));
  }

  .cube-left {
    transform: rotateY(-90deg) translateZ(calc(min(50vh, 90vw) / 2));
  }

  .cube-top {
    transform: rotateX(90deg) translateZ(calc(min(50vh, 90vw) / 2));
  }

  .cube-bottom {
    transform: rotateX(-90deg) translateZ(calc(min(50vh, 90vw) / 2));
  }

  .status-cards, .usage-stats {
    grid-template-columns: 1fr;
  }
}

@media (hover: none) and (pointer: coarse) {
  .cs-action, .cs-nav-item {
    min-height: 40px;
  }

  .cs-chat-text {
    padding: 10px 16px;
  }

  .chat-topbar-btn {
    width: 32px;
    height: 32px;
  }

  .chat-composer-attach, .chat-composer-voice {
    width: 36px;
    height: 36px;
  }

  .chat-composer-send, .chat-composer-stop {
    width: 38px;
    height: 38px;
  }

  .cs-chat-menu-btn {
    display: flex;
  }

  .cube-nav-btn {
    min-height: 36px;
    padding: 8px 12px;
  }

  .settings-nav-item {
    min-height: 40px;
  }
}

@media (max-height: 500px) and (max-width: 1023px) {
  .chat-topbar {
    height: 32px;
  }

  .chat-composer {
    padding: 4px 10px;
  }

  .chat-composer-box {
    padding: 8px 12px;
  }

  .chat-composer-bar {
    margin-top: 6px;
  }

  .cube-scene {
    width: min(70vh, 50vw);
    height: min(70vh, 50vw);
  }

  .cube-front {
    transform: translateZ(calc(min(70vh, 50vw) / 2));
  }

  .cube-right {
    transform: rotateY(90deg) translateZ(calc(min(70vh, 50vw) / 2));
  }

  .cube-back {
    transform: rotateY(180deg) translateZ(calc(min(70vh, 50vw) / 2));
  }

  .cube-left {
    transform: rotateY(-90deg) translateZ(calc(min(70vh, 50vw) / 2));
  }

  .cube-top {
    transform: rotateX(90deg) translateZ(calc(min(70vh, 50vw) / 2));
  }

  .cube-bottom {
    transform: rotateX(-90deg) translateZ(calc(min(70vh, 50vw) / 2));
  }
}

@media (prefers-reduced-motion: reduce) {
  .cs-wrapper, .cs, .cube-3d, .cube-face {
    transition: none;
  }
}

:root {
  --bg-000: #2f2f2c;
  --bg-100: #252523;
  --bg-200: #1f1e1c;
  --bg-300: #141413;
  --bg-hover: #2e2d2a;
  --bg-active: #38362f;
  --text-100: #faf9f5;
  --text-200: #bdbab1;
  --text-300: #999590;
  --text-400: #999590;
  --text-500: #999590;
  --accent: #d4794a;
  --accent-hover: #e08a5a;
  --accent-glow: #d4794a26;
  --border: #dad6cc26;
  --border-hover: #dad6cc40;
  --green: #5cb85c;
  --orange: #e6a040;
  --red: #d9534f;
  --cyan: #50b5c5;
  --sidebar-w: 288px;
  --topbar-h: 40px;
  --font-ui: var(--font-anthropic-sans, "Anthropic Sans", system-ui, -apple-system, sans-serif);
  --font-claude-response: var(--font-anthropic-sans, "Anthropic Sans", system-ui, -apple-system, sans-serif);
  --font-styrene: var(--font-anthropic-sans, "Anthropic Sans", system-ui, -apple-system, sans-serif);
  --font-tiempos: var(--font-anthropic-serif, "Anthropic Serif", Georgia, serif);
  --font-copernicus: var(--font-anthropic-serif, "Anthropic Serif", Georgia, serif);
}

[data-mode="light"] {
  --bg-000: #fff;
  --bg-100: #faf9f5;
  --bg-200: #f3f1ea;
  --bg-300: #edecea;
  --bg-hover: #f0efe8;
  --bg-active: #e5e3dc;
  --text-100: #141413;
  --text-200: #3c3b38;
  --text-300: #3c3b38;
  --text-400: #716f6a;
  --text-500: #716f6a;
  --accent: #d4794a;
  --accent-hover: #c06a3c;
  --accent-glow: #d4794a1f;
  --border: #1e1e1c26;
  --border-hover: #1e1e1c40;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body, #root {
  background: var(--bg-100);
  height: 100%;
  color: var(--text-100);
  -webkit-font-smoothing: antialiased;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--border-hover);
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }
}

.streaming-cursor {
  background: var(--accent);
  vertical-align: text-bottom;
  width: 2px;
  height: 14px;
  margin-left: 2px;
  animation: 1s infinite blink;
  display: inline-block;
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@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-pan-x {
  syntax: "*";
  inherits: false
}

@property --tw-pan-y {
  syntax: "*";
  inherits: false
}

@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@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-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@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: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}
/* Cube Shell */
.cube-shell {
  height: 100vh; width: 100vw;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  outline: none;
}

.cube-header {
  position: fixed; top: 0; left: 0; right: 0;
  padding: 14px 24px;
  display: flex; align-items: center; justify-content: space-between;
  z-index: 100;
}

.cube-logo {
  display: flex; align-items: center; gap: 10px;
  font-size: 15px; font-weight: 600; letter-spacing: -0.3px;
}

.cube-face-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.15em;
  color: var(--text-400); text-transform: uppercase;
  display: flex; align-items: center; gap: 8px;
}
.cube-face-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent); box-shadow: 0 0 8px var(--accent);
}

/* 3D Scene */
.cube-scene {
  width: min(72vh, 72vw); height: min(72vh, 72vw);
  perspective: 1200px;
}

.cube-3d {
  width: 100%; height: 100%;
  position: relative; transform-style: preserve-3d;
  transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.cube-face {
  position: absolute; width: 100%; height: 100%;
  background: var(--bg-100);
  border: 1px solid var(--border);
  border-radius: 14px; overflow: hidden;
  backface-visibility: hidden;
  cursor: pointer; transition: all 0.3s;
}
.cube-face:hover { border-color: var(--border-hover); box-shadow: 0 0 30px rgba(0,0,0,0.3); }

/* Clickable overlay - catches clicks above all inner content */
.cube-face-clickable {
  position: absolute; inset: 0; z-index: 10;
  cursor: pointer; background: transparent;
}

.cube-front  { transform: translateZ(calc(min(72vh, 72vw) / 2)); }
.cube-right  { transform: rotateY(90deg) translateZ(calc(min(72vh, 72vw) / 2)); }
.cube-back   { transform: rotateY(180deg) translateZ(calc(min(72vh, 72vw) / 2)); }
.cube-left   { transform: rotateY(-90deg) translateZ(calc(min(72vh, 72vw) / 2)); }
.cube-top    { transform: rotateX(90deg) translateZ(calc(min(72vh, 72vw) / 2)); }
.cube-bottom { transform: rotateX(-90deg) translateZ(calc(min(72vh, 72vw) / 2)); }

/* Navigation */
.cube-nav {
  position: fixed; bottom: 16px; left: 50%; transform: translateX(-50%);
  display: flex; align-items: center; gap: 2px; padding: 4px;
  border-radius: 12px; background: var(--bg-200);
  border: 1px solid var(--border); z-index: 100;
}

.cube-nav-btn {
  padding: 7px 14px; border-radius: 8px;
  font-size: 11px; font-family: inherit; font-weight: 500;
  background: none; border: none;
  color: var(--text-400); cursor: pointer;
  transition: all 0.15s; white-space: nowrap;
}
.cube-nav-btn:hover { color: var(--text-200); background: var(--bg-hover); }
.cube-nav-btn.active { color: var(--text-100); background: var(--accent); }

/* Face Content */
.cube-face-header {
  padding: 12px 14px;
  display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid var(--border);
}
.cube-face-badge {
  font-size: 9px; font-family: 'JetBrains Mono', monospace;
  padding: 2px 8px; border-radius: 10px;
  background: var(--accent-glow); color: var(--accent);
}

.cube-face-item {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 10px; border-radius: 8px;
  font-size: 12px; color: var(--text-200);
  transition: background 0.15s;
}
.cube-face-item:hover { background: var(--bg-hover); }
.cube-face-item-dot {
  width: 7px; height: 7px; border-radius: 50%;
  box-shadow: 0 0 6px currentColor;
}

.cube-face-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
}
.cube-face-card {
  padding: 12px; border-radius: 8px;
  border: 1px solid var(--border); background: var(--bg-200);
  font-size: 12px; font-weight: 500;
}
.cube-face-stat {
  padding: 12px; border-radius: 8px;
  border: 1px solid var(--border); background: var(--bg-200);
}
.cube-face-stat-label {
  font-size: 9px; text-transform: uppercase;
  letter-spacing: 1px; color: var(--text-400); margin-bottom: 4px;
}
.cube-face-stat-value { font-size: 20px; font-weight: 600; }

.cube-face-setting {
  padding: 8px 12px; font-size: 12px; color: var(--text-200);
  border-bottom: 1px solid var(--border);
}

/* Chat Sidebar in Cube Preview - matches fullscreen sidebar style */
.cube-chat-sidebar {
  width: 220px; border-right: 1px solid var(--border);
  display: flex; flex-direction: column; overflow: hidden;
}
.cube-chat-sidebar-nav {
  padding: 8px 6px; display: flex; flex-direction: column; gap: 1px;
  border-top: 1px solid var(--border); margin: 4px 10px; padding-top: 10px;
}
.cube-chat-sidebar-nav > div {
  padding: 6px 12px; font-size: 13px; color: var(--text-300);
  cursor: pointer; border-radius: 8px;
}
.cube-chat-sidebar-nav > div.active {
  background: var(--bg-active); color: var(--text-100); font-weight: 500;
}
.cube-chat-sidebar-nav > div svg { opacity: 0.6; }
.cube-chat-sidebar-nav > div.active svg { opacity: 1; }
.cube-chat-item {
  padding: 6px 14px; font-size: 13px; color: var(--text-400);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.44"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .smash{display:inline;line-height:0}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}
/* ═══════════════════════════════════ */
/* CHAT PAGE - claude.ai Desktop 1:1 */
/* Alle Werte direkt von claude.ai   */
/* ═══════════════════════════════════ */

.chat-page {
  height: 100vh; display: flex; flex-direction: column;
  background: var(--bg-100);
}

/* Top Bar - Desktop Frame */
.chat-topbar {
  height: var(--topbar-h); display: flex; align-items: center;
  padding: 0 12px; border-bottom: 1px solid var(--border);
  background: var(--bg-100); flex-shrink: 0;
  -webkit-app-region: drag;
}
.chat-topbar-left {
  display: flex; align-items: center; gap: 4px;
  -webkit-app-region: no-drag;
}
.chat-topbar-btn {
  width: 28px; height: 28px; border-radius: 6px; border: none;
  background: none; color: var(--text-400); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; transition: all 0.15s;
}
.chat-topbar-btn:hover { background: var(--bg-hover); color: var(--text-200); }

.chat-topbar-tabs {
  display: flex; align-items: center; gap: 2px;
  margin: 0 auto; background: var(--bg-200); border-radius: 8px; padding: 3px;
  -webkit-app-region: no-drag;
}
.chat-topbar-tab {
  padding: 4px 16px; border-radius: 6px;
  font-size: 13px; font-weight: 500;
  border: none; background: none; color: var(--text-400);
  cursor: pointer; font-family: inherit; transition: all 0.15s;
}
.chat-topbar-tab:hover { color: var(--text-200); }
.chat-topbar-tab.active { background: var(--bg-hover); color: var(--text-100); }
.chat-topbar-right {
  display: flex; align-items: center; gap: 6px;
  -webkit-app-region: no-drag;
}

/* Body */
.chat-body { flex: 1; display: flex; overflow: hidden; }

/* ═══ SIDEBAR ═══ */
/* Original: SidebarContext toggle with CSS transition (line 34630) */
/* claude.ai: width 288px (w-72), nav items 12px, icons 20x20, padding 6px 16px */
.cs-wrapper {
  width: 288px; flex-shrink: 0;
  transition: width 0.2s ease, opacity 0.2s ease;
  overflow: hidden;
}
.cs-wrapper.closed {
  width: 0;
}
.cs-wrapper.closed .cs {
  opacity: 0; pointer-events: none;
}
.cs {
  width: 288px; border-right: 1px solid var(--border);
  display: flex; flex-direction: column; flex-shrink: 0;
  background: var(--bg-100); overflow: hidden;
  height: 100%; transition: opacity 0.15s ease;
}

.cs-logo {
  padding: 16px 16px 12px; display: flex; align-items: center; gap: 8px;
}
/* claude.ai: logo 16px, fw 400 */
.cs-logo-star { color: var(--accent); font-size: 18px; line-height: 1; }
.cs-logo-text { font-size: 16px; font-weight: 400; letter-spacing: -0.2px; flex: 1; }
.cs-toggle {
  width: 28px; height: 28px; border-radius: 6px; border: none;
  background: none; color: var(--text-400); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.cs-toggle:hover { background: var(--bg-hover); }

/* claude.ai: action buttons 12px font, 6px 16px padding, 32px height */
.cs-actions { padding: 2px 8px; display: flex; flex-direction: column; gap: 0; }
.cs-action {
  display: flex; align-items: center; gap: 12px;
  width: 100%; height: 32px; padding: 6px 16px; border-radius: 6px;
  font-size: 14px; color: var(--text-200); cursor: pointer;
  border: none; background: none; font-family: inherit; text-align: left;
  transition: all 0.15s;
}
.cs-action:hover { background: var(--bg-hover); }
.cs-action svg { width: 16px; height: 16px; opacity: 0.6; flex-shrink: 0; }

/* Separator between actions and nav */
/* More spacing between action and nav groups like claude.ai */
.cs-actions + .cs-nav { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border); margin-left: 12px; margin-right: 12px; }

/* claude.ai: nav items 12px font, 20x20 icons, 6px 16px padding, 32px height, 6px radius */
.cs-nav { padding: 0 8px; display: flex; flex-direction: column; gap: 0; }
.cs-nav-item {
  display: flex; align-items: center; gap: 12px;
  height: 36px; padding: 8px 16px; border-radius: 8px;
  font-size: 14px; color: var(--text-300); cursor: pointer;
  border: none; background: none; font-family: inherit; text-align: left;
  transition: all 0.15s; width: 100%;
}
.cs-nav-item:hover { background: var(--bg-hover); color: var(--text-200); }
.cs-nav-item.active { background: var(--bg-active); color: var(--text-100); font-weight: 500; }
/* claude.ai: nav icons 20x20 */
.cs-nav-icon { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; opacity: 0.7; }
.cs-nav-item.active .cs-nav-icon { opacity: 1; }

/* Section label */
.cs-label {
  font-size: 11px; color: var(--text-400); padding: 16px 16px 6px;
}
/* Original: text-text-300 text-[11px] font-medium pl-2 pt-3 pb-1 select-none (line 271668) */
.cs-group-heading {
  font-size: 11px;
  font-weight: 500;
  color: var(--text-300);
  padding: 12px 8px 4px;
  user-select: none;
}

/* claude.ai: chat items 12px font, 16px line-height */
/* Sidebar chat list with thin scrollbar like Original */
.cs-chats {
  flex: 1; overflow-y: auto; padding: 2px 8px;
  scrollbar-width: thin;
  scrollbar-color: hsla(60, 2%, 40%, 0.3) transparent;
}
.cs-chats::-webkit-scrollbar { width: 4px; }
.cs-chats::-webkit-scrollbar-track { background: transparent; }
.cs-chats::-webkit-scrollbar-thumb { background: hsla(60, 2%, 40%, 0.3); border-radius: 2px; }
.cs-chats::-webkit-scrollbar-thumb:hover { background: hsla(60, 2%, 40%, 0.5); }
.cs-chat {
  display: block; width: 100%; text-align: left;
  padding: 8px 16px; border-radius: 8px;
  font-size: 14px; line-height: 20px;
  color: var(--text-300); cursor: pointer;
  border: none; background: none; font-family: inherit;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  transition: all 0.15s;
}
.cs-chat:hover { background: var(--bg-hover); color: var(--text-200); }
.cs-chat.active { background: var(--bg-active); color: var(--text-100); }

/* User footer */
.cs-footer { padding: 8px 12px; border-top: 1px solid var(--border); }
.cs-user {
  display: flex; align-items: center; gap: 10px;
  padding: 8px; border-radius: 8px; cursor: pointer;
}
.cs-user:hover { background: var(--bg-hover); }
/* claude.ai avatar: 37px, 14px font */
.cs-avatar {
  width: 37px; height: 37px; border-radius: 50%;
  background: var(--bg-hover); display: flex; align-items: center;
  justify-content: center; font-size: 14px; font-weight: 600;
  color: var(--text-200); flex-shrink: 0;
}
.cs-user-info { flex: 1; min-width: 0; }
/* claude.ai: name 14px fw 510, plan 12px */
.cs-user-name { font-size: 14px; font-weight: 510; }
.cs-user-plan { font-size: 12px; color: var(--text-400); }
.cs-user-btn {
  width: 28px; height: 28px; border-radius: 6px; border: none;
  background: none; color: var(--text-400); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.cs-user-btn:hover { background: var(--bg-hover); color: var(--text-200); }

/* ═══ MAIN CHAT AREA ═══ */
.chat-main {
  flex: 1; display: flex; flex-direction: column; min-width: 0;
  overflow: hidden; /* children handle their own scroll */
}
/* Original: Chat title header bar with conversation name + share button */
.chat-title-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 16px; flex-shrink: 0;
}
.chat-title-btn {
  display: flex; align-items: center; gap: 6px;
  font-size: 14px; font-weight: 500; color: var(--text-200);
  background: none; border: none; cursor: pointer; padding: 4px 8px;
  border-radius: 6px;
}
.chat-title-btn:hover { background: var(--bg-200); }
.chat-share-btn {
  font-size: 13px; font-weight: 500; color: var(--text-200);
  background: none; border: 1px solid var(--border-300);
  padding: 6px 14px; border-radius: 8px; cursor: pointer;
}
.chat-share-btn:hover { background: var(--bg-200); }

/* Welcome Screen - Original: empty-chat-screen (line 286590) */
/* "text-text-100 flex flex-col gap-8 text-center" - centered with composer below */
.chat-welcome {
  flex: 1; display: flex; flex-direction: column;
  align-items: center; justify-content: flex-end; gap: 32px;
  padding: 16px 16px 24px; text-align: center;
}
/* Original: font-title flex col items-center justify-center gap-2 */
/* Original: font-title = font-size:1.75rem, font-weight:500, line-height:1.3 (styles.css) */
/* Original line 286593: "font-title flex flex-col items-center justify-center gap-2 sm:flex-row" */
.chat-welcome-greeting {
  display: flex; flex-direction: row; align-items: center;
  justify-content: center; gap: 8px;
  font-size: 1.75rem; font-weight: 500; line-height: 1.3;
  color: var(--text-100);
  font-family: 'Anthropic Serif', Georgia, 'Times New Roman', serif;
}
/* Original line 286595: "mt-1" on star icon */
.chat-welcome-star { color: var(--accent); line-height: 1; display: flex; margin-top: 4px; }

/* Scroll container - full width, scrollbar at right edge of window */
/* Original: overflow-y-auto [scrollbar-gutter:stable] (line 103977/331765) */
.chat-scroll-container {
  flex: 1; overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: hsla(60, 2%, 40%, 0.4) transparent;
}
.chat-scroll-container::-webkit-scrollbar { width: 4px; }
.chat-scroll-container::-webkit-scrollbar-track { background: transparent; }
.chat-scroll-container::-webkit-scrollbar-thumb { background: hsla(60, 2%, 40%, 0.4); border-radius: 2px; }
.chat-scroll-container::-webkit-scrollbar-thumb:hover { background: hsla(60, 2%, 40%, 0.6); }

/* Messages content - centered, no scroll (parent scrolls) */
.chat-messages {
  padding: 24px 32px;
  display: flex; flex-direction: column; gap: 24px;
  max-width: 820px; margin: 0 auto; width: 100%;
}
.chat-msg { display: flex; gap: 12px; }
.chat-msg.assistant { flex-wrap: wrap; }
.chat-msg.user { justify-content: flex-end; }
/* Original: actions row sits below the bubble, aligned with text (not avatar) */
.chat-msg-actions-row {
  width: 100%;
  padding-left: 40px; /* 28px avatar + 12px gap */
}
/* Original: Flag banner (line 124020-124035) for election/self-harm/sensitive topics */
.msg-flag-banner {
  display: flex; align-items: flex-start; gap: 8px;
  background: var(--bg-200); border-radius: 12px;
  padding: 10px 14px; margin-top: 8px;
  font-size: 13px; color: var(--text-300); line-height: 1.5;
}
.msg-flag-icon { flex-shrink: 0; }
.msg-flag-link { color: var(--text-100); text-decoration: underline; text-underline-offset: 3px; }
.msg-flag-link:hover { color: var(--accent-100); }

/* Original: Sparkle icon below last assistant message as "ready" indicator */
.chat-ready-sparkle {
  color: var(--accent);
  padding: 16px 0 8px 40px; /* aligned with message text (avatar 28px + gap 12px) */
}

/* Original: user bubble has uniform rounded corners, dark bg, no avatar */
.chat-msg.user .chat-msg-bubble {
  background: var(--bg-active);
  border-radius: 2rem;
  padding: 12px 18px;
  max-width: 70%;
  font-size: 15px;
  line-height: 1.6;
}
.chat-msg.assistant .chat-msg-bubble {
  max-width: 90%;
  font-size: 15px;
  line-height: 1.7;
  color: var(--text-200);
}
.chat-msg-avatar {
  width: 28px; height: 28px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 600; flex-shrink: 0;
  margin-top: 2px;
}
.chat-msg-avatar.ai { color: var(--accent); font-size: 18px; }
.chat-msg-avatar.user {
  background: var(--bg-hover); color: var(--text-200);
  border-radius: 50%;
}

/* Code Blocks */
.code-block {
  background: var(--bg-300); padding: 14px 18px; border-radius: 10px;
  overflow-x: auto; margin: 10px 0; font-size: 13px; line-height: 1.6;
  font-family: 'JetBrains Mono', ui-monospace, Consolas, monospace;
  border: 1px solid var(--border);
}
/* (inline-code moved to markdown section below) */

/* ═══ COMPOSER ═══ */
/* claude.ai: 20px border-radius, bg rgb(48,48,46), input 16px font */
.chat-composer {
  padding: 12px 32px 8px;
  max-width: 820px; margin: 0 auto; width: 100%;
}
.chat-composer-box {
  border: 1px solid var(--border); border-radius: 20px;
  background: #30302e; /* claude.ai exact: rgb(48,48,46) */
  padding: 16px 18px;
  transition: border-color 0.2s;
}
.chat-composer-box:focus-within { border-color: var(--border-hover); }

.chat-composer-input {
  width: 100%; background: none; border: none; color: var(--text-100);
  font-size: 16px; /* claude.ai exact */
  line-height: 22.4px; /* claude.ai exact */
  font-family: inherit; resize: none; outline: none;
  min-height: 22px; max-height: 150px;
}
.chat-composer-input::placeholder { color: var(--text-400); }

/* TipTap Editor - Original: line 238442 classes */
/* "w-full overflow-y-auto font-large break-words max-h-96 min-h-[1.5rem] pl-[6px] pt-[6px]" */
.composer-editor-wrap {
  width: 100%; overflow-y: auto; max-height: 384px; /* max-h-96 */
  min-height: 1.5rem;
}
.composer-editor-wrap.disabled { opacity: 0.6; cursor: default; }
.composer-editor-wrap .tiptap {
  outline: none; color: var(--text-100);
  font-size: 16px; line-height: 22.4px;
  font-family: inherit; min-height: 22px;
  padding: 0;
}
.composer-editor-wrap .tiptap p { margin: 0; }
.composer-editor-wrap .tiptap p + p { margin-top: 4px; }
/* Original: emptyEditorClass "is-editor-empty before:!text-text-500 before:whitespace-nowrap" */
/* Placeholder is overridden via CSS when chat has messages (parent has data-has-messages) */
.composer-editor-wrap .tiptap p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  color: var(--text-400);
  white-space: nowrap;
  pointer-events: none;
  float: left; height: 0;
}
/* Override placeholder to "Antworten..." when in chat-state (Original line 103686) */
[data-has-messages] .composer-editor-wrap .tiptap p.is-editor-empty:first-child::before {
  content: 'Antworten...';
}

.chat-composer-bar {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 12px;
}
.chat-composer-attach {
  width: 32px; height: 32px; border-radius: 8px; border: none;
  background: none; color: var(--text-400); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.chat-composer-attach:hover { color: var(--text-200); background: var(--bg-hover); }

.chat-composer-right { display: flex; align-items: center; gap: 8px; }
/* Original: ThinkingToggle button (paprika_mode) - lightbulb icon */
.chat-thinking-toggle {
  display: flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 8px;
  background: transparent; border: none; cursor: pointer;
  color: var(--text-400); transition: all 0.15s;
}
.chat-thinking-toggle:hover { color: var(--text-200); background: var(--bg-200); }
.chat-thinking-toggle.active { color: var(--accent-100); background: rgba(212,121,74,0.15); }
.chat-thinking-toggle:disabled { opacity: 0.5; cursor: not-allowed; }
/* claude.ai model selector: 12px font */
.chat-composer-model {
  font-size: 14px; color: var(--text-300); cursor: pointer;
  display: flex; align-items: center; gap: 4px;
  border: none; background: none; font-family: inherit;
  padding: 4px 8px; border-radius: 6px; transition: all 0.15s;
}
.chat-composer-model:hover { color: var(--text-200); background: var(--bg-hover); }
.chat-composer-voice {
  width: 32px; height: 32px; border-radius: 8px; border: none;
  background: none; color: var(--text-400); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.chat-composer-voice:hover { color: var(--text-200); }
.chat-composer-send {
  width: 34px; height: 34px; border-radius: 50%; border: none;
  background: var(--accent); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 12px var(--accent-glow);
  transition: all 0.15s;
}
.chat-composer-send:hover { background: var(--accent-hover); transform: scale(1.05); }

/* Stop Button - Original: StopResponseButton (line 200296), variant "secondary", icon_sm, rounded-full */
.chat-composer-stop {
  width: 34px; height: 34px; border-radius: 50%; border: none;
  background: var(--bg-hover); color: var(--text-200); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all 0.15s;
  border: 1px solid var(--border);
}
.chat-composer-stop:hover { background: var(--bg-active); color: var(--text-100); }

/* ═══ CHIPS ═══ */
/* claude.ai: 14px font, 32px height, 8px radius, 20x20 icons, 0px 10px padding */
.chat-chips {
  display: flex; gap: 8px; justify-content: center; margin-top: 12px;
  flex-wrap: wrap;
}
.chat-chip {
  height: 32px; padding: 0 10px; border-radius: 8px;
  font-size: 14px;
  border: 0.67px solid rgba(222, 220, 209, 0.15); /* claude.ai exact */
  color: var(--text-300);
  cursor: pointer; background: none; font-family: inherit;
  transition: all 0.15s;
  display: flex; align-items: center; gap: 6px;
}
.chat-chip:hover { border-color: var(--border-hover); color: var(--text-200); background: var(--bg-hover); }

/* Footer */
.chat-footer {
  text-align: center; padding: 8px; font-size: 12px; color: var(--text-400);
}

/* ═══ CHAT ITEM WITH CONTEXT MENU ═══ */
/* claude.ai style: hover shows ••• button, click opens dropdown */
.cs-chat-item {
  position: relative;
  display: flex; align-items: center;
  border-radius: 8px;
  transition: all 0.15s;
}
.cs-chat-item:hover { background: var(--bg-hover); }
.cs-chat-item.active { background: var(--bg-active); }

.cs-chat-text {
  flex: 1; text-align: left;
  padding: 8px 16px; border-radius: 8px;
  font-size: 14px; line-height: 20px;
  color: var(--text-300); cursor: pointer;
  border: none; background: none; font-family: inherit;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  min-width: 0;
}
.cs-chat-item.active .cs-chat-text { color: var(--text-100); }
.cs-chat-item:hover .cs-chat-text { color: var(--text-200); }

.cs-chat-menu-btn {
  display: none; /* hidden by default, shown on hover */
  width: 28px; height: 28px; border-radius: 6px;
  border: none; background: none; color: var(--text-400);
  cursor: pointer; font-size: 14px; letter-spacing: 1px;
  flex-shrink: 0; align-items: center; justify-content: center;
  margin-right: 4px;
}
.cs-chat-item:hover .cs-chat-menu-btn { display: flex; }
.cs-chat-menu-btn:hover { background: var(--bg-active); color: var(--text-200); }

/* Context Menu Dropdown */
.cs-menu-overlay {
  position: fixed; inset: 0; z-index: 99;
}
.cs-menu {
  position: absolute; top: 100%; left: 8px; z-index: 100;
  min-width: 220px; padding: 6px;
  background: var(--bg-200); border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4);
}
.cs-menu-item {
  display: flex; align-items: center; gap: 10px;
  width: 100%; padding: 8px 12px; border-radius: 8px;
  font-size: 14px; color: var(--text-200);
  border: none; background: none; font-family: inherit;
  cursor: pointer; text-align: left;
  transition: background 0.1s;
}
.cs-menu-item:hover { background: var(--bg-hover); }
.cs-menu-item svg { opacity: 0.6; flex-shrink: 0; }
.cs-menu-item.delete { color: #ef4444; }
.cs-menu-item.delete:hover { background: rgba(239,68,68,0.1); }

/* Rename Input */
.cs-rename-input {
  width: 100%; padding: 6px 8px; border-radius: 6px;
  border: 1px solid var(--accent); background: var(--bg-300);
  color: var(--text-100); font-size: 13px; font-family: inherit;
  outline: none;
}

/* ═══ MARKDOWN CONTENT ═══ */
/* Source: frontend-READABLE.js line 100260-100373 (Haupt-Chat renderer) */
.markdown-content {
  font-size: 15px; line-height: 1.7;
  color: var(--text-200);
}

/* ─── Artifact Inline Card (Original: antArtifact rendered in chat, line 64422) ─── */
.artifact-inline-card {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; padding: 12px 16px; margin: 8px 0;
  background: var(--bg-200); border: 1px solid var(--border-300);
  border-radius: 12px; cursor: pointer;
  transition: background 0.15s; text-align: left;
}
.artifact-inline-card:hover { background: var(--bg-300); }
.artifact-inline-title {
  font-size: 14px; font-weight: 500; color: var(--text-100);
}
.artifact-inline-type {
  font-size: 12px; color: var(--text-400); font-family: monospace;
}

/* ─── Tool Use Blocks (Original: Dke component, line 105608) ─── */
.tool-use-block {
  background: var(--bg-200); border: 1px solid var(--border-300);
  border-radius: 12px; padding: 10px 14px; margin: 8px 0;
}
.tool-use-header {
  display: flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 500; color: var(--text-200);
}
.tool-use-name { font-family: monospace; }
.tool-use-message {
  font-size: 13px; color: var(--text-300); margin-top: 4px;
}
.tool-use-input {
  font-size: 12px; color: var(--text-400);
  background: var(--bg-000); border-radius: 8px;
  padding: 8px 10px; margin-top: 6px;
  overflow-x: auto; white-space: pre-wrap;
  font-family: 'SF Mono', Monaco, Consolas, monospace;
}

/* ─── Images in messages ─── */
.msg-image {
  max-width: 100%; border-radius: 12px;
  margin: 8px 0; display: block;
}

/* ─── Citations ─── */
/* Original: citation links below content */
.citations-list {
  display: flex; flex-wrap: wrap; gap: 6px;
  margin-top: 12px; padding-top: 8px;
  border-top: 1px solid var(--border-300);
}
.citation-link {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 12px; color: var(--text-300);
  background: var(--bg-200); border-radius: 6px;
  padding: 3px 8px; text-decoration: none;
  transition: background 0.15s;
}
.citation-link:hover { background: var(--bg-300); color: var(--text-100); }
.citation-number {
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--accent-100); color: var(--bg-000);
  font-size: 10px; font-weight: 600;
}

/* ─── Code Block Wrapper ─── */
/* Original line 100312: "relative group bg-bg-000/50 border-0.5 border-border-400 rounded-xl" */
.code-block-wrapper {
  position: relative;
  background: rgba(30,30,30,0.5);
  border: 0.5px solid var(--border);
  border-radius: 0.75rem;
  margin: 8px 0;
  overflow: hidden;
}
.code-block-wrapper:focus { outline: none; }
.code-block-wrapper:focus-visible { box-shadow: 0 0 0 2px var(--accent); }

/* Language label: Original line 100343-100345 "text-text-500 font-small p-3.5 pb-0" */
.code-block-lang {
  color: var(--text-400); font-size: 12px;
  padding: 10px 14px 0; user-select: none;
}

/* CopyButton - Original: line 100314-100341 */
/* "sticky opacity-0 group-hover:opacity-100 top-2 right-2" + "backdrop-blur-md" */
.copy-btn {
  position: absolute; top: 8px; right: 8px;
  padding: 6px; border-radius: 6px;
  background: rgba(50,50,48,0.8); backdrop-filter: blur(8px);
  border: none; color: var(--text-300); cursor: pointer;
  opacity: 0; transition: all 0.15s;
  display: flex; align-items: center; justify-content: center;
  z-index: 2;
}
.group:hover .copy-btn,
.code-block-wrapper:hover .copy-btn,
.copy-btn:focus { opacity: 1; }
.copy-btn:hover { color: var(--text-100); background: var(--bg-300); }

/* Inline code - Original line 100371 */
/* "border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]" */
.inline-code {
  background: rgba(50,50,48,0.3);
  border: 0.5px solid var(--border);
  color: #f87171; /* text-danger-000 */
  padding: 1px 4px; border-radius: 0.4rem; /* px-1=4px, py-px=1px */
  font-size: 0.9rem; white-space: pre-wrap;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}

/* Links - Original line 100766 */
/* "underline underline-offset-2 decoration-1 decoration-current/40 hover:decoration-current" */
.msg-link {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
}
.msg-link:hover, .msg-link:focus {
  text-decoration-color: currentColor;
}

/* Blockquote - Original line 100658-100665 */
/* "ml-2 border-l-4 border-border-300/10 pl-4 text-text-300" */
.blockquote {
  margin-left: 8px;
  border-left: 4px solid rgba(100,100,96,0.1);
  padding-left: 1rem;
  color: var(--text-300); margin-top: 0.75rem; margin-bottom: 0.75rem;
}

/* Table - Original line 100783-100829 */
/* "min-w-full border-collapse text-sm leading-[1.7] whitespace-normal" */
.msg-table {
  min-width: 100%; border-collapse: collapse;
  font-size: 0.875rem; line-height: 1.7;
}
/* thead: "text-left" */
.msg-thead { text-align: left; }
/* th: "text-text-100 border-b border-border-300/60 py-2 pr-4 align-top font-bold" */
.msg-th {
  color: var(--text-100); padding: 8px 16px 8px 0;
  text-align: left; font-weight: 700; vertical-align: top;
  border-bottom: 0.5px solid rgba(100,100,96,0.6);
}
/* td: "border-b border-border-300/30 py-2 pr-4 align-top" */
.msg-td {
  padding: 8px 16px 8px 0; vertical-align: top;
  border-bottom: 0.5px solid rgba(100,100,96,0.3);
}

/* Streaming cursor */
.streaming-cursor {
  display: inline-block; width: 2px; height: 16px;
  background: var(--accent); margin-left: 2px;
  animation: blink 1s ease-in-out infinite;
  vertical-align: text-bottom;
}
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

/* ═══ MODEL SELECTOR DROPDOWN ═══ */
/* claude.ai: ghost button, popover with spring animation */
.model-selector {
  position: relative;
}

.model-selector-popover {
  position: absolute;
  bottom: calc(100% + 4px); /* side: top, sideOffset: 4 from original */
  right: 0;
  min-width: 220px;
  padding: 6px;
  background: var(--bg-200);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4);
  z-index: 100;
  animation: modelPopoverIn 0.15s ease-out;
}

@keyframes modelPopoverIn {
  from { opacity: 0; transform: scale(0.95) translateY(4px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.model-selector-header {
  font-size: 11px;
  color: var(--text-400);
  padding: 6px 10px 4px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.model-selector-option {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 8px 10px;
  border-radius: 8px;
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: background 0.1s;
  color: var(--text-200);
}
.model-selector-option:hover {
  background: var(--bg-hover);
}
.model-selector-option.active {
  background: var(--bg-active);
}

.model-selector-option-name {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.model-selector-option-name svg {
  color: var(--accent);
  flex-shrink: 0;
}

.model-selector-option-desc {
  font-size: 12px;
  color: var(--text-400);
  margin-top: 1px;
}
/* Original: "Erweitert" label next to model name (line 198461) */
.model-thinking-label {
  font-size: 13px; font-weight: 500;
  color: var(--text-300); margin-left: 4px;
}
.model-selector-divider {
  height: 1px; background: var(--border-300);
  margin: 4px 0;
}

/* ═══ SEARCH MODAL ═══ */
/* claude.ai: Cmd+Shift+K search palette - overlay with search input + results */
.search-modal-overlay {
  position: fixed; inset: 0; z-index: 200;
  background: rgba(0,0,0,0.5); backdrop-filter: blur(2px);
  display: flex; align-items: flex-start; justify-content: center;
  padding-top: 15vh;
  animation: searchOverlayIn 0.12s ease-out;
}
@keyframes searchOverlayIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.search-modal {
  width: 560px; max-width: 90vw;
  background: var(--bg-200);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: 0 16px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.03);
  overflow: hidden;
  animation: searchModalIn 0.15s ease-out;
}
@keyframes searchModalIn {
  from { opacity: 0; transform: scale(0.96) translateY(-8px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.search-modal-header {
  display: flex; align-items: center; gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
}
.search-modal-icon {
  color: var(--text-400); flex-shrink: 0; opacity: 0.7;
}
.search-modal-input {
  flex: 1; background: none; border: none;
  color: var(--text-100); font-size: 15px;
  font-family: inherit; outline: none;
}
.search-modal-input::placeholder { color: var(--text-400); }

.search-modal-clear {
  width: 24px; height: 24px; border-radius: 6px;
  border: none; background: none; color: var(--text-400);
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.search-modal-clear:hover { color: var(--text-200); background: var(--bg-hover); }

.search-modal-shortcut {
  font-size: 11px; color: var(--text-400);
  padding: 2px 6px; border-radius: 4px;
  border: 1px solid var(--border);
  background: var(--bg-300);
  font-family: inherit; flex-shrink: 0;
  user-select: none;
}

.search-modal-results {
  max-height: 380px; overflow-y: auto;
  padding: 6px;
}

.search-modal-section-label {
  font-size: 11px; color: var(--text-400);
  padding: 8px 10px 4px;
  font-weight: 500; text-transform: uppercase;
  letter-spacing: 0.5px;
}

.search-modal-empty {
  padding: 32px 16px; text-align: center;
  color: var(--text-400); font-size: 14px;
}

.search-result-item {
  display: flex; align-items: center; gap: 10px;
  width: 100%; padding: 8px 10px; border-radius: 8px;
  border: none; background: none; cursor: pointer;
  font-family: inherit; text-align: left;
  transition: background 0.08s;
  color: var(--text-200);
}
.search-result-item:hover,
.search-result-item.selected {
  background: var(--bg-hover);
}
.search-result-item.selected {
  background: var(--bg-active);
}

.search-result-icon {
  color: var(--text-400); flex-shrink: 0; opacity: 0.6;
}
.search-result-name {
  flex: 1; font-size: 14px; line-height: 20px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  min-width: 0;
}
.search-result-time {
  font-size: 12px; color: var(--text-400); flex-shrink: 0;
  white-space: nowrap;
}

/* ═══ MESSAGE ACTIONS ═══ */
/* Source: frontend-READABLE.js line 123427-123661 (OTe + DTe components) */
/* Original: "flex justify-start opacity-0 group-hover:opacity-100 transition" */
/* Buttons: variant="ghost" size="icon_sm" with text-text-300 / text-text-500 */

.msg-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  color: var(--text-400);
  margin-top: 4px;
}

/* Original: Button variant="ghost" size="icon_sm" (28x28, 6px radius) */
.msg-action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: none;
  color: var(--text-500);
  cursor: pointer;
  padding: 0;
  transition: all 0.15s;
}
/* Original: "group-hover/btn:text-text-100" */
.msg-action-btn:hover {
  background: var(--bg-hover);
  color: var(--text-100);
}
.msg-action-btn:hover .msg-action-icon {
  color: var(--text-100);
}

/* Icon wrapper for copy/check swap animation */
/* Original: "relative text-text-500 group-hover/btn:text-text-100" */
.msg-action-icon-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}

.msg-action-icon {
  transition: opacity 0.15s ease, transform 0.15s ease;
  color: currentColor;
  flex-shrink: 0;
}

/* Original: classNames("transition-all", B ? "opacity-0 scale-50" : "opacity-100 scale-100") */
.msg-action-icon-hidden {
  opacity: 0;
  transform: scale(0.5);
}

/* CheckIcon overlay: "absolute top-0 left-0" */
.msg-action-icon-check {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0.5);
}
/* Original: B ? "opacity-100 scale-100" : "opacity-0 scale-50" */
.msg-action-icon-check.msg-action-icon-visible {
  opacity: 1;
  transform: scale(1);
}

/* ═══ THINKING BLOCK ═══ */
/* Source: frontend-READABLE.js line 146056-146222 (ThinkingCellComponent) */
/* Source: frontend-READABLE.js line 104860-104880 (yke collapsible wrapper) */
/* claude.ai: collapsible block with border, chevron toggle, animated expand */

.thinking-block {
  border: 0.5px solid var(--border);
  border-radius: 0.75rem;
  margin: 8px 0 12px;
  overflow: hidden;
  font-family: inherit;
  transition: all 0.3s ease;
  /* Original line 104855: "border-0.5 border-border-300 rounded-QUERY_KEY" = 0.75rem */
}

.thinking-block-header {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 2.625rem; /* Original: min-h-[2.625rem] */
  padding: 8px 12px;
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  color: var(--text-300);
  text-align: left;
  transition: background 0.15s;
}
.thinking-block-header:hover {
  background: var(--bg-hover);
}

/* Label text */
.thinking-block-label {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Streaming text - subtle pulse animation (original: AnimatePresence with opacity/y) */
.thinking-block-streaming-text {
  animation: thinkingPulse 2s ease-in-out infinite;
}
@keyframes thinkingPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* Duration display - original line 146192-146207 */
.thinking-block-duration {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--text-400);
  flex-shrink: 0;
  white-space: nowrap;
  /* Original: "tabular-nums" for stable number width */
  font-variant-numeric: tabular-nums;
}
.thinking-block-duration.streaming {
  opacity: 0.6;
}

.thinking-block-clock {
  opacity: 0.5;
  /* Original line 146195: transition from scale-50 opacity-0 to scale-100 opacity-50 */
  transition: all 0.3s ease;
}

.thinking-block-time {
  font-variant-numeric: tabular-nums;
}

/* Chevron - original line 104878: rotate-180 on expand, duration-400 ease-snappy */
.thinking-block-chevron {
  display: inline-flex;
  color: var(--text-300);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
}
.thinking-block-chevron.rotated {
  transform: rotate(180deg);
}

/* Content wrapper - original: xke collapsible with max-height animation */
.thinking-block-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.thinking-block-content.open {
  max-height: 2000px; /* large enough for most thinking blocks */
  overflow-y: auto;
}

/* Inner content - original: RFe "p-3 pt-0 pr-8" */
.thinking-block-inner {
  padding: 0 12px 12px 12px;
  border-top: 0.5px solid var(--border);
}

/* Text styling - original: "text-text-300 text-sm font-normal" */
.thinking-block-text.markdown-content {
  font-size: 13px;
  color: var(--text-300);
  line-height: 1.6;
}
/* Original: thinking cut-off warning */
.thinking-block-cutoff {
  font-size: 12px; color: var(--text-400);
  padding: 6px 0; font-style: italic;
}
/* Original: thinking summaries (shown when collapsed) */
.thinking-block-summaries {
  padding: 4px 0 8px 16px;
}
.thinking-block-summary {
  font-size: 13px; color: var(--text-300);
  line-height: 1.5; padding: 2px 0;
}

/* ═══════════════════════════════════════ */
/* SLASH COMMAND MENU - Feature 17        */
/* Based on claude.ai original styles     */
/* ═══════════════════════════════════════ */

.slash-command-menu {
  position: absolute;
  z-index: 50;
  min-width: 260px;
  max-width: 340px;
  background: var(--bg-200, #2a2a2a);
  border: 1px solid var(--border-300, #3a3a3a);
  border-radius: 12px;
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.24),
    0 1px 4px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  animation: slashMenuFadeIn 0.12s ease-out;
}

@keyframes slashMenuFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.slash-command-menu-inner {
  display: flex;
  flex-direction: column;
  padding: 4px;
  max-height: 384px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Item */
.slash-command-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  color: var(--text-300, #e0e0e0);
  transition: background 0.08s ease;
}

.slash-command-item:hover,
.slash-command-item--active {
  background: var(--bg-300, #353535);
}

.slash-command-item:active {
  background: var(--bg-400, #404040);
}

/* Icon */
.slash-command-item-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  opacity: 0.6;
  margin-top: 1px;
}

.slash-command-item--active .slash-command-item-icon {
  opacity: 0.9;
}

/* Content */
.slash-command-item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.slash-command-item-label {
  font-weight: 500;
  line-height: 20px;
}

.slash-command-item-subtitle {
  font-size: 12px;
  line-height: 16px;
  color: var(--text-500, #8a8a8a);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.slash-command-item--active .slash-command-item-subtitle {
  color: var(--text-400, #a0a0a0);
}

/* Suffix (keyboard shortcut hint) */
.slash-command-item-suffix {
  display: flex;
  align-items: center;
  height: 20px;
  font-size: 12px;
  color: var(--text-500, #8a8a8a);
  flex-shrink: 0;
}

/* Separator */
.slash-command-separator {
  height: 1px;
  margin: 4px 8px;
  background: var(--border-300, #3a3a3a);
}

/* Section header */
.slash-command-section-header {
  padding: 8px 8px 4px;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-500, #8a8a8a);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* ═══════════════════════════════════════════════════════════ */
/* FILE UPLOAD / ATTACHMENTS - Feature 19                      */
/* Source: frontend-READABLE.js lines 33144, 51916-51965       */
/* Original: AttachmentPillComponent (bwe), dropzone overlay   */
/* ═══════════════════════════════════════════════════════════ */

/* Hidden file input - Original: RP("chat-input-file-upload-{id}") */
.file-upload-hidden-input {
  position: absolute; width: 1px; height: 1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
  padding: 0; margin: -1px;
}

/* Drop Zone wrapper */
.file-upload-dropzone {
  position: relative;
  width: 100%;
}

/* Drag Overlay - appears when dragging files over composer */
/* Original: overlay with dashed border, centered icon + text */
.file-upload-drag-overlay {
  position: absolute; inset: 0; z-index: 50;
  background: rgba(218, 119, 56, 0.06);
  border: 2px dashed var(--accent);
  border-radius: 20px;
  display: flex; align-items: center; justify-content: center;
  pointer-events: none;
  animation: fileDropFadeIn 0.15s ease-out;
}
@keyframes fileDropFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.file-upload-drag-overlay-content {
  display: flex; flex-direction: column;
  align-items: center; gap: 8px;
  color: var(--accent);
  font-size: 14px; font-weight: 500;
}
.file-upload-drag-overlay-content svg {
  opacity: 0.8;
}

/* ─── File Chips Container ─── */
/* Original: AttachmentPillComponent list, flex-wrap, gap-2, above composer input */
.file-upload-chips {
  display: flex; flex-wrap: wrap; gap: 8px;
  padding: 0 0 10px 0;
  align-items: center;
}

/* ─── Individual File Chip ─── */
/* Original: AttachmentPillComponent (bwe) - rounded pill with thumbnail + name + remove */
/* "inline-flex items-center gap-2 rounded-lg border border-border-300 bg-bg-100 px-2 py-1.5" */
.file-upload-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 8px; border-radius: 10px;
  border: 0.5px solid var(--border);
  background: var(--bg-200);
  max-width: 220px;
  position: relative;
  overflow: hidden;
  transition: all 0.15s;
  animation: fileChipIn 0.2s ease-out;
}
@keyframes fileChipIn {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}
.file-upload-chip:hover {
  border-color: var(--border-hover);
  background: var(--bg-hover);
}
.file-upload-chip.error {
  border-color: #ef4444;
  background: rgba(239, 68, 68, 0.08);
}
.file-upload-chip.uploading {
  opacity: 0.7;
}

/* Thumbnail - for image files */
/* Original: AttachmentThumbnailComponent (ywe) - 32x32 rounded object-cover */
.file-upload-chip-thumb {
  width: 32px; height: 32px;
  border-radius: 6px;
  object-fit: cover;
  flex-shrink: 0;
}

/* Icon placeholder for non-image files */
/* Original: AttachmentIconPlaceholder (vwe) */
.file-upload-chip-icon {
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg-300);
  border-radius: 6px;
  font-size: 16px;
  flex-shrink: 0;
}

/* File info */
.file-upload-chip-info {
  display: flex; flex-direction: column;
  min-width: 0; gap: 1px;
}
.file-upload-chip-name {
  font-size: 13px; font-weight: 500;
  color: var(--text-200);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  max-width: 130px;
  line-height: 1.3;
}
.file-upload-chip-size {
  font-size: 11px; color: var(--text-400);
  line-height: 1.3;
}
.file-upload-chip.error .file-upload-chip-size {
  color: #ef4444;
}

/* Remove button */
.file-upload-chip-remove {
  width: 20px; height: 20px;
  border-radius: 4px; border: none;
  background: none; color: var(--text-400);
  cursor: pointer; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  padding: 0; transition: all 0.15s;
}
.file-upload-chip-remove:hover {
  background: var(--bg-active);
  color: var(--text-100);
}

/* Upload progress bar - animated stripe at bottom of chip */
.file-upload-chip-progress {
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--accent) 50%,
    transparent 100%
  );
  background-size: 200% 100%;
  animation: fileUploadProgress 1.2s ease-in-out infinite;
}
@keyframes fileUploadProgress {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* File count indicator */
.file-upload-count {
  font-size: 11px; color: var(--text-400);
  padding: 2px 6px; border-radius: 4px;
  background: var(--bg-300);
  font-variant-numeric: tabular-nums;
  user-select: none;
}

/* ═══════════════════════════════════════════════════════════ */
/* ARTIFACT PANEL - Feature 18                                 */
/* Source: frontend-READABLE.js lines 248200-248464            */
/* Original: dwt (header), zCt (content), PreviewPanel (126163)*/
/* claude.ai: right side panel, ~50% width, Code/Preview tabs  */
/* ═══════════════════════════════════════════════════════════ */

/* Panel container - Original: "bg-bg-000 flex h-full flex-col relative outline-none" (line 248225) */
.artifact-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: var(--bg-100);
  border-left: 1px solid var(--border);
  outline: none;
  overflow: hidden;
  animation: artifactPanelSlideIn 0.2s ease-out;
}
@keyframes artifactPanelSlideIn {
  from { opacity: 0; transform: translateX(12px); }
  to { opacity: 1; transform: translateX(0); }
}

/* ─── Header ─── */
/* Source: dwt function (line 248344-248463) */
/* Original: flex row with title, tabs, action buttons */
.artifact-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
  min-height: 44px;
}

.artifact-panel-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

.artifact-panel-header-right {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

/* Code icon */
.artifact-panel-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-400);
  flex-shrink: 0;
  opacity: 0.7;
}

/* Title - Original: artifact.title in header */
.artifact-panel-title {
  font-size: 14px;
  font-weight: 510;
  color: var(--text-100);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

/* Language badge */
.artifact-panel-lang {
  font-size: 11px;
  color: var(--text-400);
  padding: 1px 6px;
  border-radius: 4px;
  background: var(--bg-300);
  flex-shrink: 0;
  text-transform: lowercase;
  user-select: none;
}

/* ─── Tabs ─── */
/* Source: viewing toggle "raw" | "normal" (line 248241-248242) */
/* Original: segment control style, bg-bg-200, rounded-lg, p-0.5 */
.artifact-panel-tabs {
  display: flex;
  align-items: center;
  gap: 2px;
  background: var(--bg-200);
  border-radius: 8px;
  padding: 3px;
}

.artifact-panel-tab {
  padding: 3px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  border: none;
  background: none;
  color: var(--text-400);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s;
  white-space: nowrap;
}
.artifact-panel-tab:hover {
  color: var(--text-200);
}
.artifact-panel-tab.active {
  background: var(--bg-hover);
  color: var(--text-100);
}

/* ─── Action Buttons (Copy, Close) ─── */
/* Original: Button variant="ghost" size="icon_sm" (28x28, 6px radius) */
.artifact-panel-action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: none;
  color: var(--text-400);
  cursor: pointer;
  padding: 0;
  transition: all 0.15s;
}
.artifact-panel-action-btn:hover {
  background: var(--bg-hover);
  color: var(--text-100);
}

/* ─── Content Area ─── */
/* Source: zCt content viewer (line 248273) */
.artifact-panel-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Code view - Original: showRaw with syntax highlighting */
/* "relative h-full" container, code block styling from line 100312 */
.artifact-panel-code {
  flex: 1;
  overflow: auto;
  background: rgba(30, 30, 30, 0.5);
}
/* Override react-syntax-highlighter defaults */
.artifact-panel-code pre {
  margin: 0 !important;
  background: transparent !important;
  min-height: 100%;
}
.artifact-panel-code code {
  background: transparent !important;
}

/* Preview view - Original: PreviewPanelComponent (line 126163-126220) */
/* "h-full overflow-auto rounded-xl border border-border-300 bg-bg-100 p-4" */
.artifact-panel-preview {
  flex: 1;
  overflow: hidden;
  padding: 0;
}

/* Iframe - sandboxed preview */
.artifact-panel-iframe {
  width: 100%;
  height: 100%;
  border: none;
  background: #fff;
  border-radius: 0;
}

/* ═══════════════════════════════════════════════ */
/* KEYBOARD SHORTCUTS MODAL - Feature 21          */
/* Source: frontend-READABLE.js lines 277250-277370 */
/* ═══════════════════════════════════════════════ */

/* Overlay - modal backdrop */
.shortcuts-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 1000;
  display: flex; align-items: center; justify-content: center;
  animation: shortcuts-fade-in 0.15s ease-out;
}
@keyframes shortcuts-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Modal container - Original: modalSize="md" */
.shortcuts-modal {
  background: var(--bg-200);
  border: 0.5px solid var(--border);
  border-radius: 12px;
  width: 480px; max-width: 90vw;
  max-height: 80vh;
  box-shadow: 0 24px 48px rgba(0,0,0,0.3);
  display: flex; flex-direction: column;
  animation: shortcuts-scale-in 0.15s ease-out;
}
@keyframes shortcuts-scale-in {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

/* Header - title + close button */
.shortcuts-modal-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px 12px;
  border-bottom: 0.5px solid var(--border);
}
.shortcuts-modal-title {
  font-size: 16px; font-weight: 600;
  color: var(--text-100); margin: 0;
}
.shortcuts-modal-close {
  width: 28px; height: 28px; border-radius: 6px; border: none;
  background: none; color: var(--text-400); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all 0.15s;
}
.shortcuts-modal-close:hover {
  background: var(--bg-hover); color: var(--text-200);
}

/* Body - scrollable content */
.shortcuts-modal-body {
  padding: 0 20px 20px;
  overflow-y: auto; flex: 1;
}

/* Group header - from lLt (line 277250-277256) */
/* Original: "font-base font-semibold mt-5 updateAccountHints-2" */
.shortcuts-group-header {
  font-size: 13px; font-weight: 600;
  color: var(--text-200);
  margin-top: 20px; padding-bottom: 8px;
}

/* Row - from cLt (line 277258-277275) */
/* Original: "flex items-center justify-between updateAccountHints-2 border-b-0.5 last:border-0 border-border-300" */
.shortcuts-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 0;
  border-bottom: 0.5px solid var(--border);
}
.shortcuts-row:last-child { border-bottom: none; }
.shortcuts-row-label {
  font-size: 14px; color: var(--text-300);
}

/* Badge container - from KeyboardShortcutBadge (line 18148-18161) */
/* Original: "flex items-center gap-1" */
.shortcuts-badge {
  display: flex; align-items: center; gap: 4px;
}

/* kbd element - Original: "font-base select-none inline-flex items-center justify-center rounded min-w-7 h-7 parsePathPattern-2" */
.shortcuts-kbd {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 28px; height: 28px;
  padding: 0 8px;
  border-radius: 6px;
  background: var(--bg-300);
  color: var(--text-300);
  font-size: 12px; font-family: inherit;
  user-select: none;
  border: 0.5px solid var(--border);
}

/* ═══════════════════════════════════ */
/* Feature 27 - Voice Input (STT)     */
/* Original: DictationButton / rnt    */
/* ═══════════════════════════════════ */

.voice-input-wrapper {
  display: flex; align-items: center;
}

.voice-input-btn {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  width: 28px; height: 28px;
  border-radius: 9999px;
  border: none; outline: none;
  cursor: pointer;
  background: transparent;
  color: var(--text-300);
  transition: background 0.2s, color 0.2s;
}
.voice-input-btn:hover:not(:disabled) {
  background: var(--bg-300);
  color: var(--text-100);
}
.voice-input-btn:disabled {
  opacity: 0.4; cursor: default;
}

/* Recording state (Original: rnt "bg-accent-900 text-accent-000") */
.voice-input-btn--recording {
  background: var(--accent-main-100, #c45621);
  color: #fff;
}
.voice-input-btn--recording:hover:not(:disabled) {
  background: var(--accent-main-200, #a8461a);
  color: #fff;
}

/* Processing */
.voice-input-btn--processing {
  background: var(--bg-300);
  color: var(--text-300);
}

/* Error (Original: rnt "bg-danger-200 text-oncolor-100") */
.voice-input-btn--error {
  background: var(--danger, #dc2626);
  color: #fff;
}

/* Pulsierender Ring (Original: Ftt mode="active") */
.voice-input-pulse {
  position: absolute; inset: -4px;
  border-radius: 9999px;
  border: 2px solid var(--accent-main-100, #c45621);
  animation: voice-pulse 1.5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes voice-pulse {
  0%   { transform: scale(1);    opacity: 0.7; }
  50%  { transform: scale(1.25); opacity: 0; }
  100% { transform: scale(1);    opacity: 0; }
}

.voice-input-icon {
  display: flex; align-items: center; justify-content: center;
  width: 20px; height: 20px;
  position: relative; z-index: 1;
}

/* Spinner fuer Processing */
.voice-input-spinner {
  width: 16px; height: 16px;
  border: 2px solid var(--text-500, #999);
  border-top-color: var(--text-100, #333);
  border-radius: 50%;
  animation: voice-spin 0.7s linear infinite;
}
@keyframes voice-spin {
  to { transform: rotate(360deg); }
}

/* Shake bei Error (Original: rnt Zeile 199942) */
.voice-input-shake {
  animation: voice-shake 0.3s ease-in-out;
}
@keyframes voice-shake {
  0%   { transform: translateX(0); }
  25%  { transform: translateX(-6px); }
  50%  { transform: translateX(6px); }
  75%  { transform: translateX(-6px); }
  100% { transform: translateX(0); }
}

/* ═══════════════════════════════════════════════════════════ */
/* EXPORT DIALOG - Feature 30                                 */
/* Original: claude.ai Share/Export Modal Pattern              */
/* ═══════════════════════════════════════════════════════════ */

.export-overlay {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  display: flex; align-items: center; justify-content: center;
  animation: export-fade-in 0.15s ease;
}
@keyframes export-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.export-dialog {
  background: var(--bg-100);
  border: 1px solid var(--border);
  border-radius: 16px;
  width: 480px; max-width: calc(100vw - 32px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.1);
  animation: export-slide-up 0.2s ease;
  overflow: hidden;
}
@keyframes export-slide-up {
  from { opacity: 0; transform: translateY(8px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Header */
.export-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px 12px;
  border-bottom: 1px solid var(--border);
}
.export-header-left {
  display: flex; align-items: center; gap: 8px;
}
.export-header-icon {
  color: var(--text-300); flex-shrink: 0;
}
.export-header-title {
  font-size: 15px; font-weight: 600;
  color: var(--text-100); letter-spacing: -0.2px;
}
.export-close-btn {
  width: 28px; height: 28px; border-radius: 6px;
  border: none; background: none; color: var(--text-400);
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: all 0.15s;
}
.export-close-btn:hover {
  background: var(--bg-hover); color: var(--text-200);
}

/* Conversation title area */
.export-conv-title {
  padding: 12px 20px; display: flex; flex-direction: column; gap: 2px;
}
.export-conv-title-label {
  font-size: 11px; font-weight: 500;
  color: var(--text-500); text-transform: uppercase; letter-spacing: 0.5px;
}
.export-conv-title-value {
  font-size: 14px; color: var(--text-200);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Message count info */
.export-info {
  padding: 0 20px 12px;
  font-size: 13px; color: var(--text-400);
}

/* Export option buttons */
.export-options {
  padding: 4px 12px 12px; display: flex; flex-direction: column; gap: 4px;
}
.export-option-btn {
  display: flex; align-items: center; gap: 12px;
  width: 100%; padding: 10px 12px; border-radius: 10px;
  border: 1px solid transparent; background: none;
  cursor: pointer; text-align: left; font-family: inherit;
  transition: all 0.15s;
}
.export-option-btn:hover {
  background: var(--bg-hover);
  border-color: var(--border);
}
.export-option-btn.active {
  background: var(--bg-200);
  border-color: var(--accent);
}

.export-option-icon {
  width: 36px; height: 36px; border-radius: 8px;
  background: var(--bg-200); color: var(--text-300);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; transition: all 0.15s;
}
.export-option-btn:hover .export-option-icon {
  background: var(--bg-300, var(--bg-200));
  color: var(--text-200);
}

.export-option-text {
  display: flex; flex-direction: column; gap: 1px; min-width: 0;
}
.export-option-label {
  font-size: 14px; font-weight: 500; color: var(--text-100);
}
.export-option-desc {
  font-size: 12px; color: var(--text-400);
}

/* Footer */
.export-footer {
  padding: 12px 20px; border-top: 1px solid var(--border);
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 12px; color: var(--text-500); line-height: 1.4;
}
.export-footer-icon {
  color: var(--text-500); flex-shrink: 0; margin-top: 1px;
}

/* ═══ MESSAGE EDIT ═══ */
/* Source: frontend-READABLE.js line 155034-155136 (EditingMessageComponent) */
/* Edit button: lines 123586-123597 (pencil on human messages) */

/* Edit Button - appears on hover of user messages */
/* Original: Button variant="ghost" size="icon_sm" className="group/btn" (line 123586) */
.msg-edit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: none;
  color: var(--text-500);
  cursor: pointer;
  padding: 0;
  transition: all 0.15s;
  opacity: 0;
}
/* Show on hover of parent user message group */
.chat-msg.user:hover .msg-edit-btn,
.chat-msg.user:focus-within .msg-edit-btn {
  opacity: 1;
}
/* Original: "group-hover/btn:text-text-100" (line 123596) */
.msg-edit-btn:hover {
  background: var(--bg-hover);
  color: var(--text-100);
}
.msg-edit-icon {
  color: currentColor;
  flex-shrink: 0;
}

/* Editing Form - replaces user bubble during edit */
/* Original: form className="pb-6" (line 155069/155074) */
.msg-edit-form {
  padding-bottom: 12px;
  width: 100%;
  max-width: 70%;
}

/* Original: UserMessageBubbleComponent wrapper (line 155086) */
.msg-edit-bubble {
  background: var(--bg-active);
  border-radius: 20px 20px 4px 20px;
  padding: 12px 18px;
  width: 100%;
}

/* Original: "font-ui mr-3 grid w-full grid-cols-1 gap-2" (line 155092) */
.msg-edit-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  font-size: 0.9375rem;
  line-height: 1.6;
}

/* Original: TextAreaComponent (line 155093) - autoFocus, w-full */
.msg-edit-textarea {
  width: 100%;
  min-height: 40px;
  max-height: 300px;
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-100);
  color: var(--text-100);
  font-family: inherit;
  font-size: 15px;
  line-height: 1.6;
  resize: none;
  outline: none;
  overflow-y: auto;
  transition: border-color 0.15s;
}
.msg-edit-textarea:focus {
  border-color: var(--accent);
}

/* Original: "flex items-center justify-between gap-2" (line 155100) */
.msg-edit-footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

/* Original: "text-text-300 flex flex-row gap-2 text-xs items-start" (line 155102) */
.msg-edit-info {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  color: var(--text-300);
  font-size: 12px;
  line-height: 1.4;
  flex: 1;
  min-width: 0;
}
/* Original: "shrink-0 mt-0.5" (line 155104) */
.msg-edit-info-icon {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--text-300);
}

/* Original: "flex gap-2" (line 155113) */
.msg-edit-actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

/* Original: Button variant="secondary" (line 155114) - Cancel */
.msg-edit-cancel {
  padding: 4px 14px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--bg-100);
  color: var(--text-200);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}
.msg-edit-cancel:hover {
  background: var(--bg-hover);
  color: var(--text-100);
}

/* Original: Button type="submit" (line 155121) - Save */
.msg-edit-save {
  padding: 4px 14px;
  border-radius: 8px;
  border: none;
  background: var(--accent);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}
.msg-edit-save:hover {
  opacity: 0.9;
}
.msg-edit-save:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* ═══ FEEDBACK BUTTONS (ThumbsUp/Down) ═══ */
/* Source: frontend-READABLE.js line 121861-121895 (iTe feedback buttons) */
/* Original: classNames("group/btn", chat_feedback?.type.includes("upvote") && "bg-bg-200 !text-accent-100") */

.msg-feedback-btn {
  transition: all 0.15s ease;
}

/* Active thumbs up: accent color (original: !text-accent-100 with bg-200) */
.msg-feedback-active-up {
  background: var(--bg-200, rgba(0, 0, 0, 0.05));
  color: var(--accent-main, #4f46e5) !important;
}
.msg-feedback-active-up .msg-action-icon {
  color: var(--accent-main, #4f46e5) !important;
}
.msg-feedback-active-up:hover {
  background: var(--bg-200, rgba(0, 0, 0, 0.05));
  color: var(--accent-main, #4f46e5) !important;
}

/* Active thumbs down: danger color (original: !text-danger-100 with bg-200) */
.msg-feedback-active-down {
  background: var(--bg-200, rgba(0, 0, 0, 0.05));
  color: var(--danger, #dc2626) !important;
}
.msg-feedback-active-down .msg-action-icon {
  color: var(--danger, #dc2626) !important;
}
.msg-feedback-active-down:hover {
  background: var(--bg-200, rgba(0, 0, 0, 0.05));
  color: var(--danger, #dc2626) !important;
}

/* ═══ STARRED / PINNED CONVERSATIONS SECTION ═══ */
/* Source: frontend-READABLE.js line 282970-283008 (Starred section in sidebar) */
/* claude.ai: Collapsible "Starred" section above recents with chevron toggle */

.cs-starred-section {
  padding: 0 8px;
  margin-bottom: 16px;
}
.cs-starred-section.collapsed {
  margin-bottom: 8px;
}

.cs-starred-header {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 8px 8px 4px;
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  user-select: none;
}
.cs-starred-header:hover .cs-starred-label {
  color: var(--text-200);
}

.cs-starred-chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-400);
  transition: color 0.15s;
  flex-shrink: 0;
}
.cs-starred-header:hover .cs-starred-chevron {
  color: var(--text-300);
}

.cs-starred-label {
  font-size: 11px;
  font-weight: 500;
  color: var(--text-400);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: color 0.15s;
}

.cs-starred-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding-top: 2px;
}

/* Star indicator inside chat item text */
.cs-chat-star-indicator {
  display: inline-flex;
  align-items: center;
  color: var(--accent);
  margin-right: 6px;
  flex-shrink: 0;
  opacity: 0.7;
}
.cs-chat-star-indicator svg {
  width: 12px;
  height: 12px;
}

/* ═══════════════════════════════════════════════ */
/* Branch Navigator - PTe (line 123662-123709)    */
/* Conversation tree path switcher ← 2/3 →        */
/* ═══════════════════════════════════════════════ */

/* Container: inline-flex items-center gap-1 (line 123671) */
.branch-nav {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* Button: variant=ghost size=icon_sm !w-6 (line 123673/123697) */
.branch-nav-btn {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: none;
  background: none;
  color: var(--text-500);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background 0.15s, color 0.15s;
}
.branch-nav-btn:hover:not(:disabled) {
  background: var(--bg-hover);
  color: var(--text-100);
}
.branch-nav-btn:disabled {
  opacity: 0.3;
  cursor: default;
}

/* Icon inside button: text-text-500, hover -> text-text-100 (line 123683/123706) */
.branch-nav-icon {
  color: var(--text-500);
  transition: color 0.15s;
}
.branch-nav-btn:hover:not(:disabled) .branch-nav-icon {
  color: var(--text-100);
}

/* Label: self-center shrink-0 select-none font-small text-text-500 (line 123686) */
.branch-nav-label {
  align-self: center;
  flex-shrink: 0;
  user-select: none;
  font-size: 12px;
  line-height: 1;
  color: var(--text-500);
  min-width: 28px;
  text-align: center;
}
/*
 * ProjectsPage Styles - Feature 23
 * Original: claude.ai ProjectsListRoute / ProjectDetailRoute styling
 * Follows same dark theme as chat.css with var() design tokens
 */

/* ─── Page Layout ─────────────────────────────────────────────────── */

.projects-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--bg-100);
}

/* ─── Header ──────────────────────────────────────────────────────── */
/* Original: projects header with search, sort, create button */

.projects-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-200);
  min-height: 48px;
  flex-shrink: 0;
}

.projects-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.projects-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.projects-back-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 13px;
  background: var(--bg-300);
  color: var(--text-200);
  border: 1px solid var(--border);
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}

.projects-back-btn:hover {
  background: var(--bg-hover);
  border-color: var(--border-hover);
}

.projects-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-100);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ─── Search ──────────────────────────────────────────────────────── */
/* Original: "Search projects..." input (i18n key "Dw9BaeKr5H") */

.projects-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.projects-search-icon {
  position: absolute;
  left: 10px;
  color: var(--text-400);
  pointer-events: none;
}

.projects-search {
  padding: 6px 10px 6px 30px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--bg-300);
  color: var(--text-100);
  font-size: 13px;
  width: 200px;
  outline: none;
  transition: border-color 0.15s, width 0.2s;
}

.projects-search:focus {
  border-color: var(--accent);
  width: 260px;
}

.projects-search::placeholder {
  color: var(--text-400);
}

/* ─── Sort ────────────────────────────────────────────────────────── */
/* Original: Sort projects dropdown (i18n key "9rVGvCDexf") */

.projects-sort {
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--bg-300);
  color: var(--text-200);
  font-size: 13px;
  outline: none;
  cursor: pointer;
  transition: border-color 0.15s;
}

.projects-sort:hover {
  border-color: var(--border-hover);
}

.projects-sort:focus {
  border-color: var(--accent);
}

/* ─── Create Button ───────────────────────────────────────────────── */
/* Original: "Create new project" / "Neues Projekt" button */

.projects-create-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  background: var(--accent);
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}

.projects-create-btn:hover {
  background: var(--accent-hover);
}

/* ─── Content Area ────────────────────────────────────────────────── */

.projects-content {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}

/* ─── Loading Skeleton ────────────────────────────────────────────── */

.projects-loading-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
}

.project-card-skeleton {
  padding: 16px;
  border-radius: 12px;
  background: var(--bg-200);
  border: 1px solid var(--border);
}

.skeleton-line {
  height: 12px;
  border-radius: 6px;
  background: var(--bg-hover);
  animation: skeleton-pulse 1.5s ease-in-out infinite;
}

.skeleton-title {
  width: 60%;
  margin-bottom: 10px;
  height: 14px;
}

.skeleton-desc {
  width: 85%;
  margin-bottom: 8px;
}

.skeleton-date {
  width: 40%;
}

@keyframes skeleton-pulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 0.8; }
}

/* ─── Error State ─────────────────────────────────────────────────── */

.projects-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 60px 20px;
  text-align: center;
  color: var(--text-300);
}

.projects-error-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--red);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
}

.projects-retry-btn {
  padding: 6px 16px;
  border-radius: 8px;
  font-size: 13px;
  background: var(--bg-200);
  color: var(--text-200);
  border: 1px solid var(--border);
  cursor: pointer;
  transition: all 0.15s;
}

.projects-retry-btn:hover {
  background: var(--bg-hover);
  border-color: var(--border-hover);
}

/* ─── Empty State ─────────────────────────────────────────────────── */
/* Original: "No projects yet" empty state with create button */

.projects-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 80px 20px;
  text-align: center;
}

.projects-empty-icon {
  color: var(--text-400);
  margin-bottom: 4px;
}

.projects-empty-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-100);
}

.projects-empty-desc {
  font-size: 13px;
  color: var(--text-300);
  max-width: 420px;
  line-height: 1.6;
}

/* ─── Projects Grid ───────────────────────────────────────────────── */
/* Original: ProjectsListRoute grid layout with card items */

.projects-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
}

/* ─── Project Card ────────────────────────────────────────────────── */
/* Original: project card with name, description, date, badges */

.project-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border-radius: 12px;
  background: var(--bg-200);
  border: 1px solid var(--border);
  cursor: pointer;
  text-align: left;
  transition: all 0.15s;
  color: inherit;
  font: inherit;
  width: 100%;
}

.project-card:hover {
  background: var(--bg-hover);
  border-color: var(--border-hover);
  transform: translateY(-1px);
}

.project-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.project-card-icon {
  color: var(--accent);
}

.project-card-meta {
  display: flex;
  align-items: center;
  gap: 6px;
}

.project-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 500;
}

.project-badge-private {
  background: rgba(212, 121, 74, 0.12);
  color: var(--accent);
}

.project-badge-public {
  background: rgba(92, 184, 92, 0.12);
  color: var(--green);
}

.project-card-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-100);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.project-card-desc {
  font-size: 12px;
  color: var(--text-300);
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.project-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 4px;
}

.project-card-date {
  font-size: 11px;
  color: var(--text-400);
}

.project-card-type {
  font-size: 11px;
  color: var(--text-400);
  text-transform: capitalize;
}

/* ─── Create Form ─────────────────────────────────────────────────── */
/* Original: spt create form from frontend-READABLE.js line 222588 */

.project-create-wrap {
  max-width: 560px;
  margin: 0 auto;
}

.project-create-info {
  padding: 16px;
  border-radius: 12px;
  background: var(--bg-200);
  border: 1px solid var(--border);
  margin-bottom: 20px;
}

.project-create-info-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-200);
  margin-bottom: 8px;
}

.project-create-info p {
  font-size: 13px;
  color: var(--text-300);
  line-height: 1.6;
}

.project-create-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-200);
}

.form-input,
.form-textarea {
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--bg-300);
  color: var(--text-100);
  font-size: 13px;
  outline: none;
  transition: border-color 0.15s;
  font-family: inherit;
  resize: vertical;
}

.form-input:focus,
.form-textarea:focus {
  border-color: var(--accent);
}

.form-input::placeholder,
.form-textarea::placeholder {
  color: var(--text-400);
}

.form-input-error {
  border-color: var(--red);
}

.form-error {
  font-size: 12px;
  color: var(--red);
  text-align: right;
}

.form-error-banner {
  padding: 10px 14px;
  border-radius: 8px;
  background: rgba(217, 83, 79, 0.1);
  border: 1px solid rgba(217, 83, 79, 0.3);
  color: var(--red);
  font-size: 13px;
}

/* Visibility radio group - Original: line 222816-222875 */

.form-visibility {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.form-radio-label {
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--bg-200);
  cursor: pointer;
  transition: border-color 0.15s;
}

.form-radio-label:hover {
  border-color: var(--border-hover);
}

.form-radio-label input[type="radio"] {
  margin-top: 2px;
  accent-color: var(--accent);
}

.form-radio-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-100);
}

.form-radio-desc {
  font-size: 12px;
  color: var(--text-400);
  margin-top: 2px;
}

/* Form actions - Original: line 222876-222901 */

.form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}

.form-btn-secondary {
  padding: 7px 16px;
  border-radius: 8px;
  font-size: 13px;
  background: var(--bg-200);
  color: var(--text-200);
  border: 1px solid var(--border);
  cursor: pointer;
  transition: all 0.15s;
}

.form-btn-secondary:hover {
  background: var(--bg-hover);
  border-color: var(--border-hover);
}

.form-btn-primary {
  padding: 7px 18px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  background: var(--accent);
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background 0.15s;
}

.form-btn-primary:hover {
  background: var(--accent-hover);
}

.form-btn-primary:disabled,
.form-btn-secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.form-btn-loading {
  display: flex;
  align-items: center;
  gap: 6px;
}

.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* ─── Project Detail ──────────────────────────────────────────────── */
/* Original: ProjectDetailRoute layout with info + docs */

.project-detail {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.project-detail-info {
  padding: 20px;
  border-radius: 12px;
  background: var(--bg-200);
  border: 1px solid var(--border);
}

.project-detail-header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.project-detail-icon {
  color: var(--accent);
  flex-shrink: 0;
  margin-top: 2px;
}

.project-detail-name {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-100);
  line-height: 1.3;
}

.project-detail-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--text-400);
  margin-top: 4px;
}

.project-detail-dot {
  font-size: 16px;
  line-height: 1;
}

.project-detail-desc {
  font-size: 13px;
  color: var(--text-300);
  line-height: 1.6;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}

/* Knowledge Base section */

.project-detail-section {
  padding: 20px;
  border-radius: 12px;
  background: var(--bg-200);
  border: 1px solid var(--border);
}

.project-detail-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.project-detail-section-header h3 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-100);
}

.project-detail-doc-count {
  font-size: 12px;
  color: var(--text-400);
}

/* Docs loading */
.project-docs-loading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.project-doc-skeleton {
  padding: 10px;
  border-radius: 8px;
  background: var(--bg-300);
}

/* Docs empty */
.project-docs-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 30px 20px;
  text-align: center;
  color: var(--text-400);
}

.project-docs-empty p {
  font-size: 13px;
  line-height: 1.5;
  max-width: 360px;
}

/* Docs list */
.project-docs-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.project-doc-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  color: var(--text-300);
  transition: background 0.15s;
}

.project-doc-item:hover {
  background: var(--bg-hover);
}

.project-doc-item svg {
  flex-shrink: 0;
  color: var(--text-400);
}

.project-doc-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  min-width: 0;
}

.project-doc-name {
  font-size: 13px;
  color: var(--text-200);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-doc-date {
  font-size: 11px;
  color: var(--text-400);
  flex-shrink: 0;
  margin-left: 12px;
}
/* ═══════════════════════════════════════ */
/* SETTINGS PAGE - claude.ai Desktop 1:1  */
/* Original: cf4f70727-BFXcxnDQ            */
/* Layout: grid grid-cols-[220px_1fr]      */
/* ═══════════════════════════════════════ */

.settings-page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--bg-100);
}

/* Top Bar - same as chat */
.settings-topbar {
  height: var(--topbar-h);
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-100);
  flex-shrink: 0;
  -webkit-app-region: drag;
}
.settings-topbar-left {
  display: flex;
  align-items: center;
  gap: 8px;
  -webkit-app-region: no-drag;
}
.settings-topbar-btn {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: none;
  color: var(--text-400);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: all 0.15s;
}
.settings-topbar-btn:hover {
  background: var(--bg-hover);
  color: var(--text-200);
}
.settings-topbar-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-200);
}

/* Body - Original: grid grid-cols-1 md:grid-cols-[220px_minmax(0px,_1fr)] gap-x-8 */
.settings-body {
  flex: 1;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 0 32px;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 32px;
  overflow-y: auto;
}

/* Sidebar Nav - Original: nav min-w-0 w-full -ml-3 self-start md:sticky */
.settings-nav {
  min-width: 0;
  width: 100%;
  align-self: start;
  position: sticky;
  top: 16px;
}
.settings-nav ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 4px;
}
.settings-nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-300);
  cursor: pointer;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  font-family: inherit;
  transition: all 0.15s;
}
.settings-nav-item:hover {
  background: var(--bg-hover);
  color: var(--text-200);
}
.settings-nav-item.active {
  background: var(--bg-active);
  color: var(--text-100);
}
.settings-nav-icon {
  width: 16px;
  height: 16px;
  opacity: 0.7;
  flex-shrink: 0;
}

/* Content Area */
.settings-content {
  min-width: 0;
}

/* Section - Original: je component wrapper */
.settings-section {
  margin-bottom: 32px;
}

/* Section Heading - Original: be component, font-heading text-text-200 mb-4 */
.settings-section-heading {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-200);
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border);
}

/* Form elements */
.settings-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.settings-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.settings-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-200);
}
.settings-sublabel {
  font-size: 12px;
  color: var(--text-400);
}
.settings-input {
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--bg-200);
  color: var(--text-100);
  font-size: 14px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.15s;
}
.settings-input:focus {
  border-color: var(--accent);
}
.settings-input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.settings-textarea {
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--bg-200);
  color: var(--text-100);
  font-size: 14px;
  font-family: inherit;
  outline: none;
  resize: vertical;
  min-height: 120px;
  max-height: 300px;
  transition: border-color 0.15s;
  line-height: 1.5;
}
.settings-textarea:focus {
  border-color: var(--accent);
}
.settings-textarea::placeholder {
  color: var(--text-400);
}

/* Profile Avatar - Original: relative group/avatar */
.settings-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  flex-shrink: 0;
}

/* Profile Row */
.settings-profile-row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.settings-profile-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.settings-profile-name {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-100);
}
.settings-profile-email {
  font-size: 13px;
  color: var(--text-400);
}

/* Theme Toggle - Original: flex gap-4 mt-4, w-32 cards */
.settings-theme-options {
  display: flex;
  gap: 16px;
  margin-top: 16px;
}
.settings-theme-card {
  width: 128px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
  padding: 0;
}
.settings-theme-preview {
  width: 128px;
  height: 80px;
  border-radius: 10px;
  border: 2px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.15s;
  overflow: hidden;
}
.settings-theme-card:hover .settings-theme-preview {
  border-color: var(--border-hover);
}
.settings-theme-card.selected .settings-theme-preview {
  border-color: var(--accent);
}
.settings-theme-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-300);
}
.settings-theme-card.selected .settings-theme-label {
  color: var(--text-100);
}

/* Dark theme preview */
.theme-preview-dark {
  background: #1a1918;
}
.theme-preview-dark .preview-bar {
  width: 60%;
  height: 6px;
  border-radius: 3px;
  background: #3a3832;
}
/* Light theme preview */
.theme-preview-light {
  background: #f5f4ef;
}
.theme-preview-light .preview-bar {
  width: 60%;
  height: 6px;
  border-radius: 3px;
  background: #d4d0c8;
}
/* Auto theme preview */
.theme-preview-auto {
  background: linear-gradient(135deg, #f5f4ef 50%, #1a1918 50%);
}
.theme-preview-auto .preview-bar {
  display: none;
}

/* Model List - Original: model selection patterns */
.settings-model-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.settings-model-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--bg-200);
  cursor: default;
  transition: all 0.15s;
}
.settings-model-item:hover {
  border-color: var(--border-hover);
}
.settings-model-item.default {
  border-color: var(--accent);
}
.settings-model-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--bg-active);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
.settings-model-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.settings-model-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-100);
}
.settings-model-desc {
  font-size: 12px;
  color: var(--text-400);
}
.settings-model-badge {
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--accent-glow);
  color: var(--accent);
}

/* Save Button - Original: variant="primary" button */
.settings-save-btn {
  padding: 8px 20px;
  border-radius: 8px;
  border: none;
  background: var(--accent);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.15s;
  align-self: flex-start;
}
.settings-save-btn:hover {
  background: var(--accent-hover);
}
.settings-save-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Status Message */
.settings-status {
  font-size: 13px;
  padding: 8px 12px;
  border-radius: 8px;
  margin-top: 8px;
}
.settings-status.success {
  background: rgba(92, 184, 92, 0.1);
  color: var(--green);
}
.settings-status.error {
  background: rgba(217, 83, 79, 0.1);
  color: var(--red);
}

/* ─── Memory Section ─── */
.settings-btn {
  padding: 8px 16px; border-radius: 8px;
  font-size: 13px; font-weight: 500;
  background: var(--bg-200); color: var(--text-200);
  border: 1px solid var(--border-300); cursor: pointer;
  transition: all 0.15s;
}
.settings-btn:hover { background: var(--bg-300); }
.settings-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.settings-btn-danger { color: var(--red); }
.settings-btn-danger:hover { background: rgba(217,83,79,0.15); }

.settings-toggle-btn {
  padding: 6px 16px; border-radius: 20px;
  font-size: 13px; font-weight: 500;
  background: var(--bg-300); color: var(--text-400);
  border: 1px solid var(--border-300); cursor: pointer;
  transition: all 0.15s;
}
.settings-toggle-btn.active {
  background: rgba(92,184,92,0.2); color: var(--green);
  border-color: var(--green);
}

.settings-memory-list {
  display: flex; flex-direction: column; gap: 4px;
  max-height: 400px; overflow-y: auto;
}
.settings-memory-item {
  padding: 10px 12px; border-radius: 8px;
  background: var(--bg-200); border: 1px solid var(--border-300);
}
.settings-memory-text {
  font-size: 13px; line-height: 1.5; color: var(--text-200);
}
.settings-memory-date {
  font-size: 11px; color: var(--text-400); margin-top: 4px;
}
/* DashboardPage - MoMoAGI Design System */
/* Original pattern: claude.ai settings/usage layout */
/* Grid: grid grid-cols-1 md:grid-cols-[220px_minmax(0px,_1fr)] */

.dashboard-page {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--bg-100);
}

.dashboard-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-200);
}

.dashboard-header .back-btn {
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 13px;
  background: var(--bg-200);
  color: var(--text-200);
  border: 1px solid var(--border);
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}

.dashboard-header .back-btn:hover {
  background: var(--bg-hover);
  border-color: var(--border-hover);
}

.dashboard-header .header-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-100);
}

.dashboard-content {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
}

.dashboard-content .section-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-400);
  margin-bottom: 12px;
}

/* Status Cards Grid */
.status-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 32px;
}

.status-card {
  background: var(--bg-200);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: border-color 0.15s;
}

.status-card:hover {
  border-color: var(--border-hover);
}

.status-card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.status-card .card-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-200);
}

.status-card .card-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.status-card .card-indicator.online {
  background: var(--green);
  box-shadow: 0 0 6px rgba(92, 184, 92, 0.4);
}

.status-card .card-indicator.warning {
  background: var(--orange);
  box-shadow: 0 0 6px rgba(230, 160, 64, 0.4);
}

.status-card .card-indicator.offline {
  background: var(--red);
  box-shadow: 0 0 6px rgba(217, 83, 79, 0.4);
}

.status-card .card-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-100);
  line-height: 1;
}

.status-card .card-sub {
  font-size: 11px;
  color: var(--text-400);
}

/* Usage Stats Grid */
.usage-stats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 32px;
}

.usage-stat {
  background: var(--bg-200);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: border-color 0.15s;
}

.usage-stat:hover {
  border-color: var(--border-hover);
}

.usage-stat .stat-icon {
  font-size: 18px;
  margin-bottom: 4px;
}

.usage-stat .stat-label {
  font-size: 12px;
  color: var(--text-400);
  font-weight: 500;
}

.usage-stat .stat-value {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-100);
  line-height: 1;
}

.usage-stat .stat-sub {
  font-size: 11px;
  color: var(--text-300);
}

/* Quick Actions */
.quick-actions {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
  margin-bottom: 32px;
}

.quick-action-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: var(--bg-200);
  border: 1px solid var(--border);
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
  color: var(--text-100);
  font-size: 13px;
  font-weight: 500;
}

.quick-action-btn:hover {
  background: var(--bg-hover);
  border-color: var(--border-hover);
}

.quick-action-btn .action-icon {
  font-size: 18px;
  flex-shrink: 0;
}

.quick-action-btn .action-label {
  white-space: nowrap;
}

/* Activity / System Info */
.system-info {
  background: var(--bg-200);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 32px;
}

.system-info .info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
  font-size: 13px;
}

.system-info .info-row:last-child {
  border-bottom: none;
}

.system-info .info-key {
  color: var(--text-300);
}

.system-info .info-val {
  color: var(--text-100);
  font-weight: 500;
}

.system-info .info-val.green { color: var(--green); }
.system-info .info-val.orange { color: var(--orange); }
.system-info .info-val.red { color: var(--red); }
/*
 * AgentsPage Styles - Feature 25
 * Original: claude.ai CoworkAgentLayoutRoute / custom-agents styling
 * Follows same dark theme as projects.css with var() design tokens
 */

/* ─── Page Layout ─────────────────────────────────────────────────── */

.agents-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--bg-100);
}

/* ─── Header ──────────────────────────────────────────────────────── */
/* Original: CoworkAgentLayoutRoute header bar */

.agents-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-200);
  min-height: 48px;
  flex-shrink: 0;
}

.agents-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.agents-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.agents-back-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 13px;
  background: var(--bg-300);
  color: var(--text-200);
  border: 1px solid var(--border);
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}

.agents-back-btn:hover {
  background: var(--bg-hover);
  border-color: var(--border-hover);
}

.agents-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-100);
  white-space: nowrap;
}

.agents-count {
  font-size: 12px;
  color: var(--text-400);
}

/* ─── Header Agent Info (chat view) ──────────────────────────────── */

.agents-header-agent {
  display: flex;
  align-items: center;
  gap: 10px;
}

.agent-header-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

.agent-header-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-100);
  line-height: 1.2;
}

.agent-header-role {
  font-size: 11px;
  color: var(--text-400);
  line-height: 1.2;
}

/* ─── Content Area ────────────────────────────────────────────────── */

.agents-content {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}

/* ─── Intro Block ─────────────────────────────────────────────────── */
/* Original: agent onboarding info block pattern */

.agents-intro {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 20px;
  border-radius: 12px;
  background: var(--bg-200);
  border: 1px solid var(--border);
  margin-bottom: 20px;
}

.agents-intro-icon {
  font-size: 24px;
  color: var(--accent);
  flex-shrink: 0;
  line-height: 1;
  margin-top: 2px;
}

.agents-intro-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-100);
  margin-bottom: 6px;
}

.agents-intro-desc {
  font-size: 13px;
  color: var(--text-300);
  line-height: 1.6;
}

/* ─── Agent Grid ──────────────────────────────────────────────────── */
/* Original: projects-grid pattern from ProjectsListRoute */

.agents-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
}

/* ─── Agent Card ──────────────────────────────────────────────────── */
/* Original: project-card pattern with agent-specific elements */

.agent-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px;
  border-radius: 12px;
  background: var(--bg-200);
  border: 1px solid var(--border);
  cursor: pointer;
  text-align: left;
  transition: all 0.15s;
  color: inherit;
  font: inherit;
  width: 100%;
}

.agent-card:hover {
  background: var(--bg-hover);
  border-color: var(--border-hover);
  transform: translateY(-1px);
}

.agent-card:hover .agent-card-action {
  color: var(--accent);
}

.agent-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.agent-card-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

.agent-card-name {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-100);
  line-height: 1.3;
  margin-top: 4px;
}

.agent-card-role {
  font-size: 12px;
  color: var(--accent);
  font-weight: 500;
}

.agent-card-desc {
  font-size: 12px;
  color: var(--text-300);
  line-height: 1.55;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.agent-card-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 6px;
}

.agent-card-action {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--text-400);
  font-weight: 500;
  transition: color 0.15s;
}

/* ─── Status Badge ────────────────────────────────────────────────── */
/* Original: status indicators from agent/session UI */

.agent-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  padding: 3px 9px;
  border-radius: 10px;
  font-weight: 500;
}

.agent-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.agent-status-online {
  background: rgba(92, 184, 92, 0.12);
  color: var(--green);
}

.agent-status-online .agent-status-dot {
  background: var(--green);
  box-shadow: 0 0 6px rgba(92, 184, 92, 0.5);
  animation: status-pulse 2s ease-in-out infinite;
}

.agent-status-busy {
  background: rgba(230, 160, 64, 0.12);
  color: var(--orange);
}

.agent-status-busy .agent-status-dot {
  background: var(--orange);
}

.agent-status-offline {
  background: rgba(107, 102, 92, 0.12);
  color: var(--text-400);
}

.agent-status-offline .agent-status-dot {
  background: var(--text-400);
}

@keyframes status-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* ─── Chat Area ───────────────────────────────────────────────────── */
/* Original: ChatPage message area pattern */

.agent-chat-area {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.agent-chat-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 40px 20px;
  text-align: center;
}

.agent-chat-empty-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}

.agent-chat-empty-name {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-100);
}

.agent-chat-empty-role {
  font-size: 13px;
  color: var(--accent);
  font-weight: 500;
}

.agent-chat-empty-desc {
  font-size: 13px;
  color: var(--text-300);
  line-height: 1.6;
  max-width: 440px;
  margin-top: 4px;
}

/* ─── Chat Input ──────────────────────────────────────────────────── */
/* Original: ChatPage input bar pattern */

.agent-chat-input-area {
  padding: 12px 16px;
  border-top: 1px solid var(--border);
  background: var(--bg-200);
  flex-shrink: 0;
}

.agent-chat-input-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 780px;
  margin: 0 auto;
}

.agent-chat-input {
  flex: 1;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--bg-300);
  color: var(--text-100);
  font-size: 14px;
  outline: none;
  transition: border-color 0.15s;
  font-family: inherit;
}

.agent-chat-input:focus {
  border-color: var(--accent);
}

.agent-chat-input::placeholder {
  color: var(--text-400);
}

.agent-chat-send-btn {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: none;
  background: var(--accent);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s, opacity 0.15s;
  flex-shrink: 0;
}

.agent-chat-send-btn:hover {
  background: var(--accent-hover);
}

.agent-chat-send-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
/* Login Page - claude.ai warm dark theme */
.login-page {
  height: 100vh; width: 100vw;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg-300);
}

.login-card {
  width: 100%; max-width: 380px;
  padding: 48px 40px;
  border-radius: 16px;
  background: var(--bg-100);
  border: 1px solid var(--border);
  text-align: center;
}

.login-star {
  font-size: 36px; color: var(--accent);
  margin-bottom: 16px;
}

.login-title {
  font-size: 24px; font-weight: 500;
  color: var(--text-100);
  margin-bottom: 4px;
}

.login-subtitle {
  font-size: 13px; color: var(--text-400);
  margin-bottom: 32px;
}

.login-form {
  display: flex; flex-direction: column; gap: 12px;
}

.login-input {
  width: 100%; padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--bg-200);
  color: var(--text-100);
  font-size: 15px; font-family: inherit;
  outline: none;
  transition: border-color 0.2s;
}
.login-input:focus { border-color: var(--accent); }
.login-input::placeholder { color: var(--text-400); }

.login-error {
  font-size: 13px; color: var(--red);
  text-align: left; padding: 0 4px;
}

.login-btn {
  width: 100%; padding: 12px;
  border-radius: 10px;
  border: none;
  background: var(--accent);
  color: white;
  font-size: 15px; font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.15s;
}
.login-btn:hover { background: var(--accent-hover); }
.login-btn:disabled { opacity: 0.6; cursor: not-allowed; }
/**
 * Feature 38 - Toast/Snackbar Notification Styles
 *
 * Extracted from Claude.ai:
 *   - styles.css: ._toastAnimation_14na3_2 rules
 *   - Keyframes: _translateX_14na3_1, _fade_14na3_1
 *   - Layout classes: "fixed top-0 z-toast flex flex-col gap-3 p-4"
 *   - Item classes: "rounded-xl border-0.5 shadow-md p-2 text-sm"
 *   - Color contexts: data-color-context="danger" / "warning"
 *   - Background: bg-bg-000, border-border-100
 *   - Warning: bg-warning-900, border-warning-200, text-warning-000
 *   - Danger: bg-danger-900, border-danger-200, text-danger-000
 */

/* ------------------------------------------------------------------ */
/*  Keyframes  (original: _translateX_14na3_1, _fade_14na3_1)          */
/* ------------------------------------------------------------------ */

@keyframes toast-slide-in {
  from {
    transform: translateX(calc(100% + 16px));
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes toast-fade-out {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(calc(100% + 16px));
  }
}

/* ------------------------------------------------------------------ */
/*  Viewport / Container                                               */
/*  Original: "fixed top-0 z-toast flex flex-col gap-3 p-4"           */
/*  We use bottom-right per spec                                       */
/* ------------------------------------------------------------------ */

.toast-viewport {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  pointer-events: none;
  max-width: 420px;
  width: 100%;
}

/* ------------------------------------------------------------------ */
/*  Single toast item                                                  */
/*  Original: "rounded-xl border-0.5 shadow-md p-2 text-sm"           */
/*  + "bg-bg-000 border-border-100" base                               */
/* ------------------------------------------------------------------ */

.toast-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 12px 12px 14px;
  border-radius: 12px;
  border: 0.5px solid var(--border);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-100);
  background: var(--bg-100);
  pointer-events: auto;
  position: relative;
  overflow: hidden;
  max-width: 100%;

  /* slide-in animation (mirrors _toastAnimation_14na3_2[data-state=open]) */
  animation: toast-slide-in 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.toast-item[data-state='closing'] {
  animation: toast-fade-out 0.2s ease-in forwards;
}

/* ------------------------------------------------------------------ */
/*  Type variants  (original data-color-context)                       */
/* ------------------------------------------------------------------ */

/* success – green accent */
.toast-item--success {
  background: rgba(92, 184, 92, 0.12);
  border-color: rgba(92, 184, 92, 0.35);
}
.toast-item--success .toast-item__icon {
  color: var(--green, #5cb85c);
}

/* error / danger – red accent */
.toast-item--error {
  background: rgba(217, 83, 79, 0.12);
  border-color: rgba(217, 83, 79, 0.35);
}
.toast-item--error .toast-item__icon {
  color: var(--red, #d9534f);
}

/* warning – orange accent */
.toast-item--warning {
  background: rgba(230, 160, 64, 0.12);
  border-color: rgba(230, 160, 64, 0.35);
}
.toast-item--warning .toast-item__icon {
  color: var(--orange, #e6a040);
}

/* info – cyan accent */
.toast-item--info {
  background: var(--bg-100);
  border-color: var(--border);
}
.toast-item--info .toast-item__icon {
  color: var(--cyan, #50b5c5);
}

/* ------------------------------------------------------------------ */
/*  Content layout                                                     */
/*  Original: "flex gap-2 justify-between ml-1"                        */
/* ------------------------------------------------------------------ */

.toast-item__content {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
  min-width: 0;
}

.toast-item__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: 24px;
}

.toast-item__message {
  margin-top: 2px;
  word-break: break-word;
}

.toast-item__count {
  opacity: 0.6;
  font-size: 12px;
}

/* ------------------------------------------------------------------ */
/*  Close button  (original: Button ghost icon_xs)                     */
/* ------------------------------------------------------------------ */

.toast-item__close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: var(--text-300);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.toast-item__close:hover {
  background: var(--bg-hover);
  color: var(--text-100);
}

/* ------------------------------------------------------------------ */
/*  Debug details  (original: "font-mono text-xs text-text-300 ...")    */
/* ------------------------------------------------------------------ */

.toast-item__details {
  background: var(--bg-000);
  border-top: 0.5px solid var(--border);
  margin: 8px -12px -12px -14px;
  padding: 8px 14px;
  border-radius: 0 0 12px 12px;
  font-family: monospace;
  font-size: 12px;
  color: var(--text-300);
}

/* ------------------------------------------------------------------ */
/*  Light mode overrides                                               */
/* ------------------------------------------------------------------ */

[data-mode='light'] .toast-item {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

[data-mode='light'] .toast-item--success {
  background: rgba(92, 184, 92, 0.08);
}

[data-mode='light'] .toast-item--error {
  background: rgba(217, 83, 79, 0.08);
}

[data-mode='light'] .toast-item--warning {
  background: rgba(230, 160, 64, 0.08);
}

/* ==========================================================================
   Feature 39 - Tooltip Component Styles
   Matches claude.ai original (Ek / DefaultContent, Nk / KeyboardShortcutBadge)
   ========================================================================== */

/* ---- Tooltip bubble (portalled) ---------------------------------------- */

.tooltip-content {
  z-index: 9999;                       /* z-tooltip layer */
  pointer-events: none;
  max-width: 13rem;                    /* max-w-[13rem] */
  padding: 0.5rem 0.625rem;           /* px-2.5 py-2 */
  border-radius: 0.375rem;            /* rounded-md */

  font-family: var(--font-ui, inherit);
  font-size: 0.75rem;                 /* text-xs */
  font-weight: 400;                   /* font-normal */
  line-height: 1.25;                  /* leading-tight */
  color: #fff;                        /* text-always-white */
  word-break: break-word;
  text-wrap: pretty;

  background: rgba(0, 0, 0, 0.80);   /* bg-always-black/80 */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);  /* shadow-md */

  /* fade-in + slight scale (original animation) */
  animation: tooltip-enter 150ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Disabled trigger should hide the tooltip */
*:disabled .tooltip-content {
  display: none;
}

@keyframes tooltip-enter {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ---- Keyboard shortcut inline span ------------------------------------ */

.tooltip-shortcut {
  margin-left: 0.375rem;              /* ml-1.5 */
  opacity: 0.7;                       /* opacity-70 */
  white-space: nowrap;
}

/* ---- KeyboardShortcutBadge (kbd row) ---------------------------------- */

.tooltip-kbd-group {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;                      /* gap-1.5 */
}

.tooltip-kbd-group--small {
  gap: 0.25rem;                       /* gap-1 */
}

.tooltip-kbd {
  font-family: var(--font-ui, inherit);
  font-weight: 400;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;             /* rounded */
  min-width: 1.75rem;                 /* min-w-7 */
  height: 1.75rem;                    /* h-7 */
  padding: 0 0.5rem;                  /* px-2 */
  font-size: 0.75rem;
  line-height: 1;
  background: rgba(0, 0, 0, 0.06);   /* bg-bg-300 */
  color: inherit;
}

.tooltip-kbd--small {
  min-width: 1.25rem;                 /* min-w-5 */
  height: 1.25rem;                    /* h-5 */
  padding: 0 0.25rem;                 /* px-1 */
  font-size: 0.6875rem;
}

.tooltip-kbd--on-dark {
  background: rgba(255, 255, 255, 0.10);  /* bg-bg-000/25 on dark */
}

/* ---- Dark-mode overrides for kbd badges used outside tooltips --------- */

@media (prefers-color-scheme: dark) {
  .tooltip-kbd {
    background: rgba(255, 255, 255, 0.08);
  }
}