/* styles.css */
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;

@layer theme {
  :root, :host {
    --font-sans: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-yellow-50: oklch(98.7% .026 102.212);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-yellow-700: oklch(55.4% .135 66.442);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-yellow-950: oklch(28.6% .066 53.813);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-green-950: oklch(26.6% .065 152.934);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-emerald-950: oklch(26.2% .051 172.552);
    --color-teal-50: oklch(98.4% .014 180.72);
    --color-cyan-100: oklch(95.6% .045 203.388);
    --color-cyan-200: oklch(91.7% .08 205.041);
    --color-cyan-300: oklch(86.5% .127 207.078);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-600: oklch(60.9% .126 221.723);
    --color-cyan-700: oklch(52% .105 223.128);
    --color-cyan-800: oklch(45% .085 224.283);
    --color-cyan-900: oklch(39.8% .07 227.392);
    --color-cyan-950: oklch(30.2% .056 229.695);
    --color-sky-300: oklch(82.8% .111 230.318);
    --color-sky-700: oklch(50% .134 242.749);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-900: oklch(37.9% .146 265.522);
    --color-blue-950: oklch(28.2% .091 267.935);
    --color-violet-50: oklch(96.9% .016 293.756);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-violet-700: oklch(49.1% .27 292.581);
    --color-violet-800: oklch(43.2% .232 292.759);
    --color-violet-900: oklch(38% .189 293.745);
    --color-purple-300: oklch(82.7% .119 306.383);
    --color-purple-400: oklch(71.4% .203 305.504);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-800: oklch(45.5% .188 13.697);
    --color-rose-900: oklch(41% .159 10.272);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-zinc-50: oklch(98.5% 0 none);
    --color-zinc-100: oklch(96.7% .001 286.375);
    --color-zinc-200: oklch(92% .004 286.32);
    --color-zinc-300: oklch(87.1% .006 286.286);
    --color-zinc-400: oklch(70.5% .015 286.067);
    --color-zinc-500: oklch(55.2% .016 285.938);
    --color-zinc-600: oklch(44.2% .017 285.786);
    --color-zinc-700: oklch(37% .013 285.805);
    --color-zinc-800: oklch(27.4% .006 286.033);
    --color-zinc-900: oklch(21% .006 285.885);
    --color-zinc-950: oklch(14.1% .005 285.823);
    --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;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--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-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;
    --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-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --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);
    --color-selection-bg: #93c5fd73;
    --color-selection-fg: #0f172a;
  }
}

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

  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::-webkit-file-upload-button {
    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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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 {
    color: inherit;
    border-top-width: 1px;
    height: 0;
  }

  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;
    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 {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  ::-webkit-file-upload-button {
    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:-webkit-any([multiple], [size])) optgroup {
    font-weight: bolder;
  }

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

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

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

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

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

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

  ::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 {
    text-align: inherit;
    min-height: 1lh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  button {
    appearance: button;
  }

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

  ::-webkit-file-upload-button {
    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 utilities {
  .\@container {
    container-type: inline-size;
  }

  .tooltip-surface {
    position: fixed;
    z-index: 100;
    border: 1px solid var(--ui-tooltip-border);
    border-radius: var(--ui-tooltip-radius);
    background: var(--ui-tooltip-surface);
    color: var(--ui-tooltip-text);
    box-shadow: var(--ui-tooltip-shadow);
    pointer-events: auto;
    --tw-leading: calc(var(--spacing) * 4);
    font-size: 11px;
    line-height: calc(var(--spacing) * 4);
    white-space: normal;
    max-width: min(18rem, 100vw - 1rem);
    padding: .25rem .5rem;
  }

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

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

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

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

  .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-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }

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

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

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

  .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\/3 {
    top: 66.6667%;
  }

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

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

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

  .top-\[var\(--ui-space-shell\)\] {
    top: var(--ui-space-shell);
  }

  .top-full {
    top: 100%;
  }

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

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

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

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

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

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

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

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

  .right-\[var\(--ui-space-shell\)\] {
    right: var(--ui-space-shell);
  }

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

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

  .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-\[-0\.25rem\] {
    bottom: -.25rem;
  }

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

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

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

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

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

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

  .left-2\/3 {
    left: 66.6667%;
  }

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

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

  .isolate {
    isolation: isolate;
  }

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

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

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

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

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

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

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

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

  .\!container {
    width: 100% !important;
  }

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

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

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

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

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

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

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

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

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

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

  .m-auto {
    margin: auto;
  }

  .\!article {
    padding-inline: calc(var(--spacing) * 2) !important;
    padding-block: calc(var(--spacing) * 4) !important;
    padding-bottom: calc(var(--spacing) * 10) !important;
    transition-property: max-width !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    --tw-duration: .5s !important;
    --tw-ease: var(--ease-in-out) !important;
    transition-duration: .5s !important;
    transition-timing-function: var(--ease-in-out) !important;
    max-width: 65ch !important;
    margin-inline-start: auto !important;
    margin-inline-end: auto !important;
  }

  @media (min-width: 48rem) {
    .\!article {
      padding-inline: calc(var(--spacing) * 4) !important;
    }
  }

  @media (min-width: 64rem) {
    .\!article {
      max-width: 80ch !important;
    }
  }

  .\!article img {
    margin-inline-start: auto !important;
    margin-inline-end: auto !important;
  }

  .\!article img {
    max-height: 50vh !important;
  }

  .\!article img {
    width: auto !important;
  }

  .\!article img {
    border-radius: var(--radius-lg) !important;
  }

  .article {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 10);
    transition-property: max-width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .5s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .5s;
    transition-timing-function: var(--ease-in-out);
    max-width: 65ch;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }

  @media (min-width: 48rem) {
    .article {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 64rem) {
    .article {
      max-width: 80ch;
    }
  }

  .article img {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }

  .article img {
    max-height: 50vh;
  }

  .article img {
    width: auto;
  }

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

  .\!container {
    max-width: calc(var(--spacing) * 480) !important;
    padding-inline: calc(var(--spacing) * 4) !important;
    margin-inline-start: auto !important;
    margin-inline-end: auto !important;
  }

  .container {
    max-width: calc(var(--spacing) * 480);
    padding-inline: calc(var(--spacing) * 4);
    margin-inline-start: auto;
    margin-inline-end: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

  .prose {
    color: var(--tw-prose-body);
    --tw-prose-body: oklch(37.3% .034 259.733);
    --tw-prose-headings: oklch(21% .034 264.665);
    --tw-prose-lead: oklch(44.6% .03 256.802);
    --tw-prose-links: oklch(21% .034 264.665);
    --tw-prose-bold: oklch(21% .034 264.665);
    --tw-prose-counters: oklch(55.1% .027 264.364);
    --tw-prose-bullets: oklch(87.2% .01 258.338);
    --tw-prose-hr: oklch(92.8% .006 264.531);
    --tw-prose-quotes: oklch(21% .034 264.665);
    --tw-prose-quote-borders: oklch(92.8% .006 264.531);
    --tw-prose-captions: oklch(55.1% .027 264.364);
    --tw-prose-kbd: oklch(21% .034 264.665);
    --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527 / .1);
    --tw-prose-code: oklch(21% .034 264.665);
    --tw-prose-pre-code: oklch(92.8% .006 264.531);
    --tw-prose-pre-bg: oklch(27.8% .033 256.848);
    --tw-prose-th-borders: oklch(87.2% .01 258.338);
    --tw-prose-td-borders: oklch(92.8% .006 264.531);
    --tw-prose-invert-body: oklch(87.2% .01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% .022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% .022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% .03 256.802);
    --tw-prose-invert-hr: oklch(37.3% .034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% .003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733);
    --tw-prose-invert-captions: oklch(70.7% .022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% .01 258.338);
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: oklch(44.6% .03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% .034 259.733);
    max-width: 65ch;
    font-size: 1rem;
    line-height: 1.75;
  }

  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }

  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500;
  }

  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }

  .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }

  .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
  }

  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
  }

  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }

  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.25em;
    font-weight: 600;
  }

  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-quotes);
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "“""”""‘""’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    font-style: italic;
    font-weight: 500;
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: open-quote;
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: close-quote;
  }

  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 0;
    margin-bottom: .888889em;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.11111;
  }

  .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 900;
  }

  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33333;
  }

  .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 800;
  }

  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
  }

  .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-weight: 600;
    line-height: 1.5;
  }

  .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    border-radius: .3125rem;
    padding-inline-start: .375em;
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: "`";
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: "`";
  }

  .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .875em;
  }

  .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .9em;
  }

  .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    padding-top: .857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: .857143em;
    border-radius: .375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding-inline-start: 1.14286em;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.71429;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: none;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: none;
  }

  .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.71429;
  }

  .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }

  .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    vertical-align: bottom;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
    font-weight: 600;
  }

  .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }

  .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0;
  }

  .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline;
  }

  .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }

  .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }

  .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
  }

  .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857;
  }

  .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .375em;
  }

  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .375em;
  }

  .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em;
  }

  .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .571429em;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
  }

  .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .menu-section {
    margin-top: calc(var(--spacing) * 1);
    padding-top: calc(var(--spacing) * 1);
  }

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

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

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

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

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

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

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

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

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

  .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-auto {
    margin-right: auto;
  }

  .section-label {
    margin-bottom: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-size: .6875rem;
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-zinc-500);
    text-transform: none;
    -webkit-user-select: none;
    user-select: none;
  }

  .section-label:where(.dark, .dark *) {
    color: var(--color-zinc-500);
  }

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

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

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

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

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

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

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

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

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

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

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

  .mb-\[var\(--ui-space-shell\)\] {
    margin-bottom: var(--ui-space-shell);
  }

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

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

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

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

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

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

  .sidebar {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 3);
    border: 1px solid var(--ui-border-strong);
    border-radius: var(--ui-radius-surface);
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-surface);
    flex-direction: column;
    height: 100%;
  }

  .pagination-item {
    width: var(--ui-control-sm);
    height: var(--ui-control-sm);
    border-radius: var(--ui-radius-control);
    display: inline-flex;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-zinc-500);
    --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, );
    transition-property: background-color, color, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    flex-shrink: 0;
    justify-content: center;
    align-items:  center;
    transition-duration: .15s;
  }

  .pagination-item:where(.dark, .dark *) {
    color: var(--color-zinc-500);
  }

  @media (hover: hover) {
    .pagination-item:hover {
      color: var(--color-zinc-900);
    }

    .pagination-item:hover:where(.dark, .dark *) {
      color: var(--color-zinc-100);
    }
  }

  .pagination-item:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .pagination-item:focus-visible {
    box-shadow: var(--ui-focus);
  }

  .pagination-item:hover {
    background: var(--ui-pagination-hover);
  }

  .icon-btn {
    border-radius: var(--ui-radius-control);
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    padding: calc(var(--spacing) * 1);
    color: var(--color-zinc-400);
    transition-property: color, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    --tw-ease: var(--ease-out);
    transition-duration: .15s;
    transition-timing-function: var(--ease-out);
    border-style: var(--tw-border-style);
    --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);
    background-color: #0000;
    border-width: 0;
    justify-content: center;
    align-items:  center;
  }

  .icon-btn:where(.dark, .dark *) {
    color: var(--color-zinc-500);
  }

  @media (hover: hover) {
    .icon-btn:hover {
      background-color: var(--color-zinc-100);
    }
  }

  @media (hover: hover) {
    .icon-btn:hover {
      color: var(--color-zinc-700);
    }
  }

  @media (hover: hover) {
    .icon-btn:where(.dark, .dark *):hover {
      background-color: var(--color-zinc-800);
    }
  }

  @media (hover: hover) {
    .icon-btn:where(.dark, .dark *):hover {
      color: var(--color-zinc-200);
    }
  }

  .icon-btn:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .icon-btn:focus-visible {
    box-shadow: var(--ui-focus);
  }

  .icon-btn:active {
    background-color: var(--color-zinc-200);
  }

  .icon-btn:where(.dark, .dark *):active {
    background-color: var(--color-zinc-700);
  }

  .icon-btn:disabled {
    cursor: not-allowed;
  }

  .icon-btn:disabled {
    opacity: .4;
  }

  .icon-btn:disabled {
    transition-property: none;
  }

  .rail-item {
    border-radius: var(--ui-radius-surface);
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    display: flex;
    color: var(--color-zinc-500);
    transition-property: background-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    --tw-ease: var(--ease-out);
    transition-duration: .15s;
    transition-timing-function: var(--ease-out);
    border-right: 0;
    justify-content: center;
    align-items:  center;
  }

  .rail-item:where(.dark, .dark *) {
    color: var(--color-zinc-500);
  }

  .rail-item:hover {
    background: var(--ui-hover);
    color: var(--color-zinc-700);
  }

  .rail-item:hover:where(.dark, .dark *) {
    color: var(--color-zinc-300);
  }

  .sidebar-item {
    border-radius: var(--ui-radius-surface);
    min-height: calc(var(--spacing) * 8);
    align-items:  center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: var(--color-zinc-500);
    transition-property: background-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    --tw-ease: var(--ease-out);
    transition-duration: .15s;
    transition-timing-function: var(--ease-out);
    display: flex !important;
  }

  .sidebar-item:where(.dark, .dark *) {
    color: var(--color-zinc-500);
  }

  @media (hover: hover) {
    .sidebar-item:hover {
      color: var(--color-zinc-700);
    }

    .sidebar-item:hover:where(.dark, .dark *) {
      color: var(--color-zinc-300);
    }
  }

  .sidebar-item:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .sidebar-item:focus-visible {
    box-shadow: var(--ui-focus);
  }

  .sidebar-item:hover {
    background: var(--ui-hover);
  }

  .menu-item {
    display: flex;
    align-items:  center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    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));
    width: 100%;
  }

  .menu-item:hover {
    background: var(--ui-menu-hover);
  }

  .menu-item:focus-visible {
    background: var(--ui-menu-hover);
  }

  .segmented-control {
    border: 1px solid var(--ui-segment-border);
    border-radius: var(--ui-radius-surface);
    background: var(--ui-segment-surface);
    box-shadow: var(--ui-segment-shadow);
    display: inline-flex;
    padding: calc(var(--spacing) * .5);
    align-items: stretch;
    width: 100%;
  }

  .state-placeholder-icon {
    display: flex;
    color: var(--color-zinc-400);
    flex-shrink: 0;
    justify-content: center;
    align-items:  center;
  }

  .state-placeholder-icon:where(.dark, .dark *) {
    color: var(--color-zinc-500);
  }

  .btn-input {
    border-radius: var(--ui-radius-control);
    display: inline-flex;
    cursor: pointer;
    justify-content: center;
    align-items:  center;
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    -webkit-user-select: none;
    user-select: none;
    border-style: var(--tw-border-style);
    transition-property: background-color, 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));
    --tw-duration: .15s;
    border-width: 1px;
    border-color: var(--color-zinc-100);
    background-color: var(--color-zinc-100);
    color: var(--color-zinc-600);
    box-shadow: var(--ui-control-bevel);
    transition-duration: .15s;
  }

  @media (hover: hover) {
    .btn-input:hover {
      border-color: #e4e4e7b3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn-input:hover {
        border-color: color-mix(in oklab, var(--color-zinc-200) 70%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .btn-input:hover {
      background-color: #e4e4e7b3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .btn-input:hover {
        background-color: color-mix(in oklab, var(--color-zinc-200) 70%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .btn-input:hover {
      color: var(--color-zinc-800);
    }
  }

  .btn-input:active {
    background-color: var(--color-zinc-200);
  }

  .btn-input:focus-visible {
    border-color: var(--color-blue-400);
  }

  .btn-input:focus-visible {
    background-color: var(--color-white);
  }

  .btn-input:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .btn-input:focus-visible {
    box-shadow: var(--ui-focus);
  }

  .btn-input:where(.dark, .dark *) {
    border-color: var(--color-zinc-800);
  }

  .btn-input:where(.dark, .dark *) {
    background-color: var(--color-zinc-800);
  }

  .btn-input:where(.dark, .dark *) {
    color: var(--color-zinc-300);
  }

  @media (hover: hover) {
    .btn-input:where(.dark, .dark *):hover {
      border-color: var(--color-zinc-700);
    }
  }

  @media (hover: hover) {
    .btn-input:where(.dark, .dark *):hover {
      background-color: var(--color-zinc-700);
    }
  }

  @media (hover: hover) {
    .btn-input:where(.dark, .dark *):hover {
      color: var(--color-zinc-100);
    }
  }

  .btn-input:where(.dark, .dark *):active {
    background-color: var(--color-zinc-700);
  }

  .btn-input:where(.dark, .dark *):focus-visible {
    border-color: var(--color-blue-400);
  }

  .btn-input:where(.dark, .dark *):focus-visible {
    background-color: var(--color-zinc-900);
  }

  .btn-input:disabled {
    cursor: not-allowed;
  }

  .btn-input:disabled {
    opacity: .4;
  }

  .btn-input:disabled {
    transition-property: none;
  }

  .btn-input:active {
    box-shadow: var(--ui-control-press);
  }

  .btn-input:disabled {
    box-shadow: none;
  }

  .btn-simple {
    border-radius: var(--ui-radius-control);
    display: inline-flex;
    cursor: pointer;
    justify-content: center;
    align-items:  center;
    gap: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    -webkit-user-select: none;
    user-select: none;
    transition-property: background-color, color, border-color, box-shadow, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .15s;
    --tw-ease: var(--ease-out);
    transition-duration: .15s;
    transition-timing-function: var(--ease-out);
    color: var(--color-zinc-600);
    background-color: #0000;
    border-width: 1px;
    border-color: #0000;
  }

  .btn-simple:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .btn-simple:focus-visible {
    box-shadow: var(--ui-focus);
  }

  .btn-simple:disabled {
    cursor: not-allowed;
  }

  .btn-simple:disabled {
    opacity: .4;
  }

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

  .btn-simple:disabled {
    transition-property: none;
  }

  @media (hover: hover) {
    .btn-simple:hover {
      background-color: var(--color-zinc-100);
    }
  }

  @media (hover: hover) {
    .btn-simple:hover {
      color: var(--color-zinc-800);
    }
  }

  .btn-simple:active {
    background-color: var(--color-zinc-200);
  }

  .btn-simple:where(.dark, .dark *) {
    border-color: #0000;
  }

  .btn-simple:where(.dark, .dark *) {
    color: var(--color-zinc-400);
  }

  @media (hover: hover) {
    .btn-simple:where(.dark, .dark *):hover {
      background-color: var(--color-zinc-800);
    }
  }

  @media (hover: hover) {
    .btn-simple:where(.dark, .dark *):hover {
      color: var(--color-zinc-200);
    }
  }

  .btn-simple:where(.dark, .dark *):active {
    background-color: var(--color-zinc-700);
  }

  .chip {
    border-radius: var(--ui-radius-surface);
    display: inline-flex;
    cursor: pointer;
    align-items:  center;
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    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));
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-zinc-200);
  }

  .chip:where(.dark, .dark *) {
    border-color: var(--color-zinc-700);
  }

  .app-cols {
    display: flex;
    gap: var(--ui-space-shell);
    flex-direction: column;
  }

  @media (min-width: 64rem) {
    .app-cols {
      flex-direction: row;
    }

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

  .app-rows {
    display: flex;
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
  }

  .badge-danger {
    display: inline-flex;
    align-items:  center;
    gap: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    background-color: var(--color-red-100);
    color: var(--color-red-800);
    border-radius: .25rem;
  }

  .badge-danger:where(.dark, .dark *) {
    background-color: var(--color-red-950);
  }

  .badge-danger:where(.dark, .dark *) {
    color: var(--color-red-300);
  }

  .badge-neutral {
    display: inline-flex;
    align-items:  center;
    gap: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    background-color: var(--color-zinc-100);
    color: var(--color-zinc-700);
    border-radius: .25rem;
  }

  .badge-neutral:where(.dark, .dark *) {
    background-color: var(--color-zinc-800);
  }

  .badge-neutral:where(.dark, .dark *) {
    color: var(--color-zinc-300);
  }

  .badge-success {
    display: inline-flex;
    align-items:  center;
    gap: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    background-color: var(--color-emerald-100);
    color: var(--color-emerald-800);
    border-radius: .25rem;
  }

  .badge-success:where(.dark, .dark *) {
    background-color: var(--color-emerald-950);
  }

  .badge-success:where(.dark, .dark *) {
    color: var(--color-emerald-300);
  }

  .tag {
    display: inline-flex;
    align-items:  center;
    gap: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    --tw-leading: calc(var(--spacing) * 4);
    font-size: 11px;
    line-height: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-radius: 3.40282e38px;
  }

  .tag\! {
    display: inline-flex !important;
    align-items:  center !important;
    gap: calc(var(--spacing) * 1) !important;
    padding-inline: calc(var(--spacing) * 1.5) !important;
    padding-block: calc(var(--spacing) * .5) !important;
    --tw-leading: calc(var(--spacing) * 4) !important;
    font-size: 11px !important;
    line-height: calc(var(--spacing) * 4) !important;
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
    border-radius: 3.40282e38px !important;
  }

  .badge {
    display: inline-flex;
    align-items:  center;
    gap: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-radius: .25rem;
  }

  .badge\! {
    display: inline-flex !important;
    align-items:  center !important;
    gap: calc(var(--spacing) * 1) !important;
    padding-inline: calc(var(--spacing) * 1.5) !important;
    padding-block: calc(var(--spacing) * .5) !important;
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    border-radius: .25rem !important;
  }

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

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

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

  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .no-scrollbar ::-webkit-scrollbar {
    display: none;
  }

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

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

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

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

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

  .aspect-\[540\/500\] {
    aspect-ratio: 540 / 500;
  }

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

  .dialog-fixed-frame {
    height: min(86vh, var(--ui-dialog-available-height));
    max-height: var(--ui-dialog-available-height);
  }

  .status-dot {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
  }

  .state-placeholder-icon-panel {
    border: 1px solid var(--ui-state-icon-border);
    border-radius: var(--ui-radius-surface);
    background: var(--ui-state-icon-surface);
    width: 3rem;
    height: 3rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[min\(42rem\,75dvh\)\] {
    height: min(42rem, 75dvh);
  }

  .h-\[min\(48rem\,var\(--ui-dialog-available-height\)\)\] {
    height: min(48rem, var(--ui-dialog-available-height));
  }

  .h-\[min\(56rem\,62dvh\)\] {
    height: min(56rem, 62dvh);
  }

  .h-\[min\(62vh\,46rem\)\] {
    height: min(62vh, 46rem);
  }

  .h-\[min\(68vh\,54rem\)\] {
    height: min(68vh, 54rem);
  }

  .h-\[min\(72vh\,46rem\)\] {
    height: min(72vh, 46rem);
  }

  .h-\[var\(--ui-control-md\)\] {
    height: var(--ui-control-md);
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-h-\[min\(40vh\,14rem\)\] {
    max-height: min(40vh, 14rem);
  }

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

  .max-h-\[min\(86vh\,var\(--ui-dialog-available-height\)\)\] {
    max-height: min(86vh, var(--ui-dialog-available-height));
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-h-\[var\(--ui-control-sm\)\] {
    min-height: var(--ui-control-sm);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-\[4\.75rem\] {
    width: 4.75rem;
  }

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

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

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

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

  .w-\[var\(--ui-dialog-available-width\)\] {
    width: var(--ui-dialog-available-width);
  }

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

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .\!max-w-none {
    max-width: none !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .max-w-\[6\.5rem\] {
    max-width: 6.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-w-\[min\(18rem\,45vw\)\] {
    max-width: min(18rem, 45vw);
  }

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

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

  .max-w-\[min\(36rem\,75vw\)\] {
    max-width: min(36rem, 75vw);
  }

  .max-w-\[min\(40vw\,28rem\)\] {
    max-width: min(40vw, 28rem);
  }

  .max-w-\[var\(--ui-dialog-available-width\)\] {
    max-width: var(--ui-dialog-available-width);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-w-\[6\.5rem\] {
    min-width: 6.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-w-max {
    min-width: max-content;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[0\.75_1_9rem\] {
    flex: .75 9rem;
  }

  .flex-\[0_1_16rem\] {
    flex: 0 16rem;
  }

  .flex-\[1\.5_1_16rem\] {
    flex: 1.5 16rem;
  }

  .flex-\[1_1_10rem\] {
    flex: 10rem;
  }

  .flex-\[1_1_11rem\] {
    flex: 11rem;
  }

  .flex-\[1_1_16rem\] {
    flex: 16rem;
  }

  .flex-\[1_1_24rem\] {
    flex: 24rem;
  }

  .flex-none {
    flex: none;
  }

  .flex-shrink, .shrink {
    flex-shrink: 1;
  }

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

  .grow {
    flex-grow: 1;
  }

  .basis-full {
    flex-basis: 100%;
  }

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

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

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

  .border-spacing-x-3 {
    --tw-border-spacing-x: calc(var(--spacing) * 3);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .border-spacing-y-1 {
    --tw-border-spacing-y: calc(var(--spacing) * 1);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    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-\[3vh\] {
    --tw-translate-y: calc(3vh * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .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-pulse {
    animation: var(--animate-pulse);
  }

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

  .\!input {
    padding: var(--ui-input-padding-y) var(--ui-input-padding-x) !important;
    border-radius: var(--ui-radius-control) !important;
    border-style: var(--tw-border-style) !important;
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
    border-width: 1px !important;
    border-color: var(--ui-field-border) !important;
    background: var(--ui-field) !important;
    color: var(--color-zinc-800) !important;
    transition-property: background-color, border-color, box-shadow !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    --tw-duration: .15s !important;
    box-shadow: var(--ui-control-recess) !important;
    transition-duration: .15s !important;
  }

  .\!input:focus-visible {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .\!input:where(.dark, .dark *) {
    color: var(--color-zinc-200) !important;
  }

  .\!input:disabled {
    cursor: not-allowed !important;
  }

  .\!input:disabled {
    border-color: var(--color-zinc-50) !important;
  }

  .\!input:disabled {
    background-color: var(--color-zinc-50) !important;
  }

  .\!input:disabled {
    color: var(--color-zinc-400) !important;
  }

  .\!input:where(.dark, .dark *):disabled {
    border-color: var(--color-zinc-900) !important;
  }

  .\!input:where(.dark, .dark *):disabled {
    background-color: var(--color-zinc-900) !important;
  }

  .\!input:where(.dark, .dark *):disabled {
    color: var(--color-zinc-500) !important;
  }

  .\!input:hover {
    border-color: var(--ui-field-hover-border) !important;
    background: var(--ui-field-hover) !important;
  }

  .\!input:focus {
    border-color: var(--ui-field-focus-border) !important;
    background: var(--ui-field-focus) !important;
  }

  .\!input:focus-within {
    border-color: var(--ui-field-focus-border) !important;
    background: var(--ui-field-focus) !important;
  }

  .\!input:disabled {
    box-shadow: none !important;
  }

  .\!input:disabled {
    border-color: var(--color-zinc-50) !important;
    background-color: var(--color-zinc-50) !important;
    color: var(--color-zinc-400) !important;
  }

  .\!input:disabled:where(.dark, .dark *) {
    border-color: var(--color-zinc-900) !important;
  }

  .\!input:disabled:where(.dark, .dark *) {
    background-color: var(--color-zinc-900) !important;
  }

  .\!input:disabled:where(.dark, .dark *) {
    color: var(--color-zinc-500) !important;
  }

  .\!input:disabled:hover {
    border-color: var(--color-zinc-50) !important;
    background-color: var(--color-zinc-50) !important;
    color: var(--color-zinc-400) !important;
  }

  .\!input:disabled:hover:where(.dark, .dark *) {
    border-color: var(--color-zinc-900) !important;
  }

  .\!input:disabled:hover:where(.dark, .dark *) {
    background-color: var(--color-zinc-900) !important;
  }

  .\!input:disabled:hover:where(.dark, .dark *) {
    color: var(--color-zinc-500) !important;
  }

  .input {
    padding: var(--ui-input-padding-y) var(--ui-input-padding-x);
    border-radius: var(--ui-radius-control);
    border-style: var(--tw-border-style);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    border-width: 1px;
    border-color: var(--ui-field-border);
    background: var(--ui-field);
    color: var(--color-zinc-800);
    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));
    --tw-duration: .15s;
    box-shadow: var(--ui-control-recess);
    transition-duration: .15s;
  }

  .input:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .input:where(.dark, .dark *) {
    color: var(--color-zinc-200);
  }

  .input:disabled {
    cursor: not-allowed;
  }

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

  .input:disabled {
    background-color: var(--color-zinc-50);
  }

  .input:disabled {
    color: var(--color-zinc-400);
  }

  .input:where(.dark, .dark *):disabled {
    border-color: var(--color-zinc-900);
  }

  .input:where(.dark, .dark *):disabled {
    background-color: var(--color-zinc-900);
  }

  .input:where(.dark, .dark *):disabled {
    color: var(--color-zinc-500);
  }

  .input:hover {
    border-color: var(--ui-field-hover-border);
    background: var(--ui-field-hover);
  }

  .input:focus {
    border-color: var(--ui-field-focus-border) !important;
    background: var(--ui-field-focus) !important;
  }

  .input:focus-within {
    border-color: var(--ui-field-focus-border) !important;
    background: var(--ui-field-focus) !important;
  }

  .input:disabled {
    box-shadow: none;
  }

  .input:disabled {
    border-color: var(--color-zinc-50);
    background-color: var(--color-zinc-50);
    color: var(--color-zinc-400);
  }

  .input:disabled:where(.dark, .dark *) {
    border-color: var(--color-zinc-900);
  }

  .input:disabled:where(.dark, .dark *) {
    background-color: var(--color-zinc-900);
  }

  .input:disabled:where(.dark, .dark *) {
    color: var(--color-zinc-500);
  }

  .input:disabled:hover {
    border-color: var(--color-zinc-50);
    background-color: var(--color-zinc-50);
    color: var(--color-zinc-400);
  }

  .input:disabled:hover:where(.dark, .dark *) {
    border-color: var(--color-zinc-900);
  }

  .input:disabled:hover:where(.dark, .dark *) {
    background-color: var(--color-zinc-900);
  }

  .input:disabled:hover:where(.dark, .dark *) {
    color: var(--color-zinc-500);
  }

  .input\! {
    padding: var(--ui-input-padding-y) var(--ui-input-padding-x) !important;
    border-radius: var(--ui-radius-control) !important;
    border-style: var(--tw-border-style) !important;
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
    border-width: 1px !important;
    border-color: var(--ui-field-border) !important;
    background: var(--ui-field) !important;
    color: var(--color-zinc-800) !important;
    transition-property: background-color, border-color, box-shadow !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    --tw-duration: .15s !important;
    box-shadow: var(--ui-control-recess) !important;
    transition-duration: .15s !important;
  }

  .input\!:focus-visible {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .input\!:where(.dark, .dark *) {
    color: var(--color-zinc-200) !important;
  }

  .input\!:disabled {
    cursor: not-allowed !important;
  }

  .input\!:disabled {
    border-color: var(--color-zinc-50) !important;
  }

  .input\!:disabled {
    background-color: var(--color-zinc-50) !important;
  }

  .input\!:disabled {
    color: var(--color-zinc-400) !important;
  }

  .input\!:where(.dark, .dark *):disabled {
    border-color: var(--color-zinc-900) !important;
  }

  .input\!:where(.dark, .dark *):disabled {
    background-color: var(--color-zinc-900) !important;
  }

  .input\!:where(.dark, .dark *):disabled {
    color: var(--color-zinc-500) !important;
  }

  .input\!:hover {
    border-color: var(--ui-field-hover-border) !important;
    background: var(--ui-field-hover) !important;
  }

  .input\!:focus {
    border-color: var(--ui-field-focus-border) !important;
    background: var(--ui-field-focus) !important;
  }

  .input\!:focus-within {
    border-color: var(--ui-field-focus-border) !important;
    background: var(--ui-field-focus) !important;
  }

  .input\!:disabled {
    box-shadow: none !important;
  }

  .input\!:disabled {
    border-color: var(--color-zinc-50) !important;
    background-color: var(--color-zinc-50) !important;
    color: var(--color-zinc-400) !important;
  }

  .input\!:disabled:where(.dark, .dark *) {
    border-color: var(--color-zinc-900) !important;
  }

  .input\!:disabled:where(.dark, .dark *) {
    background-color: var(--color-zinc-900) !important;
  }

  .input\!:disabled:where(.dark, .dark *) {
    color: var(--color-zinc-500) !important;
  }

  .input\!:disabled:hover {
    border-color: var(--color-zinc-50) !important;
    background-color: var(--color-zinc-50) !important;
    color: var(--color-zinc-400) !important;
  }

  .input\!:disabled:hover:where(.dark, .dark *) {
    border-color: var(--color-zinc-900) !important;
  }

  .input\!:disabled:hover:where(.dark, .dark *) {
    background-color: var(--color-zinc-900) !important;
  }

  .input\!:disabled:hover:where(.dark, .dark *) {
    color: var(--color-zinc-500) !important;
  }

  .cursor-cell {
    cursor: cell;
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-nesw-resize {
    cursor: nesw-resize;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-nwse-resize {
    cursor: nwse-resize;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-row-resize {
    cursor: row-resize;
  }

  .cursor-text {
    cursor: text;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

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

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

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

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

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

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

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

  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .grid-cols-\[2\.5rem_2\.5rem_1\.5rem_minmax\(20rem\,1fr\)\] {
    grid-template-columns: 2.5rem 2.5rem 1.5rem minmax(20rem, 1fr);
  }

  .grid-cols-\[3rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 3rem minmax(0, 1fr);
  }

  .grid-cols-\[4\.75rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 4.75rem minmax(0, 1fr);
  }

  .grid-cols-\[5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 5rem minmax(0, 1fr);
  }

  .grid-cols-\[6rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 6rem minmax(0, 1fr);
  }

  .grid-cols-\[7rem_1fr\] {
    grid-template-columns: 7rem 1fr;
  }

  .grid-cols-\[7rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 7rem minmax(0, 1fr);
  }

  .grid-cols-\[11rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 11rem 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-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .grid-cols-\[max-content_minmax\(0\,1fr\)\] {
    grid-template-columns: max-content minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_2rem\] {
    grid-template-columns: minmax(0, 1fr) 2rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_9rem\] {
    grid-template-columns: minmax(0, 1fr) 9rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto_2rem\] {
    grid-template-columns: minmax(0, 1fr) auto 2rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_2rem\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 2rem;
  }

  .grid-cols-\[minmax\(0\,8rem\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 8rem) minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(4\.75rem\,6\.5rem\)_1\.75rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(4.75rem, 6.5rem) 1.75rem minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(7rem\,12rem\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(7rem, 12rem) minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(7rem\,auto\)_1fr\] {
    grid-template-columns: minmax(7rem, auto) 1fr;
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,12rem\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr));
  }

  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

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

  .grid-rows-\[auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto minmax(0, 1fr);
  }

  .grid-rows-\[minmax\(0\,1fr\)_auto\] {
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .grid-rows-\[minmax\(12rem\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
    grid-template-rows: minmax(12rem, .8fr) minmax(0, 1.2fr);
  }

  .grid-rows-\[minmax\(12rem\,40dvh\)_minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(12rem, 40dvh) minmax(0, 1fr);
  }

  .grid-rows-\[minmax\(12rem\,42\%\)_minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(12rem, 42%) minmax(0, 1fr);
  }

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

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

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

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

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

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

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

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

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

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

  .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-\[var\(--ui-space-section\)\] {
    gap: var(--ui-space-section);
  }

  .gap-\[var\(--ui-space-shell\)\] {
    gap: var(--ui-space-shell);
  }

  :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-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

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

  :where(.space-y-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)));
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  :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-\[var\(--k2b-border\)\] > :not(:last-child)) {
    border-color: var(--k2b-border);
  }

  :where(.divide-\[var\(--ui-border\)\] > :not(:last-child)) {
    border-color: var(--ui-border);
  }

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

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

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

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

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

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

  .thumbnail {
    border-radius: var(--ui-radius-surface);
    overflow: hidden;
  }

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

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

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

  .popup {
    border: 1px solid var(--ui-border-strong);
    border-radius: var(--ui-radius-surface);
    background: var(--ui-surface);
    color: var(--color-zinc-900);
    box-shadow: var(--ui-shadow-float);
  }

  .popup:where(.dark, .dark *) {
    color: var(--color-zinc-100);
  }

  .rail-item-active {
    border: 1px solid var(--app-accent, #2b7fff);
    border-radius: var(--ui-radius-surface);
    color: var(--app-accent, #2b7fff);
    box-shadow: none;
    background: none;
  }

  @supports (color: color(display-p3 0 0 0)) {
    .rail-item-active {
      border: 1px solid var(--app-accent, color(display-p3 .266422 .491219 .988624));
      color: var(--app-accent, color(display-p3 .266422 .491219 .988624));
    }
  }

  @supports (color: lab(0% 0 0)) {
    .rail-item-active {
      border: 1px solid var(--app-accent, lab(54.1736% 13.3369 -74.6839));
      color: var(--app-accent, lab(54.1736% 13.3369 -74.6839));
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .rail-item-active {
      border: 1px solid color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 52%, transparent);
    }
  }

  .dropdown-menu-surface {
    border-radius: var(--ui-dropdown-menu-radius);
    background: var(--ui-dropdown-menu-surface);
    box-shadow: var(--ui-dropdown-menu-shadow);
    backdrop-filter: blur(14px) saturate(1.12);
    -webkit-backdrop-filter: blur(14px) saturate(1.12);
    border: 0;
  }

  .paper {
    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));
    --tw-duration: .15s;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-surface);
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-surface);
    transition-duration: .15s;
  }

  .context-menu-surface {
    border-radius: var(--ui-context-menu-radius);
    background: var(--ui-context-menu-surface);
    box-shadow: var(--ui-context-menu-shadow);
    border: 0;
  }

  .panel-dialog-shell {
    border: 1px solid var(--ui-dialog-border);
    border-radius: var(--ui-dialog-radius);
    background: var(--ui-dialog-surface);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

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

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

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

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-start-width: 1px;
    border-block-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-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

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

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

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

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

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

  .panel-dialog-section {
    border-color: var(--ui-dialog-section-border);
    background: var(--ui-dialog-section);
  }

  .app-accent-border {
    border-color: var(--ui-app-accent-border);
  }

  .border-\[var\(--app-accent\)\] {
    border-color: var(--app-accent);
  }

  .border-\[var\(--k2b-ai-accent\)\] {
    border-color: var(--k2b-ai-accent);
  }

  .border-\[var\(--k2b-border\)\] {
    border-color: var(--k2b-border);
  }

  .border-\[var\(--ui-accent\)\] {
    border-color: var(--ui-accent);
  }

  .border-\[var\(--ui-border\)\] {
    border-color: var(--ui-border);
  }

  .border-\[var\(--ui-border-strong\)\] {
    border-color: var(--ui-border-strong);
  }

  .border-\[var\(--ui-divider\)\] {
    border-color: var(--ui-divider);
  }

  .border-\[var\(--ui-field-border\)\] {
    border-color: var(--ui-field-border);
  }

  .border-\[var\(--ui-focus\)\] {
    border-color: var(--ui-focus);
  }

  .border-\[var\(--ui-state-icon-border\)\] {
    border-color: var(--ui-state-icon-border);
  }

  .border-\[var\(--ui-surface\)\] {
    border-color: var(--ui-surface);
  }

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

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

  .border-amber-300\/70 {
    border-color: #ffd230b3;
  }

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

  .border-black\/15 {
    border-color: #00000026;
  }

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

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

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

  .border-current {
    border-color: currentColor;
  }

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

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

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

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

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

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

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

  .border-red-300\/70 {
    border-color: #ffa2a2b3;
  }

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

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

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

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

  .border-zinc-100 {
    border-color: var(--color-zinc-100);
  }

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

  .border-zinc-300\/60 {
    border-color: #d4d4d899;
  }

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

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

  .data-table-divider {
    border-color: var(--ui-data-divider);
  }

  .data-table-row-divider {
    border-color: var(--ui-data-row-divider);
  }

  .bg-\[color-mix\(in_srgb\,var\(--app-accent\)_10\%\,var\(--ui-surface\)\)\] {
    background-color: var(--app-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--app-accent\)_10\%\,var\(--ui-surface\)\)\] {
      background-color: color-mix(in srgb, var(--app-accent) 10%, var(--ui-surface));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--app-accent\)_10\%\,var\(--ui-surface-subtle\)\)\] {
    background-color: var(--app-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--app-accent\)_10\%\,var\(--ui-surface-subtle\)\)\] {
      background-color: color-mix(in srgb, var(--app-accent) 10%, var(--ui-surface-subtle));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--k2b-ai-accent\)_10\%\,var\(--k2b-surface\)\)\] {
    background-color: var(--k2b-ai-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--k2b-ai-accent\)_10\%\,var\(--k2b-surface\)\)\] {
      background-color: color-mix(in srgb, var(--k2b-ai-accent) 10%, var(--k2b-surface));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ui-focus\)_12\%\,transparent\)\] {
    background-color: var(--ui-focus);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ui-focus\)_12\%\,transparent\)\] {
      background-color: color-mix(in srgb, var(--ui-focus) 12%, transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ui-surface\)_88\%\,transparent\)\] {
    background-color: var(--ui-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ui-surface\)_88\%\,transparent\)\] {
      background-color: color-mix(in srgb, var(--ui-surface) 88%, transparent);
    }
  }

  .bg-\[var\(--app-accent\)\] {
    background-color: var(--app-accent);
  }

  .bg-\[var\(--k2b-success-500\)\] {
    background-color: var(--k2b-success-500);
  }

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

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

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

  .bg-\[var\(--ui-accent\)\] {
    background-color: var(--ui-accent);
  }

  .bg-\[var\(--ui-active\)\] {
    background-color: var(--ui-active);
  }

  .bg-\[var\(--ui-bg\)\] {
    background-color: var(--ui-bg);
  }

  .bg-\[var\(--ui-canvas\)\] {
    background-color: var(--ui-canvas);
  }

  .bg-\[var\(--ui-field\)\] {
    background-color: var(--ui-field);
  }

  .bg-\[var\(--ui-focus\)\] {
    background-color: var(--ui-focus);
  }

  .bg-\[var\(--ui-hover\)\] {
    background-color: var(--ui-hover);
  }

  .bg-\[var\(--ui-selected\)\] {
    background-color: var(--ui-selected);
  }

  .bg-\[var\(--ui-state-icon-surface\)\] {
    background-color: var(--ui-state-icon-surface);
  }

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

  .bg-\[var\(--ui-surface\)\]\/90 {
    background-color: var(--ui-surface);
  }

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

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

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

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

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

  .bg-amber-50\/50 {
    background-color: #fffbeb80;
  }

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

  .bg-amber-50\/70 {
    background-color: #fffbebb3;
  }

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

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

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

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

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

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

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

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

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

  .bg-black\/10 {
    background-color: #0000001a;
  }

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

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

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

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

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

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

  .bg-blue-50\/65 {
    background-color: #eff6ffa6;
  }

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

  .bg-blue-50\/80 {
    background-color: #eff6ffcc;
  }

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

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

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

  .bg-blue-500\/10 {
    background-color: #2b7fff1a;
  }

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

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

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

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

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

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

  .bg-emerald-50\/65 {
    background-color: #ecfdf5a6;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-red-50\/50 {
    background-color: #fef2f280;
  }

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

  .bg-red-50\/70 {
    background-color: #fef2f2b3;
  }

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

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

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

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

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

  .bg-red-600\/90 {
    background-color: #e7000be6;
  }

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

  .bg-teal-50\/70 {
    background-color: #f0fdfab3;
  }

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

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

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

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

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

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

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

  .bg-white\/30 {
    background-color: #ffffff4d;
  }

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

  .bg-white\/50 {
    background-color: #ffffff80;
  }

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

  .bg-white\/55 {
    background-color: #ffffff8c;
  }

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

  .bg-white\/65 {
    background-color: #ffffffa6;
  }

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

  .bg-white\/70 {
    background-color: #ffffffb3;
  }

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

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

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

  .bg-white\/95 {
    background-color: #fffffff2;
  }

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

  .bg-yellow-50\/70 {
    background-color: #fefce8b3;
  }

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

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

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

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

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

  .bg-zinc-50\/50 {
    background-color: #fafafa80;
  }

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

  .bg-zinc-50\/60 {
    background-color: #fafafa99;
  }

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

  .bg-zinc-50\/65 {
    background-color: #fafafaa6;
  }

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

  .bg-zinc-50\/70 {
    background-color: #fafafab3;
  }

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

  .bg-zinc-50\/80 {
    background-color: #fafafacc;
  }

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

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

  .bg-zinc-100\/70 {
    background-color: #f4f4f5b3;
  }

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

  .bg-zinc-100\/80 {
    background-color: #f4f4f5cc;
  }

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

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

  .bg-zinc-200\/60 {
    background-color: #e4e4e799;
  }

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

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

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

  .bg-zinc-500\/10 {
    background-color: #71717b1a;
  }

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

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

  .bg-zinc-900\/90 {
    background-color: #18181be6;
  }

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

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

  .bg-zinc-950\/5 {
    background-color: #09090b0d;
  }

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

  .bg-zinc-950\/90 {
    background-color: #09090be6;
  }

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

  .bg-linear-to-r {
    --tw-gradient-position: to right;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }

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

  .from-black\/30 {
    --tw-gradient-from: #0000004d;
    --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));
  }

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

  .from-blue-400 {
    --tw-gradient-from: var(--color-blue-400);
    --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));
  }

  .via-black\/35 {
    --tw-gradient-via: #00000059;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

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

  .via-emerald-400 {
    --tw-gradient-via: var(--color-emerald-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-amber-400 {
    --tw-gradient-to: var(--color-amber-400);
    --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-black\/75 {
    --tw-gradient-to: #000000bf;
    --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));
  }

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

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

  .fill-blue-700 {
    fill: var(--color-blue-700);
  }

  .fill-zinc-400 {
    fill: var(--color-zinc-400);
  }

  .fill-zinc-600 {
    fill: var(--color-zinc-600);
  }

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

  .stroke-zinc-400 {
    stroke: var(--color-zinc-400);
  }

  .stroke-2 {
    stroke-width: 2;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-fill {
    object-fit: fill;
  }

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !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-4 {
    padding: calc(var(--spacing) * 4);
  }

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

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

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

  .p-\[var\(--ui-space-section\)\] {
    padding: var(--ui-space-section);
  }

  .p-\[var\(--ui-space-shell\)\] {
    padding: var(--ui-space-shell);
  }

  .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-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-\[var\(--ui-space-section\)\] {
    padding-inline: var(--ui-space-section);
  }

  .px-\[var\(--ui-space-shell\)\] {
    padding-inline: var(--ui-space-shell);
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

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

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

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

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

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

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-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-\[var\(--ui-space-section\)\] {
    padding-block: var(--ui-space-section);
  }

  .section {
    padding-block: calc(var(--spacing) * 5);
  }

  .section\! {
    padding-block: calc(var(--spacing) * 5) !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-2 {
    padding-top: calc(var(--spacing) * 2);
  }

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

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

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

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

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

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

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

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

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

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

  .pr-\[3rem\] {
    padding-right: 3rem;
  }

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

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

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

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

  .pb-\[var\(--ui-space-section\)\] {
    padding-bottom: var(--ui-space-section);
  }

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

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

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

  .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-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }

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

  .pl-24 {
    padding-left: calc(var(--spacing) * 24);
  }

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

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

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

  .align-middle {
    vertical-align: middle;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .text-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-zinc-700);
  }

  .text-label:where(.dark, .dark *) {
    color: var(--color-zinc-300);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }

  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }

  .text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }

  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--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));
  }

  .sidebar-section-title {
    --tw-font-weight: var(--font-weight-medium);
    font-size: .6875rem;
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: var(--color-zinc-500);
    text-transform: none;
    -webkit-user-select: none;
    user-select: none;
  }

  .sidebar-section-title:where(.dark, .dark *) {
    color: var(--color-zinc-500);
  }

  .text-\[0\.625rem\] {
    font-size: .625rem;
  }

  .text-\[0\.6875rem\] {
    font-size: .6875rem;
  }

  .text-\[1\.25rem\] {
    font-size: 1.25rem;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[8px\]\! {
    font-size: 8px !important;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .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-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-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\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

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

  .text-wrap {
    text-wrap: wrap;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-dimmed {
    color: var(--color-zinc-500);
  }

  .text-dimmed:where(.dark, .dark *) {
    color: var(--color-zinc-500);
  }

  .text-primary {
    color: var(--color-zinc-900);
  }

  .text-primary:where(.dark, .dark *) {
    color: var(--color-zinc-100);
  }

  .text-secondary {
    color: var(--color-zinc-700);
  }

  .text-secondary:where(.dark, .dark *) {
    color: var(--color-zinc-300);
  }

  .\!text-amber-500 {
    color: var(--color-amber-500) !important;
  }

  .\!text-zinc-700 {
    color: var(--color-zinc-700) !important;
  }

  .app-accent-text {
    color: var(--ui-app-accent-text);
  }

  .text-\[var\(--app-accent\)\] {
    color: var(--app-accent);
  }

  .text-\[var\(--k2b-action\)\] {
    color: var(--k2b-action);
  }

  .text-\[var\(--k2b-ai-accent\)\] {
    color: var(--k2b-ai-accent);
  }

  .text-\[var\(--k2b-danger-text\)\] {
    color: var(--k2b-danger-text);
  }

  .text-\[var\(--k2b-success-text\)\] {
    color: var(--k2b-success-text);
  }

  .text-\[var\(--k2b-text\)\] {
    color: var(--k2b-text);
  }

  .text-\[var\(--k2b-text-muted\)\] {
    color: var(--k2b-text-muted);
  }

  .text-\[var\(--k2b-text-secondary\)\] {
    color: var(--k2b-text-secondary);
  }

  .text-\[var\(--k2b-warning-text\)\] {
    color: var(--k2b-warning-text);
  }

  .text-\[var\(--ui-accent\)\] {
    color: var(--ui-accent);
  }

  .text-\[var\(--ui-app-accent-text\)\] {
    color: var(--ui-app-accent-text);
  }

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

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

  .text-amber-600 {
    color: var(--color-amber-600);
  }

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

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-amber-950 {
    color: var(--color-amber-950);
  }

  .text-blue-400 {
    color: var(--color-blue-400);
  }

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

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-blue-950 {
    color: var(--color-blue-950);
  }

  .text-current {
    color: currentColor;
  }

  .text-current\/80 {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-current\/80 {
      color: color-mix(in oklab, currentcolor 80%, transparent);
    }
  }

  .text-cyan-500 {
    color: var(--color-cyan-500);
  }

  .text-cyan-600 {
    color: var(--color-cyan-600);
  }

  .text-cyan-700 {
    color: var(--color-cyan-700);
  }

  .text-cyan-800 {
    color: var(--color-cyan-800);
  }

  .text-cyan-950 {
    color: var(--color-cyan-950);
  }

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

  .text-emerald-500\/80 {
    color: #00bc7dcc;
  }

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

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

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-emerald-900 {
    color: var(--color-emerald-900);
  }

  .text-emerald-950 {
    color: var(--color-emerald-950);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-inherit {
    color: inherit;
  }

  .text-orange-500 {
    color: var(--color-orange-500);
  }

  .text-orange-600 {
    color: var(--color-orange-600);
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }

  .text-purple-700 {
    color: var(--color-purple-700);
  }

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

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-red-950 {
    color: var(--color-red-950);
  }

  .text-transparent {
    color: #0000;
  }

  .text-violet-600 {
    color: var(--color-violet-600);
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/75 {
    color: #ffffffbf;
  }

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

  .text-white\/90 {
    color: #ffffffe6;
  }

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

  .text-yellow-500 {
    color: var(--color-yellow-500);
  }

  .text-yellow-700 {
    color: var(--color-yellow-700);
  }

  .text-zinc-300 {
    color: var(--color-zinc-300);
  }

  .text-zinc-400 {
    color: var(--color-zinc-400);
  }

  .text-zinc-500 {
    color: var(--color-zinc-500);
  }

  .text-zinc-600 {
    color: var(--color-zinc-600);
  }

  .text-zinc-700 {
    color: var(--color-zinc-700);
  }

  .text-zinc-800 {
    color: var(--color-zinc-800);
  }

  .text-zinc-900 {
    color: var(--color-zinc-900);
  }

  .text-zinc-950 {
    color: var(--color-zinc-950);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .italic\! {
    font-style: italic !important;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .overline {
    text-decoration-line: overline;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .accent-\[var\(--k2b-ai-accent\)\] {
    accent-color: var(--k2b-ai-accent);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-15 {
    opacity: .15;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-85 {
    opacity: .85;
  }

  .opacity-100 {
    opacity: 1;
  }

  .mix-blend-overlay {
    mix-blend-mode: overlay;
  }

  .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-\[0_0_0_9999px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 0 0 9999px var(--tw-shadow-color, #0000001f);
    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_16px_48px_rgb\(24_24_27\/0\.12\)\] {
    --tw-shadow: 0 16px 48px var(--tw-shadow-color, #18181b1f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--ui-shadow-float\)\] {
    --tw-shadow: var(--ui-shadow-float);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--ui-shadow-surface\)\] {
    --tw-shadow: var(--ui-shadow-surface);
    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-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, .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);
  }

  .focus-ui:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-ui:focus-visible {
    box-shadow: var(--ui-focus);
  }

  .\[box-shadow\:inset_0_0_0_1px_var\(--ui-app-accent-border\)\] {
    box-shadow: inset 0 0 0 1px var(--ui-app-accent-border);
  }

  .\[box-shadow\:inset_0_0_0_1px_var\(--ui-focus\)\] {
    box-shadow: inset 0 0 0 1px var(--ui-focus);
  }

  .\[box-shadow\:inset_0_1px_0_0_rgb\(255_255_255\/0\.35\)\] {
    box-shadow: inset 0 1px #ffffff59;
  }

  .\[box-shadow\:inset_3px_0_0_var\(--ui-app-accent-border\)\] {
    box-shadow: inset 3px 0 0 var(--ui-app-accent-border);
  }

  .\[box-shadow\:var\(--ui-control-recess\)\] {
    box-shadow: var(--ui-control-recess);
  }

  .\[box-shadow\:var\(--ui-shadow-float\)\] {
    box-shadow: var(--ui-shadow-float);
  }

  .ring-\[var\(--k2b-border\)\] {
    --tw-ring-color: var(--k2b-border);
  }

  .ring-\[var\(--ui-app-accent-border\)\] {
    --tw-ring-color: var(--ui-app-accent-border);
  }

  .ring-amber-300\/50 {
    --tw-ring-color: #ffd23080;
  }

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

  .ring-black\/5 {
    --tw-ring-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .ring-black\/10 {
    --tw-ring-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .ring-blue-400 {
    --tw-ring-color: var(--color-blue-400);
  }

  .ring-blue-400\/40 {
    --tw-ring-color: #51a2ff66;
  }

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

  .ring-blue-500 {
    --tw-ring-color: var(--color-blue-500);
  }

  .ring-white\/10 {
    --tw-ring-color: #ffffff1a;
  }

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

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

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

  .ring-white\/20 {
    --tw-ring-color: #fff3;
  }

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

  .ring-zinc-200 {
    --tw-ring-color: var(--color-zinc-200);
  }

  .ring-zinc-950\/10 {
    --tw-ring-color: #09090b1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-zinc-950\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-zinc-950) 10%, transparent);
    }
  }

  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-\[var\(--ui-dialog-surface\)\] {
    --tw-ring-offset-color: var(--ui-dialog-surface);
  }

  .\[outline\:2px_solid_transparent\] {
    outline: 2px solid #0000;
  }

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

  .-outline-offset-1 {
    outline-offset: calc(1px * -1);
  }

  .outline-offset-2 {
    outline-offset: 2px;
  }

  .\[outline-color\:var\(--ui-app-accent-border\)\] {
    outline-color: var(--ui-app-accent-border);
  }

  .outline-\[var\(--ui-border-strong\)\] {
    outline-color: var(--ui-border-strong);
  }

  .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\! {
    --tw-blur: blur(8px) !important;
    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;
  }

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

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

  .sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -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, );
  }

  .\!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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !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-\[background-color\,border-color\] {
    transition-property: background-color, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,box-shadow\,color\] {
    transition-property: background-color, box-shadow, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,box-shadow\] {
    transition-property: background-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,background-color\,opacity\] {
    transition-property: color, background-color, opacity;
    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-\[outline-color\] {
    transition-property: outline-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,background-color\] {
    transition-property: width, background-color;
    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-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));
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .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-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

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

  .\[client\:\"\+hnr\.version\+\"\] {
    client: "+hnr.version+";
  }

  .\[client\:\"\+ynr\.version\+\"\] {
    client: "+ynr.version+";
  }

  .\[freeipa\:client\] {
    freeipa: client;
  }

  .\[freeipa\:session\] {
    freeipa: session;
  }

  .\[grids\:documents\] {
    grids: documents;
  }

  .\[grids\:migration-test\] {
    grids: migration-test;
  }

  .\[logging\:trace\] {
    logging: trace;
  }

  .\[mail\:websocket\] {
    mail: websocket;
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[view-transition-name\:admin-spaces-table\] {
    view-transition-name: admin-spaces-table;
  }

  .\[view-transition-name\:files-detail-panel\] {
    view-transition-name: files-detail-panel;
  }

  .\[view-transition-name\:space-item-detail-description\] {
    view-transition-name: space-item-detail-description;
  }

  .\[view-transition-name\:space-item-detail-header\] {
    view-transition-name: space-item-detail-header;
  }

  .\[view-transition-name\:spaces-items-table\] {
    view-transition-name: spaces-items-table;
  }

  .data-table-header {
    background: var(--ui-data-header);
  }

  .data-table-row-hover:hover {
    background: var(--ui-data-row-hover);
  }

  .data-table-row-selected {
    background: var(--ui-data-row-selected);
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .group-open\:rotate-90:-webkit-any(:where(.group):-webkit-any([open], :popover-open, :open) *) {
    rotate: 90deg;
  }

  .group-open\:rotate-90:-moz-any(:where(.group):-moz-any([open], :popover-open, :open) *) {
    rotate: 90deg;
  }

  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }

  .group-open\:rotate-180:-webkit-any(:where(.group):-webkit-any([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  .group-open\:rotate-180:-moz-any(:where(.group):-moz-any([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  .group-focus-within\:app-accent-text:is(:where(.group):focus-within *) {
    color: var(--ui-app-accent-text);
  }

  .group-focus-within\:opacity-0:is(:where(.group):focus-within *) {
    opacity: 0;
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/card\:opacity-100:is(:where(.group\/card):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/checklist\:opacity-100:is(:where(.group\/checklist):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/contact\:text-\[var\(--ui-app-accent-text\)\]:is(:where(.group\/contact):focus-within *) {
    color: var(--ui-app-accent-text);
  }

  @media (hover: hover) {
    .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);
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-\[var\(--ui-active\)\]:is(:where(.group):hover *) {
      background-color: var(--ui-active);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--color-zinc-900);
    }

    .group-hover\:text-primary:is(:where(.group):hover *):where(.dark, .dark *) {
      color: var(--color-zinc-100);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-secondary:is(:where(.group):hover *) {
      color: var(--color-zinc-700);
    }

    .group-hover\:text-secondary:is(:where(.group):hover *):where(.dark, .dark *) {
      color: var(--color-zinc-300);
    }
  }

  @media (hover: hover) {
    .group-hover\:app-accent-text:is(:where(.group):hover *) {
      color: var(--ui-app-accent-text);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-\[var\(--ui-app-accent-text\)\]:is(:where(.group):hover *) {
      color: var(--ui-app-accent-text);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-blue-500:is(:where(.group):hover *) {
      color: var(--color-blue-500);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-red-500:is(:where(.group):hover *) {
      color: var(--color-red-500);
    }
  }

  @media (hover: hover) {
    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\/card\:opacity-100:is(:where(.group\/card):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\/checklist\:opacity-100:is(:where(.group\/checklist):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\/contact\:text-\[var\(--ui-app-accent-text\)\]:is(:where(.group\/contact):hover *) {
      color: var(--ui-app-accent-text);
    }
  }

  @media (hover: hover) {
    .group-hover\/marker\:w-4:is(:where(.group\/marker):hover *) {
      width: calc(var(--spacing) * 4);
    }
  }

  @media (hover: hover) {
    .group-hover\/marker\:w-5:is(:where(.group\/marker):hover *) {
      width: calc(var(--spacing) * 5);
    }
  }

  @media (hover: hover) {
    .group-hover\/marker\:bg-zinc-500:is(:where(.group\/marker):hover *) {
      background-color: var(--color-zinc-500);
    }
  }

  @media (hover: hover) {
    .group-hover\/quick\:translate-x-0\.5:is(:where(.group\/quick):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\/quick\:app-accent-text:is(:where(.group\/quick):hover *) {
      color: var(--ui-app-accent-text);
    }
  }

  @media (hover: hover) {
    .group-hover\/tool\:translate-x-0\.5:is(:where(.group\/tool):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\/tool\:app-accent-text:is(:where(.group\/tool):hover *) {
      color: var(--ui-app-accent-text);
    }
  }

  .group-focus-visible\:text-blue-500:is(:where(.group):focus-visible *) {
    color: var(--color-blue-500);
  }

  .group-focus-visible\:underline:is(:where(.group):focus-visible *) {
    text-decoration-line: underline;
  }

  .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
    opacity: 1;
  }

  .group-has-\[input\:placeholder-shown\]\/search\:invisible:-webkit-any(:where(.group\/search):has(:-webkit-any(input:placeholder-shown)) *) {
    visibility: hidden;
  }

  .group-has-\[input\:placeholder-shown\]\/search\:invisible:-moz-any(:where(.group\/search):has(:-moz-any(input:placeholder-shown)) *) {
    visibility: hidden;
  }

  .group-has-\[input\:placeholder-shown\]\/search\:invisible:is(:where(.group\/search):has(:is(input:placeholder-shown)) *) {
    visibility: hidden;
  }

  .placeholder\:text-dimmed::placeholder {
    color: var(--color-zinc-500);
  }

  .placeholder\:text-dimmed::placeholder:where(.dark, .dark *) {
    color: var(--color-zinc-500);
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-4:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 4);
  }

  .before\:left-2:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 2);
  }

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

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

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .before\:bg-blue-500:before {
    content: var(--tw-content);
    background-color: var(--color-blue-500);
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .even\:bg-\[var\(--k2b-surface-muted\)\]:nth-child(2n) {
    background-color: var(--k2b-surface-muted);
  }

  .focus-within\:relative:focus-within {
    position: relative;
  }

  .focus-within\:z-10:focus-within {
    z-index: 10;
  }

  .focus-within\:bg-\[var\(--ui-hover\)\]:focus-within {
    background-color: var(--ui-hover);
  }

  .focus-within\:bg-\[var\(--ui-surface-subtle\)\]:focus-within {
    background-color: var(--ui-surface-subtle);
  }

  .focus-within\:outline-2:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-within\:outline-offset-2:focus-within {
    outline-offset: 2px;
  }

  .focus-within\:outline-\[var\(--k2b-focus-ring\)\]:focus-within {
    outline-color: var(--k2b-focus-ring);
  }

  @media (hover: hover) {
    .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);
    }
  }

  @media (hover: hover) {
    .hover\:paper-highlighted:hover {
      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));
      --tw-duration: .15s;
      border: 1px solid var(--ui-border);
      border-radius: var(--ui-radius-surface);
      background: var(--ui-surface);
      box-shadow: var(--ui-shadow-surface);
      background: var(--ui-paper-highlighted);
      transition-duration: .15s;
    }
  }

  @media (hover: hover) {
    .hover\:border:hover {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }

  @media (hover: hover) {
    .hover\:border-amber-200:hover {
      border-color: var(--color-amber-200);
    }
  }

  @media (hover: hover) {
    .hover\:border-emerald-500:hover {
      border-color: var(--color-emerald-500);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--k2b-hover\)\]:hover {
      background-color: var(--k2b-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--ui-hover\)\]:hover {
      background-color: var(--ui-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--ui-paper-highlighted\)\]:hover {
      background-color: var(--ui-paper-highlighted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--ui-surface-muted\)\]:hover {
      background-color: var(--ui-surface-muted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--ui-surface-raised\)\]:hover {
      background-color: var(--ui-surface-raised);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--ui-surface-subtle\)\]:hover {
      background-color: var(--ui-surface-subtle);
    }
  }

  @media (hover: hover) {
    .hover\:bg-amber-50:hover {
      background-color: var(--color-amber-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-black\/5:hover {
      background-color: #0000000d;
    }

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

  @media (hover: hover) {
    .hover\:bg-black\/90:hover {
      background-color: #000000e6;
    }

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

  @media (hover: hover) {
    .hover\:bg-blue-100\/80:hover {
      background-color: #dbeafecc;
    }

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

  @media (hover: hover) {
    .hover\:bg-blue-400\/20:hover {
      background-color: #51a2ff33;
    }

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

  @media (hover: hover) {
    .hover\:bg-blue-400\/25:hover {
      background-color: #51a2ff40;
    }

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

  @media (hover: hover) {
    .hover\:bg-blue-500\/10:hover {
      background-color: #2b7fff1a;
    }

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

  @media (hover: hover) {
    .hover\:bg-emerald-100:hover {
      background-color: var(--color-emerald-100);
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-500\/\[0\.08\]:hover {
      background-color: #fb2c3614;
    }

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

  @media (hover: hover) {
    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/30:hover {
      background-color: #ffffff4d;
    }

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

  @media (hover: hover) {
    .hover\:bg-white\/65:hover {
      background-color: #ffffffa6;
    }

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

  @media (hover: hover) {
    .hover\:bg-zinc-50:hover {
      background-color: var(--color-zinc-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-zinc-100:hover {
      background-color: var(--color-zinc-100);
    }
  }

  @media (hover: hover) {
    .hover\:bg-zinc-200\/80:hover {
      background-color: #e4e4e7cc;
    }

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

  @media (hover: hover) {
    .hover\:text-primary:hover {
      color: var(--color-zinc-900);
    }

    .hover\:text-primary:hover:where(.dark, .dark *) {
      color: var(--color-zinc-100);
    }
  }

  @media (hover: hover) {
    .hover\:text-secondary:hover {
      color: var(--color-zinc-700);
    }

    .hover\:text-secondary:hover:where(.dark, .dark *) {
      color: var(--color-zinc-300);
    }
  }

  @media (hover: hover) {
    .hover\:\!text-amber-500:hover {
      color: var(--color-amber-500) !important;
    }
  }

  @media (hover: hover) {
    .hover\:app-accent-text:hover {
      color: var(--ui-app-accent-text);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--k2b-ai-accent\)\]:hover {
      color: var(--k2b-ai-accent);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--k2b-text\)\]:hover {
      color: var(--k2b-text);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--ui-app-accent-text\)\]:hover {
      color: var(--ui-app-accent-text);
    }
  }

  @media (hover: hover) {
    .hover\:text-amber-500:hover {
      color: var(--color-amber-500);
    }
  }

  @media (hover: hover) {
    .hover\:text-blue-600:hover {
      color: var(--color-blue-600);
    }
  }

  @media (hover: hover) {
    .hover\:text-blue-700:hover {
      color: var(--color-blue-700);
    }
  }

  @media (hover: hover) {
    .hover\:text-current:hover {
      color: currentColor;
    }
  }

  @media (hover: hover) {
    .hover\:text-emerald-700:hover {
      color: var(--color-emerald-700);
    }
  }

  @media (hover: hover) {
    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }
  }

  @media (hover: hover) {
    .hover\:text-red-500:hover {
      color: var(--color-red-500);
    }
  }

  @media (hover: hover) {
    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }
  }

  @media (hover: hover) {
    .hover\:text-red-700:hover {
      color: var(--color-red-700);
    }
  }

  @media (hover: hover) {
    .hover\:text-zinc-950:hover {
      color: var(--color-zinc-950);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-75:hover {
      opacity: .75;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .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);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-xs:hover {
      --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);
    }
  }

  .focus\:opacity-100:focus {
    opacity: 1;
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:bg-\[var\(--ui-hover\)\]:focus-visible {
    background-color: var(--ui-hover);
  }

  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }

  .focus-visible\:shadow-\[var\(--ui-focus\)\]:focus-visible {
    --tw-shadow: var(--ui-focus);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:\[box-shadow\:var\(--ui-focus\)\]:focus-visible {
    box-shadow: var(--ui-focus);
  }

  .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-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px;
  }

  .focus-visible\:outline-\[var\(--k2b-focus-ring\)\]:focus-visible {
    outline-color: var(--k2b-focus-ring);
  }

  .focus-visible\:outline-\[var\(--ui-focus\)\]:focus-visible {
    outline-color: var(--ui-focus);
  }

  .focus-visible\:outline-blue-500:focus-visible {
    outline-color: var(--color-blue-500);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:bg-blue-400\/30:active {
    background-color: #51a2ff4d;
  }

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

  .active\:bg-blue-400\/35:active {
    background-color: #51a2ff59;
  }

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

  .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-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

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

  @media (min-width: 40rem) {
    .sm\:absolute {
      position: absolute;
    }
  }

  @media (min-width: 40rem) {
    .sm\:top-0 {
      top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-0 {
      right: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-4 {
      right: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-start-2 {
      grid-column-start: 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-start-3 {
      grid-column-start: 3;
    }
  }

  @media (min-width: 40rem) {
    .sm\:row-start-1 {
      grid-row-start: 1;
    }
  }

  @media (min-width: 40rem) {
    .sm\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex {
      display: flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:hidden {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline {
      display: inline;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-16 {
      height: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-h-\[36rem\] {
      min-height: 36rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-16 {
      width: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[6\.25rem\] {
      width: 6.25rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-fit {
      width: -moz-fit-content;
      width: fit-content;
    }
  }

  @media (min-width: 40rem) {
    .sm\:-translate-y-\[9vh\] {
      --tw-translate-y: calc(9vh * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[1\.2fr_1fr\] {
      grid-template-columns: 1.2fr 1fr;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[1fr_1fr_1fr_auto\] {
      grid-template-columns: 1fr 1fr 1fr auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[1fr_14rem\] {
      grid-template-columns: 1fr 14rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[7rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 7rem minmax(0, 1fr);
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[8rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 8rem minmax(0, 1fr);
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[10rem_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 10rem minmax(0, 1fr) auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[12rem_1fr\] {
      grid-template-columns: 12rem 1fr;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: auto minmax(0, 1fr) auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[max-content_minmax\(0\,1fr\)\] {
      grid-template-columns: max-content minmax(0, 1fr);
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[minmax\(0\,1fr\)_8rem\] {
      grid-template-columns: minmax(0, 1fr) 8rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[minmax\(0\,1fr\)_8rem_11rem\] {
      grid-template-columns: minmax(0, 1fr) 8rem 11rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-center {
      align-items:  center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-end {
      align-items:  flex-end;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-start {
      align-items:  flex-start;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-x-7 {
      column-gap: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-self-auto {
      justify-self: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:overflow-visible {
      overflow: visible;
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-\[1\.25rem\] {
      border-radius: 1.25rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-2 {
      padding: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[1\.7rem\] {
      font-size: 1.7rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:opacity-0 {
      opacity: 0;
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
      opacity: 1;
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-focus-within\/access-row\:opacity-100:is(:where(.group\/access-row):focus-within *) {
      opacity: 1;
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-focus-within\/api-key\:opacity-100:is(:where(.group\/api-key):focus-within *) {
      opacity: 1;
    }
  }

  @media (min-width: 40rem) {
    @media (hover: hover) {
      .sm\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }
    }
  }

  @media (min-width: 40rem) {
    @media (hover: hover) {
      .sm\:group-hover\/access-row\:opacity-100:is(:where(.group\/access-row):hover *) {
        opacity: 1;
      }
    }
  }

  @media (min-width: 40rem) {
    @media (hover: hover) {
      .sm\:group-hover\/api-key\:opacity-100:is(:where(.group\/api-key):hover *) {
        opacity: 1;
      }
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_1fr_1fr_1fr_auto\] {
      grid-template-columns: 1fr 1fr 1fr 1fr auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[10rem_1fr\] {
      grid-template-columns: 10rem 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[12rem_7rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 12rem 7rem minmax(0, 1fr);
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[16rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 16rem minmax(0, 1fr);
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[140px_1fr_auto\] {
      grid-template-columns: 140px 1fr auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(0\,1fr\)_10rem\] {
      grid-template-columns: minmax(0, 1fr) 10rem;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(0\,1fr\)_14rem\] {
      grid-template-columns: minmax(0, 1fr) 14rem;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(8rem\,0\.6fr\)_minmax\(12rem\,1fr\)_auto\] {
      grid-template-columns: minmax(8rem, .6fr) minmax(12rem, 1fr) auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-center {
      align-items:  center;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-start {
      align-items:  flex-start;
    }
  }

  @media (min-width: 48rem) {
    .md\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 64rem) {
    .lg\:top-4 {
      top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 64rem) {
    .lg\:top-8 {
      top: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:top-\[var\(--ui-space-section\)\] {
      top: var(--ui-space-section);
    }
  }

  @media (min-width: 64rem) {
    .lg\:right-8 {
      right: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-9 {
      grid-column: span 9 / span 9;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-10 {
      grid-column: span 10 / span 10;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-11 {
      grid-column: span 11 / span 11;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-12 {
      grid-column: span 12 / span 12;
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:h-auto {
      height: auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:h-screen {
      height: 100vh;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-1 {
      flex: 1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:shrink {
      flex-shrink: 1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1\.2fr_1\.8fr\] {
      grid-template-columns: 1.2fr 1.8fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1\.05fr_0\.95fr\] {
      grid-template-columns: 1.05fr .95fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1fr_22rem\] {
      grid-template-columns: 1fr 22rem;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[10rem_1fr\] {
      grid-template-columns: 10rem 1fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {
      grid-template-columns: minmax(0, 1fr) 22rem;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(18rem\,0\.8fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(18rem, .8fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(20rem\,24rem\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(17rem\,0\.72fr\)_minmax\(0\,1\.28fr\)\] {
      grid-template-columns: minmax(17rem, .72fr) minmax(0, 1.28fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(20rem\,0\.92fr\)_minmax\(0\,1\.08fr\)\] {
      grid-template-columns: minmax(20rem, .92fr) minmax(0, 1.08fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-start {
      align-items:  flex-start;
    }
  }

  @media (min-width: 64rem) {
    .lg\:self-start {
      align-self:  flex-start;
    }
  }

  @media (min-width: 64rem) {
    .lg\:overflow-auto {
      overflow: auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:overflow-hidden {
      overflow: hidden;
    }
  }

  @media (min-width: 64rem) {
    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex {
      display: flex;
    }
  }

  @media (min-width: 80rem) {
    .xl\:table-cell {
      display: table-cell;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_24rem\] {
      grid-template-columns: minmax(0, 1fr) 24rem;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_26rem\] {
      grid-template-columns: minmax(0, 1fr) 26rem;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(10rem\,0\.7fr\)_minmax\(14rem\,1\.3fr\)\] {
      grid-template-columns: minmax(10rem, .7fr) minmax(14rem, 1.3fr);
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-16 {
      grid-template-columns: repeat(16, minmax(0, 1fr));
    }
  }

  .dark\:border-amber-900:where(.dark, .dark *) {
    border-color: var(--color-amber-900);
  }

  .dark\:border-amber-900\/60:where(.dark, .dark *) {
    border-color: #7b330699;
  }

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

  .dark\:border-amber-900\/70:where(.dark, .dark *) {
    border-color: #7b3306b3;
  }

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

  .dark\:border-blue-900\/60:where(.dark, .dark *) {
    border-color: #1c398e99;
  }

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

  .dark\:border-blue-900\/70:where(.dark, .dark *) {
    border-color: #1c398eb3;
  }

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

  .dark\:border-cyan-900\/70:where(.dark, .dark *) {
    border-color: #104e64b3;
  }

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

  .dark\:border-emerald-900\/60:where(.dark, .dark *) {
    border-color: #004f3b99;
  }

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

  .dark\:border-emerald-900\/70:where(.dark, .dark *) {
    border-color: #004f3bb3;
  }

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

  .dark\:border-gray-700:where(.dark, .dark *) {
    border-color: var(--color-gray-700);
  }

  .dark\:border-red-800:where(.dark, .dark *) {
    border-color: var(--color-red-800);
  }

  .dark\:border-red-900:where(.dark, .dark *) {
    border-color: var(--color-red-900);
  }

  .dark\:border-red-900\/60:where(.dark, .dark *) {
    border-color: #82181a99;
  }

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

  .dark\:border-red-900\/70:where(.dark, .dark *) {
    border-color: #82181ab3;
  }

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

  .dark\:border-white\/20:where(.dark, .dark *) {
    border-color: #fff3;
  }

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

  .dark\:border-yellow-800:where(.dark, .dark *) {
    border-color: var(--color-yellow-800);
  }

  .dark\:border-zinc-600\/50:where(.dark, .dark *) {
    border-color: #52525c80;
  }

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

  .dark\:border-zinc-700:where(.dark, .dark *) {
    border-color: var(--color-zinc-700);
  }

  .dark\:border-zinc-800:where(.dark, .dark *) {
    border-color: var(--color-zinc-800);
  }

  .dark\:border-zinc-800\/70:where(.dark, .dark *) {
    border-color: #27272ab3;
  }

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

  .dark\:bg-amber-900:where(.dark, .dark *) {
    background-color: var(--color-amber-900);
  }

  .dark\:bg-amber-900\/30:where(.dark, .dark *) {
    background-color: #7b33064d;
  }

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

  .dark\:bg-amber-900\/40:where(.dark, .dark *) {
    background-color: #7b330666;
  }

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

  .dark\:bg-amber-950:where(.dark, .dark *) {
    background-color: var(--color-amber-950);
  }

  .dark\:bg-amber-950\/20:where(.dark, .dark *) {
    background-color: #46190133;
  }

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

  .dark\:bg-amber-950\/25:where(.dark, .dark *) {
    background-color: #46190140;
  }

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

  .dark\:bg-amber-950\/30:where(.dark, .dark *) {
    background-color: #4619014d;
  }

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

  .dark\:bg-amber-950\/40:where(.dark, .dark *) {
    background-color: #46190166;
  }

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

  .dark\:bg-black\/20:where(.dark, .dark *) {
    background-color: #0003;
  }

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

  .dark\:bg-black\/50:where(.dark, .dark *) {
    background-color: #00000080;
  }

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

  .dark\:bg-blue-400\/15:where(.dark, .dark *) {
    background-color: #51a2ff26;
  }

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

  .dark\:bg-blue-900:where(.dark, .dark *) {
    background-color: var(--color-blue-900);
  }

  .dark\:bg-blue-900\/20:where(.dark, .dark *) {
    background-color: #1c398e33;
  }

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

  .dark\:bg-blue-900\/30:where(.dark, .dark *) {
    background-color: #1c398e4d;
  }

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

  .dark\:bg-blue-900\/40:where(.dark, .dark *) {
    background-color: #1c398e66;
  }

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

  .dark\:bg-blue-900\/50:where(.dark, .dark *) {
    background-color: #1c398e80;
  }

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

  .dark\:bg-blue-950:where(.dark, .dark *) {
    background-color: var(--color-blue-950);
  }

  .dark\:bg-blue-950\/25:where(.dark, .dark *) {
    background-color: #16245640;
  }

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

  .dark\:bg-blue-950\/30:where(.dark, .dark *) {
    background-color: #1624564d;
  }

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

  .dark\:bg-blue-950\/35:where(.dark, .dark *) {
    background-color: #16245659;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-950\/35:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-blue-950) 35%, transparent);
    }
  }

  .dark\:bg-blue-950\/40:where(.dark, .dark *) {
    background-color: #16245666;
  }

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

  .dark\:bg-cyan-900\/30:where(.dark, .dark *) {
    background-color: #104e644d;
  }

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

  .dark\:bg-cyan-900\/40:where(.dark, .dark *) {
    background-color: #104e6466;
  }

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

  .dark\:bg-cyan-950\/25:where(.dark, .dark *) {
    background-color: #05334540;
  }

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

  .dark\:bg-emerald-900:where(.dark, .dark *) {
    background-color: var(--color-emerald-900);
  }

  .dark\:bg-emerald-900\/30:where(.dark, .dark *) {
    background-color: #004f3b4d;
  }

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

  .dark\:bg-emerald-900\/40:where(.dark, .dark *) {
    background-color: #004f3b66;
  }

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

  .dark\:bg-emerald-900\/50:where(.dark, .dark *) {
    background-color: #004f3b80;
  }

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

  .dark\:bg-emerald-950\/25:where(.dark, .dark *) {
    background-color: #002c2240;
  }

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

  .dark\:bg-emerald-950\/30:where(.dark, .dark *) {
    background-color: #002c224d;
  }

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

  .dark\:bg-emerald-950\/40:where(.dark, .dark *) {
    background-color: #002c2266;
  }

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

  .dark\:bg-emerald-950\/45:where(.dark, .dark *) {
    background-color: #002c2273;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-950\/45:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 45%, transparent);
    }
  }

  .dark\:bg-gray-700:where(.dark, .dark *) {
    background-color: var(--color-gray-700);
  }

  .dark\:bg-gray-800:where(.dark, .dark *) {
    background-color: var(--color-gray-800);
  }

  .dark\:bg-gray-900:where(.dark, .dark *) {
    background-color: var(--color-gray-900);
  }

  .dark\:bg-green-950\/40:where(.dark, .dark *) {
    background-color: #032e1566;
  }

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

  .dark\:bg-red-900:where(.dark, .dark *) {
    background-color: var(--color-red-900);
  }

  .dark\:bg-red-900\/30:where(.dark, .dark *) {
    background-color: #82181a4d;
  }

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

  .dark\:bg-red-900\/40:where(.dark, .dark *) {
    background-color: #82181a66;
  }

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

  .dark\:bg-red-900\/50:where(.dark, .dark *) {
    background-color: #82181a80;
  }

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

  .dark\:bg-red-950:where(.dark, .dark *) {
    background-color: var(--color-red-950);
  }

  .dark\:bg-red-950\/20:where(.dark, .dark *) {
    background-color: #46080933;
  }

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

  .dark\:bg-red-950\/25:where(.dark, .dark *) {
    background-color: #46080940;
  }

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

  .dark\:bg-red-950\/30:where(.dark, .dark *) {
    background-color: #4608094d;
  }

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

  .dark\:bg-red-950\/40:where(.dark, .dark *) {
    background-color: #46080966;
  }

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

  .dark\:bg-red-950\/45:where(.dark, .dark *) {
    background-color: #46080973;
  }

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

  .dark\:bg-violet-900:where(.dark, .dark *) {
    background-color: var(--color-violet-900);
  }

  .dark\:bg-violet-900\/30:where(.dark, .dark *) {
    background-color: #4d179a4d;
  }

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

  .dark\:bg-violet-900\/40:where(.dark, .dark *) {
    background-color: #4d179a66;
  }

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

  .dark\:bg-violet-900\/50:where(.dark, .dark *) {
    background-color: #4d179a80;
  }

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

  .dark\:bg-white\/5:where(.dark, .dark *) {
    background-color: #ffffff0d;
  }

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

  .dark\:bg-white\/10:where(.dark, .dark *) {
    background-color: #ffffff1a;
  }

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

  .dark\:bg-yellow-400\/40:where(.dark, .dark *) {
    background-color: #fac80066;
  }

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

  .dark\:bg-yellow-950:where(.dark, .dark *) {
    background-color: var(--color-yellow-950);
  }

  .dark\:bg-yellow-950\/30:where(.dark, .dark *) {
    background-color: #4320044d;
  }

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

  .dark\:bg-zinc-100:where(.dark, .dark *) {
    background-color: var(--color-zinc-100);
  }

  .dark\:bg-zinc-700:where(.dark, .dark *) {
    background-color: var(--color-zinc-700);
  }

  .dark\:bg-zinc-800:where(.dark, .dark *) {
    background-color: var(--color-zinc-800);
  }

  .dark\:bg-zinc-800\/40:where(.dark, .dark *) {
    background-color: #27272a66;
  }

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

  .dark\:bg-zinc-800\/50:where(.dark, .dark *) {
    background-color: #27272a80;
  }

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

  .dark\:bg-zinc-800\/70:where(.dark, .dark *) {
    background-color: #27272ab3;
  }

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

  .dark\:bg-zinc-800\/80:where(.dark, .dark *) {
    background-color: #27272acc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-800\/80:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-800) 80%, transparent);
    }
  }

  .dark\:bg-zinc-900:where(.dark, .dark *) {
    background-color: var(--color-zinc-900);
  }

  .dark\:bg-zinc-900\/35:where(.dark, .dark *) {
    background-color: #18181b59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-900\/35:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 35%, transparent);
    }
  }

  .dark\:bg-zinc-900\/45:where(.dark, .dark *) {
    background-color: #18181b73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-900\/45:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 45%, transparent);
    }
  }

  .dark\:bg-zinc-900\/50:where(.dark, .dark *) {
    background-color: #18181b80;
  }

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

  .dark\:bg-zinc-900\/60:where(.dark, .dark *) {
    background-color: #18181b99;
  }

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

  .dark\:bg-zinc-900\/70:where(.dark, .dark *) {
    background-color: #18181bb3;
  }

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

  .dark\:bg-zinc-900\/80:where(.dark, .dark *) {
    background-color: #18181bcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-900\/80:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 80%, transparent);
    }
  }

  .dark\:bg-zinc-900\/95:where(.dark, .dark *) {
    background-color: #18181bf2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-900\/95:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 95%, transparent);
    }
  }

  .dark\:bg-zinc-950:where(.dark, .dark *) {
    background-color: var(--color-zinc-950);
  }

  .dark\:bg-zinc-950\/35:where(.dark, .dark *) {
    background-color: #09090b59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-950\/35:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 35%, transparent);
    }
  }

  .dark\:bg-zinc-950\/70:where(.dark, .dark *) {
    background-color: #09090bb3;
  }

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

  .dark\:bg-zinc-950\/80:where(.dark, .dark *) {
    background-color: #09090bcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-950\/80:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 80%, transparent);
    }
  }

  .dark\:bg-zinc-950\/95:where(.dark, .dark *) {
    background-color: #09090bf2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-zinc-950\/95:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 95%, transparent);
    }
  }

  .dark\:fill-blue-300:where(.dark, .dark *) {
    fill: var(--color-blue-300);
  }

  .dark\:fill-blue-900:where(.dark, .dark *) {
    fill: var(--color-blue-900);
  }

  .dark\:fill-zinc-400:where(.dark, .dark *) {
    fill: var(--color-zinc-400);
  }

  .dark\:fill-zinc-600:where(.dark, .dark *) {
    fill: var(--color-zinc-600);
  }

  .dark\:stroke-zinc-600:where(.dark, .dark *) {
    stroke: var(--color-zinc-600);
  }

  .dark\:text-primary:where(.dark, .dark *) {
    color: var(--color-zinc-900);
  }

  .dark\:text-primary:where(.dark, .dark *):where(.dark, .dark *) {
    color: var(--color-zinc-100);
  }

  .dark\:text-amber-100:where(.dark, .dark *) {
    color: var(--color-amber-100);
  }

  .dark\:text-amber-200:where(.dark, .dark *) {
    color: var(--color-amber-200);
  }

  .dark\:text-amber-300:where(.dark, .dark *) {
    color: var(--color-amber-300);
  }

  .dark\:text-amber-400:where(.dark, .dark *) {
    color: var(--color-amber-400);
  }

  .dark\:text-blue-100:where(.dark, .dark *) {
    color: var(--color-blue-100);
  }

  .dark\:text-blue-200:where(.dark, .dark *) {
    color: var(--color-blue-200);
  }

  .dark\:text-blue-300:where(.dark, .dark *) {
    color: var(--color-blue-300);
  }

  .dark\:text-blue-400:where(.dark, .dark *) {
    color: var(--color-blue-400);
  }

  .dark\:text-cyan-100:where(.dark, .dark *) {
    color: var(--color-cyan-100);
  }

  .dark\:text-cyan-200:where(.dark, .dark *) {
    color: var(--color-cyan-200);
  }

  .dark\:text-cyan-300:where(.dark, .dark *) {
    color: var(--color-cyan-300);
  }

  .dark\:text-cyan-400:where(.dark, .dark *) {
    color: var(--color-cyan-400);
  }

  .dark\:text-emerald-100:where(.dark, .dark *) {
    color: var(--color-emerald-100);
  }

  .dark\:text-emerald-200:where(.dark, .dark *) {
    color: var(--color-emerald-200);
  }

  .dark\:text-emerald-300:where(.dark, .dark *) {
    color: var(--color-emerald-300);
  }

  .dark\:text-emerald-400:where(.dark, .dark *) {
    color: var(--color-emerald-400);
  }

  .dark\:text-emerald-400\/80:where(.dark, .dark *) {
    color: #00d492cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-emerald-400\/80:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-emerald-400) 80%, transparent);
    }
  }

  .dark\:text-gray-200:where(.dark, .dark *) {
    color: var(--color-gray-200);
  }

  .dark\:text-gray-400:where(.dark, .dark *) {
    color: var(--color-gray-400);
  }

  .dark\:text-gray-500:where(.dark, .dark *) {
    color: var(--color-gray-500);
  }

  .dark\:text-green-300:where(.dark, .dark *) {
    color: var(--color-green-300);
  }

  .dark\:text-green-400:where(.dark, .dark *) {
    color: var(--color-green-400);
  }

  .dark\:text-orange-400:where(.dark, .dark *) {
    color: var(--color-orange-400);
  }

  .dark\:text-purple-300:where(.dark, .dark *) {
    color: var(--color-purple-300);
  }

  .dark\:text-purple-400:where(.dark, .dark *) {
    color: var(--color-purple-400);
  }

  .dark\:text-red-100:where(.dark, .dark *) {
    color: var(--color-red-100);
  }

  .dark\:text-red-200:where(.dark, .dark *) {
    color: var(--color-red-200);
  }

  .dark\:text-red-300:where(.dark, .dark *) {
    color: var(--color-red-300);
  }

  .dark\:text-red-400:where(.dark, .dark *) {
    color: var(--color-red-400);
  }

  .dark\:text-violet-200:where(.dark, .dark *) {
    color: var(--color-violet-200);
  }

  .dark\:text-violet-300:where(.dark, .dark *) {
    color: var(--color-violet-300);
  }

  .dark\:text-violet-400:where(.dark, .dark *) {
    color: var(--color-violet-400);
  }

  .dark\:text-white:where(.dark, .dark *) {
    color: var(--color-white);
  }

  .dark\:text-white\/56:where(.dark, .dark *) {
    color: #ffffff8f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/56:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 56%, transparent);
    }
  }

  .dark\:text-yellow-50:where(.dark, .dark *) {
    color: var(--color-yellow-50);
  }

  .dark\:text-yellow-200:where(.dark, .dark *) {
    color: var(--color-yellow-200);
  }

  .dark\:text-zinc-50:where(.dark, .dark *) {
    color: var(--color-zinc-50);
  }

  .dark\:text-zinc-100:where(.dark, .dark *) {
    color: var(--color-zinc-100);
  }

  .dark\:text-zinc-200:where(.dark, .dark *) {
    color: var(--color-zinc-200);
  }

  .dark\:text-zinc-300:where(.dark, .dark *) {
    color: var(--color-zinc-300);
  }

  .dark\:text-zinc-400:where(.dark, .dark *) {
    color: var(--color-zinc-400);
  }

  .dark\:text-zinc-500:where(.dark, .dark *) {
    color: var(--color-zinc-500);
  }

  .dark\:text-zinc-600:where(.dark, .dark *) {
    color: var(--color-zinc-600);
  }

  .dark\:text-zinc-700:where(.dark, .dark *) {
    color: var(--color-zinc-700);
  }

  .dark\:ring-blue-500:where(.dark, .dark *) {
    --tw-ring-color: var(--color-blue-500);
  }

  .dark\:ring-white\/10:where(.dark, .dark *) {
    --tw-ring-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-white\/10:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:ring-zinc-800:where(.dark, .dark *) {
    --tw-ring-color: var(--color-zinc-800);
  }

  @media (hover: hover) {
    .dark\:group-hover\/marker\:bg-zinc-400:where(.dark, .dark *):is(:where(.group\/marker):hover *) {
      background-color: var(--color-zinc-400);
    }
  }

  .dark\:before\:bg-blue-400:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-color: var(--color-blue-400);
  }

  @media (hover: hover) {
    .dark\:hover\:bg-blue-400\/15:where(.dark, .dark *):hover {
      background-color: #51a2ff26;
    }

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

  @media (hover: hover) {
    .dark\:hover\:bg-blue-400\/20:where(.dark, .dark *):hover {
      background-color: #51a2ff33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-blue-400\/20:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-blue-500\/15:where(.dark, .dark *):hover {
      background-color: #2b7fff26;
    }

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

  @media (hover: hover) {
    .dark\:hover\:bg-blue-900\/35:where(.dark, .dark *):hover {
      background-color: #1c398e59;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-blue-900\/35:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-blue-900) 35%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-emerald-900\/50:where(.dark, .dark *):hover {
      background-color: #004f3b80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-emerald-900\/50:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-red-950\/30:where(.dark, .dark *):hover {
      background-color: #4608094d;
    }

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

  @media (hover: hover) {
    .dark\:hover\:bg-white\/10:where(.dark, .dark *):hover {
      background-color: #ffffff1a;
    }

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

  @media (hover: hover) {
    .dark\:hover\:bg-zinc-700\/80:where(.dark, .dark *):hover {
      background-color: #3f3f46cc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-zinc-700\/80:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-zinc-700) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-zinc-800:where(.dark, .dark *):hover {
      background-color: var(--color-zinc-800);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-zinc-800\/50:where(.dark, .dark *):hover {
      background-color: #27272a80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-zinc-800\/50:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-zinc-800) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-zinc-900:where(.dark, .dark *):hover {
      background-color: var(--color-zinc-900);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-zinc-950:where(.dark, .dark *):hover {
      background-color: var(--color-zinc-950);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:text-blue-300:where(.dark, .dark *):hover {
      color: var(--color-blue-300);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:text-blue-400:where(.dark, .dark *):hover {
      color: var(--color-blue-400);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:text-blue-500:where(.dark, .dark *):hover {
      color: var(--color-blue-500);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:text-gray-300:where(.dark, .dark *):hover {
      color: var(--color-gray-300);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:text-red-300:where(.dark, .dark *):hover {
      color: var(--color-red-300);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:text-red-400:where(.dark, .dark *):hover {
      color: var(--color-red-400);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:text-white:where(.dark, .dark *):hover {
      color: var(--color-white);
    }
  }

  .\[\&_\.k2b-button__label\]\:w-full .k2b-button label {
    width: 100%;
  }

  .\[\&_\.k2b-button__label\]\:justify-start .k2b-button label {
    justify-content: flex-start;
  }

  .\[\&_\.k2b-tabs__list\]\:shrink-0 .k2b-tabs list {
    flex-shrink: 0;
  }

  .\[\&_\.k2b-tabs__panel\]\:min-h-0 .k2b-tabs panel {
    min-height: calc(var(--spacing) * 0);
  }

  .\[\&_\.k2b-tabs__panel\]\:flex-1 .k2b-tabs panel {
    flex: 1;
  }

  .\[\&_\.k2b-tabs__panel\]\:overflow-hidden .k2b-tabs panel {
    overflow: hidden;
  }

  .\[\&_a\]\:\!text-blue-700 a {
    color: var(--color-blue-700) !important;
  }

  .\[\&_blockquote\]\:\!text-zinc-700 blockquote {
    color: var(--color-zinc-700) !important;
  }

  .\[\&_code\]\:\!text-zinc-950 code {
    color: var(--color-zinc-950) !important;
  }

  .\[\&_h1\]\:\!text-zinc-950 h1 {
    color: var(--color-zinc-950) !important;
  }

  .\[\&_h2\]\:\!text-zinc-950 h2 {
    color: var(--color-zinc-950) !important;
  }

  .\[\&_h3\]\:\!text-zinc-950 h3 {
    color: var(--color-zinc-950) !important;
  }

  .\[\&_h4\]\:\!text-zinc-950 h4 {
    color: var(--color-zinc-950) !important;
  }

  .\[\&_h5\]\:\!text-zinc-950 h5 {
    color: var(--color-zinc-950) !important;
  }

  .\[\&_h6\]\:\!text-zinc-950 h6 {
    color: var(--color-zinc-950) !important;
  }

  .\[\&_li\]\:\!text-zinc-700 li {
    color: var(--color-zinc-700) !important;
  }

  .\[\&_p\]\:my-0 p {
    margin-block: calc(var(--spacing) * 0);
  }

  .\[\&_p\]\:\!text-zinc-700 p {
    color: var(--color-zinc-700) !important;
  }

  .\[\&_strong\]\:\!text-zinc-950 strong {
    color: var(--color-zinc-950) !important;
  }

  .\[\&_svg\]\:block svg {
    display: block;
  }

  .\[\&_svg\]\:size-full svg {
    width: 100%;
    height: 100%;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\>\.k2b-button__label\]\:w-full > .k2b-button label {
    width: 100%;
  }

  .\[\&\>\.k2b-settings-collection__header\]\:sr-only > .k2b-settings-collection header {
    position: absolute;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
  }

  @media (hover: none) {
    .\[\@media\(hover\:none\)\]\:opacity-0 {
      opacity: 0;
    }
  }

  @media (hover: none) {
    .\[\@media\(hover\:none\)\]\:opacity-100 {
      opacity: 1;
    }
  }

  @media (max-width: 559px) {
    .\[\@media\(max-width\:559px\)\]\:hidden {
      display: none;
    }
  }

  @media (min-width: 560px) {
    .\[\@media\(min-width\:560px\)\]\:grid-cols-\[0\.9fr_1\.1fr\] {
      grid-template-columns: .9fr 1.1fr;
    }
  }

  @media (min-width: 640px) {
    .\[\@media\(min-width\:640px\)\]\:pr-\[7rem\] {
      padding-right: 7rem;
    }
  }
}

@layer properties;

.k2b-ui .k2b-file-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 10rem), 1fr));
  align-content:  start;
  gap: .75rem;
}

.k2b-ui .k2b-file-grid[data-size="sm"] {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 8rem), 1fr));
}

.k2b-ui .k2b-file-grid[data-size="lg"] {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
}

.k2b-ui .k2b-file-grid__row {
  min-width: 0;
}

.k2b-ui .k2b-file-grid__item {
  position: relative;
  display: flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text);
  flex-direction: column;
  gap: .5rem;
  height: 100%;
  padding: .75rem;
}

.k2b-ui .k2b-file-grid__item:hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-file-grid__item[aria-selected="true"] {
  background: var(--k2b-selected);
}

.k2b-ui .k2b-file-grid__item:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-file-grid__preview {
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items:  center;
  height: 8rem;
}

.k2b-ui .k2b-file-grid[data-size="sm"] .k2b-file-grid__preview {
  height: 5rem;
}

.k2b-ui .k2b-file-grid[data-size="lg"] .k2b-file-grid__preview {
  height: 11rem;
}

.k2b-ui .k2b-file-grid__preview img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.k2b-ui .k2b-file-grid__name {
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  font-size: .875rem;
}

.k2b-ui .k2b-file-grid__meta {
  color: var(--k2b-text-secondary);
  font-size: .75rem;
}

.k2b-ui .k2b-file-grid__actions {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: .5rem;
  margin-top: auto;
}

@layer theme, base, components, utilities;

.k2b-ui {
  --k2b-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --k2b-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --k2b-neutral-50: #fafafa;
  --k2b-neutral-100: #f4f4f5;
  --k2b-neutral-200: #e4e4e7;
  --k2b-neutral-300: #d4d4d8;
  --k2b-neutral-400: #a1a1aa;
  --k2b-neutral-500: #71717a;
  --k2b-neutral-600: #52525b;
  --k2b-neutral-700: #3f3f46;
  --k2b-neutral-800: #27272a;
  --k2b-neutral-900: #18181b;
  --k2b-neutral-950: #09090b;
  --k2b-accent-50: #eff6ff;
  --k2b-accent-100: #dbeafe;
  --k2b-accent-200: #bfdbfe;
  --k2b-accent-300: #93c5fd;
  --k2b-accent-400: #60a5fa;
  --k2b-accent-500: #3b82f6;
  --k2b-accent-600: #2563eb;
  --k2b-accent-700: #1d4ed8;
  --k2b-accent-800: #1e40af;
  --k2b-accent-900: #1e3a8a;
  --k2b-accent-950: #172554;
  --k2b-success-500: #10b981;
  --k2b-success-600: #059669;
  --k2b-warning-500: #f59e0b;
  --k2b-danger-500: #ef4444;
  --k2b-danger-600: #dc2626;
  --k2b-ai-accent: #0891b2;
  --k2b-ai-accent-hover: #0e7490;
  --k2b-ai-border: #06b6d4;
  --k2b-ai-surface: #ecfeff;
  --k2b-ai-solid: #0e7490;
  --k2b-ai-solid-hover: #155e75;
  --k2b-ai-on-solid: #fff;
  --k2b-surface-canvas: var(--k2b-neutral-50);
  --k2b-surface: #fff;
  --k2b-surface-muted: var(--k2b-neutral-100);
  --k2b-surface-elevated: #fff;
  --k2b-text: var(--k2b-neutral-950);
  --k2b-text-secondary: var(--k2b-neutral-700);
  --k2b-text-muted: var(--k2b-neutral-600);
  --k2b-placeholder-color: var(--k2b-neutral-500);
  --k2b-border: var(--k2b-neutral-200);
  --k2b-border-strong: var(--k2b-neutral-300);
  --k2b-hover: var(--k2b-accent-50);
  --k2b-selected: var(--k2b-accent-100);
  --k2b-action: var(--k2b-accent-700);
  --k2b-action-hover: var(--k2b-accent-800);
  --k2b-app-workspace-active: var(--k2b-action);
  --k2b-action-solid: var(--k2b-accent-700);
  --k2b-action-solid-hover: var(--k2b-accent-800);
  --k2b-selection: #1d4ed859;
  --k2b-focus-ring: var(--k2b-accent-500);
  --k2b-focus-fill: var(--k2b-focus-ring);
  --k2b-focus-inset: inset 0 0 0 2px var(--k2b-focus-fill);
  --k2b-info-surface: var(--k2b-accent-50);
  --k2b-info-text: var(--k2b-accent-700);
  --k2b-success-surface: #ecfdf5;
  --k2b-success-text: #047857;
  --k2b-warning-surface: #fffbeb;
  --k2b-warning-text: #92400e;
  --k2b-danger-surface: #fef2f2;
  --k2b-danger-text: #b91c1c;
  --k2b-radius-control: .5rem;
  --k2b-radius-surface: .75rem;
  --k2b-radius-dialog: .875rem;
  --k2b-shadow-surface: none;
  --k2b-shadow-frame: 0 -3px 10px -8px #0f171329, 0 0 16px -9px #0f171329, 0 14px 36px -32px #0f171338, 0 1px 5px #0f17130a;
  --k2b-shadow-workspace-edge: -3px 0 6px -5px #0000001a, 3px 0 6px -5px #0000001a;
  --k2b-shadow-float: 0 18px 48px #09090b2e;
  --k2b-shadow-toast: 0 8px 24px -12px #09090b47;
  --stdlib-chart-c1: var(--k2b-accent-500);
  --stdlib-chart-c2: var(--k2b-success-500);
  --stdlib-chart-c3: var(--k2b-warning-500);
  --stdlib-chart-c4: #8b5cf6;
  --stdlib-chart-c5: #ec4899;
  --stdlib-chart-c6: #06b6d4;
  --stdlib-chart-c7: #84cc16;
  --stdlib-chart-c8: #f97316;
  --k2b-chart-highlight-mix: black;
  color: var(--k2b-text);
  background: var(--k2b-surface-canvas);
  font-family: var(--k2b-font-sans);
  --buncss-light: initial;
  --buncss-dark: ;
  --buncss-light: initial;
  --buncss-dark: ;
  color-scheme: light;
  font-size: .9375rem;
  font-weight: 400;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui {
    --k2b-focus-fill: var(--k2b-focus-ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui {
      --k2b-focus-fill: color-mix(in srgb, var(--k2b-focus-ring) 45%, var(--k2b-surface));
    }
  }
}

.k2b-ui[data-theme="dark"], .k2b-ui.k2b-dark, .dark .k2b-ui {
  --k2b-surface-canvas: #090d12;
  --k2b-surface: #11151b;
  --k2b-surface-muted: #20242a;
  --k2b-surface-elevated: #181d24;
  --k2b-text: var(--k2b-neutral-50);
  --k2b-text-secondary: var(--k2b-neutral-200);
  --k2b-text-muted: var(--k2b-neutral-400);
  --k2b-placeholder-color: var(--k2b-neutral-400);
  --k2b-border: #29313a;
  --k2b-border-strong: #3a4552;
  --k2b-hover: #252c35;
  --k2b-selected: var(--k2b-accent-950);
  --k2b-action: var(--k2b-accent-300);
  --k2b-action-hover: var(--k2b-accent-200);
  --k2b-action-solid: var(--k2b-accent-600);
  --k2b-action-solid-hover: var(--k2b-accent-700);
  --k2b-selection: #93c5fd59;
  --k2b-focus-ring: var(--k2b-accent-400);
  --k2b-focus-fill: var(--k2b-focus-ring);
  --k2b-focus-inset: inset 0 0 0 2px var(--k2b-focus-fill);
  --k2b-info-surface: var(--k2b-accent-950);
  --k2b-info-text: var(--k2b-accent-300);
  --k2b-success-surface: #052e26;
  --k2b-success-text: #6ee7b7;
  --k2b-warning-surface: #422006;
  --k2b-warning-text: #fcd34d;
  --k2b-danger-surface: #450a0a;
  --k2b-danger-text: #fca5a5;
  --k2b-ai-accent: #22d3ee;
  --k2b-ai-accent-hover: #67e8f9;
  --k2b-ai-border: #22d3ee;
  --k2b-ai-surface: #083344;
  --k2b-ai-solid: #22d3ee;
  --k2b-ai-solid-hover: #67e8f9;
  --k2b-ai-on-solid: #083344;
  --k2b-shadow-surface: none;
  --k2b-shadow-frame: 0 -3px 10px -8px #00000052, 0 0 16px -9px #0000008f, 0 16px 40px -30px #0000007a, 0 1px 7px #00000024;
  --k2b-shadow-workspace-edge: -3px 0 6px -5px #00000047, 3px 0 6px -5px #00000047;
  --k2b-shadow-float: 0 22px 56px #00000085;
  --k2b-shadow-toast: 0 10px 28px -14px #00000094;
  --buncss-light: ;
  --buncss-dark: initial;
  --buncss-light: ;
  --buncss-dark: initial;
  color-scheme: dark;
  --k2b-chart-highlight-mix: white;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.k2b-ui[data-theme="dark"], .k2b-ui.k2b-dark, .dark .k2b-ui) {
    --k2b-placeholder-color: var(--k2b-neutral-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.k2b-ui[data-theme="dark"], .k2b-ui.k2b-dark, .dark .k2b-ui) {
      --k2b-placeholder-color: color-mix(in srgb, var(--k2b-neutral-400) 70%, var(--k2b-neutral-500));
    }
  }
}

.k2b-ui, .k2b-ui *, .k2b-ui *:before, .k2b-ui *:after {
  box-sizing: border-box;
}

.k2b-ui::selection, .k2b-ui ::selection {
  background-color: var(--k2b-selection);
}

.k2b-ui :where(button, input, select, textarea) {
  font: inherit;
}

.k2b-ui :where(button, a) {
  -webkit-tap-highlight-color: transparent;
}

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

.k2b-ui .k2b-panes {
  display: flex;
  overflow: hidden;
  background: var(--k2b-surface);
  isolation: isolate;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
}

.k2b-ui .k2b-panes__split {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.k2b-ui .k2b-panes__split[data-direction="horizontal"] {
  flex-direction: row;
}

.k2b-ui .k2b-panes__split[data-direction="vertical"] {
  flex-direction: column;
}

.k2b-ui .k2b-panes__split-child {
  display: flex;
  overflow: hidden;
  min-width: 0;
  min-height: 0;
}

.k2b-ui .k2b-panes__separator {
  position: relative;
  z-index: 3;
  cursor: default;
  background: none;
  border: 0;
  flex: none;
  padding: 0;
}

.k2b-ui .k2b-panes__separator[data-direction="horizontal"] {
  cursor: col-resize;
  width: .5rem;
}

.k2b-ui .k2b-panes__separator[data-direction="vertical"] {
  cursor: row-resize;
  height: .5rem;
}

.k2b-ui .k2b-panes__separator[aria-disabled="true"] {
  cursor: default;
}

.k2b-ui .k2b-panes__separator > span {
  position: absolute;
  background: var(--k2b-border-strong);
  opacity: 0;
  border-radius: 999px;
  transition: opacity .12s, background-color .12s, box-shadow .12s;
}

.k2b-ui .k2b-panes__separator[data-direction="horizontal"] > span {
  inset: .5rem 0;
}

.k2b-ui .k2b-panes__separator[data-direction="vertical"] > span {
  inset: 0 .5rem;
}

.k2b-ui .k2b-panes__separator:not([aria-disabled="true"]):hover > span, .k2b-ui .k2b-panes__separator:not([aria-disabled="true"]):active > span {
  background: var(--k2b-success-500);
  opacity: 1;
}

.k2b-ui .k2b-panes__separator:not([aria-disabled="true"]):focus-visible > span {
  background: var(--k2b-success-600);
  opacity: 1;
}

.k2b-ui .k2b-panes__separator:focus-visible {
  outline: none;
}

.k2b-ui .k2b-panes__separator:focus-visible > span {
  box-shadow: 0 0 0 3px var(--k2b-success-600);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-panes__separator:focus-visible > span {
    box-shadow: 0 0 0 3px var(--k2b-success-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-panes__separator:focus-visible > span {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--k2b-success-600) 42%, transparent);
    }
  }
}

.k2b-ui .k2b-panes__group {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex: 1;
  gap: 0;
  min-width: 0;
  height: 100%;
  min-height: 0;
}

.k2b-ui .k2b-panes__tabs {
  position: relative;
  z-index: 2;
  display: flex;
  color: var(--k2b-text-muted);
  background: var(--k2b-surface);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  flex: none;
  align-items:  center;
  gap: .25rem;
  min-width: 0;
  height: 2.5rem;
  padding: .375rem .5rem .375rem .75rem;
}

.k2b-ui .k2b-panes__tabs::-webkit-scrollbar {
  display: none;
}

.k2b-ui .k2b-panes__tabs-scrollbar {
  position: absolute;
  z-index: 4;
  cursor: ew-resize;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  border-radius: 999px;
  height: .375rem;
  transition: opacity .12s;
  top: 2.125rem;
  left: 0;
  right: 0;
}

.k2b-ui .k2b-panes__tabs:hover + .k2b-panes__tabs-scrollbar, .k2b-ui .k2b-panes__tabs:focus-within + .k2b-panes__tabs-scrollbar, .k2b-ui .k2b-panes__tabs-scrollbar:hover {
  opacity: 1;
  pointer-events: auto;
}

.k2b-ui .k2b-panes__tabs-scrollbar > span {
  display: block;
  background: var(--k2b-border-strong);
  transform: translateX(var(--k2b-panes-scroll-left));
  width: var(--k2b-panes-scroll-width);
  background-clip: padding-box;
  border: .125rem solid #0000;
  border-radius: 999px;
  height: 100%;
}

.k2b-ui .k2b-panes__tab {
  position: relative;
  display: flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 0 auto;
  align-items:  center;
  gap: .25rem;
  min-width: 5rem;
  max-width: 16rem;
  height: 1.75rem;
  padding: 0;
  transition: color .12s, background-color .12s, box-shadow .12s, opacity .12s;
  font-size: .75rem;
}

.k2b-ui .k2b-panes__tab:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-panes__tab[data-active="true"] {
  color: var(--k2b-text);
  background: var(--k2b-surface-muted);
  font-weight: 600;
}

.k2b-ui .k2b-panes__tab[data-movable="true"] {
  cursor: grab;
}

.k2b-ui .k2b-panes__tab[data-dnd-active="true"] {
  cursor: grabbing;
  opacity: .4;
}

.k2b-ui .k2b-panes__tab-button {
  display: flex;
  border-radius: inherit;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: inherit;
  background: none;
  border: 0;
  flex: 1;
  align-items:  center;
  gap: .375rem;
  min-width: 0;
  height: 100%;
  padding: 0;
  font-size: .75rem;
  line-height: 1rem;
}

.k2b-ui .k2b-panes__drag-surface, .k2b-ui.k2b-panes__drag-surface {
  display: flex;
  border-radius: inherit;
  color: inherit;
  font: inherit;
  overflow: hidden;
  background: none;
  flex: 1;
  align-items:  center;
  gap: .375rem;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 0 .625rem;
}

.k2b-ui .k2b-panes__drag-surface > span, .k2b-ui.k2b-panes__drag-surface > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.k2b-ui.k2b-panes__drag-preview[aria-hidden="true"] {
  display: inline-flex;
  border: 1px solid var(--k2b-border, #e4e4e7);
  border-radius: var(--k2b-radius-control, .5rem);
  color: var(--k2b-text, #09090b);
  background: var(--k2b-surface-elevated, #fff);
  box-shadow: var(--k2b-shadow-float, 0 18px 48px #09090b2e);
  font-family: var(--k2b-font-sans, ui-sans-serif, system-ui, sans-serif);
  opacity: .96;
  flex: none;
  align-items:  center;
  gap: .375rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 5rem;
  max-width: 16rem;
  height: 1.75rem;
  padding: 0 .625rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
}

.k2b-ui.k2b-panes__drag-preview[aria-hidden="true"] > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k2b-ui .k2b-panes__tab-button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-panes__icon {
  display: block;
  flex: none;
  font-size: .875rem;
  line-height: 1;
}

.k2b-ui .k2b-panes__close {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  color: var(--k2b-text-muted);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  background: none;
  border: 0;
  border-radius: .25rem;
  justify-content: center;
  align-items:  center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  transition: opacity .12s, color .12s;
  top: .125rem;
  right: .125rem;
}

.k2b-ui .k2b-panes__tab:hover > .k2b-panes__close, .k2b-ui .k2b-panes__tab:focus-within > .k2b-panes__close {
  opacity: 1;
  pointer-events: auto;
}

.k2b-ui .k2b-panes__close:focus-visible {
  opacity: 1;
  pointer-events: auto;
}

.k2b-ui .k2b-panes__tab[data-closable="true"]:hover > .k2b-panes__tab-button .k2b-panes__drag-surface, .k2b-ui .k2b-panes__tab[data-closable="true"]:focus-within > .k2b-panes__tab-button .k2b-panes__drag-surface {
  padding-right: 1.5rem;
}

.k2b-ui .k2b-panes__close:hover {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-panes__close:focus-visible {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-panes__close:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-panes__body {
  position: relative;
  display: block;
  overflow: hidden;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.k2b-ui .k2b-panes__panel {
  display: block;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
}

.k2b-ui .k2b-panes__panel[hidden] {
  display: none;
}

.k2b-ui .k2b-panes__empty {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items:  center;
  min-width: 0;
  min-height: 0;
}

.k2b-ui .k2b-panes__add {
  display: inline-flex;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface);
  font: inherit;
  cursor: pointer;
  justify-content: center;
  align-items:  center;
  gap: .375rem;
  min-height: 2rem;
  padding: .375rem .625rem;
}

.k2b-ui .k2b-panes__add:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-panes__add:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-panes__add--tab {
  background: none;
  border-color: #0000;
  flex: none;
  width: 1.75rem;
  min-height: 1.75rem;
  padding: 0;
}

.k2b-ui .k2b-panes__drop-targets {
  --k2b-panes-drop-edge: min(3.5rem, 22cqi, 22cqb);
  --k2b-panes-drop-gap: .375rem;
  position: absolute;
  z-index: 5;
  overflow: hidden;
  container-type: size;
  pointer-events: none;
  inset: 2.5rem .5rem .5rem;
}

.k2b-ui .k2b-panes__drop-target {
  z-index: 6;
  display: flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-success-text);
  background: var(--k2b-success-surface);
  box-shadow: none;
  pointer-events: auto;
  border: 0;
  justify-content: center;
  align-items:  center;
  gap: .375rem;
  transition: background-color .12s, transform .12s;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1rem;
}

.k2b-ui .k2b-panes__drop-target > i {
  flex: none;
  font-size: .875rem;
}

.k2b-ui .k2b-panes__drop-target[data-active="true"] {
  color: #fff;
  background: var(--k2b-success-500);
}

.k2b-ui .k2b-panes__drop-target[data-placement="tab"] {
  position: absolute;
  z-index: 10;
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-success-surface);
  width: 1.5rem;
  top: .125rem;
  bottom: .125rem;
  left: -.75rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-panes__drop-target[data-placement="tab"] {
    background: var(--k2b-success-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-panes__drop-target[data-placement="tab"] {
      background: color-mix(in srgb, var(--k2b-success-surface) 88%, transparent);
    }
  }
}

.k2b-ui .k2b-panes__drop-target[data-placement="tab-end"] {
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-success-surface);
  flex: none;
  width: 1.5rem;
  height: 1.75rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-panes__drop-target[data-placement="tab-end"] {
    background: var(--k2b-success-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-panes__drop-target[data-placement="tab-end"] {
      background: color-mix(in srgb, var(--k2b-success-surface) 88%, transparent);
    }
  }
}

.k2b-ui .k2b-panes__drop-target[data-placement="tab"][data-active="true"], .k2b-ui .k2b-panes__drop-target[data-placement="tab-end"][data-active="true"] {
  color: #fff;
  background: var(--k2b-success-500);
  transform: scale(1.08);
}

.k2b-ui .k2b-panes__drop-target[data-placement="body"] {
  position: absolute;
  text-align: center;
  min-width: 5rem;
  max-width: calc(100% - 1rem);
  min-height: 2.5rem;
  padding: .5rem .625rem;
}

.k2b-ui .k2b-panes__drop-target[data-kind="split"] {
  overflow: hidden;
  white-space: nowrap;
  border-radius: 0;
  min-width: 0;
  max-width: none;
  min-height: 0;
  padding: .25rem;
}

.k2b-ui .k2b-panes__drop-target[data-kind="group"] {
  inset: calc(var(--k2b-panes-drop-edge)  + var(--k2b-panes-drop-gap)  + var(--k2b-panes-drop-gap));
  border-radius: .375rem;
  min-width: 0;
  min-height: 0;
  padding: 0;
  font-size: 1rem;
}

.k2b-ui .k2b-panes__drop-target[data-zone="left"] {
  inset: calc(var(--k2b-panes-drop-gap)  + var(--k2b-panes-drop-gap)) auto calc(var(--k2b-panes-drop-gap)  + var(--k2b-panes-drop-gap)) var(--k2b-panes-drop-gap);
  width: var(--k2b-panes-drop-edge);
  clip-path: polygon(round .375rem, 0 0, 100% var(--k2b-panes-drop-edge), 100% calc(100% - var(--k2b-panes-drop-edge)), 0 100%);
  flex-direction: column;
}

.k2b-ui .k2b-panes__drop-target[data-zone="right"] {
  inset: calc(var(--k2b-panes-drop-gap)  + var(--k2b-panes-drop-gap)) var(--k2b-panes-drop-gap) calc(var(--k2b-panes-drop-gap)  + var(--k2b-panes-drop-gap)) auto;
  width: var(--k2b-panes-drop-edge);
  clip-path: polygon(round .375rem, 100% 0, 0 var(--k2b-panes-drop-edge), 0 calc(100% - var(--k2b-panes-drop-edge)), 100% 100%);
  flex-direction: column;
}

.k2b-ui .k2b-panes__drop-target[data-zone="left"] > span, .k2b-ui .k2b-panes__drop-target[data-zone="right"] > span {
  display: none;
}

.k2b-ui .k2b-panes__drop-target[data-zone="top"] {
  inset: var(--k2b-panes-drop-gap) calc(var(--k2b-panes-drop-gap)  + var(--k2b-panes-drop-gap)) auto;
  height: var(--k2b-panes-drop-edge);
  clip-path: polygon(round .375rem, 0 0, 100% 0, calc(100% - var(--k2b-panes-drop-edge)) 100%, var(--k2b-panes-drop-edge) 100%);
}

.k2b-ui .k2b-panes__drop-target[data-zone="bottom"] {
  inset: auto calc(var(--k2b-panes-drop-gap)  + var(--k2b-panes-drop-gap)) var(--k2b-panes-drop-gap);
  height: var(--k2b-panes-drop-edge);
  clip-path: polygon(round .375rem, var(--k2b-panes-drop-edge) 0, calc(100% - var(--k2b-panes-drop-edge)) 0, 100% 100%, 0 100%);
}

@container (width <= 18rem) {
  .k2b-ui .k2b-panes__drop-target[data-kind="split"] > span {
    display: none;
  }
}

@container (height <= 12rem) {
  .k2b-ui .k2b-panes__drop-target[data-kind="split"] > span {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .k2b-ui .k2b-panes__separator > span, .k2b-ui .k2b-panes__tab, .k2b-ui .k2b-panes__drop-target {
    transition: none;
  }
}

.k2b-ui .k2b-app-workspace__sidebar-body {
  display: flex;
  min-height: calc(var(--spacing, .25rem) * 0);
  overflow: auto;
  flex: 1;
  gap: .25rem;
  padding: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-footer {
  padding: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-section {
  display: flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  flex-direction: column;
  gap: .125rem;
}

.k2b-ui .k2b-app-workspace__sidebar-section-header {
  display: flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  align-items:  center;
  min-height: 1.75rem;
  margin: .375rem .25rem .125rem .5rem;
}

.k2b-ui .k2b-app-workspace__sidebar-section-header > h2 {
  color: var(--k2b-text-muted);
  letter-spacing: normal;
  text-transform: none;
  min-width: 0;
  margin: 0;
  font-size: .6875rem;
  font-weight: 500;
  line-height: 1rem;
}

.k2b-ui .k2b-app-workspace__sidebar-section-actions {
  display: flex;
  flex-shrink: 0;
  align-items:  center;
  gap: .125rem;
  margin-left: auto;
}

.k2b-ui .k2b-app-workspace__sidebar-item {
  display: flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  text-align: left;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  text-decoration: none;
  cursor: pointer;
  padding: .375rem .5625rem;
  background: none;
  border: 0;
  align-items:  center;
  gap: .5rem;
  width: 100%;
  min-height: 2rem;
  padding-inline-start: calc(.5625rem + var(--k2b-sidebar-item-depth, 0) * .75rem);
  font-size: .75rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-app-workspace__sidebar-item:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-app-workspace__nav-tree, .k2b-ui .k2b-app-workspace__nav-tree-group {
  display: flex;
  flex-direction: column;
  gap: .125rem;
  min-width: 0;
}

.k2b-ui .k2b-app-workspace__nav-tree-node {
  outline: none;
  min-width: 0;
}

.k2b-ui .k2b-app-workspace__nav-tree-node:focus-visible > .k2b-app-workspace__nav-tree-row {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-app-workspace__nav-tree-toggle {
  display: grid;
  color: var(--k2b-text-muted);
  border-radius: .35rem;
  flex: none;
  place-items:  center;
  width: 1.5rem;
  height: 1.5rem;
}

.k2b-ui .k2b-app-workspace__nav-tree-toggle:hover {
  color: var(--k2b-action);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-app-workspace__nav-tree-toggle > i {
  font-size: .75rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item-meta.k2b-app-workspace__nav-tree-leaf-meta {
  display: inline-flex;
  justify-content: flex-end;
  min-width: 1.5rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item.is-active {
  color: var(--k2b-app-workspace-active);
  background: none;
  font-weight: 600;
}

.k2b-ui .k2b-app-workspace__sidebar-item.is-active:hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-app-workspace__sidebar-item:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.k2b-ui .k2b-app-workspace__sidebar-item-icon {
  text-align: center;
  flex-shrink: 0;
  width: 1rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item-label {
  min-width: calc(var(--spacing, .25rem) * 0);
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  flex: 1;
}

.k2b-ui .k2b-app-workspace__sidebar-item-label-text {
  display: inline-block;
  min-width: max-content;
  transform: translate(0);
}

@keyframes k2b-sidebar-label-marquee {
  0%, 15% {
    transform: translate(0);
  }

  85%, to {
    transform: translateX(calc(-1 * var(--k2b-sidebar-label-overflow, 0px)));
  }
}

.k2b-ui .k2b-app-workspace__sidebar-item-label[data-overflow="true"][data-marquee="true"]:hover .k2b-app-workspace__sidebar-item-label-text, .k2b-ui .k2b-app-workspace__sidebar-item:focus-within .k2b-app-workspace__sidebar-item-label[data-overflow="true"][data-marquee="true"] .k2b-app-workspace__sidebar-item-label-text {
  animation: 4s ease-in-out .2s infinite alternate k2b-sidebar-label-marquee;
}

@media (prefers-reduced-motion: reduce) {
  .k2b-ui .k2b-app-workspace__sidebar-item-label-text {
    animation: none !important;
    transform: none !important;
  }
}

.k2b-ui .k2b-app-workspace__sidebar-item-meta {
  display: inline-flex;
  color: var(--k2b-text-muted);
  flex-shrink: 0;
  align-items:  center;
  font-size: .625rem;
  line-height: 1;
}

.k2b-ui .k2b-app-workspace__sidebar-item-meta :where(i) {
  display: inline-block;
  line-height: 1;
}

.k2b-ui .k2b-app-workspace__main {
  position: relative;
  display: flex;
  min-height: calc(var(--spacing, .25rem) * 0);
  min-width: calc(var(--spacing, .25rem) * 0);
  z-index: 1;
  overflow: auto;
  scrollbar-gutter: stable;
  background: var(--k2b-surface);
  box-shadow: var(--k2b-shadow-workspace-edge);
  flex-direction: column;
  flex: 1;
}

.k2b-ui .k2b-app-workspace__main[data-scroll="false"] {
  overflow: hidden;
  scrollbar-gutter: auto;
}

.k2b-ui .k2b-chart {
  position: relative;
  display: block;
  min-width: calc(var(--spacing, .25rem) * 0);
}

.k2b-ui :where(.k2b-chart) {
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-chart[data-drag="idle"] {
  cursor: grab;
}

.k2b-ui .k2b-chart[data-drag="active"] {
  cursor: grabbing;
  -webkit-user-select: none;
  user-select: none;
}

.k2b-ui .k2b-chart[data-crosshair="true"] {
  cursor: crosshair;
}

.k2b-ui .k2b-chart[data-drag] {
  touch-action: none;
}

.k2b-ui .k2b-chart[data-interactive="true"]:focus-visible {
  outline: none;
  border-radius: var(--k2b-radius-control);
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-chart__svg, .k2b-ui .k2b-chart__svg > svg {
  display: block;
  width: 100%;
  height: 100%;
}

.k2b-ui .k2b-chart__svg[data-stretch] {
  container-type: size;
  --k2b-chart-inverse-x: tan(atan2(var(--k2b-chart-width), 100cqw));
  --k2b-chart-inverse-y: tan(atan2(var(--k2b-chart-height), 100cqh));
}

.k2b-ui .k2b-chart__svg[data-stretch] text {
  scale: var(--k2b-chart-inverse-x) var(--k2b-chart-inverse-y);
}

.k2b-ui .k2b-chart__svg[data-stretch] :-webkit-any(circle, .stdlib-chart-point, .stdlib-chart-legend) {
  transform-box: fill-box;
  transform-origin: center;
  scale: var(--k2b-chart-inverse-x) var(--k2b-chart-inverse-y);
}

.k2b-ui .k2b-chart__svg[data-stretch] :-moz-any(circle, .stdlib-chart-point, .stdlib-chart-legend) {
  transform-box: fill-box;
  transform-origin: center;
  scale: var(--k2b-chart-inverse-x) var(--k2b-chart-inverse-y);
}

.k2b-ui .k2b-chart__svg[data-stretch] :is(circle, .stdlib-chart-point, .stdlib-chart-legend) {
  transform-box: fill-box;
  transform-origin: center;
  scale: var(--k2b-chart-inverse-x) var(--k2b-chart-inverse-y);
}

.k2b-ui .k2b-chart__svg[data-stretch] .stdlib-chart-legend text {
  scale: none;
}

.k2b-ui .k2b-chart[data-chart-kind="scatter"] .k2b-chart__svg[data-stretch] .stdlib-chart-point {
  scale: calc(var(--k2b-chart-inverse-x) * 1.75) calc(var(--k2b-chart-inverse-y) * 1.75);
}

.k2b-ui .k2b-chart__svg[data-stretch] :-webkit-any(path, line, rect, circle) {
  vector-effect: non-scaling-stroke;
}

.k2b-ui .k2b-chart__svg[data-stretch] :-moz-any(path, line, rect, circle) {
  vector-effect: non-scaling-stroke;
}

.k2b-ui .k2b-chart__svg[data-stretch] :is(path, line, rect, circle) {
  vector-effect: non-scaling-stroke;
}

.k2b-ui .k2b-chart[data-chart-kind="sparkline"] .k2b-chart__svg {
  padding: 4px;
}

.k2b-ui .k2b-chart[data-chart-kind="sparkline"] .k2b-chart__svg > svg {
  overflow: visible;
}

.k2b-ui .k2b-chart[data-interactive] .k2b-chart__svg :-webkit-any(.stdlib-chart-heatmap-label, .stdlib-chart-box-median, .stdlib-chart-box-whisker, .stdlib-chart-box-cap) {
  pointer-events: none;
}

.k2b-ui .k2b-chart[data-interactive] .k2b-chart__svg :-moz-any(.stdlib-chart-heatmap-label, .stdlib-chart-box-median, .stdlib-chart-box-whisker, .stdlib-chart-box-cap) {
  pointer-events: none;
}

.k2b-ui .k2b-chart[data-interactive] .k2b-chart__svg :is(.stdlib-chart-heatmap-label, .stdlib-chart-box-median, .stdlib-chart-box-whisker, .stdlib-chart-box-cap) {
  pointer-events: none;
}

.k2b-ui .k2b-chart [data-chart-datum] {
  cursor: crosshair;
}

.k2b-ui .k2b-chart [data-inspected]:not([data-chart-role="value"]) > :-webkit-any(rect, path, circle) {
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
  stroke: var(--k2b-chart-inspection-color) !important;
}

.k2b-ui .k2b-chart [data-inspected]:not([data-chart-role="value"]) > :-moz-any(rect, path, circle) {
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
  stroke: var(--k2b-chart-inspection-color) !important;
}

.k2b-ui .k2b-chart [data-inspected]:not([data-chart-role="value"]) > :-webkit-any(rect, path, circle) {
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
  stroke: var(--k2b-chart-inspection-color) !important;
}

.k2b-ui .k2b-chart [data-inspected]:not([data-chart-role="value"]) > :-moz-any(rect, path, circle) {
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
  stroke: var(--k2b-chart-inspection-color) !important;
}

.k2b-ui .k2b-chart [data-inspected]:not([data-chart-role="value"]) > :is(rect, path, circle) {
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
  stroke: var(--k2b-chart-inspection-color) !important;
}

.k2b-ui .k2b-chart [data-inspected] > .stdlib-chart-inspection-point {
  fill: var(--k2b-chart-inspection-color);
}

.k2b-ui .k2b-chart [data-inspected][data-chart-role="value"] > :-webkit-any(.stdlib-chart-gauge-value, .stdlib-chart-stat-value) {
  text-decoration: underline;
}

.k2b-ui .k2b-chart [data-inspected][data-chart-role="value"] > :-moz-any(.stdlib-chart-gauge-value, .stdlib-chart-stat-value) {
  text-decoration: underline;
}

.k2b-ui .k2b-chart [data-inspected][data-chart-role="value"] > :is(.stdlib-chart-gauge-value, .stdlib-chart-stat-value) {
  text-decoration: underline;
}

.k2b-ui .k2b-chart[data-inspecting="series"]:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--k2b-chart-inspection-x);
  opacity: .3;
  pointer-events: none;
  border-left: 1px dashed;
}

.k2b-ui .k2b-chart .stdlib-chart {
  color: inherit;
}

.k2b-ui .k2b-chart .stdlib-chart-tick-label, .k2b-ui .k2b-chart .stdlib-chart-bar-value, .k2b-ui .k2b-chart .stdlib-chart-axis-label {
  font-family: var(--k2b-font-mono);
  font-variant-numeric: tabular-nums;
}

.k2b-ui .k2b-chart .stdlib-chart a {
  cursor: pointer;
}

.k2b-ui .k2b-chart .stdlib-chart a:hover .stdlib-chart-state-region, .k2b-ui .k2b-chart .stdlib-chart a:focus .stdlib-chart-state-region {
  outline: none;
  opacity: .8;
}

.k2b-ui .k2b-chart__empty {
  display: flex;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--k2b-text-muted);
  justify-content: center;
  align-items:  center;
}

.k2b-ui .k2b-chart__anchor {
  pointer-events: none;
  position: absolute;
  top: calc(var(--spacing, .25rem) * 0);
  left: calc(var(--spacing, .25rem) * 0);
  width: 1px;
  height: 1px;
}

.k2b-ui .k2b-chart__controls {
  position: absolute;
  top: calc(var(--spacing, .25rem) * 2);
  right: calc(var(--spacing, .25rem) * 2);
  z-index: 10;
  display: flex;
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 1);
}

.k2b-ui .k2b-ui-portal {
  display: contents;
}

.k2b-ui .k2b-button {
  display: inline-flex;
  white-space: nowrap;
  border-radius: var(--k2b-radius-control);
  color: #fff;
  background: var(--k2b-action-solid);
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  border: 1px solid #0000;
  justify-content: center;
  align-items:  center;
  gap: .375rem;
  min-height: 2rem;
  padding: .375rem .75rem;
  transition: background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out, opacity .15s ease-out, scale .1s ease-out;
  font-size: .75rem;
  font-weight: 500;
}

.k2b-ui .k2b-button[data-size="sm"] {
  min-height: 1.75rem;
  padding: .25rem .625rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-button[data-size="xs"] {
  gap: .25rem;
  min-height: 1.5rem;
  padding: .125rem .375rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-button[data-size="lg"] {
  min-height: 2.5rem;
  padding: .5rem 1rem;
  font-size: .8125rem;
}

.k2b-ui .k2b-button:not(:disabled):hover {
  background: var(--k2b-action-solid-hover);
}

.k2b-ui .k2b-button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-button:not(:disabled):active {
  scale: .98;
}

.k2b-ui .k2b-button:disabled {
  opacity: .4;
  cursor: not-allowed;
  box-shadow: none;
  transition: none;
}

.k2b-ui .k2b-button[data-variant="secondary"] {
  border-color: var(--k2b-border);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface);
}

.k2b-ui .k2b-button[data-variant="secondary"]:not(:disabled):hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-button[data-variant="ghost"] {
  color: var(--k2b-text-secondary);
  background: none;
}

.k2b-ui .k2b-button[data-variant="ghost"]:not(:disabled):hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-button[data-variant="text"] {
  color: var(--k2b-text-secondary);
  background: none;
  border-left-width: 0;
  border-right-width: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.k2b-ui .k2b-button[data-variant="text"]:not(:disabled):hover {
  color: var(--k2b-text);
  background: none;
}

.k2b-ui .k2b-button[data-variant="subtle"] {
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-button[data-variant="subtle"]:not(:disabled):hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-button[data-variant="input"] {
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
  border-color: #0000;
  min-height: 2.25rem;
}

.k2b-ui .k2b-icon-button[data-variant="input"] {
  width: 2.25rem;
}

.k2b-ui .k2b-button[data-variant="input"]:not(:disabled):hover {
  border-color: var(--k2b-border);
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-button[data-variant="input"]:focus-visible {
  background: var(--k2b-surface);
  box-shadow: var(--k2b-focus-inset);
  outline: none;
  border-color: #0000;
}

.k2b-ui .k2b-button[data-variant="danger"], .k2b-ui .k2b-button[data-variant="danger"]:not(:disabled):hover {
  background: var(--k2b-danger-600);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-button[data-variant="danger"]:not(:disabled):hover {
    background: var(--k2b-danger-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-button[data-variant="danger"]:not(:disabled):hover {
      background: color-mix(in srgb, var(--k2b-danger-600) 86%, #000);
    }
  }
}

.k2b-ui .k2b-button[data-variant="warning"] {
  color: #422006;
  background: var(--k2b-warning-500);
}

.k2b-ui .k2b-button[data-variant="warning"]:not(:disabled):hover {
  background: var(--k2b-warning-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-button[data-variant="warning"]:not(:disabled):hover {
    background: var(--k2b-warning-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-button[data-variant="warning"]:not(:disabled):hover {
      background: color-mix(in srgb, var(--k2b-warning-500) 86%, #000);
    }
  }
}

.k2b-ui .k2b-button[data-variant="success"], .k2b-ui .k2b-button[data-variant="success"]:not(:disabled):hover {
  background: var(--k2b-success-600);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-button[data-variant="success"]:not(:disabled):hover {
    background: var(--k2b-success-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-button[data-variant="success"]:not(:disabled):hover {
      background: color-mix(in srgb, var(--k2b-success-600) 86%, #000);
    }
  }
}

.k2b-ui .k2b-button[data-variant="ai"] {
  border-color: var(--k2b-ai-solid);
  color: var(--k2b-ai-on-solid);
  background: var(--k2b-ai-solid);
}

.k2b-ui .k2b-button[data-variant="ai"]:not(:disabled):hover {
  border-color: var(--k2b-ai-solid-hover);
  color: var(--k2b-ai-on-solid);
  background: var(--k2b-ai-solid-hover);
}

.k2b-ui .k2b-button__label {
  display: inline-flex;
  justify-content: center;
  align-items:  center;
  gap: .375rem;
}

.k2b-ui .k2b-button[data-wrap="true"] {
  white-space: normal;
  overflow-wrap: anywhere;
  max-width: 100%;
}

.k2b-ui .k2b-button[data-wrap="true"] > .k2b-button__label {
  min-width: 0;
}

.k2b-ui .k2b-icon-button {
  width: 2rem;
  padding: 0;
}

.k2b-ui .k2b-icon-button[data-size="sm"] {
  width: 1.75rem;
}

.k2b-ui .k2b-icon-button[data-size="xs"] {
  width: 1.5rem;
}

.k2b-ui .k2b-icon-button[data-size="lg"] {
  width: 2.5rem;
}

.k2b-ui .k2b-dropdown.k2b-split-button {
  gap: 0;
  transition: scale .1s ease-out;
}

.k2b-ui .k2b-split-button > .k2b-button:not(:disabled):active {
  scale: none;
}

.k2b-ui .k2b-dropdown.k2b-split-button:has( > .k2b-split-button__primary:not(:disabled):active) {
  scale: .98;
}

.k2b-ui .k2b-split-button > .k2b-split-button__primary:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__primary:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__primary:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__primary:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__primary:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k2b-ui .k2b-split-button__primary-menu > .k2b-split-button__primary:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k2b-ui .k2b-split-button__primary-menu > .k2b-split-button__primary:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k2b-ui .k2b-split-button__primary-menu > .k2b-split-button__primary:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k2b-ui .k2b-split-button__primary-menu > .k2b-split-button__primary:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k2b-ui .k2b-split-button__primary-menu > .k2b-split-button__primary:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__primary:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__primary:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__primary:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k2b-ui .k2b-split-button__primary-menu > .k2b-split-button__primary:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k2b-ui .k2b-split-button__primary-menu > .k2b-split-button__primary:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k2b-ui .k2b-split-button__primary-menu > .k2b-split-button__primary:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k2b-ui .k2b-split-button__primary-menu {
  gap: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__menu-trigger {
  border-inline-start-color: currentColor;
  margin-inline-start: -1px;
}

.k2b-ui .k2b-split-button > .k2b-split-button__menu-trigger:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__menu-trigger:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__menu-trigger:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__menu-trigger:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__menu-trigger:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__menu-trigger:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__menu-trigger:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k2b-ui .k2b-split-button > .k2b-split-button__menu-trigger:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-split-button > .k2b-split-button__menu-trigger {
    border-inline-start-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-split-button > .k2b-split-button__menu-trigger {
      border-inline-start-color: color-mix(in srgb, currentColor 24%, transparent);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .k2b-ui .k2b-button, .k2b-ui .k2b-dropdown.k2b-split-button {
    transition: none;
  }

  .k2b-ui .k2b-button:not(:disabled):active {
    scale: none;
  }

  .k2b-ui .k2b-dropdown.k2b-split-button:has( > .k2b-split-button__primary:not(:disabled):active) {
    scale: none;
  }
}

.k2b-ui .k2b-spin {
  animation: .9s linear infinite k2b-spin;
}

.k2b-ui .k2b-segmented-control {
  display: inline-flex;
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface-muted);
  border: 1px solid #0000;
  align-items: stretch;
  width: 100%;
  padding: .125rem;
}

.k2b-ui .k2b-segmented-control__option {
  position: relative;
  display: inline-flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  z-index: 0;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  justify-content: center;
  align-items:  center;
  gap: .25rem;
  min-height: 2rem;
  padding: .25rem .5rem;
  transition: background-color .15s ease-out, color .15s ease-out, box-shadow .15s ease-out;
  font-size: .75rem;
  line-height: 1rem;
}

.k2b-ui .k2b-segmented-control[data-size="sm"] .k2b-segmented-control__option {
  min-height: 1.75rem;
  padding: .1875rem .5rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-segmented-control__option:not(:disabled):hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-segmented-control__option[data-selected="true"], .k2b-ui .k2b-segmented-control__option[aria-checked="true"] {
  z-index: 10;
  color: var(--k2b-text);
  background: var(--k2b-surface);
  box-shadow: 0 0 0 1px var(--k2b-border);
}

.k2b-ui .k2b-segmented-control__option[data-divider="true"]:after {
  content: "";
  position: absolute;
  background: var(--k2b-border);
  width: 1px;
  top: .25rem;
  bottom: .25rem;
  right: 0;
}

.k2b-ui .k2b-segmented-control__option:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-segmented-control__option:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.k2b-ui .k2b-segmented-control[aria-disabled="true"] {
  opacity: .5;
  pointer-events: none;
}

.k2b-ui .k2b-segmented-control[aria-disabled="true"] .k2b-segmented-control__option:disabled {
  opacity: 1;
}

@media (max-width: 767px) {
  .k2b-ui .k2b-segmented-control__option {
    min-height: 2.5rem;
  }
}

.k2b-ui .k2b-field, .k2b-ui .k2b-check-field, .k2b-ui .k2b-switch-field {
  display: flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  flex-direction: column;
  gap: .375rem;
}

.k2b-ui .k2b-field[data-fill="true"] {
  flex: 1;
  height: 100%;
  min-height: 0;
}

.k2b-ui .k2b-field__label, .k2b-ui .k2b-check__label, .k2b-ui .k2b-switch__label {
  color: var(--k2b-text-secondary);
  font-size: .75rem;
  font-weight: 600;
}

.k2b-ui .k2b-field__required {
  color: var(--k2b-danger-text);
  margin-left: .2rem;
}

.k2b-ui .k2b-field__description, .k2b-ui .k2b-field__error {
  color: var(--k2b-text-muted);
  margin: 0;
  font-size: .6875rem;
  line-height: 1.4;
}

.k2b-ui .k2b-field__error {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-input-shell, .k2b-ui .k2b-choice-trigger, .k2b-ui .k2b-multi-select-trigger, .k2b-ui .k2b-combobox__input, .k2b-ui .k2b-tags-input, .k2b-ui .k2b-date-trigger, .k2b-ui .k2b-color-input__value {
  display: flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  overflow: hidden;
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface-muted);
  box-shadow: none;
  border: 1px solid #0000;
  align-items:  center;
  min-height: 2.25rem;
  transition: background-color .15s, border-color .15s, box-shadow .15s;
}

.k2b-ui .k2b-input-shell, .k2b-ui .k2b-tags-input {
  cursor: text;
}

.k2b-ui .k2b-input-shell:hover, .k2b-ui .k2b-choice-trigger:hover, .k2b-ui .k2b-multi-select-trigger:hover, .k2b-ui .k2b-combobox__input:hover, .k2b-ui .k2b-tags-input:hover, .k2b-ui .k2b-date-trigger:hover, .k2b-ui .k2b-color-input__value:hover {
  border-color: var(--k2b-border);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-input-shell:focus-within, .k2b-ui .k2b-combobox__input:focus-within, .k2b-ui .k2b-tags-input:focus-within {
  background: var(--k2b-surface);
  box-shadow: var(--k2b-focus-inset);
  outline: none;
  border-color: #0000;
}

.k2b-ui .k2b-choice-trigger:focus-visible {
  background: var(--k2b-surface);
  box-shadow: var(--k2b-focus-inset);
  outline: none;
  border-color: #0000;
}

.k2b-ui .k2b-multi-select-trigger:focus-visible {
  background: var(--k2b-surface);
  box-shadow: var(--k2b-focus-inset);
  outline: none;
  border-color: #0000;
}

.k2b-ui .k2b-date-trigger:focus-visible {
  background: var(--k2b-surface);
  box-shadow: var(--k2b-focus-inset);
  outline: none;
  border-color: #0000;
}

.k2b-ui .k2b-color-input__value:focus-visible {
  background: var(--k2b-surface);
  box-shadow: var(--k2b-focus-inset);
  outline: none;
  border-color: #0000;
}

.k2b-ui .k2b-input-shell[data-invalid="true"], .k2b-ui .k2b-combobox[data-invalid="true"] .k2b-combobox__input, .k2b-ui .k2b-tags-input[data-invalid="true"], .k2b-ui .k2b-date-picker[data-invalid="true"] .k2b-date-trigger, .k2b-ui .k2b-color-input[data-invalid="true"] .k2b-color-input__value {
  border-color: var(--k2b-danger-500);
}

.k2b-ui .k2b-choice-control[data-invalid="true"] :where(.k2b-choice-trigger, .k2b-multi-select-trigger) {
  border-color: var(--k2b-danger-500);
}

.k2b-ui .k2b-input-shell[data-invalid="true"]:focus-within, .k2b-ui .k2b-combobox[data-invalid="true"] .k2b-combobox__input:focus-within, .k2b-ui .k2b-tags-input[data-invalid="true"]:focus-within {
  box-shadow: inset 0 0 0 2px var(--k2b-danger-500);
  border-color: #0000;
}

.k2b-ui .k2b-choice-control[data-invalid="true"] :where(.k2b-choice-trigger, .k2b-multi-select-trigger):focus-visible {
  box-shadow: inset 0 0 0 2px var(--k2b-danger-500);
  border-color: #0000;
}

.k2b-ui .k2b-date-picker[data-invalid="true"] .k2b-date-trigger:focus-visible {
  box-shadow: inset 0 0 0 2px var(--k2b-danger-500);
  border-color: #0000;
}

.k2b-ui .k2b-color-input[data-invalid="true"] .k2b-color-input__value:focus-visible {
  box-shadow: inset 0 0 0 2px var(--k2b-danger-500);
  border-color: #0000;
}

.k2b-ui .k2b-input {
  min-width: calc(var(--spacing, .25rem) * 0);
  outline: 0;
  color: var(--k2b-text);
  background: none;
  border: 0;
  flex: 1;
  width: 100%;
  min-height: 2rem;
  padding: .375rem .5rem;
  font-size: .875rem;
  line-height: 1.25rem;
}

.k2b-ui .k2b-input::placeholder {
  color: var(--k2b-placeholder-color);
  opacity: 1;
}

.k2b-ui .k2b-text-input:has( > .k2b-input:autofill) {
  background: var(--k2b-info-surface);
}

.k2b-ui .k2b-text-input:has( > .k2b-input:autofill) {
  background: var(--k2b-info-surface);
}

.k2b-ui .k2b-text-input > .k2b-input:autofill {
  color: var(--k2b-text);
  box-shadow: inset 0 0 0 1000px var(--k2b-info-surface);
  caret-color: var(--k2b-text);
  -webkit-text-fill-color: var(--k2b-text);
  background: none;
}

.k2b-ui .k2b-text-input > .k2b-input:autofill {
  color: var(--k2b-text);
  box-shadow: inset 0 0 0 1000px var(--k2b-info-surface);
  caret-color: var(--k2b-text);
  -webkit-text-fill-color: var(--k2b-text);
  background: none;
}

.k2b-ui .k2b-input-shell__icon, .k2b-ui .k2b-input-shell__affix {
  color: var(--k2b-text-muted);
  flex-shrink: 0;
  font-size: .75rem;
}

.k2b-ui .k2b-input-shell__icon:first-child, .k2b-ui .k2b-input-shell__affix:first-child {
  margin-left: .625rem;
}

.k2b-ui .k2b-input-shell__affix:last-child {
  margin-right: .625rem;
}

.k2b-ui .k2b-input-shell__clear {
  display: flex;
  color: var(--k2b-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: .375rem;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: .1875rem;
}

.k2b-ui .k2b-input-shell__clear:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-input-shell__clear:disabled {
  cursor: not-allowed;
}

.k2b-ui .k2b-input-clear-action {
  color: var(--k2b-text-muted);
  background: none;
}

.k2b-ui .k2b-input-clear-action:hover {
  color: var(--k2b-danger-text);
  background: none;
}

.k2b-ui .k2b-input:disabled, .k2b-ui .k2b-select:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.k2b-ui .k2b-input-shell:has(.k2b-input:disabled) {
  cursor: not-allowed;
}

.k2b-ui .k2b-check, .k2b-ui .k2b-switch {
  display: flex;
  cursor: pointer;
  align-items:  flex-start;
  gap: .625rem;
}

.k2b-ui .k2b-check > input, .k2b-ui .k2b-switch > input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.k2b-ui .k2b-check__control {
  display: flex;
  border: 1px solid var(--k2b-border-strong);
  color: #0000;
  background: var(--k2b-surface);
  border-radius: .25rem;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 1rem;
  height: 1rem;
  margin-top: .0625rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-check > input:checked + .k2b-check__control, .k2b-ui .k2b-check[data-indeterminate="true"] .k2b-check__control {
  border-color: var(--k2b-action-solid);
  color: #fff;
  background: var(--k2b-action-solid);
}

.k2b-ui .k2b-check > input:focus-visible + .k2b-check__control {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-switch > input:focus-visible + .k2b-switch__track {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-check__content {
  display: flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  flex-direction: column;
  flex: 1;
  gap: .125rem;
}

.k2b-ui .k2b-switch {
  align-items:  center;
}

.k2b-ui .k2b-switch__track {
  display: flex;
  background: var(--k2b-neutral-300);
  border-radius: 999px;
  flex-shrink: 0;
  align-items:  center;
  width: 2.25rem;
  height: 1.25rem;
  padding: .125rem;
  transition: background .12s;
}

.k2b-ui .k2b-switch__thumb {
  background: #fff;
  border-radius: 999px;
  width: 1rem;
  height: 1rem;
  transition: transform .12s;
  box-shadow: 0 1px 2px #09090b33;
}

.k2b-ui .k2b-switch > input:checked + .k2b-switch__track {
  background: var(--k2b-action-solid);
}

.k2b-ui .k2b-switch > input:checked + .k2b-switch__track .k2b-switch__thumb {
  transform: translate(1rem);
}

.k2b-ui :where(.k2b-check, .k2b-switch):has(input:disabled) {
  opacity: .5;
  cursor: not-allowed;
}

.k2b-ui .k2b-panel-header__copy {
  min-width: calc(var(--spacing, .25rem) * 0);
}

.k2b-ui .k2b-panel-header__title, .k2b-ui .k2b-panel-header__subtitle {
  margin: 0;
}

.k2b-ui .k2b-panel-header__title {
  color: var(--k2b-text);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3333;
}

.k2b-ui .k2b-panel-header__title.is-medium {
  font-size: 1rem;
  line-height: 1.5;
}

.k2b-ui .k2b-panel-header__subtitle {
  color: var(--k2b-text-muted);
  font-size: .625rem;
  line-height: 1.45;
}

.k2b-ui .k2b-panel-header[data-size="md"] .k2b-panel-header__subtitle {
  margin-top: .25rem;
  font-size: .75rem;
  line-height: 1.3333;
}

.k2b-ui .k2b-data-panel {
  min-width: calc(var(--spacing, .25rem) * 0);
  overflow: hidden;
}

.k2b-ui .k2b-data-panel__header {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  min-width: 0;
  padding: .5rem .75rem;
}

.k2b-ui .k2b-data-panel__toolbar {
  display: flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  flex-direction: column;
  gap: .5rem;
}

.k2b-ui .k2b-data-panel__controls {
  display: flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  flex-direction: column;
  gap: .5rem;
  padding: 0 .75rem .5rem;
}

.k2b-ui .k2b-data-panel__footer {
  border-top: 1px solid var(--k2b-border);
  padding: .5rem .75rem;
}

.k2b-ui .k2b-data-panel__footer > .k2b-pagination {
  padding-top: 0;
}

.k2b-ui .k2b-data-panel > .k2b-table-shell[data-has-footer="true"] + .k2b-data-panel__footer {
  border-top: 0;
}

.k2b-ui .k2b-scroll-area {
  overflow: auto;
  scrollbar-gutter: stable;
  min-width: 0;
  min-height: 0;
}

.k2b-ui .k2b-scroll-area[data-viewport-size="compact"] {
  box-sizing: border-box;
  height: min(18.75rem, 60dvh);
}

.k2b-ui .k2b-detail-panel {
  display: flex;
  width: calc(100% + var(--k2b-detail-panel-scroll-inset, 0rem));
  overflow: hidden;
  color: var(--k2b-text);
  flex-direction: column;
  min-width: 0;
  height: 100%;
  min-height: 0;
  margin-inline-end: calc(-1 * var(--k2b-detail-panel-scroll-inset, 0rem));
}

.k2b-ui .k2b-detail-panel__header {
  display: flex;
  padding: .875rem 0 .75rem;
  flex-direction: column;
  flex: none;
  gap: .5rem;
  min-width: 0;
  padding-inline-end: var(--k2b-detail-panel-scroll-inset, 0rem);
}

.k2b-ui .k2b-detail-panel__header-main {
  display: flex;
  align-items:  flex-start;
  gap: .625rem;
  width: 100%;
  min-width: 0;
}

.k2b-ui .k2b-detail-panel__header-leading {
  display: flex;
  flex: none;
  justify-content: center;
  align-items:  center;
}

.k2b-ui .k2b-detail-panel__header-icon {
  display: grid;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-detail-panel-accent, var(--k2b-accent-600));
  background: var(--k2b-detail-panel-accent, var(--k2b-accent-600));
  flex: 0 0 2rem;
  place-items:  center;
  width: 2rem;
  height: 2rem;
  font-size: .875rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-detail-panel__header-icon {
    background: var(--k2b-detail-panel-accent, var(--k2b-accent-600));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-detail-panel__header-icon {
      background: color-mix(in srgb, var(--k2b-detail-panel-accent, var(--k2b-accent-600)) 11%, var(--k2b-surface));
    }
  }
}

.k2b-ui .k2b-detail-panel__header-leading .k2b-avatar {
  color: var(--k2b-detail-panel-accent, var(--k2b-accent-600));
  background: var(--k2b-detail-panel-accent, var(--k2b-accent-600));
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-detail-panel__header-leading .k2b-avatar {
    background: var(--k2b-detail-panel-accent, var(--k2b-accent-600));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-detail-panel__header-leading .k2b-avatar {
      background: color-mix(in srgb, var(--k2b-detail-panel-accent, var(--k2b-accent-600)) 12%, var(--k2b-surface-muted));
    }
  }
}

.k2b-ui .k2b-detail-panel__heading {
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-detail-panel__supporting {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: .25rem .5rem;
  min-width: 0;
  margin-top: .125rem;
}

.k2b-ui .k2b-detail-panel__heading h2, .k2b-ui .k2b-detail-panel__heading p, .k2b-ui .k2b-detail-panel__section h3 {
  margin: 0;
}

.k2b-ui .k2b-detail-panel__heading h2 {
  overflow: hidden;
  color: var(--k2b-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: .875rem;
  font-weight: 650;
  line-height: 1.25rem;
}

.k2b-ui .k2b-detail-panel__heading p {
  overflow: hidden;
  color: var(--k2b-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .6875rem;
  line-height: 1rem;
}

.k2b-ui .k2b-detail-panel__meta, .k2b-ui .k2b-detail-panel__actions, .k2b-ui .k2b-detail-panel__primary-actions, .k2b-ui .k2b-detail-panel__summary-actions, .k2b-ui .k2b-detail-panel__section-actions {
  display: flex;
  flex: none;
  align-items:  center;
  gap: .25rem;
}

.k2b-ui .k2b-detail-panel__primary-actions {
  flex-wrap: wrap;
  width: 100%;
}

.k2b-ui .k2b-detail-panel__body {
  display: flex;
  overflow-y: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  flex-direction: column;
  flex: 1;
  gap: 1rem;
  min-width: 0;
  min-height: 0;
  padding: .5rem 0 1rem;
}

.k2b-ui .k2b-detail-panel__body > * {
  flex-shrink: 0;
}

.k2b-ui .k2b-detail-panel__section {
  min-width: 0;
}

.k2b-ui .k2b-detail-panel__summary {
  display: flex;
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface);
  flex-direction: column;
  gap: .375rem;
  min-width: 0;
  padding: .75rem .875rem;
}

.k2b-ui .k2b-detail-panel__summary-header {
  display: flex;
  align-items:  center;
  gap: .5rem;
  min-width: 0;
  min-height: 1.5rem;
}

.k2b-ui .k2b-detail-panel__summary-header h3 {
  color: var(--k2b-text-muted);
  letter-spacing: normal;
  text-transform: none;
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
}

.k2b-ui .k2b-detail-panel__summary-body {
  min-width: 0;
}

.k2b-ui .k2b-detail-panel__group {
  display: flex;
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-border);
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.k2b-ui .k2b-detail-panel__group > .k2b-detail-panel__section {
  background: var(--k2b-surface);
  padding: .625rem .75rem .75rem;
}

.k2b-ui section.k2b-detail-panel__section {
  display: flex;
  flex-direction: column;
  gap: .375rem;
}

.k2b-ui .k2b-detail-panel__section-header, .k2b-ui .k2b-detail-panel__section-summary {
  text-align: start;
  white-space: normal;
  display: flex;
  justify-content: flex-start;
  align-items:  center;
  gap: .5rem;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 1.75rem;
}

.k2b-ui .k2b-detail-panel__section-copy {
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-detail-panel__section-icon {
  display: grid;
  color: var(--k2b-text-muted);
  flex: 0 0 1.5rem;
  place-items:  center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: .75rem;
}

.k2b-ui .k2b-detail-panel__section-icon[data-tone="accent"] {
  color: var(--k2b-detail-panel-accent, var(--k2b-accent-600));
}

.k2b-ui .k2b-detail-panel__section-icon[data-tone="success"] {
  color: var(--k2b-success-text);
}

.k2b-ui .k2b-detail-panel__section-icon[data-tone="warning"] {
  color: var(--k2b-warning-text);
}

.k2b-ui .k2b-detail-panel__section-icon[data-tone="danger"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-discussion {
  display: flex;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface);
  flex-direction: column;
  gap: .875rem;
  min-width: 0;
  padding: .75rem;
}

.k2b-ui .k2b-discussion[data-surface="bare"] {
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.k2b-ui .k2b-discussion__header {
  display: flex;
  align-items:  center;
  gap: .5rem;
  min-width: 0;
  min-height: 2rem;
}

.k2b-ui .k2b-discussion__header :-webkit-any(h2, h3) {
  overflow: hidden;
  color: var(--k2b-text-secondary);
  letter-spacing: .04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1rem;
}

.k2b-ui .k2b-discussion__header :-moz-any(h2, h3) {
  overflow: hidden;
  color: var(--k2b-text-secondary);
  letter-spacing: .04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1rem;
}

.k2b-ui .k2b-discussion__header :is(h2, h3) {
  overflow: hidden;
  color: var(--k2b-text-secondary);
  letter-spacing: .04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1rem;
}

.k2b-ui .k2b-discussion[data-surface="bare"] .k2b-discussion__header :-webkit-any(h2, h3) {
  color: var(--k2b-text);
  letter-spacing: normal;
  text-transform: none;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.k2b-ui .k2b-discussion[data-surface="bare"] .k2b-discussion__header :-moz-any(h2, h3) {
  color: var(--k2b-text);
  letter-spacing: normal;
  text-transform: none;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.k2b-ui .k2b-discussion[data-surface="bare"] .k2b-discussion__header :is(h2, h3) {
  color: var(--k2b-text);
  letter-spacing: normal;
  text-transform: none;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.k2b-ui .k2b-discussion__icon {
  display: grid;
  color: var(--k2b-detail-panel-accent, var(--k2b-action));
  flex: 0 0 1.5rem;
  place-items:  center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: .75rem;
}

.k2b-ui .k2b-discussion__count, .k2b-ui .k2b-discussion__timestamp, .k2b-ui .k2b-discussion__meta {
  color: var(--k2b-text-muted);
  font-size: .6875rem;
  font-weight: 400;
  line-height: 1rem;
}

.k2b-ui .k2b-discussion__actions, .k2b-ui .k2b-discussion__item-actions, .k2b-ui .k2b-discussion__composer footer {
  display: flex;
  align-items:  center;
  gap: .375rem;
}

.k2b-ui .k2b-discussion__body, .k2b-ui .k2b-discussion__composer, .k2b-ui .k2b-discussion__list-region, .k2b-ui .k2b-discussion__list {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.k2b-ui .k2b-discussion__body {
  gap: .875rem;
}

.k2b-ui .k2b-discussion__composer {
  gap: .5rem;
}

.k2b-ui .k2b-discussion__composer-field {
  position: relative;
  min-width: 0;
}

.k2b-ui .k2b-discussion__composer-inset-action {
  position: absolute;
  z-index: 3;
  display: flex;
  bottom: .5rem;
  right: .5rem;
}

.k2b-ui .k2b-discussion__composer-inset-action .k2b-icon-button {
  border-radius: 9999px;
}

.k2b-ui .k2b-discussion__composer-field[data-has-inset-action="true"] :-webkit-any(.k2b-markdown-editor__input, .k2b-markdown-editor__preview, .k2b-markdown-editor__placeholder) {
  padding-right: 3rem !important;
}

.k2b-ui .k2b-discussion__composer-field[data-has-inset-action="true"] :-moz-any(.k2b-markdown-editor__input, .k2b-markdown-editor__preview, .k2b-markdown-editor__placeholder) {
  padding-right: 3rem !important;
}

.k2b-ui .k2b-discussion__composer-field[data-has-inset-action="true"] :is(.k2b-markdown-editor__input, .k2b-markdown-editor__preview, .k2b-markdown-editor__placeholder) {
  padding-right: 3rem !important;
}

.k2b-ui .k2b-discussion__composer-field[data-has-inset-action="true"] :-webkit-any(.k2b-markdown-editor__input, .k2b-markdown-editor__preview) {
  overflow-y: auto !important;
}

.k2b-ui .k2b-discussion__composer-field[data-has-inset-action="true"] :-moz-any(.k2b-markdown-editor__input, .k2b-markdown-editor__preview) {
  overflow-y: auto !important;
}

.k2b-ui .k2b-discussion__composer-field[data-has-inset-action="true"] :is(.k2b-markdown-editor__input, .k2b-markdown-editor__preview) {
  overflow-y: auto !important;
}

.k2b-ui .k2b-discussion__composer footer {
  justify-content: flex-end;
}

.k2b-ui .k2b-discussion__list-region {
  gap: .5rem;
}

.k2b-ui .k2b-discussion__sentinel {
  pointer-events: none;
  width: 100%;
  height: 1px;
  margin-bottom: -.5rem;
}

.k2b-ui .k2b-discussion__status {
  display: flex;
  color: var(--k2b-text-muted);
  justify-content: space-between;
  align-items:  center;
  gap: .5rem;
  min-width: 0;
  margin: 0;
  font-size: .75rem;
  line-height: 1.125rem;
}

.k2b-ui .k2b-discussion__status[role="alert"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-discussion__status button, .k2b-ui .k2b-discussion__load-more {
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-action);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  min-height: 1.75rem;
  padding: .25rem .5rem;
}

.k2b-ui .k2b-discussion__load-more {
  display: inline-flex;
  align-self:  flex-start;
  align-items:  center;
  gap: .375rem;
}

.k2b-ui .k2b-discussion__status button:hover, .k2b-ui .k2b-discussion__load-more:hover {
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-discussion__load-more:disabled {
  cursor: wait;
  opacity: .7;
}

.k2b-ui .k2b-discussion__list {
  list-style: none;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

.k2b-ui .k2b-discussion__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items:  start;
  min-width: 0;
}

.k2b-ui .k2b-discussion__item[data-has-avatar="true"] {
  grid-template-columns: 1.5rem minmax(0, 1fr);
  gap: .5rem;
}

.k2b-ui .k2b-discussion__avatar {
  display: grid;
  place-items:  center;
  min-height: 1.5rem;
}

.k2b-ui .k2b-discussion__avatar .k2b-avatar {
  width: 1.25rem;
  height: 1.25rem;
  font-size: .5625rem;
}

.k2b-ui .k2b-discussion__entry {
  min-width: 0;
}

.k2b-ui .k2b-discussion__entry > header {
  display: flex;
  align-items:  center;
  gap: .5rem;
  min-width: 0;
  min-height: 1.5rem;
}

.k2b-ui .k2b-discussion__entry > header > strong {
  overflow: hidden;
  color: var(--k2b-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1rem;
}

.k2b-ui .k2b-discussion__item-actions {
  opacity: 1;
  gap: .125rem;
  margin-left: auto;
}

.k2b-ui .k2b-discussion__reply-context {
  display: flex;
  color: var(--k2b-text-muted);
  align-items:  center;
  gap: .375rem;
  margin: 0 0 .125rem;
  font-size: .6875rem;
  line-height: 1rem;
}

.k2b-ui .k2b-discussion__content > .k2b-content-markdown {
  color: var(--k2b-text-secondary);
  margin-top: .125rem;
  font-size: .8125rem;
  line-height: 1.35rem;
}

.k2b-ui .k2b-discussion__content > .k2b-content-markdown > :first-child {
  margin-top: 0;
}

.k2b-ui .k2b-discussion__content > .k2b-content-markdown > :last-child {
  margin-bottom: 0;
}

@media (hover: hover) and (pointer: fine) {
  .k2b-ui .k2b-discussion__item-actions[data-visibility="progressive"] {
    opacity: 0;
    transition: opacity .12s ease-out;
  }

  .k2b-ui .k2b-discussion__item:hover .k2b-discussion__item-actions[data-visibility="progressive"], .k2b-ui .k2b-discussion__item:focus-within .k2b-discussion__item-actions[data-visibility="progressive"] {
    opacity: 1;
  }
}

.k2b-ui .k2b-detail-panel__section-header .k2b-detail-panel__section-copy, .k2b-ui .k2b-detail-panel__section-summary .k2b-detail-panel__section-copy {
  display: flex;
  flex-direction: column;
}

.k2b-ui .k2b-detail-panel__section-header h3, .k2b-ui .k2b-detail-panel__section-title {
  color: var(--k2b-text-muted);
  letter-spacing: normal;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
}

.k2b-ui .k2b-detail-panel__summary-actions .k2b-button[data-variant="ghost"], .k2b-ui .k2b-detail-panel__summary-actions .k2b-button[data-variant="text"], .k2b-ui .k2b-detail-panel__section-actions .k2b-button[data-variant="ghost"], .k2b-ui .k2b-detail-panel__section-actions .k2b-button[data-variant="text"] {
  color: var(--k2b-detail-panel-accent, var(--k2b-accent-600));
}

.k2b-ui .k2b-detail-panel__summary-actions .k2b-button[data-variant="ghost"]:not(:disabled):hover, .k2b-ui .k2b-detail-panel__section-actions .k2b-button[data-variant="ghost"]:not(:disabled):hover {
  color: var(--k2b-detail-panel-accent, var(--k2b-accent-600));
  background: var(--k2b-detail-panel-accent, var(--k2b-accent-600));
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.k2b-ui .k2b-detail-panel__summary-actions .k2b-button[data-variant="ghost"]:not(:disabled):hover, .k2b-ui .k2b-detail-panel__section-actions .k2b-button[data-variant="ghost"]:not(:disabled):hover) {
    background: var(--k2b-detail-panel-accent, var(--k2b-accent-600));
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.k2b-ui .k2b-detail-panel__summary-actions .k2b-button[data-variant="ghost"]:not(:disabled):hover, .k2b-ui .k2b-detail-panel__section-actions .k2b-button[data-variant="ghost"]:not(:disabled):hover) {
      background: color-mix(in srgb, var(--k2b-detail-panel-accent, var(--k2b-accent-600)) 9%, transparent);
    }
  }
}

.k2b-ui .k2b-detail-panel__section-header p, .k2b-ui .k2b-detail-panel__section-description {
  color: var(--k2b-text-muted);
  margin: .125rem 0 0;
  font-size: .6875rem;
  font-weight: 400;
  line-height: 1rem;
}

.k2b-ui .k2b-detail-panel__section-meta {
  color: var(--k2b-text-muted);
  flex: none;
  font-size: .6875rem;
  line-height: 1rem;
}

.k2b-ui .k2b-detail-panel__section-summary {
  border-radius: var(--k2b-radius-control);
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.k2b-ui .k2b-detail-panel__section-summary > i {
  color: var(--k2b-detail-panel-accent, var(--k2b-accent-600));
  flex: none;
  transition: transform .15s;
  font-size: .75rem;
}

.k2b-ui .k2b-detail-panel__section-summary:hover > i {
  color: var(--k2b-text-secondary);
}

.k2b-ui .k2b-detail-panel__section-summary:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-detail-panel__section-body {
  min-width: 0;
}

.k2b-ui .k2b-detail-panel__action {
  text-align: left;
  justify-content: flex-start;
  width: 100%;
  min-height: 2.25rem;
  padding: .375rem 0;
}

.k2b-ui .k2b-button.k2b-detail-panel__action {
  color: var(--k2b-text-muted);
  background: none;
  padding: .375rem 0;
}

.k2b-ui .k2b-button.k2b-detail-panel__action:not(:disabled):hover {
  color: var(--k2b-detail-panel-accent, var(--k2b-action));
  background: none;
}

.k2b-ui .k2b-button.k2b-detail-panel__action:focus-visible {
  color: var(--k2b-detail-panel-accent, var(--k2b-action));
  background: none;
}

.k2b-ui .k2b-detail-panel__action-row {
  display: flex;
  align-items:  center;
  min-width: 0;
}

.k2b-ui .k2b-detail-panel__action-row > .k2b-detail-panel__action {
  flex: 1;
  width: auto;
  min-width: 0;
}

.k2b-ui .k2b-detail-panel__action-menu {
  flex: none;
}

.k2b-ui .k2b-button.k2b-detail-panel__action-menu-trigger {
  color: var(--k2b-text-muted);
  background: none;
  min-width: 2.25rem;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.k2b-ui .k2b-button.k2b-detail-panel__action-menu-trigger:not(:disabled):hover {
  color: var(--k2b-detail-panel-accent, var(--k2b-action));
  background: none;
}

.k2b-ui .k2b-button.k2b-detail-panel__action-menu-trigger:focus-visible {
  color: var(--k2b-detail-panel-accent, var(--k2b-action));
  background: none;
}

@media (hover: hover) and (pointer: fine) {
  .k2b-ui .k2b-detail-panel__action-menu-trigger {
    opacity: 0;
    transition: opacity .12s ease-out;
  }

  .k2b-ui .k2b-detail-panel__action-row:hover .k2b-detail-panel__action-menu-trigger, .k2b-ui .k2b-detail-panel__action-row:focus-within .k2b-detail-panel__action-menu-trigger, .k2b-ui .k2b-detail-panel__action-menu-trigger[aria-expanded="true"] {
    opacity: 1;
  }
}

.k2b-ui .k2b-detail-panel__action > .k2b-button__label {
  justify-content: flex-start;
  gap: .375rem;
  width: 100%;
}

.k2b-ui .k2b-detail-panel__action-leading {
  display: inline-flex;
  color: inherit;
  flex: 0 0 1rem;
  justify-content: flex-start;
  align-items:  center;
  width: 1rem;
}

.k2b-ui .k2b-detail-panel__action-copy {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-detail-panel__action-title {
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
}

.k2b-ui .k2b-detail-panel__action-description {
  overflow: hidden;
  color: var(--k2b-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .6875rem;
  font-weight: 400;
  line-height: 1rem;
}

.k2b-ui .k2b-detail-panel__action-trailing {
  display: inline-flex;
  color: inherit;
  flex: none;
  align-items:  center;
}

.k2b-ui .k2b-detail-panel__section[data-open="true"] > .k2b-detail-panel__section-body {
  margin-top: .625rem;
}

.k2b-ui .k2b-panel-dialog-frame {
  max-width: var(--k2b-dialog-available-width);
  max-height: min(86dvh, var(--k2b-dialog-available-height));
  width: min(96vw, 48rem);
}

.k2b-ui .k2b-panel-dialog-frame.is-wide {
  width: min(96vw, 72rem);
}

.k2b-ui .k2b-panel-dialog-frame.is-workspace {
  width: min(80vw, var(--k2b-dialog-available-width));
  height: min(80dvh, var(--k2b-dialog-available-height));
  max-height: var(--k2b-dialog-available-height);
}

.k2b-ui .k2b-panel-dialog-frame.is-fixed {
  height: min(86dvh, var(--k2b-dialog-available-height));
  max-height: var(--k2b-dialog-available-height);
}

.k2b-ui .k2b-panel-dialog-viewport {
  display: flex;
  max-height: min(86dvh, var(--k2b-dialog-available-height));
  flex-direction: column;
  min-height: 0;
  padding: 0;
}

.k2b-ui .k2b-panel-dialog-viewport.is-fixed, .k2b-ui .k2b-panel-dialog-viewport.is-workspace {
  height: 100%;
  max-height: none;
}

.k2b-ui .k2b-panel-dialog-viewport.is-workspace {
  flex-direction: row;
}

.k2b-ui .k2b-panel-dialog {
  display: flex;
  min-height: calc(var(--spacing, .25rem) * 0);
  overflow: hidden;
  color: var(--k2b-text);
  background: var(--k2b-surface);
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}

.k2b-ui .k2b-panel-dialog[data-surface="floating"] {
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-dialog);
}

.k2b-ui .k2b-panel-dialog__header, .k2b-ui .k2b-panel-dialog__footer {
  display: flex;
  background: var(--k2b-surface-muted);
  flex-shrink: 0;
  align-items:  center;
  gap: 1rem;
}

.k2b-ui .k2b-panel-dialog__header {
  align-items:  flex-start;
  min-height: 3.25rem;
  padding: 1.25rem 1.5rem;
}

.k2b-ui .k2b-panel-dialog__header[data-has-subtitle="false"] {
  align-items:  center;
  padding-block-start: .75rem;
  padding-block-end: .75rem;
}

.k2b-ui .k2b-panel-dialog__header > i {
  color: var(--k2b-text-muted);
  font-size: 1.25rem;
  line-height: 1.3;
}

.k2b-ui .k2b-panel-dialog__heading {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.k2b-ui .k2b-panel-dialog__heading h2, .k2b-ui .k2b-panel-dialog__heading p, .k2b-ui .k2b-panel-dialog__section h3, .k2b-ui .k2b-panel-dialog__section p {
  margin: 0;
}

.k2b-ui .k2b-panel-dialog__heading h2 {
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.k2b-ui .k2b-panel-dialog__heading p {
  color: var(--k2b-text-muted);
  overflow-wrap: anywhere;
  margin-top: .375rem;
  font-size: .8125rem;
  line-height: 1.5;
}

.k2b-ui .k2b-panel-dialog__section p {
  color: var(--k2b-text-muted);
  margin-top: .125rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-panel-dialog__actions {
  display: flex;
  justify-content: flex-end;
  align-items:  center;
  gap: .5rem;
}

.k2b-ui .k2b-panel-dialog__footer {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .5rem;
  padding: 1rem 1.5rem;
}

.k2b-ui .k2b-panel-dialog__footer > * {
  min-width: 0;
  max-width: 100%;
}

.k2b-ui .k2b-panel-dialog__footer > :last-child:has( > .k2b-button) {
  flex-wrap: wrap;
  flex-shrink: 0;
}

.k2b-ui .k2b-panel-dialog__body {
  display: flex;
  min-height: calc(var(--spacing, .25rem) * 0);
  overflow-y: auto;
  flex-direction: column;
  flex: 1;
  gap: .5rem;
  padding: 1.25rem 1.5rem;
}

.k2b-ui .k2b-panel-dialog__body > * {
  flex-shrink: 0;
}

.k2b-ui .k2b-panel-dialog__body[data-surface="floating"] {
  background: var(--k2b-surface-muted);
  gap: .5rem;
  padding: 0;
}

.k2b-ui .k2b-panel-dialog__section {
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface);
}

.k2b-ui .k2b-panel-dialog__section + .k2b-panel-dialog__section {
  margin-top: .75rem;
}

.k2b-ui .k2b-panel-dialog__section > header {
  display: flex;
  align-items:  flex-start;
  gap: .625rem;
  padding: .75rem;
}

.k2b-ui .k2b-panel-dialog__section > header > div:not(.k2b-panel-dialog__actions) {
  min-width: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.k2b-ui .k2b-panel-dialog__section h3 {
  font-size: .8125rem;
  font-weight: 650;
}

.k2b-ui .k2b-panel-dialog__section-icon {
  color: var(--k2b-action);
}

.k2b-ui .k2b-panel-dialog__section-body {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  padding: 0 .75rem .75rem;
}

.k2b-ui .k2b-panel-dialog__section[data-hideable="true"][data-open="false"] {
  background: none;
  border-color: #0000;
}

.k2b-ui .k2b-panel-dialog__section > header[hidden], .k2b-ui .k2b-panel-dialog__section-body[hidden] {
  display: none;
}

.k2b-ui .k2b-panel-dialog__section-summary {
  text-align: start;
  white-space: normal;
  width: 100%;
  height: auto;
  padding: .75rem;
}

.k2b-ui .k2b-panel-dialog__section-summary > .k2b-button__label {
  flex: 1;
  gap: .625rem;
  min-width: 0;
}

.k2b-ui .k2b-panel-dialog__section-copy {
  display: flex;
  color: var(--k2b-text-muted);
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-panel-dialog__section-title {
  font-size: .75rem;
  font-weight: 600;
}

.k2b-ui .k2b-panel-dialog__section-subtitle {
  font-size: .6875rem;
  font-weight: 400;
}

.k2b-ui .k2b-panel-dialog__section-summary > .k2b-button__label > i {
  flex: none;
}

.k2b-ui .k2b-panel-dialog__tabs {
  display: block;
}

.k2b-ui .k2b-panel-dialog__tabs .k2b-tabs__list {
  display: flex;
  overflow-x: auto;
  border-bottom: 0;
  flex-shrink: 0;
  align-items:  center;
  gap: .25rem;
  padding: .375rem 1rem .625rem;
}

.k2b-ui .k2b-panel-dialog__tabs .k2b-tabs__list button {
  display: inline-flex;
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  background: none;
  border-width: 0;
  flex-shrink: 0;
  align-items:  center;
  gap: .375rem;
  min-height: 1.875rem;
  padding: .375rem .625rem;
  font-size: .75rem;
}

.k2b-ui .k2b-panel-dialog__tabs .k2b-tabs__list button:hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-panel-dialog__tabs .k2b-tabs__list button[aria-selected="true"] {
  color: var(--k2b-action);
  background: var(--k2b-selected);
  font-weight: 600;
}

@media (min-width: 48rem) {
  .k2b-ui .k2b-app-workspace__sidebar-body {
    flex-direction: column;
  }
}

@media (max-width: 47.999rem) {
  .k2b-ui .k2b-app-workspace__sidebar-body {
    align-items:  center;
  }

  .k2b-ui .k2b-app-workspace__sidebar-section {
    flex-direction: row;
  }

  .k2b-ui .k2b-app-workspace__sidebar-section-header {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .k2b-ui .k2b-spin {
    animation: none;
  }
}

@keyframes k2b-spin {
  to {
    transform: rotate(360deg);
  }
}

.k2b-ui .k2b-text-input[data-multiline="true"] {
  align-items:  flex-start;
}

.k2b-ui .k2b-text-input[data-multiline="true"] .k2b-text-input__icon {
  height: 1.25rem;
  margin-top: .375rem;
}

.k2b-ui .k2b-text-input[data-monospace="true"] .k2b-input {
  font-family: var(--k2b-font-mono);
}

.k2b-ui .k2b-text-input[data-ai="true"] {
  border-color: var(--k2b-action);
  background: var(--k2b-info-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-text-input[data-ai="true"] {
    border-color: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-text-input[data-ai="true"] {
      border-color: color-mix(in srgb, var(--k2b-action) 40%, var(--k2b-border));
    }
  }
}

.k2b-ui .k2b-text-input__icon {
  display: grid;
  place-items:  center;
}

.k2b-ui .k2b-text-input__icon > i {
  grid-area: 1 / 1;
}

.k2b-ui .k2b-text-input__icon > i + i {
  visibility: hidden;
  color: var(--k2b-action);
}

.k2b-ui .k2b-input-shell:focus-within .k2b-text-input__icon > i:first-child {
  visibility: hidden;
}

.k2b-ui .k2b-input-shell:focus-within .k2b-text-input__icon > i + i {
  visibility: visible;
}

.k2b-ui .k2b-text-input__textarea {
  min-height: calc(var(--k2b-editor-lines, 3) * 1.5rem + 1rem);
  max-height: max(12.5rem, calc(var(--k2b-editor-lines, 3) * 1.5rem + 1rem));
  resize: vertical;
  line-height: 1.5;
}

.k2b-ui .k2b-number-input {
  width: 100%;
}

.k2b-ui .k2b-number-input__value {
  display: flex;
  flex: 1;
  align-items:  center;
  min-width: 0;
}

.k2b-ui .k2b-number-input[data-disabled="true"] {
  background: var(--k2b-surface-muted);
  cursor: not-allowed;
}

.k2b-ui .k2b-number-input__step {
  display: grid;
  color: var(--k2b-text-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  flex: 0 0 2.25rem;
  align-self: stretch;
  place-items:  center;
  width: 2.25rem;
  padding: 0;
}

.k2b-ui .k2b-number-input__step:first-child {
  border-right: 1px solid var(--k2b-border);
}

.k2b-ui .k2b-number-input__step:last-child {
  border-left: 1px solid var(--k2b-border);
}

.k2b-ui .k2b-number-input:focus-within > .k2b-number-input__step {
  border-color: var(--k2b-focus-fill);
}

.k2b-ui .k2b-number-input__step:hover:not(:disabled) {
  color: var(--k2b-action);
  background: var(--k2b-focus-fill);
}

.k2b-ui .k2b-number-input__step:disabled {
  color: var(--k2b-text-muted);
  cursor: not-allowed;
}

.k2b-ui .k2b-number-input__step:focus-visible {
  box-shadow: inset 0 0 0 2px var(--k2b-focus-ring);
  outline: none;
}

.k2b-ui .k2b-number-input__control {
  text-align: right;
}

.k2b-ui .k2b-number-input__control::placeholder {
  color: var(--k2b-placeholder-color);
  opacity: 1;
}

.k2b-ui .k2b-number-input__control[data-filled="true"] {
  font-family: var(--k2b-font-mono);
  font-weight: 600;
}

.k2b-ui .k2b-image-input {
  align-items:  center;
}

.k2b-ui .k2b-image-input__preview {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  color: var(--k2b-text-muted);
  background: var(--k2b-surface-muted);
  place-items:  center;
  width: 7.5rem;
  height: 7.5rem;
}

.k2b-ui .k2b-image-input__preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.k2b-ui .k2b-image-input[data-round="true"] .k2b-image-input__preview {
  border-radius: 999px;
}

@media (min-width: 48rem) {
  .k2b-ui .k2b-image-input[data-variant="default"] .k2b-image-input__preview {
    width: 12.5rem;
    height: 12.5rem;
  }
}

.k2b-ui .k2b-image-input[data-variant="small"] {
  display: flex;
  justify-content: flex-start;
  align-items:  center;
  gap: .25rem;
}

.k2b-ui .k2b-image-input[data-variant="small"] .k2b-image-input__preview {
  width: 2.25rem;
  height: 2.25rem;
}

.k2b-ui .k2b-image-input[data-variant="small"] .k2b-icon-button {
  width: 2rem;
  height: 2rem;
  min-height: 2rem;
}

.k2b-ui .k2b-image-input__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .375rem;
}

.k2b-ui .k2b-image-cropper__stage {
  display: grid;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface-muted);
  place-items:  center;
  min-height: 14rem;
  padding: .75rem;
}

.k2b-ui .k2b-image-cropper__frame {
  position: relative;
  overflow: hidden;
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface);
  touch-action: none;
  user-select: none;
  width: 100%;
  max-width: min(100%, 36rem);
  max-height: min(58dvh, 24rem);
}

.k2b-ui .k2b-image-cropper__frame > img {
  position: absolute;
  object-fit: fill;
  width: 100%;
  height: 100%;
  inset: 0;
}

.k2b-ui .k2b-image-cropper__selection {
  position: absolute;
  cursor: grab;
  border: 2px solid #fff;
  border-radius: .375rem;
  box-shadow: 0 0 0 9999px #00000075;
}

.k2b-ui .k2b-image-cropper__selection[data-shape="circle"] {
  border-radius: 999px;
}

.k2b-ui .k2b-image-cropper__handle {
  position: absolute;
  background: var(--k2b-action-solid);
  border: 2px solid #fff;
  border-radius: 999px;
  width: .875rem;
  height: .875rem;
  padding: 0;
}

.k2b-ui .k2b-image-cropper__handle[data-handle="nw"] {
  cursor: nwse-resize;
  top: -.5rem;
  left: -.5rem;
}

.k2b-ui .k2b-image-cropper__handle[data-handle="ne"] {
  cursor: nesw-resize;
  top: -.5rem;
  right: -.5rem;
}

.k2b-ui .k2b-image-cropper__handle[data-handle="sw"] {
  cursor: nesw-resize;
  bottom: -.5rem;
  left: -.5rem;
}

.k2b-ui .k2b-image-cropper__handle[data-handle="se"] {
  cursor: nwse-resize;
  bottom: -.5rem;
  right: -.5rem;
}

.k2b-ui .k2b-image-cropper__handle:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.k2b-ui .k2b-image-cropper__handle:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-image-cropper__rotate:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-image-cropper__rotate {
  position: absolute;
  z-index: 2;
  display: grid;
  color: #fff;
  cursor: pointer;
  background: #09090bb8;
  border: 1px solid #ffffff52;
  border-radius: 999px;
  place-items:  center;
  width: 2rem;
  height: 2rem;
  top: .5rem;
  right: .5rem;
}

.k2b-ui .k2b-image-cropper__rotate:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.k2b-ui .k2b-image-cropper__error {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-app-workspace__resize:hover {
  background: var(--k2b-action-solid);
  outline: 0;
}

.k2b-ui .k2b-app-workspace__resize:focus-visible {
  background: var(--k2b-action-solid);
  outline: 0;
}

.k2b-ui .k2b-app-workspace__main-primary {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-tone="success"], .k2b-ui .k2b-app-workspace__sidebar-icon-action[data-tone="success"] {
  color: var(--k2b-success-text);
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-tone="danger"], .k2b-ui .k2b-app-workspace__sidebar-icon-action[data-tone="danger"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-app-workspace__sidebar-item-action {
  cursor: pointer;
  display: grid;
  color: inherit;
  font: inherit;
  background: none;
  border: 0;
  border-radius: .35rem;
  flex: none;
  place-items:  center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  line-height: 1;
}

.k2b-ui .k2b-app-workspace__sidebar-item-action :where(i) {
  display: inline-block;
  line-height: 1;
}

.k2b-ui .k2b-app-workspace__sidebar-item-actions {
  display: inline-flex;
  flex: none;
  align-items:  center;
  gap: .125rem;
  padding-inline-end: .125rem;
  line-height: 1;
}

.k2b-ui .k2b-app-workspace__sidebar-item-actions :where(i) {
  line-height: 1;
}

.k2b-ui .k2b-app-workspace__sidebar-item:-webkit-any([data-action-visibility="hover"], [data-has-actions="true"]) {
  gap: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-item:-moz-any([data-action-visibility="hover"], [data-has-actions="true"]) {
  gap: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-item:is([data-action-visibility="hover"], [data-has-actions="true"]) {
  gap: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-item:-webkit-any([data-action-visibility="hover"], [data-has-actions="true"]) .k2b-app-workspace__sidebar-item-main {
  padding-inline-end: .125rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item:-moz-any([data-action-visibility="hover"], [data-has-actions="true"]) .k2b-app-workspace__sidebar-item-main {
  padding-inline-end: .125rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item:is([data-action-visibility="hover"], [data-has-actions="true"]) .k2b-app-workspace__sidebar-item-main {
  padding-inline-end: .125rem;
}

@media (hover: hover) and (pointer: fine) {
  .k2b-ui .k2b-app-workspace__sidebar-section-actions {
    opacity: 0;
    pointer-events: none;
  }

  .k2b-ui .k2b-app-workspace__sidebar-section-header:-webkit-any(:hover, :focus-within, :has(.k2b-dropdown__trigger[aria-expanded="true"])) > .k2b-app-workspace__sidebar-section-actions {
    opacity: 1;
    pointer-events: auto;
  }

  .k2b-ui .k2b-app-workspace__sidebar-section-header:-moz-any(:hover, :focus-within, :has(.k2b-dropdown__trigger[aria-expanded="true"])) > .k2b-app-workspace__sidebar-section-actions {
    opacity: 1;
    pointer-events: auto;
  }

  .k2b-ui .k2b-app-workspace__sidebar-section-header:is(:hover, :focus-within, :has(.k2b-dropdown__trigger[aria-expanded="true"])) > .k2b-app-workspace__sidebar-section-actions {
    opacity: 1;
    pointer-events: auto;
  }

  .k2b-ui .k2b-app-workspace__sidebar-item-meta[data-visibility="hover"], .k2b-ui .k2b-app-workspace__sidebar-item-actions[data-visibility="hover"] {
    display: none;
  }

  .k2b-ui :-webkit-any(.k2b-app-workspace__sidebar-item, .k2b-app-workspace__nav-tree-node):-webkit-any(:hover, :focus-within) :-webkit-any(.k2b-app-workspace__sidebar-item-meta[data-visibility="hover"], .k2b-app-workspace__sidebar-item-actions[data-visibility="hover"]) {
    display: inline-flex;
  }

  .k2b-ui :-moz-any(.k2b-app-workspace__sidebar-item, .k2b-app-workspace__nav-tree-node):-moz-any(:hover, :focus-within) :-moz-any(.k2b-app-workspace__sidebar-item-meta[data-visibility="hover"], .k2b-app-workspace__sidebar-item-actions[data-visibility="hover"]) {
    display: inline-flex;
  }

  .k2b-ui :is(.k2b-app-workspace__sidebar-item, .k2b-app-workspace__nav-tree-node):is(:hover, :focus-within) :is(.k2b-app-workspace__sidebar-item-meta[data-visibility="hover"], .k2b-app-workspace__sidebar-item-actions[data-visibility="hover"]) {
    display: inline-flex;
  }

  .k2b-ui .k2b-app-workspace__sidebar-item-action[data-visibility="hover"] {
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    width: 0;
    transition: width .12s, opacity .12s;
  }

  .k2b-ui .k2b-app-workspace__sidebar-item[data-action-visibility="hover"]:where(:hover, :focus-within) > .k2b-app-workspace__sidebar-item-action[data-visibility="hover"] {
    opacity: 1;
    pointer-events: auto;
    width: 1.75rem;
  }
}

.k2b-ui .k2b-app-workspace__sidebar-item.has-action {
  padding: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-item-main {
  display: flex;
  color: inherit;
  text-align: left;
  text-decoration: none;
  background: none;
  border: 0;
  flex: 1;
  align-items:  center;
  gap: .5rem;
  min-width: 0;
  min-height: 2rem;
  padding: .375rem .5625rem;
  padding-inline-start: calc(.5625rem + var(--k2b-sidebar-item-depth, 0) * .75rem);
}

.k2b-ui .k2b-app-workspace__sidebar-icon-grid-wrap {
  display: grid;
  gap: .25rem;
}

.k2b-ui .k2b-app-workspace__sidebar-icon-grid-wrap > h2 {
  color: var(--k2b-text-muted);
  text-transform: uppercase;
  margin: .5rem;
  font-size: .625rem;
}

.k2b-ui .k2b-app-workspace__sidebar-icon-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .25rem;
}

.k2b-ui .k2b-app-workspace__sidebar-icon-grid[data-columns="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.k2b-ui .k2b-app-workspace__sidebar-icon-action {
  display: grid;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  text-decoration: none;
  background: none;
  border: 0;
  place-items:  center;
  width: 100%;
  min-height: 2.75rem;
}

.k2b-ui .k2b-app-workspace__sidebar-icon-grid > :-webkit-any(div, solid-island, solid-client) {
  min-width: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-icon-grid > :-moz-any(div, solid-island, solid-client) {
  min-width: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-icon-grid > :is(div, solid-island, solid-client) {
  min-width: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-icon-action:hover {
  color: var(--k2b-app-workspace-active);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-app-workspace__sidebar-icon-action.is-active {
  color: var(--k2b-app-workspace-active);
  background: none;
}

.k2b-ui .k2b-app-workspace__sidebar-icon-action.is-active:hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-app-workspace[data-sidebar-collapsed="true"] [data-sidebar-mode="expanded"], .k2b-ui .k2b-app-workspace:not([data-sidebar-collapsed="true"]) [data-sidebar-mode="collapsed"] {
  display: none;
}

.k2b-ui .k2b-app-workspace[data-sidebar-collapsed="true"] .k2b-app-workspace__sidebar[data-workspace-collapsible="true"] :is(.k2b-app-workspace__sidebar-section-header, .k2b-app-workspace__sidebar-icon-grid-wrap > h2, .k2b-app-workspace__sidebar-item-label, .k2b-app-workspace__sidebar-item-meta, .k2b-app-workspace__sidebar-item-action, .k2b-app-workspace__sidebar-item-actions, .k2b-app-workspace__nav-tree-toggle):not(.k2b-app-workspace__sidebar-preview *) {
  display: none !important;
}

.k2b-ui .k2b-app-workspace[data-sidebar-collapsed="true"] .k2b-app-workspace__sidebar[data-workspace-collapsible="true"] :-webkit-any(.k2b-app-workspace__sidebar-item, .k2b-app-workspace__sidebar-item-main):not(.k2b-app-workspace__sidebar-preview *) {
  justify-content: center;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.k2b-ui .k2b-app-workspace[data-sidebar-collapsed="true"] .k2b-app-workspace__sidebar[data-workspace-collapsible="true"] :-moz-any(.k2b-app-workspace__sidebar-item, .k2b-app-workspace__sidebar-item-main):not(.k2b-app-workspace__sidebar-preview *) {
  justify-content: center;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.k2b-ui .k2b-app-workspace[data-sidebar-collapsed="true"] .k2b-app-workspace__sidebar[data-workspace-collapsible="true"] :-webkit-any(.k2b-app-workspace__sidebar-item, .k2b-app-workspace__sidebar-item-main):not(.k2b-app-workspace__sidebar-preview *) {
  justify-content: center;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.k2b-ui .k2b-app-workspace[data-sidebar-collapsed="true"] .k2b-app-workspace__sidebar[data-workspace-collapsible="true"] :-moz-any(.k2b-app-workspace__sidebar-item, .k2b-app-workspace__sidebar-item-main):not(.k2b-app-workspace__sidebar-preview *) {
  justify-content: center;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.k2b-ui .k2b-app-workspace[data-sidebar-collapsed="true"] .k2b-app-workspace__sidebar[data-workspace-collapsible="true"] :is(.k2b-app-workspace__sidebar-item, .k2b-app-workspace__sidebar-item-main):not(.k2b-app-workspace__sidebar-preview *) {
  justify-content: center;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.k2b-ui .k2b-app-workspace[data-sidebar-collapsed="true"] .k2b-app-workspace__sidebar[data-workspace-collapsible="true"] .k2b-app-workspace__sidebar-icon-grid {
  grid-template-columns: minmax(0, 1fr);
}

.k2b-ui .k2b-floating-window > header > i {
  color: var(--k2b-window-accent, var(--k2b-text-muted));
  flex-shrink: 0;
  font-size: 1rem;
}

.k2b-ui .k2b-floating-window__title {
  overflow: hidden;
  border-radius: var(--k2b-radius-control);
  color: inherit;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: move;
  background: none;
  border: 0;
  flex: 1;
  min-width: 0;
  padding: 0;
  font-size: .875rem;
  font-weight: 650;
}

.k2b-ui .k2b-floating-window__title > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k2b-ui .k2b-floating-window__resize {
  position: absolute;
  z-index: 4;
  opacity: 0;
  background: var(--k2b-window-accent, var(--k2b-action));
  border: 0;
  padding: 0;
}

.k2b-ui .k2b-floating-window__resize:focus-visible {
  opacity: 1;
  outline: 0;
}

.k2b-ui .k2b-floating-window__resize[data-edge="left"] {
  width: .5rem;
  top: .75rem;
  bottom: .75rem;
  left: -.25rem;
}

.k2b-ui .k2b-floating-window__resize[data-edge="right"] {
  width: .5rem;
  top: .75rem;
  bottom: .75rem;
  right: -.25rem;
}

.k2b-ui .k2b-floating-window__resize[data-edge="top"] {
  height: .5rem;
  top: -.25rem;
  left: .75rem;
  right: .75rem;
}

.k2b-ui .k2b-floating-window__resize[data-edge="bottom"] {
  height: .5rem;
  bottom: -.25rem;
  left: .75rem;
  right: .75rem;
}

.k2b-ui .k2b-floating-window__resize[data-edge="top-left"] {
  width: .75rem;
  height: .75rem;
  top: -.25rem;
  left: -.25rem;
}

.k2b-ui .k2b-floating-window__resize[data-edge="top-right"] {
  width: .75rem;
  height: .75rem;
  top: -.25rem;
  right: -.25rem;
}

.k2b-ui .k2b-floating-window__resize[data-edge="bottom-left"] {
  width: .75rem;
  height: .75rem;
  bottom: -.25rem;
  left: -.25rem;
}

.k2b-ui .k2b-floating-window__resize[data-edge="bottom-right"] {
  width: .75rem;
  height: .75rem;
  bottom: -.25rem;
  right: -.25rem;
}

@media (min-width: 64rem) {
  .k2b-ui .k2b-app-workspace__content > .k2b-app-workspace__resize {
    flex: 0 0 .25rem;
  }

  .k2b-ui .k2b-app-workspace__content > :-webkit-any(solid-island, solid-client) > .k2b-app-workspace__resize {
    flex: 0 0 .25rem;
  }

  .k2b-ui .k2b-app-workspace__content > :-moz-any(solid-island, solid-client) > .k2b-app-workspace__resize {
    flex: 0 0 .25rem;
  }

  .k2b-ui .k2b-app-workspace__content > :is(solid-island, solid-client) > .k2b-app-workspace__resize {
    flex: 0 0 .25rem;
  }
}

.k2b-ui .k2b-dropdown {
  position: relative;
  display: inline-flex;
}

.k2b-ui .k2b-dropdown__trigger {
  display: inline-flex;
}

.k2b-ui .k2b-dropdown__trigger.k2b-app-workspace__sidebar-icon-action {
  display: grid;
}

.k2b-ui .k2b-dropdown__menu {
  position: fixed;
  z-index: 1000;
  inset: unset;
  display: none;
  width: var(--k2b-dropdown-width, 12rem);
  overflow: auto;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  color: var(--k2b-text);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-float);
  flex-direction: column;
  gap: .125rem;
  max-width: calc(100vw - 2rem);
  max-height: min(24rem, 80dvh);
  margin: 0;
  padding: .25rem;
  transition: none;
}

.k2b-ui .k2b-dropdown__menu:popover-open {
  display: flex;
}

.k2b-ui .k2b-dropdown__item {
  display: flex;
  color: var(--k2b-text-secondary);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: .375rem;
  align-items:  center;
  gap: .625rem;
  width: 100%;
  min-height: 2rem;
  padding: .4375rem .75rem;
  transition: background-color .15s ease-out, color .15s ease-out;
  font-size: .8125rem;
  line-height: 1rem;
}

.k2b-ui .k2b-dropdown__item:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
  outline: none;
}

.k2b-ui .k2b-dropdown__item:focus-visible {
  color: var(--k2b-text);
  background: var(--k2b-hover);
  outline: none;
}

.k2b-ui .k2b-dropdown__item[data-danger="true"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-dropdown__item:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.k2b-ui .k2b-dropdown__copy {
  display: grid;
  flex: 1;
  gap: .0625rem;
  min-width: 0;
}

.k2b-ui .k2b-dropdown__copy > span, .k2b-ui .k2b-dropdown__copy > small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k2b-ui .k2b-dropdown__copy > small {
  color: var(--k2b-text-muted);
  font-size: .625rem;
}

.k2b-ui .k2b-dropdown__image {
  object-fit: cover;
  border-radius: .25rem;
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
}

.k2b-ui .k2b-dropdown__checkbox {
  display: inline-flex;
  border: 1px solid var(--k2b-border-strong);
  color: var(--k2b-action);
  border-radius: .25rem;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: .875rem;
  height: .875rem;
  font-size: .625rem;
}

.k2b-ui .k2b-dropdown__color {
  background: var(--k2b-dropdown-color);
  border-radius: 999px;
  flex: none;
  width: .625rem;
  height: .625rem;
}

.k2b-ui .k2b-dropdown__check {
  color: var(--k2b-action);
  flex: none;
  font-size: .75rem;
}

.k2b-ui .k2b-dropdown__section {
  display: flex;
  flex-direction: column;
  gap: .125rem;
}

.k2b-ui .k2b-dropdown__section[data-divided="true"] {
  margin-top: .25rem;
  padding-top: .25rem;
}

.k2b-ui .k2b-dropdown__label {
  color: var(--k2b-text-muted);
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: .625rem .75rem .25rem;
  font-size: .625rem;
  font-weight: 500;
}

.k2b-ui .k2b-dropdown__menu[data-variant="touch"] {
  width: var(--k2b-dropdown-width, 18rem);
  gap: .25rem;
  max-height: min(32rem, 80dvh);
  padding: .5rem;
}

.k2b-ui .k2b-dropdown__menu[data-variant="touch"] .k2b-dropdown__item {
  gap: .875rem;
  min-height: 3.25rem;
  padding: .875rem 1rem;
  font-size: 1rem;
  line-height: 1.375rem;
}

.k2b-ui .k2b-dropdown__menu[data-variant="touch"] .k2b-dropdown__item > i {
  font-size: 1.25rem;
}

.k2b-ui .k2b-dropdown__menu[data-variant="touch"] .k2b-dropdown__copy > small {
  font-size: .8125rem;
  line-height: 1.125rem;
}

.k2b-ui .k2b-dropdown__menu[data-variant="touch"] .k2b-dropdown__image {
  width: 1.5rem;
  height: 1.5rem;
}

.k2b-ui .k2b-dropdown__menu[data-variant="touch"] .k2b-dropdown__checkbox {
  width: 1.25rem;
  height: 1.25rem;
  font-size: .875rem;
}

.k2b-ui .k2b-dropdown__menu[data-variant="touch"] .k2b-dropdown__section {
  gap: .25rem;
}

.k2b-ui .k2b-dropdown__menu[data-variant="touch"] .k2b-dropdown__label {
  padding: .75rem 1rem .375rem;
  font-size: .75rem;
}

.k2b-ui .k2b-filter-chip {
  display: inline-flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
  cursor: pointer;
  user-select: none;
  border: 1px solid #0000;
  justify-content: center;
  align-items:  center;
  gap: .375rem;
  min-height: 2.25rem;
  padding: .375rem .75rem;
  transition: background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.k2b-ui .k2b-filter-chip:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-filter-chip[data-active="true"] {
  color: var(--k2b-action);
  background: var(--k2b-selected);
  border-color: #0000;
}

.k2b-ui .k2b-filter-chip[data-icon-only="true"] {
  justify-content: center;
  width: 2.25rem;
  padding: 0;
}

.k2b-ui .k2b-filter-chip__chevron {
  color: var(--k2b-text-muted);
  font-size: .625rem;
}

.k2b-ui .k2b-filter-chip__option {
  display: flex;
  color: var(--k2b-text-secondary);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: .375rem;
  align-items:  center;
  gap: .625rem;
  width: 100%;
  min-height: 2rem;
  padding: .4375rem .75rem;
  transition: background-color .15s ease-out, color .15s ease-out;
  font-size: .8125rem;
  line-height: 1rem;
}

.k2b-ui .k2b-filter-chip__option:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
  outline: none;
}

.k2b-ui .k2b-filter-chip__option:focus-visible {
  color: var(--k2b-text);
  background: var(--k2b-hover);
  outline: none;
}

.k2b-ui .k2b-filter-chip__option > span:not(:-webkit-any(.k2b-dropdown__checkbox, .k2b-dropdown__color)) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-filter-chip__option > span:not(:-moz-any(.k2b-dropdown__checkbox, .k2b-dropdown__color)) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-filter-chip__option > span:not(:-webkit-any(.k2b-dropdown__checkbox, .k2b-dropdown__color)) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-filter-chip__option > span:not(:-moz-any(.k2b-dropdown__checkbox, .k2b-dropdown__color)) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-filter-chip__option > span:not(:is(.k2b-dropdown__checkbox, .k2b-dropdown__color)) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-filter-chip__checkbox {
  display: inline-flex;
  border: 1px solid var(--k2b-border-strong);
  color: var(--k2b-action);
  border-radius: .25rem;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: .875rem;
  height: .875rem;
  font-size: .625rem;
}

.k2b-ui .k2b-filter-chip__color {
  background: var(--k2b-filter-color);
  border-radius: 999px;
  flex: none;
  width: .625rem;
  height: .625rem;
}

.k2b-ui .k2b-filter-chip__check {
  color: var(--k2b-action);
}

.k2b-ui .k2b-remove-button {
  display: inline-flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
}

.k2b-ui .k2b-remove-button:not(:disabled):hover {
  color: var(--k2b-danger-text);
  background: var(--k2b-danger-surface);
}

.k2b-ui .k2b-remove-button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-remove-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.k2b-ui .k2b-remove-button__hover, .k2b-ui .k2b-remove-button:not(:disabled):hover .k2b-remove-button__idle {
  display: none;
}

.k2b-ui .k2b-remove-button:not(:disabled):hover .k2b-remove-button__hover {
  display: inline-block;
}

.k2b-ui .k2b-control {
  border: 1px solid var(--k2b-border-strong);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text);
  background: var(--k2b-surface);
  width: 100%;
  min-height: 2.25rem;
  padding: .4375rem .625rem;
  font-size: .8125rem;
}

.k2b-ui .k2b-control:focus-visible {
  border-color: var(--k2b-focus-ring);
  outline: none;
}

.k2b-ui .k2b-choice-control, .k2b-ui .k2b-combobox {
  position: relative;
  min-width: 0;
}

.k2b-ui .k2b-choice-trigger, .k2b-ui .k2b-multi-select-trigger, .k2b-ui .k2b-combobox__input {
  display: flex;
  color: var(--k2b-text-secondary);
  font: inherit;
  text-align: left;
  cursor: pointer;
  align-items:  center;
  gap: .5rem;
  width: 100%;
  min-width: 0;
  padding: .4375rem .625rem;
  font-size: .8125rem;
  line-height: 1rem;
}

.k2b-ui .k2b-choice-trigger[data-clearable="true"] .k2b-choice-trigger__value {
  padding-right: 1.75rem;
}

.k2b-ui .k2b-choice-trigger:disabled, .k2b-ui .k2b-multi-select-trigger[data-disabled="true"], .k2b-ui .k2b-tags-input[data-disabled="true"] {
  opacity: .55;
  cursor: not-allowed;
}

.k2b-ui .k2b-choice-trigger__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-select-chip > span[data-placeholder="true"], .k2b-ui .k2b-choice-trigger__value[data-placeholder="true"] {
  color: var(--k2b-placeholder-color);
}

.k2b-ui .k2b-choice-control__clear {
  position: absolute;
  z-index: 1;
  display: flex;
  cursor: pointer;
  border: 0;
  border-radius: .375rem;
  justify-content: center;
  align-items:  center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  top: .25rem;
  right: .25rem;
}

.k2b-ui .k2b-choice-trigger[data-clearable="true"] + input + .k2b-choice-control__clear, .k2b-ui .k2b-choice-trigger[data-clearable="true"] + .k2b-choice-control__clear, .k2b-ui .k2b-combobox__input[data-clearable="true"] .k2b-choice-control__clear {
  right: 1.75rem;
}

.k2b-ui .k2b-combobox__input {
  cursor: text;
  padding: 0;
}

.k2b-ui .k2b-combobox__input > i {
  color: var(--k2b-text-muted);
  flex: none;
}

.k2b-ui .k2b-combobox__input > i:first-child {
  margin-inline-start: .625rem;
  margin-inline-end: 0;
}

.k2b-ui .k2b-combobox__input > i:last-child {
  margin-inline-start: 0;
  margin-inline-end: .625rem;
}

.k2b-ui .k2b-combobox__input > input {
  outline: 0;
  color: var(--k2b-text);
  font: inherit;
  background: none;
  border: 0;
  flex: 1;
  min-width: 0;
  min-height: 2.125rem;
  padding: .4375rem;
  font-size: .8125rem;
}

.k2b-ui .k2b-combobox__input > input::placeholder {
  color: var(--k2b-placeholder-color);
  opacity: 1;
}

.k2b-ui .k2b-combobox__input > input:disabled {
  cursor: not-allowed;
}

.k2b-ui .k2b-combobox__input:has( > input:disabled) {
  opacity: .55;
  cursor: not-allowed;
}

.k2b-ui .k2b-combobox__input[data-clearable="true"] > input {
  padding-right: 2.1875rem;
}

.k2b-ui .k2b-choice-popover {
  position: fixed;
  z-index: 1000;
  inset: unset;
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  color: var(--k2b-text);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-float);
  flex-direction: column;
  gap: .25rem;
  max-width: calc(100vw - 1rem);
  max-height: min(20rem, 100dvh - 1rem);
  margin: 0;
  padding: .375rem;
  transition: none;
}

.k2b-ui .k2b-choice-popover:not(:popover-open) {
  display: none;
}

.k2b-ui .k2b-choice-popover:popover-open {
  display: flex;
}

.k2b-ui .k2b-choice-search {
  display: flex;
  color: var(--k2b-text-muted);
  flex: none;
  align-items:  center;
  gap: .375rem;
  min-height: 2rem;
  padding: 0 .375rem;
}

.k2b-ui .k2b-choice-search > input {
  outline: 0;
  color: var(--k2b-text);
  font: inherit;
  background: none;
  border: 0;
  flex: 1;
  min-width: 0;
  min-height: 2rem;
  padding: .25rem;
  font-size: .75rem;
}

.k2b-ui .k2b-choice-toolbar {
  display: flex;
  flex: none;
  align-items:  center;
  gap: .375rem;
  min-width: 0;
  padding: .125rem .25rem .375rem;
}

.k2b-ui .k2b-choice-groups-shell {
  position: relative;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-choice-groups {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  gap: .25rem;
  width: 100%;
  min-width: 0;
  padding: 0;
}

.k2b-ui .k2b-choice-groups::-webkit-scrollbar {
  display: none;
}

.k2b-ui .k2b-choice-groups-scrollbar {
  position: absolute;
  z-index: 1;
  cursor: ew-resize;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  border-radius: 999px;
  height: .375rem;
  transition: opacity .12s;
  bottom: -.3125rem;
  left: 0;
  right: 0;
}

.k2b-ui .k2b-choice-groups-scrollbar:hover {
  opacity: 1;
  pointer-events: auto;
}

.k2b-ui .k2b-choice-groups-shell:-webkit-any(:hover, :focus-within) .k2b-choice-groups-scrollbar {
  opacity: 1;
  pointer-events: auto;
}

.k2b-ui .k2b-choice-groups-shell:-moz-any(:hover, :focus-within) .k2b-choice-groups-scrollbar {
  opacity: 1;
  pointer-events: auto;
}

.k2b-ui .k2b-choice-groups-shell:is(:hover, :focus-within) .k2b-choice-groups-scrollbar {
  opacity: 1;
  pointer-events: auto;
}

.k2b-ui .k2b-choice-groups-scrollbar > span {
  display: block;
  width: var(--k2b-choice-scroll-width);
  background: var(--k2b-border-strong);
  transform: translateX(var(--k2b-choice-scroll-left));
  background-clip: padding-box;
  border: .125rem solid #0000;
  border-radius: 999px;
  height: 100%;
}

.k2b-ui .k2b-choice-groups > button {
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
  font: inherit;
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 9999px;
  flex: none;
  min-height: 1.75rem;
  padding: .25rem .625rem;
  font-size: .6875rem;
  font-weight: 500;
}

.k2b-ui .k2b-choice-groups > button:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-choice-groups > button[aria-checked="true"] {
  color: var(--k2b-action);
  background: var(--k2b-selected);
}

.k2b-ui .k2b-choice-groups > button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-choice-view-toggle {
  display: inline-flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 1.75rem;
  height: 1.75rem;
  margin-left: auto;
  padding: 0;
}

.k2b-ui .k2b-choice-view-toggle:hover {
  color: var(--k2b-action);
}

.k2b-ui .k2b-choice-view-toggle:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

@media (max-width: 767px) {
  .k2b-ui .k2b-choice-groups > button, .k2b-ui .k2b-choice-view-toggle {
    min-height: 2.25rem;
  }

  .k2b-ui .k2b-choice-view-toggle {
    width: 2.25rem;
  }
}

.k2b-ui .k2b-choice-options {
  display: flex;
  overflow-y: auto;
  overscroll-behavior: contain;
  flex-direction: column;
  gap: .125rem;
  min-height: 0;
}

.k2b-ui .k2b-choice-options[data-view="grid"] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--k2b-choice-grid-min)), 1fr));
  align-content:  start;
  gap: .25rem;
}

.k2b-ui .k2b-choice-options[data-view="grid"][data-grid-size="sm"] {
  --k2b-choice-grid-min: 4.5rem;
  --k2b-choice-grid-height: 4rem;
}

.k2b-ui .k2b-choice-options[data-view="grid"][data-grid-size="md"] {
  --k2b-choice-grid-min: 7rem;
  --k2b-choice-grid-height: 5.5rem;
}

.k2b-ui .k2b-choice-options[data-view="grid"][data-grid-size="lg"] {
  --k2b-choice-grid-min: 9rem;
  --k2b-choice-grid-height: 6.75rem;
}

.k2b-ui .k2b-choice-options[data-view="grid"] > .k2b-choice-option {
  min-height: var(--k2b-choice-grid-height);
  text-align: center;
  border: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  gap: .375rem;
  padding: .625rem .5rem;
}

.k2b-ui .k2b-choice-options[data-view="grid"] > .k2b-choice-option > i {
  flex: none;
  font-size: 1.375rem;
}

.k2b-ui .k2b-choice-options[data-view="grid"] > .k2b-choice-option > span:not(.k2b-choice-dot) {
  flex: 0 auto;
  align-items:  center;
  width: 100%;
}

.k2b-ui .k2b-choice-options[data-view="grid"] > .k2b-choice-option strong, .k2b-ui .k2b-choice-options[data-view="grid"] > .k2b-choice-option small {
  display: -webkit-box;
  overflow: hidden;
  text-align: center;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.k2b-ui .k2b-choice-options[data-view="grid"] > .k2b-choice-option strong {
  color: var(--k2b-text-muted);
  font-weight: 400;
}

.k2b-ui .k2b-choice-options[data-view="grid"][data-grid-size="sm"] > .k2b-choice-option small {
  display: none;
}

.k2b-ui .k2b-choice-options[data-view="grid"] > .k2b-choice-status {
  grid-column: 1 / -1;
}

.k2b-ui .k2b-choice-option {
  display: flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items:  center;
  gap: .625rem;
  width: 100%;
  min-width: 0;
  padding: .5rem;
  line-height: 1rem;
}

.k2b-ui .k2b-choice-option:not(:disabled):hover, .k2b-ui .k2b-choice-option[data-focused="true"] {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-choice-option[aria-selected="true"] {
  color: var(--k2b-text);
  background: var(--k2b-selected);
}

.k2b-ui .k2b-choice-option:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.k2b-ui .k2b-choice-option > span:not(:-webkit-any(.k2b-choice-option__checkbox, .k2b-choice-dot)) {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: .125rem;
  min-width: 0;
}

.k2b-ui .k2b-choice-option > span:not(:-moz-any(.k2b-choice-option__checkbox, .k2b-choice-dot)) {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: .125rem;
  min-width: 0;
}

.k2b-ui .k2b-choice-option > span:not(:-webkit-any(.k2b-choice-option__checkbox, .k2b-choice-dot)) {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: .125rem;
  min-width: 0;
}

.k2b-ui .k2b-choice-option > span:not(:-moz-any(.k2b-choice-option__checkbox, .k2b-choice-dot)) {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: .125rem;
  min-width: 0;
}

.k2b-ui .k2b-choice-option > span:not(:is(.k2b-choice-option__checkbox, .k2b-choice-dot)) {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: .125rem;
  min-width: 0;
}

.k2b-ui .k2b-choice-dot {
  display: block;
  border-radius: 999px;
  flex: none;
  width: .75rem;
  height: .75rem;
}

.k2b-ui .k2b-choice-option strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
}

.k2b-ui .k2b-choice-option small {
  overflow: hidden;
  color: var(--k2b-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .6875rem;
}

.k2b-ui .k2b-choice-option__checkbox {
  display: flex;
  border: 1px solid var(--k2b-border-strong);
  color: #0000;
  background: var(--k2b-surface);
  border-radius: .25rem;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 1rem;
  height: 1rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-choice-option[aria-selected="true"] .k2b-choice-option__checkbox {
  border-color: var(--k2b-action-solid);
  color: #fff;
  background: var(--k2b-action-solid);
}

.k2b-ui .k2b-choice-status {
  display: flex;
  color: var(--k2b-text-muted);
  align-items:  center;
  gap: .5rem;
  min-height: 2rem;
  padding: .5rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-choice-status[data-tone="danger"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-choice-status > span {
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-choice-status > button {
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.k2b-ui .k2b-multi-select-trigger {
  padding: .25rem 2rem .25rem .375rem;
}

.k2b-ui .k2b-multi-select-trigger__values {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  flex: 1;
  gap: .25rem;
  min-width: 0;
}

.k2b-ui .k2b-multi-select-trigger__chevron {
  position: absolute;
  color: var(--k2b-text-muted);
  right: .625rem;
}

.k2b-ui .k2b-choice-pill {
  display: inline-flex;
  color: var(--k2b-choice-color, var(--k2b-info-text));
  background: var(--k2b-choice-background, var(--k2b-info-surface));
  border-radius: 999px;
  flex: none;
  align-items:  center;
  gap: .25rem;
  max-width: 9rem;
  padding: .1875rem .25rem .1875rem .4375rem;
  font-size: .6875rem;
  line-height: 1rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-choice-pill {
    color: var(--k2b-choice-color, var(--k2b-info-text));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-choice-pill {
      color: color-mix(in srgb, var(--k2b-choice-color, var(--k2b-info-text)) 65%, var(--k2b-text));
    }
  }
}

.k2b-ui .k2b-choice-pill > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k2b-ui .k2b-choice-pill__content, .k2b-ui .k2b-choice-option__content {
  display: flex;
  flex: 1;
  gap: .375rem;
  min-width: 0;
}

.k2b-ui .k2b-choice-pill__content {
  align-items:  center;
}

.k2b-ui .k2b-choice-option__content {
  flex-direction: column;
  align-items:  flex-start;
  gap: .125rem;
}

.k2b-ui .k2b-choice-pill > button {
  display: flex;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items:  center;
  width: 1rem;
  height: 1rem;
  padding: 0;
}

.k2b-ui .k2b-choice-pill > button:hover {
  background: currentColor;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-choice-pill > button:hover {
    background: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-choice-pill > button:hover {
      background: color-mix(in srgb, currentColor 12%, transparent);
    }
  }
}

.k2b-ui .k2b-checkbox-card-field {
  display: flex;
  flex-direction: column;
  gap: .375rem;
  min-width: 0;
}

.k2b-ui .k2b-checkbox-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface);
  cursor: pointer;
  align-items:  center;
  gap: .625rem;
  min-width: 0;
  padding: .625rem;
}

.k2b-ui .k2b-checkbox-card[data-variant="input"] {
  background: var(--k2b-surface-muted);
  border-color: #0000;
}

.k2b-ui .k2b-checkbox-card[data-state="checked"] {
  border-color: var(--k2b-action);
}

.k2b-ui .k2b-checkbox-card[data-state="invalid"] {
  border-color: var(--k2b-danger-500);
  background: var(--k2b-danger-surface);
}

.k2b-ui .k2b-checkbox-card:has(input:disabled) {
  opacity: .55;
  cursor: not-allowed;
}

.k2b-ui .k2b-checkbox-card > input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.k2b-ui .k2b-checkbox-card__control {
  display: flex;
  border: 1px solid var(--k2b-border-strong);
  color: #0000;
  background: var(--k2b-surface);
  border-radius: .25rem;
  justify-content: center;
  align-items:  center;
  width: 1rem;
  height: 1rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-checkbox-card > input:checked + .k2b-checkbox-card__control {
  border-color: var(--k2b-action-solid);
  color: #fff;
  background: var(--k2b-action-solid);
}

.k2b-ui .k2b-checkbox-card > input:focus-visible + .k2b-checkbox-card__control {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-checkbox-card__icon {
  color: var(--k2b-text-muted);
  flex: none;
}

.k2b-ui .k2b-checkbox-card__color {
  border-radius: 999px;
  flex: none;
  width: .625rem;
  height: .625rem;
}

.k2b-ui .k2b-checkbox-card__content {
  display: flex;
  flex-direction: column;
  gap: .125rem;
  min-width: 0;
}

.k2b-ui .k2b-checkbox-card__label {
  display: flex;
  color: var(--k2b-text-secondary);
  align-items:  center;
  gap: .5rem;
  min-width: 0;
  font-size: .75rem;
  font-weight: 600;
}

.k2b-ui .k2b-checkbox-card__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.k2b-ui .k2b-tags-input {
  position: relative;
  display: flex;
  align-items:  center;
  gap: .25rem;
  padding: .0625rem .25rem;
}

.k2b-ui .k2b-tags-input__icon {
  display: grid;
  color: var(--k2b-text-muted);
  flex: none;
  place-items:  center;
  margin-inline-start: .375rem;
  margin-inline-end: .125rem;
}

.k2b-ui .k2b-tags-input__icon > i {
  grid-area: 1 / 1;
}

.k2b-ui .k2b-tags-input__icon-active, .k2b-ui .k2b-tags-input:focus-within .k2b-tags-input__icon-idle {
  display: none;
}

.k2b-ui .k2b-tags-input:focus-within .k2b-tags-input__icon-active {
  display: inline-block;
  color: var(--k2b-focus-ring);
}

.k2b-ui .k2b-tags-input > input {
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: auto;
  outline: 0;
  color: var(--k2b-text);
  white-space: nowrap;
  cursor: text;
  scrollbar-width: none;
  background: none;
  border: 0;
  flex: 1;
  min-width: 0;
  height: 2rem;
  padding: .375rem .25rem;
  font-size: .8125rem;
  line-height: 1.25rem;
}

.k2b-ui .k2b-tags-input > input::-webkit-scrollbar {
  display: none;
}

.k2b-ui .k2b-tags-input__placeholder {
  color: var(--k2b-placeholder-color);
}

.k2b-ui .k2b-tags-input__values {
  display: flex;
  overflow: hidden;
  pointer-events: none;
  flex: 1;
  align-items:  center;
  gap: .25rem;
  min-width: 0;
  height: 100%;
}

.k2b-ui .k2b-tags-input:focus-within .k2b-tags-input__values {
  display: none;
}

.k2b-ui .k2b-tags-input:not(:focus-within) > input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  inset: 0;
}

.k2b-ui .k2b-tags-input[data-disabled="true"] {
  opacity: .55;
}

.k2b-ui .k2b-tags-input[data-disabled="true"] > input {
  cursor: not-allowed;
}

.k2b-ui .k2b-tag {
  display: inline-flex;
  color: var(--k2b-choice-color, var(--k2b-info-text));
  background: var(--k2b-choice-background, var(--k2b-info-surface));
  border-radius: 999px;
  align-items:  center;
  gap: .25rem;
  min-width: 0;
  padding: .1875rem .375rem;
  font-size: .6875rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-tag {
    color: var(--k2b-choice-color, var(--k2b-info-text));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-tag {
      color: color-mix(in srgb, var(--k2b-choice-color, var(--k2b-info-text)) 65%, var(--k2b-text));
    }
  }
}

.k2b-ui .k2b-tag[data-size="sm"] {
  padding: .125rem .3125rem;
  font-size: .625rem;
}

.k2b-ui .k2b-tag[data-size="lg"] {
  gap: .375rem;
  min-height: 1.5rem;
  padding: .25rem .5rem;
  font-size: .75rem;
  line-height: 1rem;
}

.k2b-ui .k2b-tag[data-selected="true"] {
  color: var(--k2b-text);
  background: var(--k2b-choice-color, var(--k2b-action));
  font-weight: 600;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-tag[data-selected="true"] {
    background: var(--k2b-choice-color, var(--k2b-action));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-tag[data-selected="true"] {
      background: color-mix(in srgb, var(--k2b-choice-color, var(--k2b-action)) 24%, var(--k2b-surface-elevated));
    }
  }
}

.k2b-ui .k2b-tag__icon {
  text-align: center;
  flex: 0 0 1em;
  width: 1em;
}

.k2b-ui .k2b-tag__icon[data-placeholder="true"] {
  visibility: hidden;
}

.k2b-ui .k2b-tag__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.k2b-ui .k2b-tag__remove {
  display: flex;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items:  center;
  width: 1rem;
  height: 1rem;
  padding: 0;
}

.k2b-ui .k2b-tag__remove:hover {
  background: currentColor;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-tag__remove:hover {
    background: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-tag__remove:hover {
      background: color-mix(in srgb, currentColor 12%, transparent);
    }
  }
}

.k2b-ui .k2b-tag__remove:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-date-picker {
  position: relative;
  min-width: 0;
}

.k2b-ui .k2b-date-trigger {
  position: relative;
  display: flex;
  color: var(--k2b-text-secondary);
  font: inherit;
  text-align: left;
  cursor: pointer;
  align-items:  center;
  gap: .5rem;
  width: 100%;
  min-width: 0;
  padding: .4375rem 3.75rem .4375rem .625rem;
  font-size: .8125rem;
}

.k2b-ui .k2b-date-trigger:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.k2b-ui .k2b-date-trigger__icon, .k2b-ui .k2b-date-trigger__chevron {
  color: var(--k2b-text-muted);
  flex: none;
}

.k2b-ui .k2b-date-trigger[data-open="true"] .k2b-date-trigger__icon {
  color: var(--k2b-action);
}

.k2b-ui .k2b-date-trigger__value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-date-trigger[data-placeholder="true"] .k2b-date-trigger__value {
  color: var(--k2b-placeholder-color);
}

.k2b-ui .k2b-date-trigger__chevron {
  position: absolute;
  right: .625rem;
}

.k2b-ui .k2b-date-trigger__clear {
  position: absolute;
  z-index: 1;
  display: flex;
  cursor: pointer;
  border: 0;
  border-radius: .375rem;
  justify-content: center;
  align-items:  center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  top: .25rem;
  right: 2rem;
}

.k2b-ui .k2b-date-trigger__clear:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-date-durations button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-date-apply:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-date-presets button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-date-popover {
  position: fixed;
  z-index: 1000;
  inset: unset;
  overflow: auto;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  color: var(--k2b-text);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-float);
  flex-direction: column;
  max-width: calc(100vw - 1rem);
  max-height: calc(100dvh - 1rem);
  margin: 0;
  padding: 0;
  transition: none;
}

.k2b-ui .k2b-date-popover:not(:popover-open) {
  display: none;
}

.k2b-ui .k2b-date-popover:popover-open {
  display: flex;
}

.k2b-ui .k2b-date-popover::backdrop {
  background: none;
}

.k2b-ui .k2b-date-popover__body {
  display: flex;
  min-width: 0;
}

.k2b-ui .k2b-date-presets {
  display: flex;
  overflow-y: auto;
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface-muted);
  flex-direction: column;
  flex: none;
  gap: .125rem;
  width: 7.5rem;
  max-height: 20rem;
  margin: .5rem 0 .5rem .5rem;
  padding: .375rem;
}

.k2b-ui .k2b-date-presets button, .k2b-ui .k2b-date-durations button {
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: .375rem .5rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-date-presets button:hover, .k2b-ui .k2b-date-durations button:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-date-calendar {
  flex: 1;
  min-width: 0;
  padding: .625rem;
}

.k2b-ui .k2b-date-calendar__header {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) 2rem;
  align-items:  center;
  gap: .25rem;
  margin-bottom: .5rem;
}

.k2b-ui .k2b-date-calendar__nav, .k2b-ui .k2b-date-calendar__title {
  display: flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items:  center;
  min-height: 2rem;
  padding: .25rem;
}

.k2b-ui .k2b-date-calendar__title {
  min-width: 0;
  font-size: .75rem;
  font-weight: 650;
}

.k2b-ui .k2b-date-calendar__nav:hover, .k2b-ui .k2b-date-calendar__title:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-date-calendar__nav:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-date-calendar__title:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-date-grid button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-date-months button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-date-weekdays, .k2b-ui .k2b-date-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: .125rem;
}

.k2b-ui .k2b-date-week {
  display: contents;
}

.k2b-ui .k2b-date-weekdays span {
  color: var(--k2b-text-muted);
  text-align: center;
  padding-block-start: .25rem;
  padding-block-end: .25rem;
  font-size: .625rem;
  font-weight: 600;
}

.k2b-ui .k2b-date-grid button, .k2b-ui .k2b-date-months button {
  display: flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items:  center;
  min-width: 0;
  min-height: 2rem;
  padding: .25rem;
  font-size: .75rem;
}

.k2b-ui .k2b-date-grid button:hover, .k2b-ui .k2b-date-months button:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-date-grid button[data-outside="true"] {
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-date-grid button[data-in-range="true"] {
  color: var(--k2b-info-text);
  background: var(--k2b-info-surface);
  border-radius: .25rem;
}

.k2b-ui .k2b-date-grid button[aria-selected="true"], .k2b-ui .k2b-date-months button[data-selected="true"] {
  color: #fff;
  background: var(--k2b-action-solid);
}

.k2b-ui .k2b-date-months {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .25rem;
}

.k2b-ui .k2b-date-time {
  display: grid;
  flex: 1;
  gap: .25rem;
  min-width: 0;
}

.k2b-ui .k2b-date-time > span:first-child {
  color: var(--k2b-text-muted);
  font-size: .625rem;
}

.k2b-ui .k2b-date-time__control {
  position: relative;
  display: flex;
  align-items:  center;
  min-width: 0;
}

.k2b-ui .k2b-date-time__control input {
  border: 1px solid var(--k2b-border-strong);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text);
  background: var(--k2b-surface);
  font: inherit;
  font-family: var(--k2b-font-mono);
  width: 100%;
  min-width: 0;
  min-height: 2rem;
  padding: .375rem 1.75rem .375rem .5rem;
  font-size: .75rem;
}

.k2b-ui .k2b-date-time__control input:focus-visible {
  border-color: var(--k2b-focus-ring);
  outline: none;
}

.k2b-ui .k2b-date-time__control i {
  position: absolute;
  color: var(--k2b-text-muted);
  pointer-events: none;
  right: .5rem;
}

.k2b-ui .k2b-date-actions, .k2b-ui .k2b-date-range-times {
  display: flex;
  align-items:  flex-end;
  gap: .5rem;
  min-width: 0;
  padding: 0 .625rem .625rem;
}

.k2b-ui .k2b-date-actions {
  justify-content: flex-end;
}

.k2b-ui .k2b-date-apply {
  border-radius: var(--k2b-radius-control);
  color: #fff;
  background: var(--k2b-action-solid);
  font: inherit;
  cursor: pointer;
  border: 0;
  flex: none;
  min-height: 2rem;
  padding: .375rem .75rem;
  font-size: .75rem;
  font-weight: 650;
}

.k2b-ui .k2b-date-apply:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.k2b-ui .k2b-date-durations {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  flex: auto;
  align-items:  center;
  gap: .25rem;
  min-width: 0;
  padding: .125rem 0;
}

.k2b-ui .k2b-date-durations button {
  white-space: nowrap;
  flex: none;
}

.k2b-ui .k2b-date-durations button[aria-pressed="true"] {
  color: var(--k2b-action);
  background: var(--k2b-selected);
}

.k2b-ui .k2b-date-popover__footer {
  display: flex;
  color: var(--k2b-text-muted);
  justify-content: space-between;
  align-items:  center;
  gap: .75rem;
  min-height: 1.75rem;
  padding: 0 .75rem .5rem;
  font-size: .625rem;
}

.k2b-ui .k2b-date-popover__timezone, .k2b-ui .k2b-date-duration {
  display: inline-flex;
  align-items:  center;
  gap: .25rem;
}

.k2b-ui .k2b-date-range-value {
  display: inline-flex;
  align-items:  center;
  gap: .375rem;
  min-width: 0;
}

.k2b-ui .k2b-date-range-value span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

@media (max-width: 34rem) {
  .k2b-ui .k2b-date-popover__body {
    flex-direction: column;
  }

  .k2b-ui .k2b-date-presets {
    overflow-x: auto;
    flex-direction: row;
    width: auto;
    max-height: none;
    margin: .5rem .5rem 0;
  }

  .k2b-ui .k2b-date-presets button {
    flex: none;
  }
}

.k2b-ui .k2b-pin-input {
  display: flex;
  gap: .25rem;
  max-width: 20rem;
}

@media (min-width: 48rem) {
  .k2b-ui .k2b-pin-input {
    gap: .5rem;
  }
}

.k2b-ui .k2b-pin-input[data-stretch="true"] {
  max-width: none;
}

.k2b-ui .k2b-pin-input__digit {
  font-family: var(--k2b-font-mono);
  text-align: center;
  width: 2.5rem;
  min-width: 0;
  padding-inline-start: .25rem;
  padding-inline-end: .25rem;
  font-weight: 600;
}

.k2b-ui .k2b-pin-input[data-stretch="true"] .k2b-pin-input__digit {
  flex: 1;
}

.k2b-ui .k2b-pin-input__digit[data-filled="true"] {
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-pin-input__digit[aria-invalid="true"] {
  border-color: var(--k2b-danger-500);
}

.k2b-ui .k2b-pin-input__digit:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.k2b-ui .k2b-slider, .k2b-ui .k2b-color-input {
  display: flex;
  align-items:  center;
  gap: .75rem;
}

.k2b-ui .k2b-slider input {
  appearance: none;
  accent-color: var(--k2b-action);
  border-radius: 999px;
  flex: 1;
  min-width: 0;
  height: .375rem;
}

.k2b-ui .k2b-slider input::-webkit-slider-thumb {
  appearance: none;
  background: var(--k2b-action-solid);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  width: .875rem;
  height: .875rem;
}

.k2b-ui .k2b-slider input::-moz-range-thumb {
  background: var(--k2b-action-solid);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  width: .875rem;
  height: .875rem;
}

.k2b-ui .k2b-slider input:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.k2b-ui .k2b-slider input:disabled::-webkit-slider-thumb {
  background: var(--k2b-text-muted);
  cursor: not-allowed;
}

.k2b-ui .k2b-slider input:disabled::-moz-range-thumb {
  background: var(--k2b-text-muted);
  cursor: not-allowed;
}

.k2b-ui .k2b-slider output, .k2b-ui .k2b-color-input code {
  color: var(--k2b-text-muted);
  font-family: var(--k2b-font-mono);
  text-align: right;
  min-width: 3.5rem;
  font-size: .75rem;
}

.k2b-ui .k2b-color-input {
  position: relative;
}

.k2b-ui .k2b-color-input--compact {
  display: inline-flex;
}

.k2b-ui .k2b-color-input__swatch {
  border: 1px solid var(--k2b-border);
  border-radius: calc(var(--k2b-radius-control) * .6);
  background: var(--k2b-surface);
  flex: none;
  width: 1rem;
  height: 1rem;
}

.k2b-ui button.k2b-color-input__swatch {
  cursor: pointer;
  width: 1.75rem;
  height: 1.75rem;
}

.k2b-ui .k2b-color-input__swatch[data-transparent="true"] {
  background: linear-gradient(45deg, transparent 46%, var(--k2b-danger-500) 47% 53%, transparent 54%), conic-gradient(var(--k2b-surface-muted) 25%, var(--k2b-surface) 0 50%, var(--k2b-surface-muted) 0 75%, var(--k2b-surface) 0);
  background-size: auto, .5rem .5rem;
}

.k2b-ui .k2b-color-input__value {
  display: flex;
  color: var(--k2b-text);
  cursor: pointer;
  flex: 1;
  align-items:  center;
  gap: .625rem;
  min-width: 0;
  padding: 0 .625rem;
}

.k2b-ui .k2b-color-input__value code {
  text-align: left;
  flex: 1;
}

.k2b-ui .k2b-color-input__transparent {
  display: inline-grid;
  border: 1px solid var(--k2b-border-strong);
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface);
  color: var(--k2b-text-muted);
  cursor: pointer;
  flex: none;
  place-items:  center;
  width: 2.25rem;
  height: 2.25rem;
}

.k2b-ui .k2b-color-input__transparent[aria-pressed="true"] {
  border-color: var(--k2b-action);
  color: var(--k2b-action);
}

.k2b-ui .k2b-color-input__transparent:focus-visible {
  border-color: var(--k2b-focus-ring);
  outline: none;
}

.k2b-ui button.k2b-color-input__swatch:focus-visible {
  border-color: var(--k2b-focus-ring);
  outline: none;
}

.k2b-ui .k2b-color-input__native {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}

.k2b-ui .k2b-color-input[data-disabled="true"] {
  cursor: not-allowed;
  opacity: .55;
}

.k2b-ui .k2b-color-input--compact:has(:disabled) {
  cursor: not-allowed;
  opacity: .55;
}

.k2b-ui .k2b-color-input :disabled {
  cursor: not-allowed;
}

.k2b-ui .k2b-table-shell {
  position: relative;
  display: grid;
  overflow: hidden;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  min-width: 0;
}

.k2b-ui .k2b-table-shell[data-surface="paper"] {
  min-height: calc(var(--spacing, .25rem) * 0);
  flex: 1;
}

.k2b-ui .k2b-table-wrap {
  overflow: auto;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
}

.k2b-ui .k2b-data-panel > .k2b-table-shell[data-surface="paper"] {
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.k2b-ui .k2b-data-table__scrollbar {
  position: absolute;
  z-index: 20;
  display: none;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  border-radius: 9999px;
  transition: opacity .12s;
}

.k2b-ui .k2b-data-table__scrollbar[data-axis="y"] {
  width: .5rem;
  top: .125rem;
  bottom: .125rem;
  right: .125rem;
}

.k2b-ui .k2b-data-table__scrollbar[data-axis="x"] {
  height: .5rem;
  bottom: .125rem;
  left: .125rem;
  right: .125rem;
}

.k2b-ui .k2b-data-table__scrollbar > span {
  position: absolute;
  display: block;
  background: var(--k2b-scrollbar-thumb);
  background-clip: padding-box;
  border: 1px solid #0000;
  border-radius: 9999px;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-data-table__scrollbar > span {
    background: var(--k2b-scrollbar-thumb);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-data-table__scrollbar > span {
      background: color-mix(in srgb, var(--k2b-scrollbar-thumb) 45%, transparent);
    }
  }
}

.k2b-ui .k2b-data-table__scrollbar[data-axis="y"] > span {
  top: var(--k2b-data-table-scroll-offset);
  height: var(--k2b-data-table-scroll-size);
  width: 100%;
  right: 0;
}

.k2b-ui .k2b-data-table__scrollbar[data-axis="x"] > span {
  bottom: 0;
  left: var(--k2b-data-table-scroll-offset);
  width: var(--k2b-data-table-scroll-size);
  height: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .k2b-ui .k2b-table-shell[data-scrollbar-enhanced="true"] > .k2b-table-wrap {
    scrollbar-width: none;
  }

  .k2b-ui .k2b-table-shell[data-scrollbar-enhanced="true"] > .k2b-table-wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .k2b-ui .k2b-table-shell[data-scrollbar-enhanced="true"] > .k2b-data-table__scrollbar[data-overflow="true"] {
    display: block;
  }

  .k2b-ui .k2b-table-shell:-webkit-any(:hover, :focus-within, [data-scrolling="true"]) > .k2b-data-table__scrollbar[data-overflow="true"] {
    opacity: 1;
    pointer-events: auto;
  }

  .k2b-ui .k2b-table-shell:-moz-any(:hover, :focus-within, [data-scrolling="true"]) > .k2b-data-table__scrollbar[data-overflow="true"] {
    opacity: 1;
    pointer-events: auto;
  }

  .k2b-ui .k2b-table-shell:is(:hover, :focus-within, [data-scrolling="true"]) > .k2b-data-table__scrollbar[data-overflow="true"] {
    opacity: 1;
    pointer-events: auto;
  }

  .k2b-ui .k2b-data-table__scrollbar:hover > span {
    background: var(--k2b-scrollbar-thumb);
    background-clip: padding-box;
  }
}

.k2b-ui .k2b-data-table {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  border-collapse: collapse;
  width: 100%;
}

.k2b-ui .k2b-data-table[data-fill="true"] {
  height: 100%;
}

.k2b-ui .k2b-data-table :-webkit-any(th, td) {
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  text-align: left;
  vertical-align: middle;
}

.k2b-ui .k2b-data-table :-moz-any(th, td) {
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  text-align: left;
  vertical-align: middle;
}

.k2b-ui .k2b-data-table :is(th, td) {
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  text-align: left;
  vertical-align: middle;
}

.k2b-ui .k2b-table-wrap[data-density="compact"] .k2b-data-table :-webkit-any(th, td) {
  padding-block: calc(var(--spacing, .25rem) * 1.5);
}

.k2b-ui .k2b-table-wrap[data-density="compact"] .k2b-data-table :-moz-any(th, td) {
  padding-block: calc(var(--spacing, .25rem) * 1.5);
}

.k2b-ui .k2b-table-wrap[data-density="compact"] .k2b-data-table :is(th, td) {
  padding-block: calc(var(--spacing, .25rem) * 1.5);
}

.k2b-ui .k2b-data-table td {
  max-width: 260px;
}

.k2b-ui .k2b-data-table :-webkit-any(th, td)[data-align="center"] {
  text-align: center;
}

.k2b-ui .k2b-data-table :-moz-any(th, td)[data-align="center"] {
  text-align: center;
}

.k2b-ui .k2b-data-table :is(th, td)[data-align="center"] {
  text-align: center;
}

.k2b-ui .k2b-data-table :-webkit-any(th, td)[data-align="right"] {
  text-align: right;
}

.k2b-ui .k2b-data-table :-moz-any(th, td)[data-align="right"] {
  text-align: right;
}

.k2b-ui .k2b-data-table :is(th, td)[data-align="right"] {
  text-align: right;
}

.k2b-ui .k2b-data-table td[data-valign="top"] {
  vertical-align: top;
}

.k2b-ui .k2b-data-table td[data-valign="bottom"] {
  vertical-align: bottom;
}

.k2b-ui .k2b-data-table :-webkit-any(th, td)[data-highlighted="true"] {
  background: var(--k2b-hover);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-data-table :-webkit-any(th, td)[data-highlighted="true"] {
    background: var(--k2b-hover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-data-table :-webkit-any(th, td)[data-highlighted="true"] {
      background: color-mix(in srgb, var(--k2b-hover) 30%, transparent);
    }
  }
}

.k2b-ui .k2b-data-table :-moz-any(th, td)[data-highlighted="true"] {
  background: var(--k2b-hover);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-data-table :-moz-any(th, td)[data-highlighted="true"] {
    background: var(--k2b-hover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-data-table :-moz-any(th, td)[data-highlighted="true"] {
      background: color-mix(in srgb, var(--k2b-hover) 30%, transparent);
    }
  }
}

.k2b-ui .k2b-data-table :-webkit-any(th, td)[data-highlighted="true"] {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-data-table :-moz-any(th, td)[data-highlighted="true"] {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-data-table :is(th, td)[data-highlighted="true"] {
  background: var(--k2b-hover);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-data-table :-webkit-any(th, td)[data-highlighted="true"] {
    background: var(--k2b-hover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-data-table :-webkit-any(th, td)[data-highlighted="true"] {
      background: color-mix(in srgb, var(--k2b-hover) 30%, transparent);
    }
  }

  .k2b-ui .k2b-data-table :-moz-any(th, td)[data-highlighted="true"] {
    background: var(--k2b-hover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-data-table :-moz-any(th, td)[data-highlighted="true"] {
      background: color-mix(in srgb, var(--k2b-hover) 30%, transparent);
    }
  }

  .k2b-ui .k2b-data-table :is(th, td)[data-highlighted="true"] {
    background: var(--k2b-hover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-data-table :is(th, td)[data-highlighted="true"] {
      background: color-mix(in srgb, var(--k2b-hover) 30%, transparent);
    }
  }
}

.k2b-ui .k2b-data-table__head[data-sticky="true"], .k2b-ui .k2b-data-table__foot[data-sticky="true"] {
  z-index: 10;
  position: sticky;
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-data-table__head[data-sticky="true"] {
  top: 0;
}

.k2b-ui .k2b-data-table__foot[data-sticky="true"] {
  bottom: 0;
}

.k2b-ui .k2b-data-table__head-row {
  border-bottom: 1px solid var(--k2b-border);
}

.k2b-ui .k2b-data-table__foot-row {
  border-top: 1px solid var(--k2b-border);
}

.k2b-ui .k2b-data-table__header-content {
  display: flex;
  align-items:  flex-start;
  gap: calc(var(--spacing, .25rem) * .5);
  text-align: left;
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  color: inherit;
  text-decoration: none;
  flex-direction: column;
}

.k2b-ui .k2b-data-table__header-content[data-align="center"] {
  text-align: center;
  align-items:  center;
}

.k2b-ui .k2b-data-table__header-content[data-align="right"] {
  text-align: right;
  align-items:  flex-end;
}

.k2b-ui .k2b-data-table__sort:hover {
  color: var(--k2b-text);
}

.k2b-ui .k2b-data-table__header-line {
  display: inline-flex;
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 1);
}

.k2b-ui .k2b-data-table__header-title {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--k2b-text);
}

.k2b-ui .k2b-data-table__header-subtitle {
  --tw-font-weight: var(--font-weight-normal, 400);
  font-size: 11px;
  font-weight: var(--font-weight-normal, 400);
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-data-table__sort-icon {
  font-size: 9px;
}

.k2b-ui .k2b-data-table__sort-icon:not([data-active="true"]) {
  opacity: .3;
}

.k2b-ui .k2b-data-table__row {
  border-bottom: 1px solid var(--k2b-border);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-data-table__row {
    border-bottom: 1px solid var(--k2b-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-data-table__row {
      border-bottom: 1px solid color-mix(in srgb, var(--k2b-border) 72%, transparent);
    }
  }
}

.k2b-ui .k2b-data-table tbody tr:last-child {
  border-bottom: 0;
}

.k2b-ui .k2b-data-table__row[data-hover="true"]:not([data-selected="true"]):hover {
  background: var(--k2b-hover);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-data-table__row[data-hover="true"]:not([data-selected="true"]):hover {
    background: var(--k2b-hover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-data-table__row[data-hover="true"]:not([data-selected="true"]):hover {
      background: color-mix(in srgb, var(--k2b-hover) 50%, transparent);
    }
  }
}

.k2b-ui .k2b-data-table__row[data-selected="true"] {
  background: var(--k2b-selected);
}

.k2b-ui .k2b-data-table__row[data-selected="true"] > td[data-highlighted="true"] {
  background: none;
}

.k2b-ui .k2b-data-table__row[data-clickable="true"] {
  cursor: pointer;
}

.k2b-ui .k2b-data-table__row:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-data-table td.k2b-data-table__footer-cell {
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  color: var(--k2b-text-muted);
  font-size: 11px;
}

.k2b-ui .k2b-data-table td.k2b-data-table__empty {
  padding: calc(var(--spacing, .25rem) * 0);
}

.k2b-ui .k2b-data-table td.k2b-data-table__fill {
  padding: calc(var(--spacing, .25rem) * 0);
  height: 100%;
}

.k2b-ui .k2b-data-table__cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k2b-ui .k2b-data-table__sentinel {
  height: 1px;
  margin-top: -1px;
}

.k2b-ui .k2b-log-table {
  overflow-x: auto;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface);
  box-shadow: var(--k2b-shadow-surface);
}

.k2b-ui .k2b-log-level {
  display: inline-flex;
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 1.5);
  white-space: nowrap;
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-log-level[data-level="info"] {
  color: var(--k2b-info-text);
}

.k2b-ui .k2b-log-level[data-level="warn"] {
  color: var(--k2b-warning-text);
}

.k2b-ui .k2b-log-level[data-level="error"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-log-level__icon {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.k2b-ui .k2b-log-table__source {
  white-space: nowrap;
  color: var(--k2b-text-secondary);
}

.k2b-ui .k2b-log-table__time {
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-data-table td.k2b-log-table__time-cell {
  white-space: nowrap;
}

.k2b-ui .k2b-pagination {
  overflow-x: auto;
  padding-top: calc(var(--spacing, .25rem) * 3);
  max-width: 100%;
}

.k2b-ui .k2b-pagination__pages {
  display: flex;
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 1);
  width: max-content;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.k2b-ui .k2b-pagination__page {
  display: inline-flex;
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --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, );
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-muted);
  text-decoration: none;
  border: 1px solid #0000;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  transition: background-color .15s, border-color .15s, color .15s;
}

.k2b-ui .k2b-pagination__page:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-pagination__page:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-pagination [aria-disabled="true"] {
  opacity: .4;
  pointer-events: none;
}

.k2b-ui .k2b-pagination__page.is-current {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  border-color: var(--k2b-action);
  color: var(--k2b-action);
  background: var(--k2b-selected);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-pagination__page.is-current {
    border-color: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-pagination__page.is-current {
      border-color: color-mix(in srgb, var(--k2b-action) 25%, var(--k2b-border));
    }
  }
}

.k2b-ui .k2b-pagination__ellipsis {
  display: none;
  min-width: calc(var(--spacing, .25rem) * 6);
  color: var(--k2b-text-muted);
  justify-content: center;
  align-items:  center;
}

.k2b-ui .k2b-pagination__page--wide-only {
  display: none;
}

@media (min-width: 40rem) {
  .k2b-ui .k2b-pagination__ellipsis {
    display: flex;
  }

  .k2b-ui .k2b-pagination__page--wide-only {
    display: inline-flex;
  }
}

.k2b-ui .k2b-range-picker {
  display: flex;
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 1);
  flex-wrap: wrap;
}

.k2b-ui .k2b-range-picker__caption {
  margin-right: calc(var(--spacing, .25rem) * 1);
  color: var(--k2b-text-muted);
  font-size: 10px;
}

.k2b-ui .k2b-range-picker__option {
  display: inline-flex;
  min-height: calc(var(--spacing, .25rem) * 8);
  cursor: pointer;
  justify-content: center;
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 1.5);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
  text-decoration: none;
  transition: background-color .15s, border-color .15s, color .15s;
}

.k2b-ui .k2b-range-picker__option:hover {
  color: var(--k2b-text);
  border-color: var(--k2b-border-strong);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-range-picker__option:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-range-picker__option[data-selected="true"] {
  border-color: var(--k2b-action);
  color: var(--k2b-action);
  background: var(--k2b-selected);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-range-picker__option[data-selected="true"] {
    border-color: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-range-picker__option[data-selected="true"] {
      border-color: color-mix(in srgb, var(--k2b-action) 25%, var(--k2b-border));
    }
  }
}

.k2b-ui .k2b-dropzone {
  display: flex;
  border: 1px solid var(--k2b-border-strong);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  gap: .5rem;
  width: 100%;
  min-height: 7rem;
  padding: 1.25rem 1rem;
  font-size: .875rem;
}

.k2b-ui .k2b-dropzone:hover {
  border-color: var(--k2b-border);
  background: var(--k2b-surface);
}

.k2b-ui .k2b-dropzone:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-dropzone:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.k2b-ui .k2b-dropzone__icon {
  display: grid;
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface);
  place-items:  center;
  width: 2.5rem;
  height: 2.5rem;
}

.k2b-ui .k2b-dropzone__icon > i {
  color: var(--k2b-text-secondary);
  font-size: 1.125rem;
}

.k2b-ui .k2b-dropzone__copy {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: .125rem;
}

.k2b-ui .k2b-dropzone__copy > strong {
  color: var(--k2b-text);
  font-size: .875rem;
  font-weight: 500;
}

.k2b-ui .k2b-dropzone__subtitle {
  color: var(--k2b-text-muted);
  font-size: .75rem;
}

.k2b-ui .k2b-dropzone__hint {
  color: var(--k2b-text-muted);
  font-size: .6875rem;
}

.k2b-ui .k2b-dropzone[data-dragging="true"] {
  border-color: var(--k2b-action);
  background: var(--k2b-selected);
}

.k2b-ui .k2b-dropzone[data-invalid="true"] {
  border-color: var(--k2b-danger-500);
  background: var(--k2b-danger-surface);
}

.k2b-ui .k2b-image-input {
  position: relative;
  display: grid;
  justify-items: center;
  gap: .625rem;
}

.k2b-ui .k2b-image-cropper {
  display: grid;
  gap: .75rem;
  min-width: 0;
}

.k2b-ui .k2b-settings__tabs button[data-active="true"] {
  color: var(--k2b-action);
  background: var(--k2b-selected);
}

.k2b-ui .k2b-settings__tabs button[data-tone="danger"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-floating-window {
  position: fixed;
  z-index: 80;
  display: flex;
  overflow: hidden;
  outline: none;
  resize: none;
  border: 1px solid var(--k2b-window-accent, var(--k2b-border-strong));
  border-radius: var(--k2b-radius-dialog);
  color: var(--k2b-text);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-float);
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  top: 0;
  left: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-floating-window {
    border: 1px solid var(--k2b-window-accent, var(--k2b-border-strong));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-floating-window {
      border: 1px solid color-mix(in srgb, var(--k2b-window-accent, var(--k2b-border-strong)) 28%, var(--k2b-border-strong));
    }
  }
}

.k2b-ui .k2b-floating-window > header {
  display: flex;
  cursor: move;
  touch-action: none;
  user-select: none;
  flex-shrink: 0;
  align-items:  center;
  gap: .75rem;
  height: 3.5rem;
  padding: 0 1rem;
}

.k2b-ui .k2b-floating-window__body {
  flex: auto;
  min-height: 0;
}

.k2b-ui .k2b-chat {
  display: flex;
  flex-direction: column;
  flex: auto;
  min-width: 0;
  min-height: 0;
}

.k2b-ui .k2b-chat-timeline {
  position: relative;
  flex: 1;
  min-height: 0;
}

.k2b-ui .k2b-chat-timeline__viewport {
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  height: 100%;
}

.k2b-ui .k2b-chat-timeline__viewport[data-initializing] {
  display: flex;
  flex-direction: column-reverse;
}

.k2b-ui .k2b-chat-timeline__viewport[data-initializing] > .k2b-chat-timeline__content {
  flex-shrink: 0;
}

.k2b-ui {
  --k2b-scrollbar-thumb: #52525b8c;
  --k2b-scrollbar-thumb-hover: #52525bbf;
  scrollbar-color: var(--k2b-scrollbar-thumb) transparent;
}

.k2b-ui[data-theme="dark"], .k2b-ui.k2b-dark, .dark .k2b-ui {
  --k2b-scrollbar-thumb: #71717a8c;
  --k2b-scrollbar-thumb-hover: #71717abf;
}

.k2b-ui::-webkit-scrollbar-track {
  background: none;
}

.k2b-ui *::-webkit-scrollbar-track {
  background: none;
}

.k2b-ui::-webkit-scrollbar-thumb {
  background: var(--k2b-scrollbar-thumb);
  border-radius: 9999px;
}

.k2b-ui *::-webkit-scrollbar-thumb {
  background: var(--k2b-scrollbar-thumb);
  border-radius: 9999px;
}

@media (hover: hover) and (pointer: fine) {
  .k2b-ui .k2b-app-workspace__sidebar-body, .k2b-ui .k2b-chat-timeline__viewport {
    scrollbar-color: transparent transparent;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body::-webkit-scrollbar-track {
    background: none;
  }

  .k2b-ui .k2b-chat-timeline__viewport::-webkit-scrollbar-track {
    background: none;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body::-webkit-scrollbar-thumb {
    background: none;
  }

  .k2b-ui .k2b-chat-timeline__viewport::-webkit-scrollbar-thumb {
    background: none;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body:-webkit-any(:hover, :focus-within) {
    scrollbar-color: var(--k2b-scrollbar-thumb) transparent;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body:-moz-any(:hover, :focus-within) {
    scrollbar-color: var(--k2b-scrollbar-thumb) transparent;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body:is(:hover, :focus-within) {
    scrollbar-color: var(--k2b-scrollbar-thumb) transparent;
  }

  .k2b-ui .k2b-chat-timeline__viewport:-webkit-any(:hover, :focus-within) {
    scrollbar-color: var(--k2b-scrollbar-thumb) transparent;
  }

  .k2b-ui .k2b-chat-timeline__viewport:-moz-any(:hover, :focus-within) {
    scrollbar-color: var(--k2b-scrollbar-thumb) transparent;
  }

  .k2b-ui .k2b-chat-timeline__viewport:is(:hover, :focus-within) {
    scrollbar-color: var(--k2b-scrollbar-thumb) transparent;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body:-webkit-any(:hover, :focus-within)::-webkit-scrollbar-thumb {
    background: var(--k2b-scrollbar-thumb);
    background-clip: padding-box;
    border: 1px solid #0000;
    border-radius: 9999px;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body:-moz-any(:hover, :focus-within)::-webkit-scrollbar-thumb {
    background: var(--k2b-scrollbar-thumb);
    background-clip: padding-box;
    border: 1px solid #0000;
    border-radius: 9999px;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body:is(:hover, :focus-within)::-webkit-scrollbar-thumb {
    background: var(--k2b-scrollbar-thumb);
    background-clip: padding-box;
    border: 1px solid #0000;
    border-radius: 9999px;
  }

  .k2b-ui .k2b-chat-timeline__viewport:-webkit-any(:hover, :focus-within)::-webkit-scrollbar-thumb {
    background: var(--k2b-scrollbar-thumb);
    background-clip: padding-box;
    border: 1px solid #0000;
    border-radius: 9999px;
  }

  .k2b-ui .k2b-chat-timeline__viewport:-moz-any(:hover, :focus-within)::-webkit-scrollbar-thumb {
    background: var(--k2b-scrollbar-thumb);
    background-clip: padding-box;
    border: 1px solid #0000;
    border-radius: 9999px;
  }

  .k2b-ui .k2b-chat-timeline__viewport:is(:hover, :focus-within)::-webkit-scrollbar-thumb {
    background: var(--k2b-scrollbar-thumb);
    background-clip: padding-box;
    border: 1px solid #0000;
    border-radius: 9999px;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body:-webkit-any(:hover, :focus-within)::-webkit-scrollbar-thumb:hover {
    background: var(--k2b-scrollbar-thumb-hover);
    background-clip: padding-box;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body:-moz-any(:hover, :focus-within)::-webkit-scrollbar-thumb:hover {
    background: var(--k2b-scrollbar-thumb-hover);
    background-clip: padding-box;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body:is(:hover, :focus-within)::-webkit-scrollbar-thumb:hover {
    background: var(--k2b-scrollbar-thumb-hover);
    background-clip: padding-box;
  }

  .k2b-ui .k2b-chat-timeline__viewport:-webkit-any(:hover, :focus-within)::-webkit-scrollbar-thumb:hover {
    background: var(--k2b-scrollbar-thumb-hover);
    background-clip: padding-box;
  }

  .k2b-ui .k2b-chat-timeline__viewport:-moz-any(:hover, :focus-within)::-webkit-scrollbar-thumb:hover {
    background: var(--k2b-scrollbar-thumb-hover);
    background-clip: padding-box;
  }

  .k2b-ui .k2b-chat-timeline__viewport:is(:hover, :focus-within)::-webkit-scrollbar-thumb:hover {
    background: var(--k2b-scrollbar-thumb-hover);
    background-clip: padding-box;
  }
}

.k2b-ui .k2b-chat-timeline__viewport:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-chat-timeline__navigation {
  position: sticky;
  z-index: 3;
  height: 0;
  top: 0;
}

.k2b-ui .k2b-chat-timeline__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: min(100%, 52rem);
  min-height: 100%;
  margin: 0 auto;
  padding: 1rem clamp(.75rem, 2vw, 1.5rem) 1.5rem;
}

.k2b-ui .k2b-chat-timeline__sentinel {
  position: absolute;
  pointer-events: none;
  height: 1px;
  top: 0;
  left: 0;
  right: 0;
}

.k2b-ui .k2b-chat-timeline__history {
  display: grid;
  justify-items: start;
  gap: .5rem;
}

.k2b-ui .k2b-chat-timeline__older {
  display: inline-flex;
  border: 1px solid var(--k2b-border);
  color: var(--k2b-text-secondary);
  font: inherit;
  cursor: pointer;
  background: none;
  border-radius: 999px;
  align-items:  center;
  gap: .375rem;
  min-height: 1.75rem;
  padding: .25rem .625rem;
  font-size: .75rem;
}

.k2b-ui .k2b-chat-timeline__older:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-chat-timeline__older:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-chat-timeline__placeholder {
  flex: 1;
  min-height: 18rem;
}

.k2b-ui .k2b-chat-timeline__latest {
  position: absolute;
  z-index: 2;
  bottom: max(.5rem, env(safe-area-inset-bottom));
  display: inline-flex;
  border: 1px solid var(--k2b-border);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-elevated);
  box-shadow: 0 3px 10px var(--k2b-text);
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  align-items:  center;
  gap: .375rem;
  min-height: 2rem;
  padding: .375rem .625rem;
  font-size: .75rem;
  left: 50%;
  transform: translate(-50%);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chat-timeline__latest {
    box-shadow: 0 3px 10px var(--k2b-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chat-timeline__latest {
      box-shadow: 0 3px 10px color-mix(in srgb, var(--k2b-text) 10%, transparent);
    }
  }
}

.k2b-ui .k2b-chat-timeline__latest:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-chat-timeline__latest:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-chat-message__actions button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-chat-message__menu:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-chat-activity button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-chat-context:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-chat-composer button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-chat-message {
  display: grid;
  color: var(--k2b-text);
  align-self:  flex-start;
  gap: .375rem;
  width: -moz-fit-content;
  width: fit-content;
  max-width: min(44rem, 92%);
}

.k2b-ui .k2b-chat-message[data-role="user"] {
  align-self:  flex-end;
  justify-items: end;
}

.k2b-ui .k2b-chat-message[data-role="assistant"] {
  width: 100%;
}

.k2b-ui .k2b-chat-message[data-role="user"] .k2b-chat-message__bubble {
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-selected);
  padding: .625rem .75rem;
}

.k2b-ui .k2b-chat-message[data-role="system"], .k2b-ui .k2b-chat-message[data-role="tool"] {
  color: var(--k2b-text-secondary);
  width: 100%;
  max-width: none;
}

.k2b-ui .k2b-chat-message[data-status="error"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-chat-message__meta {
  display: flex;
  color: var(--k2b-text-muted);
  align-items:  center;
  gap: .5rem;
  min-height: 1rem;
  font-size: .6875rem;
  line-height: 1;
}

.k2b-ui .k2b-chat-message[data-role="user"] .k2b-chat-message__meta {
  opacity: 0;
  justify-content: flex-end;
  transition: opacity .12s;
}

.k2b-ui .k2b-chat-message[data-role="user"]:hover .k2b-chat-message__meta, .k2b-ui .k2b-chat-message[data-role="user"]:focus-within .k2b-chat-message__meta {
  opacity: 1;
}

@media (hover: none) {
  .k2b-ui .k2b-chat-message[data-role="user"] .k2b-chat-message__meta {
    opacity: 1;
  }
}

.k2b-ui .k2b-chat-message__meta time {
  font-variant-numeric: tabular-nums;
}

.k2b-ui .k2b-chat-message__status {
  display: inline-flex;
  align-items:  center;
  gap: .25rem;
  font-size: .875rem;
  line-height: 1.5;
}

.k2b-ui .k2b-chat-message__status--streaming {
  min-height: 1rem;
  line-height: 1;
}

.k2b-ui .k2b-chat-progress-dots {
  display: inline-flex;
  color: var(--k2b-text-muted);
  align-items:  center;
  gap: .2rem;
  line-height: 1;
}

.k2b-ui .k2b-chat-progress-dots > span {
  opacity: .22;
  animation: 1s ease-in-out infinite k2b-chat-dot-pulse;
  background: currentColor;
  border-radius: 9999px;
  width: .3rem;
  height: .3rem;
}

.k2b-ui .k2b-chat-progress-dots > span:nth-child(2) {
  animation-delay: .18s;
}

.k2b-ui .k2b-chat-progress-dots > span:nth-child(3) {
  animation-delay: .36s;
}

@keyframes k2b-chat-dot-pulse {
  0%, 80%, to {
    opacity: .22;
    transform: translateY(0);
  }

  40% {
    opacity: .92;
    transform: translateY(-1px);
  }
}

.k2b-ui .k2b-chat-message__content {
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: .8125rem;
  line-height: 1.6;
}

.k2b-ui .k2b-chat-message__attachments {
  display: flex;
  flex-wrap: wrap;
  gap: .375rem;
  max-width: 100%;
}

.k2b-ui .k2b-chat-message__attachment {
  display: inline-flex;
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
  text-decoration: none;
  align-items:  center;
  gap: .5rem;
  min-width: 0;
  max-width: min(18rem, 100%);
  min-height: 2.25rem;
  padding: .375rem .625rem;
}

.k2b-ui a.k2b-chat-message__attachment:hover {
  border-color: var(--k2b-border-strong);
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui a.k2b-chat-message__attachment:focus-visible {
  border-color: var(--k2b-border-strong);
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-chat-message__attachment > i {
  flex-shrink: 0;
}

.k2b-ui .k2b-chat-message__attachment[data-kind="image"] {
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  padding: 0;
}

.k2b-ui .k2b-chat-message__attachment img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.k2b-ui .k2b-chat-message__attachment span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: .8125rem;
}

.k2b-ui .k2b-chat-message__content > :first-child {
  margin-top: 0;
}

.k2b-ui .k2b-chat-message__content > :last-child {
  margin-bottom: 0;
}

.k2b-ui .k2b-chat-message__actions {
  display: flex;
  color: var(--k2b-text-muted);
  align-items:  center;
  gap: .25rem;
  min-height: 1.5rem;
}

.k2b-ui .k2b-chat-message__menu {
  display: inline-flex;
  border-radius: var(--k2b-radius-control);
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items:  center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
}

.k2b-ui .k2b-chat-message__menu:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-chat-activity {
  color: var(--k2b-text-muted);
  align-self:  flex-start;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  font-size: .75rem;
}

.k2b-ui .k2b-chat-activity__row {
  display: flex;
  list-style: none;
  align-items:  center;
  gap: .5rem;
  min-height: 1.75rem;
  padding: .25rem 0;
}

.k2b-ui summary.k2b-chat-activity__row {
  border-radius: var(--k2b-radius-control);
  cursor: pointer;
}

.k2b-ui summary.k2b-chat-activity__row::-webkit-details-marker {
  display: none;
}

.k2b-ui summary.k2b-chat-activity__row:hover {
  color: var(--k2b-text-secondary);
}

.k2b-ui summary.k2b-chat-activity__row:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-chat-activity__leading {
  display: inline-flex;
  color: var(--k2b-text-muted);
  flex: none;
  justify-content: center;
  align-items:  center;
}

.k2b-ui .k2b-chat-activity[data-tone="ai"] .k2b-chat-activity__leading {
  color: var(--k2b-ai-accent);
}

.k2b-ui .k2b-chat-activity[data-tone="success"] .k2b-chat-activity__leading {
  color: var(--k2b-success-600);
}

.k2b-ui .k2b-chat-activity[data-tone="danger"] .k2b-chat-activity__leading {
  color: var(--k2b-danger-500);
}

.k2b-ui .k2b-chat-activity[data-accent="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading {
  color: var(--k2b-chat-activity-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chat-activity[data-accent="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading {
    color: var(--k2b-chat-activity-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chat-activity[data-accent="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading {
      color: color-mix(in srgb, var(--k2b-chat-activity-accent) 78%, black);
    }
  }
}

.k2b-ui[data-theme="dark"] .k2b-chat-activity[data-accent="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading, .k2b-ui.k2b-dark .k2b-chat-activity[data-accent="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading, .dark .k2b-ui .k2b-chat-activity[data-accent="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading {
  color: var(--k2b-chat-activity-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.k2b-ui[data-theme="dark"] .k2b-chat-activity[data-accent="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading, .k2b-ui.k2b-dark .k2b-chat-activity[data-accent="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading, .dark .k2b-ui .k2b-chat-activity[data-accent="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading) {
    color: var(--k2b-chat-activity-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.k2b-ui[data-theme="dark"] .k2b-chat-activity[data-accent="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading, .k2b-ui.k2b-dark .k2b-chat-activity[data-accent="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading, .dark .k2b-ui .k2b-chat-activity[data-accent="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading) {
      color: color-mix(in srgb, var(--k2b-chat-activity-accent) 58%, white);
    }
  }
}

.k2b-ui .k2b-chat-activity__copy {
  display: flex;
  flex: 1;
  align-items: baseline;
  gap: .5rem;
  min-width: 0;
}

.k2b-ui .k2b-chat-activity__copy strong {
  overflow: hidden;
  color: var(--k2b-text-secondary);
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

.k2b-ui .k2b-chat-activity[data-busy="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading, .k2b-ui .k2b-chat-activity[data-busy="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__copy strong, .k2b-ui .k2b-chat-composer__loading strong {
  -webkit-text-fill-color: transparent;
  animation: 2s linear infinite k2b-chat-activity-shimmer;
  background-image: linear-gradient(105deg, currentColor 38% 50%, currentColor 62%);
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.k2b-ui .k2b-chat-activity[data-busy="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading, .k2b-ui .k2b-chat-activity[data-busy="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__copy strong, .k2b-ui .k2b-chat-composer__loading strong) {
    background-image: linear-gradient(105deg, currentColor 38%, currentColor50% , currentColor 62%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.k2b-ui .k2b-chat-activity[data-busy="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading, .k2b-ui .k2b-chat-activity[data-busy="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__copy strong, .k2b-ui .k2b-chat-composer__loading strong) {
      background-image: linear-gradient(105deg, currentColor 38%, color-mix(in srgb, currentColor 55%, transparent) 50%, currentColor 62%);
    }
  }
}

.k2b-ui .k2b-chat-activity[data-busy="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading {
  --k2b-chat-activity-busy-color: var(--k2b-text-muted);
}

.k2b-ui .k2b-chat-activity[data-busy="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__copy strong {
  --k2b-chat-activity-busy-color: var(--k2b-text-secondary);
}

@keyframes k2b-chat-activity-shimmer {
  0% {
    background-position: 120% 0;
  }

  to {
    background-position: -120% 0;
  }
}

.k2b-ui .k2b-chat-activity__copy small {
  overflow: hidden;
  color: var(--k2b-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .6875rem;
}

.k2b-ui .k2b-chat-activity__trailing {
  display: inline-flex;
  align-items:  center;
  margin-left: auto;
}

.k2b-ui .k2b-chat-activity__chevron {
  transition: transform .12s;
}

.k2b-ui .k2b-chat-activity[open] .k2b-chat-activity__chevron {
  transform: rotate(90deg);
}

.k2b-ui .k2b-chat-activity__body {
  color: var(--k2b-text-secondary);
  margin-left: 1.5rem;
  padding: .375rem 0 0;
  font-size: .75rem;
  line-height: 1.55;
}

.k2b-ui .k2b-chat-activity[data-body-inset="false"] > .k2b-chat-activity__body {
  margin-left: 0;
}

.k2b-ui .k2b-chat-timeline__retry, .k2b-ui .k2b-chat-message__actions button, .k2b-ui .k2b-chat-activity button {
  display: inline-flex;
  border-radius: var(--k2b-radius-control);
  color: inherit;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items:  center;
  min-width: 1.75rem;
  min-height: 1.75rem;
  padding: .25rem;
}

.k2b-ui .k2b-chat-timeline__retry:hover, .k2b-ui .k2b-chat-message__actions button:hover, .k2b-ui .k2b-chat-activity button:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-chat-message__actions button[aria-pressed="true"] {
  color: var(--k2b-accent, var(--k2b-text));
  background: var(--k2b-hover);
}

.k2b-ui .k2b-chat-message__actions button[aria-pressed="true"][data-pressed-tone="success"] {
  color: var(--k2b-success-text);
}

.k2b-ui .k2b-chat-message__actions button[aria-pressed="true"][data-pressed-tone="danger"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-chat-message__actions button[aria-pressed="true"][data-pressed-tone]:not(:hover) {
  background: none;
}

.k2b-ui .k2b-chat-context {
  display: inline-flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  align-items:  center;
  gap: .25rem;
  min-height: 1.75rem;
  padding: .25rem .4375rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-chat-context:hover {
  color: var(--k2b-text-secondary);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-chat-context[data-warning="true"] {
  color: var(--k2b-warning-text);
}

.k2b-ui .k2b-chat-context small {
  opacity: 1;
}

.k2b-ui .k2b-chat-context__tooltip {
  display: grid;
  gap: .625rem;
  width: 15rem;
}

.k2b-ui .k2b-chat-context__tooltip dl {
  display: grid;
  gap: .25rem;
  margin: 0;
}

.k2b-ui .k2b-chat-context__tooltip dl > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.k2b-ui .k2b-chat-context__tooltip dt {
  color: currentColor;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chat-context__tooltip dt {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chat-context__tooltip dt {
      color: color-mix(in srgb, currentColor 68%, transparent);
    }
  }
}

.k2b-ui .k2b-chat-context__tooltip dd {
  font-variant-numeric: tabular-nums;
  margin: 0;
}

.k2b-ui .k2b-chat-context__tooltip .k2b-progress__track {
  background: currentColor;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chat-context__tooltip .k2b-progress__track {
    background: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chat-context__tooltip .k2b-progress__track {
      background: color-mix(in srgb, currentColor 22%, transparent);
    }
  }
}

.k2b-ui .k2b-chat-composer {
  position: relative;
  display: grid;
  border: 1px solid var(--k2b-border-strong);
  border-radius: calc(var(--k2b-radius-surface)  + .25rem);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-surface);
  gap: .375rem;
  width: 100%;
  padding: .5rem;
  transition: border-color .12s, box-shadow .12s;
}

.k2b-ui .k2b-chat-composer:focus-within {
  border-color: var(--k2b-ai-border);
  box-shadow: var(--k2b-shadow-surface);
}

.k2b-ui .k2b-chat-composer[data-drag-active="true"] {
  border-color: var(--k2b-ai-accent);
}

.k2b-ui .k2b-chat-composer-shell {
  position: relative;
  display: grid;
  gap: .5rem;
  min-width: 0;
}

.k2b-ui .k2b-chat-composer-slot {
  position: relative;
  min-width: 0;
}

.k2b-ui .k2b-chat-composer-accessory {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
}

.k2b-ui .k2b-chat-composer__highlight {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  inset: 0;
}

.k2b-ui .k2b-chat-composer__mention {
  color: var(--k2b-ai-accent);
  background: var(--k2b-ai-surface);
  border-radius: .2rem;
}

.k2b-ui .k2b-chat-composer__textarea--highlighted {
  caret-color: var(--k2b-text);
  color: #0000 !important;
}

.k2b-ui .k2b-chat-composer__commands {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  max-height: min(20rem, 50dvh, var(--k2b-chat-command-space, 20rem));
  overflow: auto;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-float);
  gap: .125rem;
  padding: .375rem;
}

.k2b-ui .k2b-chat-composer__commands button, .k2b-ui .k2b-chat-composer__commands > [role="status"] {
  display: flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items:  center;
  gap: .625rem;
  width: 100%;
  min-width: 0;
  min-height: 2.5rem;
  padding: .4375rem .625rem;
  line-height: 1rem;
}

.k2b-ui .k2b-chat-composer__commands > [role="status"] {
  color: var(--k2b-text-muted);
  cursor: default;
}

.k2b-ui .k2b-chat-composer__commands button:hover, .k2b-ui .k2b-chat-composer__commands button[data-active="true"] {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-chat-composer__commands button > i {
  color: var(--k2b-ai-accent);
  flex-shrink: 0;
}

.k2b-ui .k2b-chat-composer__commands button > span {
  display: grid;
  gap: .125rem;
  min-width: 0;
}

.k2b-ui .k2b-chat-composer__commands strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  max-width: 55%;
  font-size: .8125rem;
  font-weight: 400;
}

.k2b-ui .k2b-chat-composer__commands [aria-disabled="true"] {
  opacity: .5;
  cursor: default;
}

.k2b-ui .k2b-chat-composer__commands small {
  overflow: hidden;
  color: var(--k2b-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: .6875rem;
}

.k2b-ui .k2b-chat-composer__attachments {
  display: flex;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  flex-wrap: nowrap;
  gap: .375rem;
  padding: .125rem;
}

.k2b-ui .k2b-chat-composer__attachment {
  display: inline-flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
  flex: none;
  align-items:  center;
  gap: .375rem;
  min-width: 0;
  max-width: min(16rem, 100%);
  padding: .25rem .375rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-chat-composer__attachment-content {
  display: grid;
  gap: .0625rem;
  min-width: 0;
}

.k2b-ui .k2b-chat-composer__attachment-content--action {
  grid-template-columns: 1.25rem minmax(0, 1fr);
  column-gap: .375rem;
}

.k2b-ui .k2b-chat-composer__attachment-content--action .k2b-chat-composer__attachment-identity {
  display: contents;
}

.k2b-ui .k2b-chat-composer__attachment-content--action .k2b-chat-composer__attachment-identity > :where(i, img) {
  grid-row: 1 / 3;
  align-self:  center;
}

.k2b-ui .k2b-chat-composer__attachment-content--action .k2b-chat-composer__attachment-action {
  grid-column: 2;
  margin-left: 0;
}

.k2b-ui .k2b-chat-composer__attachment-identity {
  display: inline-flex;
  align-items:  center;
  gap: .375rem;
  min-width: 0;
}

.k2b-ui .k2b-chat-composer__attachment > i, .k2b-ui .k2b-chat-composer__attachment > img {
  object-fit: cover;
  border-radius: .25rem;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
}

.k2b-ui .k2b-chat-composer__attachment-link {
  display: inline-flex;
  color: inherit;
  text-decoration: none;
  align-items:  center;
  gap: .375rem;
  min-width: 0;
}

.k2b-ui .k2b-chat-composer__attachment-identity > i, .k2b-ui .k2b-chat-composer__attachment-identity > img {
  object-fit: cover;
  border-radius: .25rem;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
}

.k2b-ui .k2b-chat-composer__attachment-link:hover {
  color: var(--k2b-text);
}

.k2b-ui .k2b-chat-composer__attachment-link:focus-visible {
  color: var(--k2b-text);
}

.k2b-ui .k2b-chat-composer__attachment-link > i, .k2b-ui .k2b-chat-composer__attachment-link > img {
  object-fit: cover;
  border-radius: .25rem;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
}

.k2b-ui .k2b-chat-composer__attachment > i, .k2b-ui .k2b-chat-composer__attachment-identity > i, .k2b-ui .k2b-chat-composer__attachment-link > i, .k2b-ui .k2b-chat-message__attachment > i {
  display: inline-flex;
  justify-content: center;
  align-items:  center;
  font-size: 1rem;
  line-height: 1;
}

.k2b-ui .k2b-chat-composer__attachment-link > span, .k2b-ui .k2b-chat-composer__attachment-identity > span {
  display: grid;
  gap: .0625rem;
  min-width: 0;
}

.k2b-ui .k2b-chat-composer__attachment strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .6875rem;
  font-weight: 600;
}

.k2b-ui .k2b-chat-composer__attachment small {
  color: var(--k2b-text-muted);
  font-size: .625rem;
}

.k2b-ui .k2b-chat-composer__attachment-remove {
  display: inline-flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
}

.k2b-ui .k2b-chat-composer__attachment-remove:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-chat-composer__attachment-action {
  display: inline-flex;
  color: var(--k2b-text-muted);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  background: none;
  border: 0;
  align-items:  center;
  gap: .1875rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 1.625rem;
  padding: 0;
}

.k2b-ui .k2b-chat-composer__attachment-action:hover {
  color: var(--k2b-text);
}

.k2b-ui .k2b-chat-composer__attachment-action:focus-visible {
  color: var(--k2b-text);
}

.k2b-ui .k2b-chat-composer__input {
  position: relative;
  min-width: 0;
}

.k2b-ui .k2b-chat-composer__highlight, .k2b-ui .k2b-chat-composer__input textarea {
  display: block;
  resize: none;
  outline: 0;
  color: var(--k2b-text);
  font: inherit;
  background: none;
  border: 0;
  width: 100%;
  min-height: 2.25rem;
  max-height: 19.3125rem;
  padding: .5rem;
  font-size: .875rem;
  line-height: 1.5;
}

.k2b-ui .k2b-chat-composer__input textarea::placeholder {
  color: var(--k2b-placeholder-color);
  opacity: 1;
}

.k2b-ui .k2b-chat-composer__drop {
  position: absolute;
  z-index: 2;
  display: grid;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-ai-accent);
  background: var(--k2b-ai-surface);
  pointer-events: none;
  place-items:  center;
  font-size: .75rem;
  font-weight: 600;
  inset: 0;
}

.k2b-ui .k2b-chat-composer__error {
  display: flex;
  color: var(--k2b-danger-text);
  align-items:  flex-start;
  gap: .375rem;
  padding: 0 .375rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-chat-composer__footer, .k2b-ui .k2b-chat-composer__tools, .k2b-ui .k2b-chat-composer__submit {
  display: flex;
  align-items:  center;
  gap: .25rem;
  min-width: 0;
}

.k2b-ui .k2b-chat-composer__footer {
  justify-content: space-between;
}

.k2b-ui .k2b-chat-composer__tools {
  flex: 1;
}

.k2b-ui .k2b-chat-composer__submit {
  margin-left: auto;
}

.k2b-ui .k2b-chat-composer__icon-action, .k2b-ui .k2b-chat-composer__send, .k2b-ui .k2b-chat-composer__stop {
  display: inline-flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
}

.k2b-ui .k2b-chat-composer__icon-action:hover:not(:disabled) {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-chat-composer__icon-action[data-tone="danger"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-chat-composer__send {
  color: var(--k2b-ai-accent);
  background: none;
}

.k2b-ui .k2b-chat-composer__send:hover:not(:disabled) {
  color: var(--k2b-ai-accent-hover);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-chat-composer__stop {
  color: var(--k2b-danger-text);
  background: none;
}

.k2b-ui .k2b-chat-composer__stop:hover:not(:disabled) {
  background: var(--k2b-danger-surface);
}

.k2b-ui .k2b-chat-composer button:disabled, .k2b-ui .k2b-chat-composer textarea:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.k2b-ui .k2b-chat-composer__model {
  margin: 0;
}

.k2b-ui .k2b-chat-composer__model .k2b-select-chip {
  display: inline-flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  align-items:  center;
  gap: .375rem;
  width: max-content;
  max-width: min(12rem, 34vw);
  min-height: 1.875rem;
  padding: .25rem .4375rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-chat-composer__model .k2b-select-chip:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-chat-composer__model .k2b-select-chip img, .k2b-ui .k2b-chat-composer__model .k2b-select-chip__option img {
  object-fit: cover;
  border-radius: .25rem;
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
}

.k2b-ui .k2b-chat-composer__model .k2b-select-chip > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 40rem) {
  .k2b-ui .k2b-floating-window {
    inset: max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));
    resize: none;
    width: auto;
    min-width: 0;
    max-width: none;
    max-height: none;
    transform: none !important;
  }

  .k2b-ui .k2b-chat-timeline__content {
    gap: .875rem;
    padding-inline-start: .75rem;
    padding-inline-end: .75rem;
  }

  .k2b-ui .k2b-chat-message {
    max-width: 96%;
  }

  .k2b-ui .k2b-chat-composer__footer {
    align-items:  flex-end;
  }

  .k2b-ui .k2b-chat-composer__tools {
    flex-wrap: wrap;
  }

  .k2b-ui .k2b-chat-composer__model {
    width: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .k2b-ui .k2b-chat-progress-dots > span {
    animation: none;
    opacity: .6;
  }

  .k2b-ui .k2b-chat-activity[data-busy="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__leading, .k2b-ui .k2b-chat-activity[data-busy="true"]:not([data-tone="success"]):not([data-tone="danger"]) .k2b-chat-activity__copy strong {
    animation: none;
    color: var(--k2b-chat-activity-busy-color);
    background-image: none;
  }

  .k2b-ui .k2b-chat-activity__chevron, .k2b-ui .k2b-chat-composer, .k2b-ui .k2b-switch__thumb {
    transition: none;
  }
}

@media (forced-colors: active) {
  .k2b-ui, .k2b-ui .k2b-app-workspace__sidebar-body, .k2b-ui .k2b-chat-timeline__viewport, .k2b-ui .k2b-table-wrap {
    scrollbar-color: auto;
  }

  .k2b-ui::-webkit-scrollbar-track {
    border: revert;
    background: revert;
  }

  .k2b-ui *::-webkit-scrollbar-track {
    border: revert;
    background: revert;
  }

  .k2b-ui::-webkit-scrollbar-thumb {
    border: revert;
    background: revert;
  }

  .k2b-ui *::-webkit-scrollbar-thumb {
    border: revert;
    background: revert;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body::-webkit-scrollbar-track {
    border: revert;
    background: revert;
  }

  .k2b-ui .k2b-chat-timeline__viewport::-webkit-scrollbar-track {
    border: revert;
    background: revert;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body::-webkit-scrollbar-thumb {
    border: revert;
    background: revert;
  }

  .k2b-ui .k2b-chat-timeline__viewport::-webkit-scrollbar-thumb {
    border: revert;
    background: revert;
  }

  .k2b-ui .k2b-table-wrap::-webkit-scrollbar {
    width: auto;
    height: auto;
  }

  .k2b-ui .k2b-data-table__scrollbar {
    display: none !important;
  }

  .k2b-ui .k2b-input-shell:focus-within, .k2b-ui .k2b-combobox__input:focus-within, .k2b-ui .k2b-tags-input:focus-within, .k2b-ui .k2b-input-shell[data-invalid="true"]:focus-within, .k2b-ui .k2b-combobox[data-invalid="true"] .k2b-combobox__input:focus-within, .k2b-ui .k2b-tags-input[data-invalid="true"]:focus-within {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-button[data-variant="input"]:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-number-input__step:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-panes__separator:focus-visible > span {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-chart[data-interactive="true"]:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-choice-trigger:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-multi-select-trigger:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-date-trigger:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-color-input__value:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-choice-control[data-invalid="true"] :where(.k2b-choice-trigger, .k2b-multi-select-trigger):focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-date-picker[data-invalid="true"] .k2b-date-trigger:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-color-input[data-invalid="true"] .k2b-color-input__value:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-data-table__row:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-pagination__page:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-range-picker__option:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }
}

.k2b-ui .k2b-settings-save-bar {
  position: sticky;
  z-index: 10;
  display: flex;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-float);
  backdrop-filter: blur(12px);
  justify-content: space-between;
  align-items:  center;
  gap: .75rem;
  padding: .5rem .75rem;
  bottom: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-settings-save-bar {
    background: var(--k2b-surface-elevated);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-settings-save-bar {
      background: color-mix(in srgb, var(--k2b-surface-elevated) 92%, transparent);
    }
  }
}

.k2b-ui .k2b-settings-save-bar p {
  color: var(--k2b-text-muted);
  margin: 0;
  font-size: .75rem;
}

.k2b-ui .k2b-settings-save-bar p > strong {
  color: var(--k2b-text);
  font-weight: 500;
}

.k2b-ui.k2b-context-menu {
  position: fixed;
  z-index: 1001;
  display: flex;
  overflow: auto;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-float);
  flex-direction: column;
  gap: .125rem;
  width: 13rem;
  max-width: min(22rem, 100vw - 1rem);
  max-height: min(24rem, 100dvh - 1rem);
  padding: .25rem;
}

.k2b-ui.k2b-context-menu .k2b-dropdown__section {
  display: flex;
}

.k2b-ui .k2b-select-chip {
  min-width: 0;
  max-width: 100%;
}

.k2b-ui .k2b-spotlight-button, .k2b-ui .k2b-select-chip {
  display: inline-flex;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface);
  cursor: pointer;
  align-items:  center;
  gap: .5rem;
  min-height: 2rem;
  padding: .375rem .625rem;
  font-size: .75rem;
  line-height: 1rem;
}

.k2b-ui .k2b-select-chip > i, .k2b-ui .k2b-select-chip > img {
  flex: none;
}

.k2b-ui .k2b-select-chip > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.k2b-ui .k2b-spotlight-button:hover, .k2b-ui .k2b-select-chip:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-spotlight-button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-select-chip:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 1px;
}

.k2b-ui .k2b-spotlight-button:disabled, .k2b-ui .k2b-select-chip:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.k2b-ui .k2b-select-chip > img {
  object-fit: cover;
  border-radius: .25rem;
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
}

.k2b-ui .k2b-spotlight-button kbd {
  color: var(--k2b-text-muted);
  font-family: var(--k2b-font-mono);
  margin-left: .25rem;
  font-size: .625rem;
}

.k2b-ui .k2b-spotlight-button[data-variant="default"] {
  background: none;
  border-color: #0000;
  padding: .375rem .5rem;
}

.k2b-ui .k2b-spotlight-button[data-variant="chip"] {
  background: var(--k2b-surface-muted);
  border-color: #0000;
  padding: .375rem .75rem;
}

.k2b-ui .k2b-spotlight-button[data-variant="compact"], .k2b-ui .k2b-spotlight-button[data-variant="icon"] {
  background: none;
  border-color: #0000;
  justify-content: center;
  width: 2rem;
  min-height: 2rem;
  padding: 0;
}

.k2b-ui .k2b-spotlight-button[data-variant="compact"] {
  width: 1.5rem;
  min-height: 1.5rem;
}

.k2b-ui .k2b-spotlight-button[data-variant="compact"] .k2b-spotlight-button__label, .k2b-ui .k2b-spotlight-button[data-variant="icon"] .k2b-spotlight-button__label {
  display: none;
}

.k2b-ui .k2b-spotlight-button[data-variant="sidebar"], .k2b-ui .k2b-spotlight-button[data-variant="sidebar-mobile"] {
  background: none;
  border-color: #0000;
  justify-content: flex-start;
  width: 100%;
}

.k2b-ui .k2b-spotlight-button[data-variant="sidebar"] .k2b-spotlight-button__label {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-spotlight-button[data-variant="sidebar-mobile"] {
  flex-direction: column;
  justify-content: center;
  gap: .25rem;
}

.k2b-ui .k2b-tabs {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  min-width: 0;
}

.k2b-ui .k2b-tabs[data-orientation="vertical"] {
  flex-direction: row;
  align-items:  flex-start;
}

.k2b-ui .k2b-tabs__list {
  display: flex;
  overflow-x: auto;
  border-bottom: 1px solid var(--k2b-border);
  scrollbar-width: none;
  gap: .25rem;
  min-width: 0;
}

.k2b-ui .k2b-tabs__list::-webkit-scrollbar {
  display: none;
}

.k2b-ui .k2b-tabs[data-orientation="vertical"] .k2b-tabs__list {
  overflow-x: visible;
  border-right: 1px solid var(--k2b-border);
  border-bottom: 0;
  flex-direction: column;
  flex: none;
}

.k2b-ui .k2b-tabs__list button {
  display: inline-flex;
  color: var(--k2b-text-secondary);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  flex: none;
  align-items:  center;
  gap: .375rem;
  min-height: 2rem;
  margin-bottom: -1px;
  padding: .375rem .625rem;
  font-size: .75rem;
}

.k2b-ui .k2b-tabs[data-orientation="vertical"] .k2b-tabs__list button {
  border-bottom: 0;
  border-right: 2px solid #0000;
  width: 100%;
  margin: 0 -1px 0 0;
}

.k2b-ui .k2b-tabs__list button[aria-selected="true"] {
  border-color: var(--k2b-action);
  color: var(--k2b-action);
  font-weight: 600;
}

.k2b-ui .k2b-tabs__list button:hover:not(:disabled) {
  color: var(--k2b-text);
}

.k2b-ui .k2b-tabs__list button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.k2b-ui .k2b-tabs__list button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-tabs__panel {
  min-width: 0;
}

.k2b-ui .k2b-tabs__panel:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-disclosure {
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  background: var(--k2b-surface);
  border-radius: .625rem;
  align-self: stretch;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.k2b-ui .k2b-disclosure[data-surface="plain"], .k2b-ui .k2b-disclosure[data-surface="paper"] {
  padding: .25rem;
}

.k2b-ui .k2b-disclosure[data-surface="plain"] {
  background: none;
  border: 0;
}

.k2b-ui .k2b-disclosure[data-surface="plain"] > summary, .k2b-ui .k2b-disclosure[data-surface="paper"] > summary {
  border-radius: .375rem;
}

.k2b-ui .k2b-disclosure:not([open]):not([data-disabled="true"]) > summary:hover, .k2b-ui .k2b-disclosure[open] {
  background: var(--k2b-hover);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-disclosure[open] {
    background: var(--k2b-hover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-disclosure[open] {
      background: color-mix(in srgb, var(--k2b-hover) 45%, var(--k2b-surface));
    }
  }
}

.k2b-ui .k2b-disclosure[open]:not([data-disabled="true"]):has( > summary:hover) {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-disclosure > summary {
  display: flex;
  color: var(--k2b-text);
  cursor: pointer;
  list-style: none;
  -webkit-user-select: none;
  user-select: none;
  align-items:  center;
  gap: .5rem;
  min-height: 2.5rem;
  padding: .625rem .75rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.4;
}

.k2b-ui .k2b-disclosure > summary::-webkit-details-marker {
  display: none;
}

.k2b-ui .k2b-disclosure > summary:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-disclosure[data-disabled="true"] > summary {
  opacity: .5;
  cursor: not-allowed;
}

.k2b-ui .k2b-disclosure__chevron {
  margin-left: auto;
  transition: color .16s, transform .16s;
}

.k2b-ui .k2b-disclosure:not([data-disabled="true"]) > summary:hover .k2b-disclosure__chevron {
  color: var(--k2b-action);
}

.k2b-ui .k2b-disclosure[open] .k2b-disclosure__chevron {
  transform: rotate(180deg);
}

.k2b-ui .k2b-disclosure__content {
  color: var(--k2b-text-secondary);
  padding: .25rem .75rem .875rem;
  font-size: .75rem;
  line-height: 1.6;
}

.k2b-ui .k2b-toolbar {
  display: flex;
  align-items:  center;
  gap: .375rem;
  min-width: 0;
}

.k2b-ui .k2b-toolbar[data-wrap="true"] {
  flex-wrap: wrap;
}

.k2b-ui .k2b-toolbar[data-orientation="vertical"] {
  flex-direction: column;
  align-items: stretch;
}

.k2b-ui .k2b-toolbar__group {
  display: inline-flex;
  align-items:  center;
  gap: .25rem;
  min-width: 0;
}

.k2b-ui .k2b-toolbar__separator {
  background: var(--k2b-border);
  flex: none;
  width: 1px;
  height: 1.25rem;
  margin: 0 .125rem;
}

.k2b-ui .k2b-toolbar__separator[data-orientation="horizontal"] {
  width: 1.25rem;
  height: 1px;
  margin: .125rem 0;
}

.k2b-ui .k2b-toolbar__spacer {
  flex: 1;
  min-width: .5rem;
}

.k2b-ui .k2b-tag-editor {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  min-width: 0;
}

.k2b-ui .k2b-tag-editor[data-disabled="true"] {
  opacity: .65;
}

.k2b-ui .k2b-tag-editor__list {
  display: flex;
  list-style: none;
  flex-direction: column;
  gap: .25rem;
  margin: 0;
  padding: 0;
}

.k2b-ui .k2b-tag-editor__row {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: .5rem;
  min-width: 0;
  min-height: 2rem;
}

.k2b-ui .k2b-tag-editor__row > .k2b-tag {
  max-width: min(22rem, 70%);
}

.k2b-ui .k2b-tag-editor__row-actions {
  display: inline-flex;
  align-items:  center;
  gap: .125rem;
  margin-left: auto;
}

.k2b-ui .k2b-tag-editor__empty {
  color: var(--k2b-text-muted);
  margin: 0;
  font-size: .75rem;
}

.k2b-ui .k2b-tag-editor__form {
  display: flex;
  border: 1px solid var(--k2b-border);
  background: var(--k2b-surface-muted);
  border-radius: .5rem;
  flex-direction: column;
  gap: .5rem;
  width: 100%;
  min-width: 0;
  padding: .625rem;
}

.k2b-ui .k2b-tag-editor__fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items:  end;
  gap: .5rem;
  min-width: 0;
}

.k2b-ui .k2b-tag-editor__fields button.k2b-color-input__swatch {
  width: 2.25rem;
  height: 2.25rem;
}

.k2b-ui .k2b-tag-editor__form-actions {
  display: flex;
  align-items:  center;
  gap: .375rem;
}

.k2b-ui .k2b-tag-editor__error {
  color: var(--k2b-danger-text);
  width: 100%;
  margin: 0;
  font-size: .75rem;
}

.k2b-ui .k2b-description-list {
  display: grid;
  grid-template-columns: repeat(var(--k2b-description-columns, 1), minmax(0, 1fr));
  gap: .75rem clamp(1.25rem, 4vw, 3rem);
  min-width: 0;
  margin: 0;
}

.k2b-ui .k2b-description-list[data-columns="2"] {
  --k2b-description-columns: 2;
}

.k2b-ui .k2b-description-list[data-columns="3"] {
  --k2b-description-columns: 3;
}

.k2b-ui .k2b-description-list:-webkit-any([data-layout="rows"], [data-layout="compact"]) {
  display: grid;
  grid-template-columns: minmax(5.75rem, 7rem) minmax(0, 1fr) auto;
  gap: 0 .75rem;
}

.k2b-ui .k2b-description-list:-moz-any([data-layout="rows"], [data-layout="compact"]) {
  display: grid;
  grid-template-columns: minmax(5.75rem, 7rem) minmax(0, 1fr) auto;
  gap: 0 .75rem;
}

.k2b-ui .k2b-description-list:is([data-layout="rows"], [data-layout="compact"]) {
  display: grid;
  grid-template-columns: minmax(5.75rem, 7rem) minmax(0, 1fr) auto;
  gap: 0 .75rem;
}

.k2b-ui .k2b-description-list__item {
  position: relative;
  display: grid;
  grid-template: "term action" auto "description action" auto / minmax(0, 1fr) auto;
  align-content:  start;
  gap: .1875rem .75rem;
  min-width: 0;
  padding: .25rem 0;
}

.k2b-ui .k2b-description-list__item dt {
  grid-area: term;
  color: var(--k2b-text-muted);
  letter-spacing: .02em;
  font-size: .6875rem;
  font-weight: 500;
}

.k2b-ui .k2b-description-list__item dd {
  grid-area: description;
  color: var(--k2b-text);
  overflow-wrap: anywhere;
  min-width: 0;
  margin: 0;
  font-size: .8125rem;
  font-weight: 500;
}

.k2b-ui .k2b-description-list__action {
  grid-area: action;
  align-self:  center;
  transition: opacity .12s;
}

.k2b-ui .k2b-description-list[data-size="sm"] .k2b-description-list__item {
  padding: .125rem 0;
}

.k2b-ui .k2b-description-list[data-size="sm"] .k2b-description-list__item dt, .k2b-ui .k2b-description-list[data-size="sm"] .k2b-description-list__item dd {
  font-weight: 400;
}

.k2b-ui .k2b-description-list[data-size="sm"] .k2b-description-list__item dd {
  line-height: 1.25rem;
}

.k2b-ui .k2b-description-list:-webkit-any([data-layout="rows"], [data-layout="compact"]) .k2b-description-list__item {
  grid-column: 1 / -1;
  grid-template-areas: "term description action";
  grid-template-columns: subgrid;
  grid-template-rows: minmax(2.25rem, auto);
  align-content: stretch;
  align-items:  center;
  column-gap: .75rem;
  min-height: 2.25rem;
  padding: 0;
}

.k2b-ui .k2b-description-list:-moz-any([data-layout="rows"], [data-layout="compact"]) .k2b-description-list__item {
  grid-column: 1 / -1;
  grid-template-areas: "term description action";
  grid-template-columns: subgrid;
  grid-template-rows: minmax(2.25rem, auto);
  align-content: stretch;
  align-items:  center;
  column-gap: .75rem;
  min-height: 2.25rem;
  padding: 0;
}

.k2b-ui .k2b-description-list:is([data-layout="rows"], [data-layout="compact"]) .k2b-description-list__item {
  grid-column: 1 / -1;
  grid-template-areas: "term description action";
  grid-template-columns: subgrid;
  grid-template-rows: minmax(2.25rem, auto);
  align-content: stretch;
  align-items:  center;
  column-gap: .75rem;
  min-height: 2.25rem;
  padding: 0;
}

.k2b-ui .k2b-description-list:-webkit-any([data-layout="rows"], [data-layout="compact"]) .k2b-description-list__item dd {
  align-self:  center;
}

.k2b-ui .k2b-description-list:-moz-any([data-layout="rows"], [data-layout="compact"]) .k2b-description-list__item dd {
  align-self:  center;
}

.k2b-ui .k2b-description-list:is([data-layout="rows"], [data-layout="compact"]) .k2b-description-list__item dd {
  align-self:  center;
}

.k2b-ui .k2b-description-list:-webkit-any([data-layout="rows"], [data-layout="compact"]) .k2b-description-list__item dt {
  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.k2b-ui .k2b-description-list:-moz-any([data-layout="rows"], [data-layout="compact"]) .k2b-description-list__item dt {
  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.k2b-ui .k2b-description-list:is([data-layout="rows"], [data-layout="compact"]) .k2b-description-list__item dt {
  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.k2b-ui .k2b-description-list:-webkit-any([data-layout="rows"], [data-layout="compact"]) .k2b-description-list__item dd {
  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.k2b-ui .k2b-description-list:-moz-any([data-layout="rows"], [data-layout="compact"]) .k2b-description-list__item dd {
  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.k2b-ui .k2b-description-list:is([data-layout="rows"], [data-layout="compact"]) .k2b-description-list__item dd {
  letter-spacing: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.k2b-ui .k2b-description-list:-webkit-any([data-layout="rows"], [data-layout="compact"]) .k2b-select-chip {
  max-width: 100%;
}

.k2b-ui .k2b-description-list:-moz-any([data-layout="rows"], [data-layout="compact"]) .k2b-select-chip {
  max-width: 100%;
}

.k2b-ui .k2b-description-list:is([data-layout="rows"], [data-layout="compact"]) .k2b-select-chip {
  max-width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .k2b-ui .k2b-description-list[data-action-visibility="progressive"] .k2b-description-list__action {
    opacity: 0;
  }

  .k2b-ui .k2b-description-list[data-action-visibility="progressive"] .k2b-description-list__item:hover .k2b-description-list__action, .k2b-ui .k2b-description-list[data-action-visibility="progressive"] .k2b-description-list__item:focus-within .k2b-description-list__action {
    opacity: 1;
  }
}

@media (max-width: 48rem) {
  .k2b-ui .k2b-description-list, .k2b-ui .k2b-description-list[data-columns="2"], .k2b-ui .k2b-description-list[data-columns="3"] {
    --k2b-description-columns: 1;
  }

  .k2b-ui .k2b-description-list {
    gap: .75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .k2b-ui .k2b-detail-panel__section-summary > i, .k2b-ui .k2b-disclosure__chevron {
    transition: none;
  }
}

.k2b-ui .k2b-chat-context-popup {
  position: fixed;
  font-family: var(--k2b-font-sans);
  overflow: auto;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface-elevated);
  color: var(--k2b-text);
  box-shadow: var(--k2b-shadow-float);
  max-width: calc(100vw - 1rem);
  max-height: calc(100dvh - 1rem);
  margin: 0;
  padding: .75rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
  inset: auto;
}

.k2b-ui .k2b-chat-context-popup .k2b-chat-context__tooltip {
  gap: .5rem;
  width: 14rem;
  max-width: 100%;
}

.k2b-ui .k2b-chat-context-popup strong {
  font-size: inherit;
  font-weight: 500;
}

.k2b-ui .k2b-chat-context-popup .k2b-button {
  font-weight: 500;
}

.k2b-ui .k2b-tabs__bar {
  display: flex;
  align-items:  center;
  gap: .25rem;
  min-width: 0;
}

.k2b-ui .k2b-tabs__list {
  scrollbar-width: thin;
  flex: 1;
}

.k2b-ui .k2b-tabs__list::-webkit-scrollbar {
  display: block;
  height: 3px;
}

.k2b-ui .k2b-tabs__item {
  display: flex;
  flex: none;
  align-items:  center;
  min-width: 0;
}

.k2b-ui .k2b-tabs__trailing {
  flex: none;
}

.k2b-ui .k2b-tabs__list .k2b-tabs__close {
  opacity: 0;
  border: 0;
  min-height: 1.5rem;
  margin: 0;
  padding: .25rem;
}

.k2b-ui .k2b-tabs__item:hover .k2b-tabs__close, .k2b-ui .k2b-tabs__item:focus-within .k2b-tabs__close {
  opacity: 1;
}

@media (hover: none) {
  .k2b-ui .k2b-tabs__list .k2b-tabs__close {
    opacity: 1;
  }
}

.k2b-ui .k2b-tabs[data-variant="pill"] .k2b-tabs__list {
  border: 0;
}

.k2b-ui .k2b-tabs[data-variant="pill"] .k2b-tabs__item {
  background: var(--k2b-surface-canvas);
  border-radius: .75rem;
  padding-right: .25rem;
}

.k2b-ui .k2b-tabs[data-variant="pill"] .k2b-tabs__item:hover {
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-tabs[data-variant="pill"] .k2b-tabs__item:has([aria-selected="true"]) {
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-tabs[data-variant="pill"] [role="tab"][aria-selected="true"] {
  color: var(--k2b-text);
  font-weight: 500;
}

.k2b-ui .k2b-tabs[data-variant="pill"] [role="tab"] {
  border: 0;
  border-radius: .75rem;
  max-width: 16rem;
  margin: 0;
}

.k2b-ui .k2b-tabs[data-variant="pill"] [role="tab"] span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k2b-ui .k2b-tabs[data-orientation="vertical"] .k2b-tabs__bar {
  flex-direction: column;
}

.k2b-ui .k2b-chart-explorer {
  display: grid;
  gap: .75rem;
  min-width: 0;
}

.k2b-ui .k2b-chart-explorer__header, .k2b-ui .k2b-chart-explorer__legend, .k2b-ui .k2b-chart-explorer__actions {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: .5rem;
}

.k2b-ui .k2b-chart-explorer__header {
  justify-content: space-between;
}

.k2b-ui .k2b-chart-explorer__header h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

.k2b-ui .k2b-chart-explorer__status {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: .5rem;
  font-size: .8rem;
}

.k2b-ui .k2b-chart-explorer__viewport {
  overflow: auto;
  min-width: 0;
}

.k2b-ui .k2b-chart-explorer__viewport > .k2b-table-shell {
  height: 100%;
}

.k2b-ui .k2b-chart-explorer__details:empty {
  display: none;
}

.k2b-ui .k2b-chart-explorer__detail-paper {
  padding: .75rem 1rem;
}

.k2b-ui .k2b-chart-explorer__detail-header {
  display: flex;
  color: var(--k2b-text-muted);
  justify-content: space-between;
  align-items:  center;
  margin-bottom: .5rem;
  font-size: .75rem;
}

.k2b-ui .k2b-chart [data-selected] > :-webkit-any(rect, path, circle) {
  stroke-width: 3px;
  vector-effect: non-scaling-stroke;
  stroke: var(--k2b-chart-selection-color, var(--k2b-chart-selection-fallback-color)) !important;
}

.k2b-ui .k2b-chart [data-selected] > :-moz-any(rect, path, circle) {
  stroke-width: 3px;
  vector-effect: non-scaling-stroke;
  stroke: var(--k2b-chart-selection-color, var(--k2b-chart-selection-fallback-color)) !important;
}

.k2b-ui .k2b-chart [data-selected] > :is(rect, path, circle) {
  stroke-width: 3px;
  vector-effect: non-scaling-stroke;
  stroke: var(--k2b-chart-selection-color, var(--k2b-chart-selection-fallback-color)) !important;
}

.k2b-ui .k2b-chart [data-selected] > .stdlib-chart-inspection-point {
  fill: var(--k2b-chart-selection-color, var(--k2b-chart-selection-fallback-color));
  opacity: 1;
}

.k2b-ui .k2b-chart [data-selected][data-chart-role="value"] {
  text-decoration: underline;
}

.k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-0 {
  --k2b-chart-selection-fallback-color: var(--stdlib-chart-c1);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-0 {
    --k2b-chart-selection-fallback-color: var(--stdlib-chart-c1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-0 {
      --k2b-chart-selection-fallback-color: color-mix(in srgb, var(--stdlib-chart-c1) 72%, var(--k2b-chart-highlight-mix));
    }
  }
}

.k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-1 {
  --k2b-chart-selection-fallback-color: var(--stdlib-chart-c2);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-1 {
    --k2b-chart-selection-fallback-color: var(--stdlib-chart-c2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-1 {
      --k2b-chart-selection-fallback-color: color-mix(in srgb, var(--stdlib-chart-c2) 72%, var(--k2b-chart-highlight-mix));
    }
  }
}

.k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-2 {
  --k2b-chart-selection-fallback-color: var(--stdlib-chart-c3);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-2 {
    --k2b-chart-selection-fallback-color: var(--stdlib-chart-c3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-2 {
      --k2b-chart-selection-fallback-color: color-mix(in srgb, var(--stdlib-chart-c3) 72%, var(--k2b-chart-highlight-mix));
    }
  }
}

.k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-3 {
  --k2b-chart-selection-fallback-color: var(--stdlib-chart-c4);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-3 {
    --k2b-chart-selection-fallback-color: var(--stdlib-chart-c4);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-3 {
      --k2b-chart-selection-fallback-color: color-mix(in srgb, var(--stdlib-chart-c4) 72%, var(--k2b-chart-highlight-mix));
    }
  }
}

.k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-4 {
  --k2b-chart-selection-fallback-color: var(--stdlib-chart-c5);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-4 {
    --k2b-chart-selection-fallback-color: var(--stdlib-chart-c5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-4 {
      --k2b-chart-selection-fallback-color: color-mix(in srgb, var(--stdlib-chart-c5) 72%, var(--k2b-chart-highlight-mix));
    }
  }
}

.k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-5 {
  --k2b-chart-selection-fallback-color: var(--stdlib-chart-c6);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-5 {
    --k2b-chart-selection-fallback-color: var(--stdlib-chart-c6);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-5 {
      --k2b-chart-selection-fallback-color: color-mix(in srgb, var(--stdlib-chart-c6) 72%, var(--k2b-chart-highlight-mix));
    }
  }
}

.k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-6 {
  --k2b-chart-selection-fallback-color: var(--stdlib-chart-c7);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-6 {
    --k2b-chart-selection-fallback-color: var(--stdlib-chart-c7);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-6 {
      --k2b-chart-selection-fallback-color: color-mix(in srgb, var(--stdlib-chart-c7) 72%, var(--k2b-chart-highlight-mix));
    }
  }
}

.k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-7 {
  --k2b-chart-selection-fallback-color: var(--stdlib-chart-c8);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-7 {
    --k2b-chart-selection-fallback-color: var(--stdlib-chart-c8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chart [data-selected] > .stdlib-chart-series-7 {
      --k2b-chart-selection-fallback-color: color-mix(in srgb, var(--stdlib-chart-c8) 72%, var(--k2b-chart-highlight-mix));
    }
  }
}

.k2b-ui .k2b-chart-explorer__dimension {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items:  end;
  gap: .75rem;
}

.k2b-ui .k2b-chart-explorer__dimension .k2b-slider {
  min-height: 1.125rem;
}

.k2b-ui .k2b-chart-explorer__dimension-value {
  color: var(--k2b-text-muted);
  font-family: var(--k2b-font-mono);
  text-align: right;
  min-width: 3.5rem;
  font-size: .75rem;
}

.k2b-ui .k2b-chart-explorer__steps {
  position: absolute;
  grid-column: 1 / 2;
  z-index: 30;
  display: flex;
  border: 1px solid var(--k2b-border);
  background: var(--k2b-surface-canvas);
  color: var(--k2b-text-muted);
  visibility: hidden;
  pointer-events: none;
  border-radius: .375rem;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .125rem;
  padding: .25rem;
  font-size: .625rem;
  inset: 100% 0 auto;
  box-shadow: 0 2px 6px #00000008;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-chart-explorer__steps {
    border: 1px solid var(--k2b-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-chart-explorer__steps {
      border: 1px solid color-mix(in srgb, var(--k2b-border) 70%, transparent);
    }
  }
}

.k2b-ui .k2b-chart-explorer__steps span {
  white-space: nowrap;
  padding: .0625rem .1875rem;
}

.k2b-ui .k2b-chart-explorer__steps [data-current="true"] {
  background: var(--k2b-surface-muted);
  color: var(--k2b-text);
  border-radius: .1875rem;
  font-weight: 500;
}

.k2b-ui .k2b-chart-explorer__dimension:-webkit-any([data-keyboard="true"], :has(input:active)) .k2b-chart-explorer__steps {
  visibility: visible;
}

.k2b-ui .k2b-chart-explorer__dimension:-moz-any([data-keyboard="true"], :has(input:active)) .k2b-chart-explorer__steps {
  visibility: visible;
}

.k2b-ui .k2b-chart-explorer__dimension:is([data-keyboard="true"], :has(input:active)) .k2b-chart-explorer__steps {
  visibility: visible;
}

@media (hover: hover) {
  .k2b-ui .k2b-chart-explorer__dimension:has( > .k2b-field:hover) .k2b-chart-explorer__steps {
    visibility: visible;
  }
}

.k2b-ui .k2b-chart-explorer__sort-icon {
  display: inline-block;
  text-align: center;
  flex-shrink: 0;
  width: 1em;
}

.k2b-ui .k2b-chart-group-controls {
  display: grid;
  gap: .75rem;
  padding: 1rem;
}

.k2b-ui .k2b-chart [data-chart-reference="true"] > :-webkit-any(rect, circle, path) {
  pointer-events: all;
  stroke: var(--k2b-chart-reference-color);
  stroke-width: 1.5px;
  vector-effect: non-scaling-stroke;
  fill: none !important;
}

.k2b-ui .k2b-chart [data-chart-reference="true"] > :-moz-any(rect, circle, path) {
  pointer-events: all;
  stroke: var(--k2b-chart-reference-color);
  stroke-width: 1.5px;
  vector-effect: non-scaling-stroke;
  fill: none !important;
}

.k2b-ui .k2b-chart [data-chart-reference="true"] > :is(rect, circle, path) {
  pointer-events: all;
  stroke: var(--k2b-chart-reference-color);
  stroke-width: 1.5px;
  vector-effect: non-scaling-stroke;
  fill: none !important;
}

.k2b-ui .k2b-chart-group-controls__loading {
  display: inline-flex;
  color: var(--k2b-text-muted);
  opacity: 0;
  flex: 0 0 1rem;
  justify-content: center;
  align-items:  center;
  width: 1rem;
  height: 1rem;
  transition: opacity .15s;
  font-size: .875rem;
}

.k2b-ui .k2b-chart-group-controls__loading[data-loading] {
  opacity: 1;
  transition-delay: .2s;
}

.k2b-ui .k2b-chart[data-chart-kind="map"] .k2b-chart__svg {
  container-type: size;
}

.k2b-ui .k2b-chart[data-chart-kind="map"] .k2b-chart__svg > svg {
  overflow: hidden;
}

.k2b-ui .k2b-chart[data-chart-kind="map"] .stdlib-chart-legend {
  translate: calc((100cqw - var(--k2b-chart-width)) / 2) calc(100cqh - var(--k2b-chart-height));
}

.k2b-ui .k2b-chart[data-chart-kind="map"] .stdlib-chart-map-point {
  transform-box: fill-box;
  transform-origin: center;
  scale: var(--k2b-map-inverse-scale);
  vector-effect: non-scaling-stroke;
}

.k2b-ui .k2b-chart[data-inspecting="series"]:after {
  top: var(--k2b-chart-plot-top, 0);
  bottom: var(--k2b-chart-plot-bottom, 0);
}

.k2b-ui .k2b-chart[data-cursor-source="true"][data-inspecting="series"]:before {
  content: "";
  position: absolute;
  left: var(--k2b-chart-plot-left, 0);
  right: var(--k2b-chart-plot-right, 0);
  top: var(--k2b-chart-inspection-y);
  opacity: .3;
  pointer-events: none;
  border-top: 1px dashed;
}

.k2b-ui .k2b-chart__tooltip-title {
  display: block;
  margin-bottom: .375rem;
  font-weight: 600;
}

.k2b-ui .k2b-chart__tooltip-row {
  display: flex;
  align-items:  center;
  gap: .5rem;
  line-height: 1.6;
}

.k2b-ui .k2b-chart__tooltip-row > i {
  border-radius: .125rem;
  flex: none;
  width: .625rem;
  height: .625rem;
}

.k2b-ui .k2b-chart__tooltip-row > span {
  opacity: .75;
  flex: 1;
}

.k2b-ui .k2b-chart__tooltip-row > b {
  font-variant-numeric: tabular-nums;
  margin-left: .75rem;
  font-weight: 500;
}

.k2b-ui .k2b-content-file-view__settings {
  display: grid;
  gap: 1rem;
}

@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  .k2b-ui .k2b-chat-composer__loading strong {
    animation: none;
    -webkit-text-fill-color: currentColor;
    background-image: none;
  }

  .k2b-ui .k2b-chat-composer__loading .k2b-spin {
    animation: none;
  }

  .k2b-ui .k2b-chat-activity[data-busy="true"] .k2b-chat-activity__leading, .k2b-ui .k2b-chat-activity[data-busy="true"] .k2b-chat-activity__copy strong {
    -webkit-text-fill-color: currentColor;
  }
}

.k2b-ui .k2b-chat-tasks {
  border: 1px solid var(--k2b-border);
  overflow: hidden;
  border-radius: .75rem;
}

.k2b-ui .k2b-chat-tasks__header {
  display: flex;
  text-align: start;
  cursor: pointer;
  align-items:  center;
  gap: .5rem;
  width: 100%;
  padding: .6rem .75rem;
  font-size: .8125rem;
}

.k2b-ui .k2b-chat-tasks__header:focus-visible {
  outline: 2px solid var(--k2b-action);
  outline-offset: -2px;
}

.k2b-ui .k2b-chat-tasks__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-chat-tasks__count {
  white-space: nowrap;
  color: var(--k2b-text-secondary);
  font-size: .75rem;
}

.k2b-ui .k2b-chat-tasks__segments {
  display: flex;
  flex-shrink: 0;
  gap: 2px;
  width: clamp(2rem, 12vw, 6rem);
}

.k2b-ui .k2b-chat-tasks__segments > span {
  background: var(--k2b-border);
  border-radius: 2px;
  flex: 1;
  min-width: 0;
  height: 4px;
}

.k2b-ui .k2b-chat-tasks__segments > [data-status="completed"] {
  background: var(--k2b-success-text, #16845b);
}

.k2b-ui .k2b-chat-tasks__segments > [data-status="in_progress"] {
  background: var(--k2b-action);
}

.k2b-ui .k2b-chat-tasks__segments > [data-status="cancelled"] {
  background: repeating-linear-gradient(135deg, var(--k2b-border) 0 2px, transparent 2px 4px);
}

.k2b-ui .k2b-chat-tasks__list {
  overflow-y: auto;
  list-style: none;
  max-height: 14rem;
  margin: 0;
  padding: 0 .75rem .5rem;
}

.k2b-ui .k2b-chat-tasks__list li {
  display: flex;
  align-items: baseline;
  gap: .5rem;
  padding: .3rem 0;
  font-size: .8125rem;
}

.k2b-ui .k2b-chat-tasks__content {
  overflow-wrap: anywhere;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-chat-tasks__status {
  color: var(--k2b-text-secondary);
  font-size: .75rem;
}

.k2b-ui .k2b-chat-tasks__list [data-status="completed"] {
  color: var(--k2b-text-secondary);
}

.k2b-ui .k2b-chat-tasks__list [data-status="completed"] > i {
  color: var(--k2b-success-text, #16845b);
}

.k2b-ui .k2b-chat-tasks__list [data-status="in_progress"] > i {
  color: var(--k2b-action);
}

.k2b-ui .k2b-chat-tasks__list [data-status="cancelled"] .k2b-chat-tasks__content {
  text-decoration: line-through;
  color: var(--k2b-text-secondary);
}

.k2b-ui .k2b-app-workspace__sidebar-item-copy {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: .2rem;
  min-width: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-item-description {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--k2b-text-muted);
  align-items:  center;
  gap: .375rem;
  min-width: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.125rem;
}

.k2b-ui .k2b-app-workspace__sidebar-section-content {
  display: contents;
}

.k2b-ui .k2b-app-workspace__sidebar-section-content[hidden] {
  display: none;
}

.k2b-ui .k2b-app-workspace__sidebar-section-count {
  font-variant-numeric: tabular-nums;
  margin-inline-start: .375rem;
}

.k2b-ui .k2b-app-workspace__sidebar-section-toggle {
  display: flex;
  text-align: start;
  color: var(--k2b-text-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  align-items:  center;
  gap: .25rem;
  min-width: 0;
  padding: .25rem 0;
  font-size: .75rem;
}

.k2b-ui .k2b-app-workspace__sidebar-section-toggle > i {
  margin-inline-start: auto;
}

.k2b-ui .k2b-app-workspace__sidebar-section-toggle:focus-visible {
  outline: 2px solid var(--k2b-accent);
  outline-offset: 2px;
}

.k2b-ui .k2b-app-workspace__sidebar-preview {
  position: fixed;
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface);
  color: var(--k2b-text);
  width: 22rem;
  max-width: calc(100vw - 1rem);
  max-height: min(32rem, 100dvh - 1rem);
  margin: 0;
  padding: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  inset: auto;
  box-shadow: 0 8px 28px #00000029;
}

.k2b-ui .k2b-app-workspace__sidebar-preview-body {
  max-height: min(32rem - 2px, 100dvh - 1rem - 2px);
  padding: 1rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item:where(:hover, :focus-within, :has(.k2b-app-workspace__sidebar-preview:popover-open)) > .k2b-app-workspace__sidebar-item-action[data-visibility="hover"] {
  opacity: 1;
  pointer-events: auto;
  width: 1.75rem;
}

@media (min-width: 768px) {
  .k2b-ui .k2b-app-workspace[data-sidebar-collapsed="true"] .k2b-app-workspace__sidebar-item-copy:not(.k2b-app-workspace__sidebar-preview *) {
    display: none;
  }
}

@media (max-width: 47.999rem) {
  .k2b-ui .k2b-app-workspace__sidebar-section[data-collapsible="true"] {
    flex-direction: column;
    width: 100%;
  }

  .k2b-ui .k2b-app-workspace__sidebar-section[data-collapsible="true"] > .k2b-app-workspace__sidebar-section-header {
    display: flex;
  }

  .k2b-ui .k2b-app-workspace__sidebar-section:has(.k2b-app-workspace__sidebar-item-description) {
    flex-direction: column;
    width: 100%;
  }

  .k2b-ui .k2b-app-workspace__sidebar-body:has(.k2b-app-workspace__sidebar-item-description) {
    align-items: stretch;
  }

  .k2b-ui .k2b-app-workspace__sidebar-item:has(.k2b-app-workspace__sidebar-item-description) > .k2b-app-workspace__sidebar-item-action[data-visibility="hover"] {
    opacity: 1;
    pointer-events: auto;
    width: 1.75rem;
  }
}

.k2b-ui .k2b-description-list[data-layout="compact"] {
  grid-template-columns: fit-content(40%) minmax(0, 1fr) auto;
  gap: .75rem .5rem;
}

.k2b-ui .k2b-description-list[data-layout="compact"] .k2b-description-list__item {
  grid-template-rows: minmax(1.25rem, auto);
  column-gap: .5rem;
  min-height: 1.25rem;
}

@media (hover: hover) and (pointer: fine) {
  .k2b-ui .k2b-app-workspace__sidebar-item > .k2b-app-workspace__sidebar-item-action.k2b-app-workspace__sidebar-preview-trigger:not([data-row-trigger]):not(:focus-visible) {
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    width: 0;
  }
}

@media (any-pointer: coarse) {
  .k2b-ui .k2b-app-workspace__sidebar-item > .k2b-app-workspace__sidebar-item-action.k2b-app-workspace__sidebar-preview-trigger:not([data-row-trigger]):not(:focus-visible) {
    overflow: visible;
    opacity: 1;
    pointer-events: auto;
    width: 1.75rem;
  }
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"] {
  position: relative;
  border-radius: var(--k2b-radius-control);
  background: none;
  border: 1px solid #0000;
  margin-block-start: .15625rem;
  margin-block-end: .15625rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"]:hover {
  background: var(--k2b-hover);
}

.k2b-ui[data-theme="dark"] .k2b-app-workspace__sidebar-item[data-variant="card"]:not(.is-active):not(:hover), .k2b-ui.k2b-dark .k2b-app-workspace__sidebar-item[data-variant="card"]:not(.is-active):not(:hover), .dark .k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"]:not(.is-active):not(:hover) {
  background: var(--k2b-surface-elevated);
  border-color: var(--k2b-border);
}

.k2b-ui [data-scroll-fade] {
  --scroll-fade-size: 1rem;
  --scroll-fade-top: 0rem;
  --scroll-fade-bottom: 0rem;
  mask-image: linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);
}

.k2b-ui [data-scroll-fade][data-scroll-fade-axis="horizontal"] {
  mask-image: linear-gradient(to right, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);
}

.k2b-ui .k2b-scroll-area[data-orientation="horizontal"] {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-gutter: auto;
}

.k2b-ui [data-scroll-fade="top"], .k2b-ui [data-scroll-fade="both"] {
  --scroll-fade-top: var(--scroll-fade-size, 1rem);
}

.k2b-ui [data-scroll-fade="bottom"], .k2b-ui [data-scroll-fade="both"] {
  --scroll-fade-bottom: var(--scroll-fade-size, 1rem);
}

.k2b-ui .k2b-app-workspace__sidebar-body, .k2b-ui .k2b-chat-timeline__viewport {
  --scroll-fade-size: 2rem;
}

@media (forced-colors: active) {
  .k2b-ui [data-scroll-fade], .k2b-ui [data-scroll-fade][data-scroll-fade-axis="horizontal"] {
    mask-image: none;
  }
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"].is-active {
  background: var(--k2b-hover);
  border-color: var(--k2b-action);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"].is-active {
    border-color: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"].is-active {
      border-color: color-mix(in srgb, var(--k2b-action) 25%, var(--k2b-border));
    }
  }
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"]:not(.has-action), .k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"] .k2b-app-workspace__sidebar-item-main {
  padding-block-start: .625rem;
  padding-block-end: .625rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"]:has(.k2b-app-workspace__sidebar-item-context):not(.has-action) {
  padding-block-start: 2rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"]:has(.k2b-app-workspace__sidebar-item-context) .k2b-app-workspace__sidebar-item-main {
  padding-block-start: 2rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"] .k2b-app-workspace__sidebar-item-context {
  position: absolute;
  margin: 0;
  top: .625rem;
  left: .625rem;
  right: .625rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"] .k2b-app-workspace__sidebar-item-label-text {
  font-size: .8125rem;
  font-weight: 500;
}

.k2b-ui .k2b-app-workspace__sidebar-item-context {
  display: flex;
  color: var(--k2b-text-muted);
  align-items:  center;
  gap: .5rem;
  margin-bottom: .25rem;
  font-size: .6875rem;
  font-weight: 400;
  line-height: 1rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item-context-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-item-context-meta {
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-item-label[data-marquee="false"] {
  text-overflow: ellipsis;
}

.k2b-ui .k2b-app-workspace__sidebar-item-label[data-marquee="false"] .k2b-app-workspace__sidebar-item-label-text {
  display: inline;
  animation: none;
  min-width: 0;
  transform: none;
}

.k2b-ui .k2b-app-workspace__sidebar-desktop > .k2b-app-workspace__sidebar-body {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: stable;
  margin-inline-end: -.5rem;
  padding: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-desktop > .k2b-app-workspace__sidebar-body::-webkit-scrollbar {
  width: .5rem;
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"]:has( > .k2b-app-workspace__sidebar-item-main:focus-visible) {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-app-workspace__sidebar-item:has( > .k2b-app-workspace__sidebar-preview-trigger[data-row-trigger="true"]):has( > :-webkit-any(.k2b-app-workspace__sidebar-item-main, .k2b-app-workspace__sidebar-preview-trigger):focus-visible) {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-app-workspace__sidebar-item:has( > .k2b-app-workspace__sidebar-preview-trigger[data-row-trigger="true"]):has( > :-moz-any(.k2b-app-workspace__sidebar-item-main, .k2b-app-workspace__sidebar-preview-trigger):focus-visible) {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-app-workspace__sidebar-item:has( > .k2b-app-workspace__sidebar-preview-trigger[data-row-trigger="true"]):has( > :-webkit-any(.k2b-app-workspace__sidebar-item-main, .k2b-app-workspace__sidebar-preview-trigger):focus-visible) {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-app-workspace__sidebar-item:has( > .k2b-app-workspace__sidebar-preview-trigger[data-row-trigger="true"]):has( > :-moz-any(.k2b-app-workspace__sidebar-item-main, .k2b-app-workspace__sidebar-preview-trigger):focus-visible) {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-app-workspace__sidebar-item:has( > .k2b-app-workspace__sidebar-preview-trigger[data-row-trigger="true"]):has( > :is(.k2b-app-workspace__sidebar-item-main, .k2b-app-workspace__sidebar-preview-trigger):focus-visible) {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-variant="card"] > .k2b-app-workspace__sidebar-item-main:focus-visible {
  outline: none;
  box-shadow: none;
}

.k2b-ui .k2b-app-workspace__sidebar-item:has( > .k2b-app-workspace__sidebar-preview-trigger[data-row-trigger="true"]) > :-webkit-any(.k2b-app-workspace__sidebar-item-main, .k2b-app-workspace__sidebar-preview-trigger):focus-visible {
  outline: none;
  box-shadow: none;
}

.k2b-ui .k2b-app-workspace__sidebar-item:has( > .k2b-app-workspace__sidebar-preview-trigger[data-row-trigger="true"]) > :-moz-any(.k2b-app-workspace__sidebar-item-main, .k2b-app-workspace__sidebar-preview-trigger):focus-visible {
  outline: none;
  box-shadow: none;
}

.k2b-ui .k2b-app-workspace__sidebar-item:has( > .k2b-app-workspace__sidebar-preview-trigger[data-row-trigger="true"]) > :-webkit-any(.k2b-app-workspace__sidebar-item-main, .k2b-app-workspace__sidebar-preview-trigger):focus-visible {
  outline: none;
  box-shadow: none;
}

.k2b-ui .k2b-app-workspace__sidebar-item:has( > .k2b-app-workspace__sidebar-preview-trigger[data-row-trigger="true"]) > :-moz-any(.k2b-app-workspace__sidebar-item-main, .k2b-app-workspace__sidebar-preview-trigger):focus-visible {
  outline: none;
  box-shadow: none;
}

.k2b-ui .k2b-app-workspace__sidebar-item:has( > .k2b-app-workspace__sidebar-preview-trigger[data-row-trigger="true"]) > :is(.k2b-app-workspace__sidebar-item-main, .k2b-app-workspace__sidebar-preview-trigger):focus-visible {
  outline: none;
  box-shadow: none;
}

.k2b-ui .k2b-dialog.k2b-bottom-sheet-frame {
  max-height: min(92dvh, var(--k2b-dialog-available-height));
  border-radius: var(--k2b-radius-dialog) var(--k2b-radius-dialog) 0 0;
  overflow: clip;
  animation: .16s ease-out k2b-bottom-sheet-enter;
  border-bottom: 0;
  width: min(100%, 36rem);
  max-width: 100%;
  margin: 0;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.k2b-ui .k2b-bottom-sheet-viewport {
  max-height: min(92dvh, var(--k2b-dialog-available-height));
}

.k2b-ui .k2b-bottom-sheet-viewport > .k2b-panel-dialog {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

.k2b-ui .k2b-bottom-sheet__handle {
  display: grid;
  background: var(--k2b-surface-muted);
  cursor: grab;
  touch-action: none;
  border: 0;
  flex: 0 0 32px;
  place-items:  center;
  width: 100%;
  min-height: 44px;
  padding: 0;
}

.k2b-ui .k2b-bottom-sheet__handle:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -4px;
}

.k2b-ui .k2b-bottom-sheet__handle > span {
  background: var(--k2b-border-strong);
  border-radius: 2px;
  width: 2.5rem;
  height: 4px;
}

@keyframes k2b-bottom-sheet-enter {
  0% {
    transform: translate(-50%, 24px);
    opacity: 0;
  }

  to {
    transform: translate(-50%);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .k2b-ui .k2b-dialog.k2b-bottom-sheet-frame {
    animation: none;
  }
}

.k2b-ui .k2b-navigation__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.k2b-ui .k2b-navigation__list .k2b-navigation__list {
  padding-inline-start: 1rem;
}

.k2b-ui .k2b-navigation__row {
  display: flex;
  border-radius: var(--k2b-radius-control);
  align-items:  center;
}

.k2b-ui .k2b-navigation__control {
  display: flex;
  text-align: start;
  color: var(--k2b-text);
  border-radius: var(--k2b-radius-control);
  text-decoration: none;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  align-items:  center;
  gap: .75rem;
  min-width: 0;
  min-height: 48px;
  padding: .65rem .75rem;
}

.k2b-ui .k2b-navigation__row[data-active] > .k2b-navigation__control {
  color: var(--k2b-app-workspace-active);
  background: var(--k2b-surface-muted);
  font-weight: 600;
}

.k2b-ui .k2b-navigation__control:hover {
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-navigation__control:focus-visible {
  outline: 2px solid;
  outline-offset: -2px;
}

.k2b-ui .k2b-navigation__disclosure:focus-visible {
  outline: 2px solid;
  outline-offset: -2px;
}

.k2b-ui .k2b-navigation__control:disabled, .k2b-ui .k2b-navigation__control[aria-disabled="true"] {
  opacity: .5;
  cursor: default;
}

.k2b-ui .k2b-navigation__copy {
  display: flex;
  overflow-wrap: anywhere;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-navigation__copy small {
  color: var(--k2b-text-muted);
  font-weight: 400;
}

.k2b-ui .k2b-navigation__control > i, .k2b-ui .k2b-navigation__badge {
  flex-shrink: 0;
}

.k2b-ui .k2b-navigation__badge {
  color: var(--k2b-text-muted);
  font-variant-numeric: tabular-nums;
  font-size: .8rem;
}

.k2b-ui .k2b-navigation__color {
  border-radius: 50%;
  flex: 0 0 .5rem;
  height: .5rem;
}

.k2b-ui .k2b-navigation__disclosure {
  color: var(--k2b-text-muted);
  background: none;
  border: 0;
  flex: 0 0 44px;
  height: 44px;
}

@media (max-width: 1023px) {
  .k2b-ui .k2b-app-workspace[data-mobile-surface="flush"] {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
  }
}

.k2b-ui {
  --k2b-feedback-tooltip-surface: var(--k2b-neutral-900);
  --k2b-feedback-tooltip-border: var(--k2b-neutral-800);
  --k2b-feedback-tooltip-text: #fff;
  --k2b-feedback-backdrop: #00000073;
}

.k2b-ui[data-theme="dark"], .k2b-ui.k2b-dark, .dark .k2b-ui {
  --k2b-feedback-tooltip-surface: var(--k2b-neutral-800);
  --k2b-feedback-tooltip-border: var(--k2b-neutral-700);
  --k2b-feedback-tooltip-text: var(--k2b-neutral-100);
  --k2b-feedback-backdrop: #00000059;
}

.k2b-ui .k2b-dialog {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--k2b-border-strong);
  border-radius: var(--k2b-radius-dialog);
  color: var(--k2b-text);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-float);
  margin: 0;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.k2b-ui .k2b-dialog[data-modeless="true"] {
  z-index: 100;
}

.k2b-ui .k2b-dialog.k2b-panel-dialog-frame {
  overflow: clip;
}

.k2b-ui :where(.k2b-dialog) {
  width: min(var(--k2b-dialog-available-width), 28rem);
  max-height: min(90vh, var(--k2b-dialog-available-height));
}

.k2b-ui .k2b-dialog--small {
  width: min(var(--k2b-dialog-available-width), 22rem);
  max-height: min(72vh, var(--k2b-dialog-available-height));
}

.k2b-ui .k2b-dialog--medium {
  width: min(var(--k2b-dialog-available-width), 28rem);
  max-height: min(90vh, var(--k2b-dialog-available-height));
}

.k2b-ui .k2b-dialog--large {
  width: min(var(--k2b-dialog-available-width), 48rem);
  max-height: min(86vh, var(--k2b-dialog-available-height));
}

.k2b-ui .k2b-dialog--wide {
  width: min(var(--k2b-dialog-available-width), 64rem);
  max-height: min(90vh, var(--k2b-dialog-available-height));
}

.k2b-ui .k2b-dialog--danger {
  border-color: var(--k2b-danger-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-dialog--danger {
    border-color: var(--k2b-danger-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-dialog--danger {
      border-color: color-mix(in srgb, var(--k2b-danger-500) 28%, var(--k2b-border-strong));
    }
  }
}

.k2b-ui .k2b-dialog--success {
  border-color: var(--k2b-success-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-dialog--success {
    border-color: var(--k2b-success-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-dialog--success {
      border-color: color-mix(in srgb, var(--k2b-success-500) 24%, var(--k2b-border-strong));
    }
  }
}

.k2b-ui .k2b-dialog.is-bare {
  overflow: visible;
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
}

.k2b-ui .k2b-dialog::backdrop {
  background: var(--k2b-feedback-backdrop);
  backdrop-filter: blur(8px);
}

.k2b-ui[data-theme="dark"] .k2b-dialog::backdrop {
  background: #00000059;
}

.k2b-ui.k2b-dark .k2b-dialog::backdrop {
  background: #00000059;
}

.dark .k2b-ui .k2b-dialog::backdrop {
  background: #00000059;
}

.k2b-ui .k2b-dialog__viewport {
  display: flex;
  max-height: inherit;
  color: var(--k2b-text-secondary);
  flex-direction: column;
  min-height: 0;
  font-size: 1rem;
}

.k2b-ui .k2b-dialog__viewport.is-bare, .k2b-ui .k2b-dialog__viewport.is-search {
  max-width: var(--k2b-dialog-available-width);
  max-height: var(--k2b-dialog-available-height);
  height: 100%;
}

.k2b-ui .k2b-dialog__panel {
  display: flex;
  border-radius: inherit;
  background: inherit;
  flex-direction: column;
  gap: 0;
  min-height: 0;
  padding: 1rem;
}

.k2b-ui .k2b-dialog__stack {
  gap: 1rem;
}

.k2b-ui .k2b-dialog__header {
  display: flex;
  justify-content: flex-start;
  align-items:  center;
  gap: 1rem;
  min-width: 0;
  padding: 0 0 .5rem;
}

.k2b-ui .k2b-dialog__header > i {
  color: var(--k2b-action);
}

.k2b-ui .k2b-dialog__header h2 {
  overflow: hidden;
  color: var(--k2b-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

.k2b-ui .k2b-dialog__header-spacer {
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-dialog__close {
  display: inline-flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 2rem;
  height: 2rem;
  margin-left: auto;
  padding: .25rem;
}

.k2b-ui .k2b-dialog__close:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-dialog__close:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-dialog__body {
  white-space: pre-wrap;
  padding: 1rem 0;
  font-size: .875rem;
}

.k2b-ui .k2b-dialog__actions {
  display: flex;
  background: none;
  justify-content: flex-end;
  gap: .75rem;
  padding: 0;
}

.k2b-ui .k2b-prompt-form {
  display: flex;
  white-space: normal;
  flex-direction: column;
  gap: 1rem;
}

.k2b-ui .k2b-prompt-form__info {
  color: var(--k2b-text-muted);
  font-size: .875rem;
}

.k2b-ui .k2b-prompt-form__info > p {
  margin: 0;
}

.k2b-ui .k2b-prompt-copy {
  color: var(--k2b-text);
  font-size: .875rem;
}

.k2b-ui .k2b-confirmation-phrase {
  color: inherit;
  background: var(--k2b-neutral-200);
  font-family: var(--k2b-font-mono);
  font-size: .95em;
  font-weight: inherit;
  white-space: break-spaces;
  border-radius: .25rem;
  padding: .0625rem .25rem;
}

.dark .k2b-ui .k2b-confirmation-phrase {
  background: var(--k2b-surface-canvas);
}

.k2b-ui .k2b-dialog--search {
  --k2b-search-dialog-height: min(50vh, var(--k2b-dialog-available-height));
  --k2b-search-body-max: calc(var(--k2b-search-dialog-height)  - 3.5rem);
  width: min(var(--k2b-dialog-available-width), 46rem);
  height: var(--k2b-search-dialog-height);
  max-height: var(--k2b-dialog-available-height);
}

.k2b-ui .k2b-prompt-search-shell {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  height: 100%;
  min-height: 0;
  padding-bottom: .25rem;
}

.k2b-ui .k2b-prompt-search-shell__title {
  color: #fff;
  margin: 0;
  padding: 0 .25rem;
  font-size: 1rem;
  font-weight: 600;
}

.k2b-ui .k2b-prompt-search {
  display: flex;
  overflow: hidden;
  border: 1px solid var(--k2b-border-strong);
  border-radius: var(--k2b-radius-dialog);
  color: var(--k2b-text);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-float);
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.k2b-ui .k2b-prompt-search__input {
  display: flex;
  background: var(--k2b-surface-muted);
  cursor: text;
  align-items:  center;
  gap: .5rem;
  padding: .625rem .75rem;
  transition: background-color .15s ease-out;
}

.k2b-ui .k2b-prompt-search__input:focus-within {
  background: var(--k2b-focus-ring);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-prompt-search__input:focus-within {
    background: var(--k2b-focus-ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-prompt-search__input:focus-within {
      background: color-mix(in srgb, var(--k2b-focus-ring) 4%, var(--k2b-surface));
    }
  }
}

.k2b-ui .k2b-prompt-search__input > i {
  color: var(--k2b-text-muted);
  transition: color .15s ease-out;
}

.k2b-ui .k2b-prompt-search__input:focus-within > i {
  color: var(--k2b-focus-ring);
}

.k2b-ui .k2b-prompt-search__input input {
  color: inherit;
  caret-color: var(--k2b-focus-ring);
  outline: 0;
  background: none;
  border: 0;
  flex: 1;
  min-width: 0;
  font-size: .875rem;
}

.k2b-ui .k2b-prompt-search__input input::placeholder {
  color: var(--k2b-placeholder-color);
  opacity: 1;
}

.k2b-ui .k2b-prompt-search__collapse {
  overflow: hidden;
  transition: height .2s ease-out, opacity .2s ease-out;
}

.k2b-ui .k2b-prompt-search__results {
  overflow-y: auto;
  overscroll-behavior-y: contain;
  height: 100%;
  min-height: 0;
  padding: .5rem;
}

.k2b-ui .k2b-prompt-search__results > p {
  color: var(--k2b-text-muted);
  margin: 0;
  padding: .5rem .375rem;
  font-size: .75rem;
}

.k2b-ui .k2b-prompt-search__error {
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-danger-text);
  background: var(--k2b-danger-surface);
  margin: 0 0 .5rem;
  padding: .5rem;
  font-size: .75rem;
}

.k2b-ui .k2b-prompt-search__list {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}

.k2b-ui .k2b-prompt-search__list > button {
  display: flex;
  border-radius: var(--k2b-radius-control);
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items:  center;
  gap: .625rem;
  width: 100%;
  padding: .375rem .5rem;
  transition: color .15s ease-out, background-color .15s ease-out;
}

.k2b-ui .k2b-prompt-search__list > button[data-has-description="true"] {
  align-items:  flex-start;
  padding-block-start: .5rem;
  padding-block-end: .5rem;
}

.k2b-ui .k2b-prompt-search__list > button:hover:not([data-active="true"]) {
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-prompt-search__list > button[data-active="true"] {
  color: var(--k2b-info-text);
  background: var(--k2b-info-surface);
}

.k2b-ui .k2b-prompt-search__list > button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-prompt-search__copy {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-prompt-search__list strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.k2b-ui .k2b-prompt-search__list small {
  overflow: hidden;
  color: var(--k2b-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: .125rem;
  font-size: .75rem;
  line-height: 1rem;
}

.k2b-ui .k2b-prompt-search__preview {
  display: grid;
  overflow: hidden;
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface-muted);
  flex: none;
  place-items:  center;
  width: 1.5rem;
  height: 1.5rem;
}

.k2b-ui .k2b-prompt-search__list > button[data-has-description="true"] .k2b-prompt-search__preview {
  width: 1.75rem;
  height: 1.75rem;
  margin-top: .125rem;
}

.k2b-ui .k2b-prompt-search__preview > i {
  color: var(--k2b-text-muted);
  font-size: .75rem;
}

.k2b-ui .k2b-prompt-search__preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.k2b-ui .k2b-tooltip-wrapper {
  display: inline-flex;
}

.k2b-ui [popover].k2b-tooltip {
  position: fixed;
  z-index: 100;
  border: 1px solid var(--k2b-feedback-tooltip-border);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-feedback-tooltip-text);
  background: var(--k2b-feedback-tooltip-surface);
  box-shadow: var(--k2b-shadow-float);
  white-space: normal;
  transition: opacity .12s, overlay .12s allow-discrete, display .12s allow-discrete;
  pointer-events: auto;
  max-width: min(18rem, 100vw - 1rem);
  margin: 0;
  padding: .25rem .5rem;
  font-size: .6875rem;
  line-height: 1rem;
  inset: auto;
  transform: none;
}

.k2b-ui [popover].k2b-tooltip[data-instant="true"] {
  transition: none;
}

.k2b-ui [popover].k2b-tooltip:popover-open {
  display: block;
}

@starting-style {
  .k2b-ui [popover].k2b-tooltip:popover-open {
    opacity: 0;
    transform: none;
  }
}

.k2b-ui [popover].k2b-tooltip.k2b-chart__tooltip {
  white-space: normal;
  pointer-events: none;
  background: var(--k2b-surface-elevated);
  color: var(--k2b-text);
  border: 1px solid var(--k2b-border);
  overflow: auto;
  overflow-wrap: anywhere;
  border-radius: .5rem;
  max-width: min(24rem, 100vw - 1rem);
  max-height: calc(100dvh - 1rem);
  padding: .625rem .75rem;
}

.k2b-ui [data-k2b-toast-container] > .k2b-toast {
  display: flex;
  border: 1px solid var(--k2b-border-strong);
  border-radius: var(--k2b-radius-surface);
  opacity: 0;
  color: var(--k2b-text);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-toast);
  cursor: pointer;
  pointer-events: auto;
  align-items: stretch;
  gap: .75rem;
  width: 100%;
  padding: .75rem;
  transition: opacity .2s ease-out, transform .2s ease-out;
  transform: translate(.5rem);
}

.k2b-ui [data-k2b-toast-container] > .k2b-toast[data-open="true"] {
  opacity: 1;
  transform: translate(0);
}

.k2b-ui [data-k2b-toast-container] > .k2b-toast[data-closing="true"] {
  opacity: 0;
  transform: translate(.5rem);
}

.k2b-ui .k2b-toast__icon {
  display: grid;
  border-radius: 999px;
  flex: none;
  align-self:  flex-start;
  place-items:  center;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1rem;
}

.k2b-ui .k2b-toast__icon[data-tone="info"] {
  color: var(--k2b-info-text);
  background: var(--k2b-info-surface);
}

.k2b-ui .k2b-toast__icon[data-tone="success"] {
  color: var(--k2b-success-text);
  background: var(--k2b-success-surface);
}

.k2b-ui .k2b-toast__icon[data-tone="danger"] {
  color: var(--k2b-danger-text);
  background: var(--k2b-danger-surface);
}

.k2b-ui .k2b-toast__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-self:  center;
  gap: .125rem;
  min-width: 0;
}

.k2b-ui .k2b-toast__title {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25;
}

.k2b-ui .k2b-toast__description {
  overflow-wrap: anywhere;
  color: var(--k2b-text-muted);
  font-size: .75rem;
  line-height: 1.375;
}

.k2b-ui .k2b-toast__action {
  color: var(--k2b-action);
  text-decoration: none;
  align-self:  flex-start;
  margin-top: .25rem;
  font-size: .75rem;
  font-weight: 500;
}

.k2b-ui .k2b-toast__action:hover {
  text-decoration: underline;
}

.k2b-ui .k2b-toast__action:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-toast__close {
  display: inline-flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  justify-content: center;
  align-self:  flex-start;
  align-items:  center;
  width: 2rem;
  height: 2rem;
  padding: .25rem;
}

.k2b-ui .k2b-toast__close:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-toast__close:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-inline-guidance {
  display: flex;
  color: var(--k2b-text-muted);
  align-items:  flex-start;
  gap: .375rem;
  min-width: 0;
  font-size: .75rem;
  line-height: 1.25rem;
}

.k2b-ui .k2b-inline-guidance[data-tone="info"] {
  color: var(--k2b-info-text);
}

.k2b-ui .k2b-inline-guidance[data-tone="success"] {
  color: var(--k2b-success-text);
}

.k2b-ui .k2b-inline-guidance[data-tone="warning"] {
  color: var(--k2b-warning-text);
}

.k2b-ui .k2b-inline-guidance[data-tone="danger"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-inline-guidance__icon {
  color: inherit;
  flex: none;
  margin-top: .1875rem;
  font-size: .75rem;
}

.k2b-ui .k2b-inline-guidance__content {
  min-width: 0;
}

.k2b-ui .k2b-inline-guidance__content > a, .k2b-ui .k2b-inline-guidance .k2b-button[data-variant="text"] {
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-decoration: underline;
  text-underline-offset: .125rem;
  min-height: 0;
  padding: 0;
}

.k2b-ui .k2b-inline-guidance__content > a:hover, .k2b-ui .k2b-inline-guidance .k2b-button[data-variant="text"]:not(:disabled):hover {
  color: inherit;
  text-decoration-thickness: .125rem;
}

@media (min-height: 68.75rem) {
  .k2b-ui .k2b-dialog--search {
    --k2b-search-dialog-height: min(33vh, var(--k2b-dialog-available-height));
  }
}

@media (forced-colors: active) {
  .k2b-ui .k2b-prompt-search__input:focus-within {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .k2b-ui .k2b-prompt-search__input, .k2b-ui .k2b-prompt-search__input > i, .k2b-ui .k2b-prompt-search__list > button, .k2b-ui .k2b-prompt-search__collapse, .k2b-ui [popover].k2b-tooltip, .k2b-ui [data-k2b-toast-container] > .k2b-toast {
    transition: none;
  }
}

.k2b-ui .k2b-toast__progress {
  display: block;
  overflow: hidden;
  accent-color: var(--k2b-action);
  border: 0;
  border-radius: 9999px;
  width: 100%;
  height: .375rem;
  margin-top: .5rem;
}

.k2b-ui .k2b-toast__progress[hidden] {
  display: none;
}

.k2b-ui .k2b-inline-guidance[data-loading="true"] .k2b-inline-guidance__icon {
  animation: .9s linear infinite k2b-parity-spin;
}

.k2b-ui .k2b-inline-guidance[data-loading="true"] .k2b-inline-guidance__content {
  -webkit-text-fill-color: transparent;
  animation: 2s linear infinite k2b-guidance-shimmer;
  background-image: linear-gradient(105deg, currentColor 38% 50%, currentColor 62%);
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-inline-guidance[data-loading="true"] .k2b-inline-guidance__content {
    background-image: linear-gradient(105deg, currentColor 38%, currentColor50% , currentColor 62%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-inline-guidance[data-loading="true"] .k2b-inline-guidance__content {
      background-image: linear-gradient(105deg, currentColor 38%, color-mix(in srgb, currentColor 55%, transparent) 50%, currentColor 62%);
    }
  }
}

@keyframes k2b-guidance-shimmer {
  0% {
    background-position: 120% 0;
  }

  to {
    background-position: -120% 0;
  }
}

@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  .k2b-ui .k2b-inline-guidance[data-loading="true"] .k2b-inline-guidance__icon, .k2b-ui .k2b-inline-guidance[data-loading="true"] .k2b-inline-guidance__content {
    animation: none;
    -webkit-text-fill-color: currentColor;
    background-image: none;
  }
}

.k2b-ui {
  --k2b-dialog-available-height: calc(100dvh - max(.75rem, env(safe-area-inset-top, 0px))  - max(.75rem, env(safe-area-inset-bottom, 0px)));
  --k2b-dialog-available-width: calc(100dvw - max(.75rem, env(safe-area-inset-left, 0px))  - max(.75rem, env(safe-area-inset-right, 0px)));
}

.k2b-ui .k2b-panel-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items:  flex-start;
  gap: .5rem;
  min-width: 0;
}

.k2b-ui .k2b-panel-header__actions {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items:  center;
  gap: .5rem;
}

.k2b-ui .k2b-app-overview {
  width: min(100%, 72rem);
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding: .75rem;
}

.k2b-ui .k2b-app-overview__header {
  display: flex;
  align-items:  center;
  gap: .625rem;
  margin-bottom: 1rem;
}

.k2b-ui .k2b-app-overview__icon {
  display: flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-action);
  background: var(--k2b-action);
  box-shadow: inset 0 0 0 1px var(--k2b-action);
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.25rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-app-overview__icon {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-app-overview__icon {
      background: color-mix(in srgb, var(--k2b-action) 9%, var(--k2b-surface));
    }
  }
}

.k2b-ui .k2b-app-overview__identity h1, .k2b-ui .k2b-app-overview__identity p {
  margin: 0;
}

.k2b-ui .k2b-app-overview__identity h1 {
  letter-spacing: -.015em;
  font-size: 1.125rem;
  font-weight: 650;
}

.k2b-ui .k2b-app-overview__identity p {
  color: var(--k2b-text-muted);
  margin-top: .125rem;
  font-size: .8125rem;
}

.k2b-ui .k2b-app-overview__columns {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  min-width: 0;
}

.k2b-ui .k2b-app-overview__main, .k2b-ui .k2b-app-overview__aside {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  width: 100%;
  min-width: 0;
}

.k2b-ui .k2b-app-overview__panel-header {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  min-width: 0;
  margin-bottom: .75rem;
}

.k2b-ui .k2b-app-overview__panel-header h2, .k2b-ui .k2b-app-overview__panel-header p {
  margin: 0;
}

.k2b-ui .k2b-app-overview__panel-header h2 {
  font-size: .875rem;
  font-weight: 650;
}

.k2b-ui .k2b-app-overview__panel-header p {
  color: var(--k2b-text-muted);
  font-size: .75rem;
}

.k2b-ui .k2b-app-overview__toolbar {
  width: 100%;
  min-width: 0;
}

.k2b-ui .k2b-settings-page {
  display: flex;
  overflow: hidden;
  background: none;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  height: 100%;
  min-height: 0;
}

.k2b-ui .k2b-settings-page__header {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items:  flex-start;
  gap: .625rem;
  padding: .75rem 1rem .625rem;
}

.k2b-ui .k2b-settings-page__header > i {
  color: var(--k2b-text-muted);
  flex-shrink: 0;
  margin-top: .125rem;
  font-size: 1rem;
}

.k2b-ui .k2b-settings-page__heading {
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-settings-page__heading h1, .k2b-ui .k2b-settings-page__heading p {
  margin: 0;
}

.k2b-ui .k2b-settings-page__heading h1 {
  color: var(--k2b-text);
  font-size: .9375rem;
  font-weight: 650;
  line-height: 1.3;
}

.k2b-ui .k2b-settings-page__heading p {
  color: var(--k2b-text-muted);
  margin-top: .125rem;
  font-size: .75rem;
}

.k2b-ui .k2b-settings-page__actions, .k2b-ui .k2b-settings-page__footer {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: .5rem;
}

.k2b-ui .k2b-settings-page__actions {
  justify-content: flex-end;
}

.k2b-ui .k2b-settings-page__body {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  flex: 1;
  gap: .75rem;
  min-height: 0;
  padding: 0 1rem 1rem;
}

.k2b-ui .k2b-settings-page__body > * {
  flex-shrink: 0;
}

.k2b-ui .k2b-settings-page__footer {
  position: sticky;
  z-index: 20;
  flex-shrink: 0;
  justify-content: space-between;
  padding: .75rem 1rem;
  bottom: 0;
}

.k2b-ui .k2b-settings-section {
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface);
  box-shadow: var(--k2b-shadow-surface);
  min-width: 0;
}

.k2b-ui .k2b-settings-section__header {
  display: flex;
  border-bottom: 1px solid var(--k2b-border);
  align-items:  flex-start;
  gap: .625rem;
  min-width: 0;
  padding: .75rem;
}

.k2b-ui .k2b-settings-section__header > i {
  color: var(--k2b-text-muted);
  flex-shrink: 0;
  margin-top: .125rem;
  font-size: .9375rem;
}

.k2b-ui .k2b-settings-section__heading {
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-settings-section__heading h2, .k2b-ui .k2b-settings-section__heading p {
  margin: 0;
}

.k2b-ui .k2b-settings-section__heading h2 {
  color: var(--k2b-text);
  font-size: .875rem;
  font-weight: 650;
  line-height: 1.35;
}

.k2b-ui .k2b-settings-section__heading p {
  color: var(--k2b-text-muted);
  margin-top: .125rem;
  font-size: .75rem;
  line-height: 1.45;
}

.k2b-ui .k2b-settings-section__actions {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items:  center;
  gap: .5rem;
}

.k2b-ui .k2b-settings-section__body {
  min-width: 0;
}

.k2b-ui .k2b-settings-section__body > .k2b-settings-field + .k2b-settings-field {
  border-top: 1px solid var(--k2b-border);
}

.k2b-ui .k2b-settings-section__body > :not(.k2b-settings-field) {
  margin: .75rem;
}

.k2b-ui .k2b-settings-section__body > :not(.k2b-settings-field) + .k2b-settings-field {
  border-top: 1px solid var(--k2b-border);
}

.k2b-ui .k2b-settings {
  position: relative;
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-dialog);
  background: var(--k2b-surface);
  box-shadow: var(--k2b-shadow-float);
  height: 100%;
  min-height: 0;
}

.k2b-ui .k2b-settings__close {
  position: absolute;
  z-index: 2;
  top: 1rem;
  right: 1rem;
}

.k2b-ui .k2b-settings__rail {
  overflow: hidden;
  border-right: 1px solid var(--k2b-border);
  background: var(--k2b-surface-muted);
  min-height: 0;
}

.k2b-ui .k2b-settings__tabs {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  flex: 1;
  gap: .25rem;
  min-width: 0;
  height: 100%;
  padding: .75rem .5rem;
}

.k2b-ui .k2b-settings__tab-group {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  min-width: 0;
  margin-top: .75rem;
}

.k2b-ui .k2b-settings__tab-group:first-child {
  margin-top: 0;
}

.k2b-ui .k2b-settings__tab-group-label {
  display: block;
  overflow: hidden;
  color: var(--k2b-text-muted);
  letter-spacing: .06em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
  padding: 0 .5rem .125rem;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.3;
}

.k2b-ui .k2b-settings__tabs button {
  display: flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-muted);
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  align-items:  center;
  gap: .5rem;
  width: 100%;
  min-height: 2rem;
  padding: .375rem .5rem;
  transition: background-color .15s ease-out, color .15s ease-out;
  font-size: .75rem;
  line-height: 1.25;
}

.k2b-ui .k2b-settings__tabs button:not([data-active="true"]):hover {
  color: var(--k2b-text-secondary);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-settings__tabs button:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: -2px;
}

.k2b-ui .k2b-settings__tabs button > i {
  flex-shrink: 0;
  font-size: .875rem;
}

.k2b-ui .k2b-settings__tabs button > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.k2b-ui .k2b-settings__content {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}

.k2b-ui .k2b-settings__body {
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
  height: 100%;
  min-height: 0;
  padding: 0;
}

.k2b-ui .k2b-settings__section {
  width: 100%;
  max-width: 48rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding: 1.5rem 2.75rem 1.5rem 1rem;
}

.k2b-ui .k2b-settings__section-heading {
  min-width: 0;
  margin-bottom: 2rem;
}

.k2b-ui .k2b-settings__section-heading h2 {
  color: var(--k2b-text);
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
}

.k2b-ui .k2b-settings__section-heading p {
  color: var(--k2b-text-muted);
  margin: .5rem 0 0;
  font-size: .875rem;
  line-height: 1.625;
}

.k2b-ui .k2b-settings__body[data-tone="danger"] .k2b-settings__section-heading h2 {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-settings__footer {
  display: flex;
  background: var(--k2b-surface);
  flex-shrink: 0;
  justify-content: space-between;
  align-items:  center;
  gap: 1rem;
  padding: .75rem 1rem;
}

.k2b-ui .k2b-settings-group, .k2b-ui .k2b-settings-collection {
  display: grid;
  gap: .75rem;
  min-width: 0;
}

.k2b-ui .k2b-settings-group + .k2b-settings-group, .k2b-ui .k2b-settings-collection + .k2b-settings-collection {
  margin-top: 2rem;
}

.k2b-ui .k2b-settings-group__header, .k2b-ui .k2b-settings-collection__header {
  display: flex;
  justify-content: space-between;
  align-items:  flex-start;
  gap: 1rem;
  min-width: 0;
}

.k2b-ui .k2b-settings-group__heading, .k2b-ui .k2b-settings-collection__heading, .k2b-ui .k2b-settings-collection__item-copy {
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-settings-group__heading h3, .k2b-ui .k2b-settings-group__heading p, .k2b-ui .k2b-settings-collection__heading h3, .k2b-ui .k2b-settings-collection__heading p, .k2b-ui .k2b-settings-collection__item-copy h4, .k2b-ui .k2b-settings-collection__item-copy p {
  margin: 0;
}

.k2b-ui .k2b-settings-group__heading h3, .k2b-ui .k2b-settings-collection__heading h3 {
  color: var(--k2b-text);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
}

.k2b-ui .k2b-settings-group__heading p, .k2b-ui .k2b-settings-collection__heading p {
  color: var(--k2b-text-muted);
  margin-top: .125rem;
  font-size: .8125rem;
  line-height: 1.5;
}

.k2b-ui .k2b-settings-group__action, .k2b-ui .k2b-settings-collection__action, .k2b-ui .k2b-settings-collection__item-status, .k2b-ui .k2b-settings-collection__item-actions {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items:  center;
  gap: .375rem;
}

.k2b-ui .k2b-settings-group__body {
  display: grid;
  gap: .5rem;
  min-width: 0;
}

.k2b-ui .k2b-settings-group__body > .k2b-settings-field {
  padding: 0;
}

.k2b-ui .k2b-settings-collection__list {
  display: grid;
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface-muted);
  list-style: none;
  gap: .25rem;
  margin: 0;
  padding: .375rem;
}

.k2b-ui .k2b-settings-collection__item {
  display: flex;
  border-radius: var(--k2b-radius-control);
  align-items:  center;
  gap: .625rem;
  min-width: 0;
  min-height: 3rem;
  padding: .5rem .625rem;
}

.k2b-ui .k2b-settings-collection__item-icon {
  display: grid;
  color: var(--k2b-text-muted);
  flex-shrink: 0;
  place-items:  center;
  width: 1.75rem;
  height: 1.75rem;
  font-size: .875rem;
}

.k2b-ui .k2b-settings-collection__item-copy h4 {
  overflow: hidden;
  color: var(--k2b-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.4;
}

.k2b-ui .k2b-settings-collection__item-copy p {
  overflow: hidden;
  color: var(--k2b-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: .0625rem;
  font-size: .6875rem;
  line-height: 1.45;
}

.k2b-ui .k2b-settings-collection > .k2b-placeholder {
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface-muted);
  min-height: 0;
  padding: .875rem;
}

.k2b-ui .k2b-settings-field {
  display: flex;
  flex-direction: column;
  gap: .375rem;
  min-width: 0;
  padding: .75rem;
}

.k2b-ui .k2b-settings-field__copy {
  display: flex;
  flex-direction: column;
  gap: .125rem;
  min-width: 0;
}

.k2b-ui .k2b-settings-field__heading, .k2b-ui .k2b-settings-actions {
  display: flex;
  align-items:  center;
  gap: .5rem;
}

.k2b-ui .k2b-settings-field__heading {
  flex-wrap: wrap;
}

.k2b-ui .k2b-settings-field__heading strong {
  color: var(--k2b-text);
  font-size: .875rem;
  font-weight: 500;
}

.k2b-ui .k2b-settings-field__heading span {
  color: var(--k2b-warning-text);
  font-size: .6875rem;
  font-weight: 500;
}

.k2b-ui .k2b-settings-field__copy > p {
  color: var(--k2b-text-muted);
  margin: 0;
  font-size: .75rem;
}

.k2b-ui .k2b-settings-field__error {
  display: flex;
  color: var(--k2b-danger-text);
  align-items:  center;
  gap: .25rem;
  margin: 0;
  font-size: .75rem;
}

.k2b-ui .k2b-settings-panel-footer__status {
  color: var(--k2b-text-muted);
  margin: 0;
  font-size: .75rem;
}

.k2b-ui .k2b-settings-panel-footer__status strong {
  color: var(--k2b-text);
  font-weight: 500;
}

.k2b-ui .k2b-app-workspace {
  --k2b-workspace-resize-hit-size: 1.25rem;
  position: relative;
  display: grid;
  grid-template-areas: "mobile" "content" "drawer";
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border-radius: var(--k2b-radius-dialog);
  background: var(--k2b-surface);
  box-shadow: var(--k2b-shadow-frame);
  border: 1px solid #0000;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
}

.k2b-ui[data-theme="dark"] .k2b-app-workspace, .k2b-ui.k2b-dark .k2b-app-workspace, .dark .k2b-ui .k2b-app-workspace {
  border-color: var(--k2b-border);
}

.k2b-ui .k2b-app-workspace__content {
  display: flex;
  grid-area: content;
  overflow: hidden;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}

.k2b-ui .k2b-app-workspace__sidebar {
  display: none;
  overflow: hidden;
  background: var(--k2b-surface-muted);
  flex-direction: column;
  width: 100%;
  min-width: 0;
}

.k2b-ui .k2b-app-workspace__sidebar-desktop {
  display: none;
}

.k2b-ui .k2b-app-workspace__sidebar-item[data-disabled="true"] {
  pointer-events: none;
  opacity: .5;
}

.k2b-ui .k2b-app-workspace__main-pane, .k2b-ui .k2b-app-workspace__detail, .k2b-ui .k2b-app-workspace__drawer {
  display: flex;
  overflow: auto;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
  min-height: 0;
}

.k2b-ui .k2b-app-workspace__main-pane {
  scrollbar-gutter: stable;
}

.k2b-ui .k2b-app-workspace__main-pane[data-scroll="false"] {
  overflow: hidden;
  scrollbar-gutter: auto;
}

.k2b-ui .k2b-app-workspace__main-pane[data-surface="navigation"] {
  background: var(--k2b-surface-muted);
  gap: .5rem;
  padding: .5rem;
}

.k2b-ui .k2b-app-workspace__detail {
  --k2b-detail-panel-scroll-inset: .75rem;
  border-left: 1px solid var(--k2b-border);
  background: var(--k2b-surface-muted);
  gap: .75rem;
  padding: .75rem;
}

.k2b-ui .k2b-app-workspace__drawer {
  grid-area: drawer;
  height: var(--k2b-workspace-panel-size);
  border-top: 1px solid var(--k2b-border);
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-app-workspace__detail[hidden], .k2b-ui .k2b-app-workspace__drawer[hidden] {
  display: none;
}

.k2b-ui .k2b-app-workspace__resize:has( + [hidden]) {
  display: none;
}

.k2b-ui .k2b-app-workspace__resize {
  position: absolute;
  z-index: 20;
  display: none;
  width: var(--k2b-workspace-resize-hit-size);
  cursor: col-resize;
  touch-action: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
  transform: translate(-50%);
}

.k2b-ui .k2b-app-workspace[data-workspace-resizable="false"] .k2b-app-workspace__resize {
  display: none;
}

.k2b-ui .k2b-app-workspace__resize[data-app-workspace-resize="sidebar"] {
  left: var(--k2b-workspace-sidebar-width, 13rem);
}

.k2b-ui .k2b-app-workspace__resize[data-app-workspace-resize="detail"] {
  right: var(--k2b-workspace-panel-size);
  transform: translate(50%);
}

.k2b-ui .k2b-app-workspace__resize[data-app-workspace-resize="drawer"] {
  top: auto;
  right: 0;
  bottom: var(--k2b-workspace-panel-size);
  height: var(--k2b-workspace-resize-hit-size);
  cursor: row-resize;
  width: auto;
  left: 0;
  transform: translateY(50%);
}

.k2b-ui .k2b-app-workspace__resize:before {
  position: absolute;
  content: "";
  opacity: 0;
  background: var(--k2b-border-strong);
  width: 1px;
  transition: opacity .12s ease-out;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.k2b-ui .k2b-app-workspace__resize[data-app-workspace-resize="drawer"]:before {
  width: auto;
  height: 1px;
  inset: 50% 0 auto;
  transform: translateY(-50%);
}

.k2b-ui .k2b-app-workspace__resize[data-workspace-resize-shadow="true"]:after {
  position: absolute;
  content: "";
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(270deg, #18181b09, #18181b04 45%, #0000);
  width: .875rem;
  transition: opacity .15s ease-out;
  top: 0;
  bottom: 0;
  right: 50%;
}

.k2b-ui .k2b-app-workspace__resize[data-workspace-resize-shadow="true"][data-workspace-resize-edge="start"]:after {
  background: linear-gradient(90deg, #18181b09, #18181b04 45%, #0000);
  left: 50%;
  right: auto;
}

.k2b-ui .k2b-app-workspace__resize[data-app-workspace-resize="drawer"][data-workspace-resize-shadow="true"]:after {
  background: linear-gradient(#18181b09, #18181b04 45%, #0000);
  width: auto;
  height: .875rem;
  inset: 50% 0 auto;
}

.k2b-ui .k2b-app-workspace__resize > span {
  position: absolute;
  opacity: 0;
  background: var(--k2b-border-strong);
  border-radius: 999px;
  width: 3px;
  height: 2rem;
  transition: opacity .12s ease-out;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.k2b-ui .k2b-app-workspace__resize[data-app-workspace-resize="drawer"] > span {
  width: 2rem;
  height: 3px;
}

.k2b-ui .k2b-app-workspace__resize[data-workspace-resize-active="true"] {
  outline: 0;
  background: none;
}

.k2b-ui .k2b-app-workspace__resize:-webkit-any(:hover, :focus-visible) {
  outline: 0;
  background: none;
}

.k2b-ui .k2b-app-workspace__resize:-moz-any(:hover, :focus-visible) {
  outline: 0;
  background: none;
}

.k2b-ui .k2b-app-workspace__resize:is(:hover, :focus-visible) {
  outline: 0;
  background: none;
}

.k2b-ui .k2b-app-workspace__resize[data-workspace-resize-active="true"]:before, .k2b-ui .k2b-app-workspace__resize[data-workspace-resize-shadow="true"][data-workspace-resize-active="true"]:after, .k2b-ui .k2b-app-workspace__resize[data-workspace-resize-active="true"] > span {
  opacity: 1;
}

.k2b-ui .k2b-app-workspace__resize:-webkit-any(:hover, :focus-visible):before {
  opacity: 1;
}

.k2b-ui .k2b-app-workspace__resize:-moz-any(:hover, :focus-visible):before {
  opacity: 1;
}

.k2b-ui .k2b-app-workspace__resize:is(:hover, :focus-visible):before {
  opacity: 1;
}

.k2b-ui .k2b-app-workspace__resize[data-workspace-resize-shadow="true"]:-webkit-any(:hover, :focus-visible):after {
  opacity: 1;
}

.k2b-ui .k2b-app-workspace__resize[data-workspace-resize-shadow="true"]:-moz-any(:hover, :focus-visible):after {
  opacity: 1;
}

.k2b-ui .k2b-app-workspace__resize[data-workspace-resize-shadow="true"]:is(:hover, :focus-visible):after {
  opacity: 1;
}

.k2b-ui .k2b-app-workspace__resize:-webkit-any(:hover, :focus-visible) > span {
  opacity: 1;
}

.k2b-ui .k2b-app-workspace__resize:-moz-any(:hover, :focus-visible) > span {
  opacity: 1;
}

.k2b-ui .k2b-app-workspace__resize:is(:hover, :focus-visible) > span {
  opacity: 1;
}

.k2b-ui .k2b-floating-window[data-mobile="true"] {
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  inset: .5rem;
  transform: none;
}

@media (min-width: 40rem) {
  .k2b-ui .k2b-app-overview__panel-header {
    flex-direction: row;
    justify-content: space-between;
    align-items:  flex-end;
  }

  .k2b-ui .k2b-app-overview__toolbar {
    width: 20rem;
  }
}

@media (max-width: 39.999rem) {
  .k2b-ui .k2b-settings-page__actions, .k2b-ui .k2b-settings-section__actions {
    justify-content: flex-start;
    width: 100%;
  }

  .k2b-ui .k2b-settings-page__footer {
    align-items:  flex-start;
  }

  .k2b-ui .k2b-settings__section {
    padding: 1.25rem .75rem;
  }

  .k2b-ui .k2b-settings__section-heading {
    padding-right: 2rem;
  }

  .k2b-ui .k2b-settings-group__header, .k2b-ui .k2b-settings-collection__header {
    flex-direction: column;
    align-items: stretch;
  }

  .k2b-ui .k2b-settings-group__action, .k2b-ui .k2b-settings-collection__action {
    justify-content: flex-start;
  }

  .k2b-ui .k2b-settings-collection__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items:  flex-start;
  }

  .k2b-ui .k2b-settings-collection__item-status, .k2b-ui .k2b-settings-collection__item-actions {
    grid-column: 2;
    justify-content: flex-start;
  }

  .k2b-ui .k2b-settings__footer {
    flex-direction: column;
    align-items: stretch;
    padding-inline-start: .75rem;
    padding-inline-end: .75rem;
  }
}

@media (min-width: 48rem) {
  .k2b-ui .k2b-settings {
    grid-template-columns: 11.5rem minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .k2b-ui .k2b-settings__rail {
    border-right: 1px solid var(--k2b-border);
  }

  .k2b-ui .k2b-settings__tabs {
    overflow-x: hidden;
    overflow-y: auto;
    flex-direction: column;
    padding: 1rem .75rem;
  }

  .k2b-ui .k2b-settings__tabs button {
    width: 100%;
  }

  .k2b-ui .k2b-settings__section {
    padding: 2.25rem 3.5rem 2.25rem 2.25rem;
  }
}

@media (min-width: 64rem) {
  .k2b-ui .k2b-app-overview__columns {
    flex-direction: row;
    align-items:  flex-start;
  }

  .k2b-ui .k2b-app-overview__main {
    flex: auto;
    min-width: 0;
  }

  .k2b-ui .k2b-app-overview__aside {
    flex: 0 0 24rem;
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :-webkit-any(solid-island, solid-client) > .k2b-app-workspace__sidebar) {
    grid-template-areas: "sidebar content" "sidebar drawer";
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :-moz-any(solid-island, solid-client) > .k2b-app-workspace__sidebar) {
    grid-template-areas: "sidebar content" "sidebar drawer";
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :-webkit-any(solid-island, solid-client) > .k2b-app-workspace__sidebar) {
    grid-template-areas: "sidebar content" "sidebar drawer";
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :-moz-any(solid-island, solid-client) > .k2b-app-workspace__sidebar) {
    grid-template-areas: "sidebar content" "sidebar drawer";
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :is(solid-island, solid-client) > .k2b-app-workspace__sidebar) {
    grid-template-areas: "sidebar content" "sidebar drawer";
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .k2b-ui .k2b-app-workspace__sidebar {
    display: flex;
    width: var(--k2b-workspace-sidebar-width, 13rem);
    grid-area: sidebar;
  }

  .k2b-ui .k2b-app-workspace__sidebar-desktop {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    height: 100%;
    min-height: 0;
    padding: .5rem;
  }

  .k2b-ui .k2b-app-workspace__resize {
    display: block;
  }

  .k2b-ui .k2b-app-workspace__content, .k2b-ui .k2b-app-workspace__main.has-panes {
    flex-direction: row;
  }

  .k2b-ui .k2b-app-workspace__main.has-panes > [data-workspace-main-region] {
    display: flex;
  }

  .k2b-ui .k2b-app-workspace__main-pane {
    width: var(--k2b-workspace-panel-size);
    flex: 0 0 var(--k2b-workspace-panel-size);
  }

  .k2b-ui .k2b-app-workspace__main-pane:has( ~ [data-workspace-main-region]) {
    border-right: 1px solid var(--k2b-border);
  }

  .k2b-ui .k2b-app-workspace__main-pane.is-primary {
    flex: auto;
    width: auto;
  }

  .k2b-ui .k2b-app-workspace__main > .k2b-app-workspace__resize[data-app-workspace-resize="pane"], .k2b-ui .k2b-app-workspace__content > .k2b-app-workspace__resize[data-app-workspace-resize="detail"] {
    position: relative;
    flex: 0 0 var(--k2b-workspace-resize-hit-size);
    height: auto;
    margin-inline-start: -.625rem;
    margin-inline-end: -.625rem;
    inset: auto;
    transform: none;
  }

  .k2b-ui .k2b-app-workspace__content > :-webkit-any(solid-island, solid-client) > .k2b-app-workspace__resize[data-app-workspace-resize="detail"] {
    position: relative;
    flex: 0 0 var(--k2b-workspace-resize-hit-size);
    height: auto;
    margin-inline-start: -.625rem;
    margin-inline-end: -.625rem;
    inset: auto;
    transform: none;
  }

  .k2b-ui .k2b-app-workspace__content > :-moz-any(solid-island, solid-client) > .k2b-app-workspace__resize[data-app-workspace-resize="detail"] {
    position: relative;
    flex: 0 0 var(--k2b-workspace-resize-hit-size);
    height: auto;
    margin-inline-start: -.625rem;
    margin-inline-end: -.625rem;
    inset: auto;
    transform: none;
  }

  .k2b-ui .k2b-app-workspace__content > :is(solid-island, solid-client) > .k2b-app-workspace__resize[data-app-workspace-resize="detail"] {
    position: relative;
    flex: 0 0 var(--k2b-workspace-resize-hit-size);
    height: auto;
    margin-inline-start: -.625rem;
    margin-inline-end: -.625rem;
    inset: auto;
    transform: none;
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :-webkit-any(solid-island, solid-client) > .k2b-app-workspace__sidebar) > .k2b-app-workspace__resize[data-app-workspace-resize="drawer"] {
    left: var(--k2b-workspace-sidebar-width, 13rem);
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :-moz-any(solid-island, solid-client) > .k2b-app-workspace__sidebar) > .k2b-app-workspace__resize[data-app-workspace-resize="drawer"] {
    left: var(--k2b-workspace-sidebar-width, 13rem);
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :-webkit-any(solid-island, solid-client) > .k2b-app-workspace__sidebar) > .k2b-app-workspace__resize[data-app-workspace-resize="drawer"] {
    left: var(--k2b-workspace-sidebar-width, 13rem);
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :-moz-any(solid-island, solid-client) > .k2b-app-workspace__sidebar) > .k2b-app-workspace__resize[data-app-workspace-resize="drawer"] {
    left: var(--k2b-workspace-sidebar-width, 13rem);
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :is(solid-island, solid-client) > .k2b-app-workspace__sidebar) > .k2b-app-workspace__resize[data-app-workspace-resize="drawer"] {
    left: var(--k2b-workspace-sidebar-width, 13rem);
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :-webkit-any(solid-island, solid-client) > .k2b-app-workspace__sidebar) > :-webkit-any(solid-island, solid-client) > .k2b-app-workspace__resize[data-app-workspace-resize="drawer"] {
    left: var(--k2b-workspace-sidebar-width, 13rem);
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :-moz-any(solid-island, solid-client) > .k2b-app-workspace__sidebar) > :-moz-any(solid-island, solid-client) > .k2b-app-workspace__resize[data-app-workspace-resize="drawer"] {
    left: var(--k2b-workspace-sidebar-width, 13rem);
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :-webkit-any(solid-island, solid-client) > .k2b-app-workspace__sidebar) > :-webkit-any(solid-island, solid-client) > .k2b-app-workspace__resize[data-app-workspace-resize="drawer"] {
    left: var(--k2b-workspace-sidebar-width, 13rem);
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :-moz-any(solid-island, solid-client) > .k2b-app-workspace__sidebar) > :-moz-any(solid-island, solid-client) > .k2b-app-workspace__resize[data-app-workspace-resize="drawer"] {
    left: var(--k2b-workspace-sidebar-width, 13rem);
  }

  .k2b-ui .k2b-app-workspace:has( > .k2b-app-workspace__sidebar,  > :is(solid-island, solid-client) > .k2b-app-workspace__sidebar) > :is(solid-island, solid-client) > .k2b-app-workspace__resize[data-app-workspace-resize="drawer"] {
    left: var(--k2b-workspace-sidebar-width, 13rem);
  }

  .k2b-ui .k2b-app-workspace__detail[data-width="sm"], .k2b-ui .k2b-app-workspace__detail[data-width="md"] {
    width: 20rem;
  }

  .k2b-ui .k2b-app-workspace__detail[data-width="lg"] {
    width: 30rem;
  }

  .k2b-ui .k2b-app-workspace__detail[data-width="xl"] {
    width: 34rem;
  }

  .k2b-ui .k2b-app-workspace__detail[data-workspace-resizable="true"] {
    width: var(--k2b-workspace-panel-size);
  }

  .k2b-ui .k2b-app-workspace__drawer[data-workspace-resizable="true"] {
    height: var(--k2b-workspace-panel-size);
  }
}

@media (min-width: 80rem) {
  .k2b-ui .k2b-app-workspace__detail[data-width="sm"] {
    width: 18rem;
  }

  .k2b-ui .k2b-app-workspace__detail[data-width="md"] {
    width: 24rem;
  }

  .k2b-ui .k2b-app-workspace__detail[data-width="lg"] {
    width: 34rem;
  }

  .k2b-ui .k2b-app-workspace__detail[data-width="xl"] {
    width: 40rem;
  }

  .k2b-ui .k2b-app-workspace__detail[data-workspace-resizable="true"] {
    width: var(--k2b-workspace-panel-size);
  }
}

@media (max-width: 63.999rem) {
  .k2b-ui .k2b-app-workspace__main.has-panes > [data-workspace-main-region] {
    display: none;
  }

  .k2b-ui .k2b-app-workspace__main.has-panes > [data-workspace-main-region][data-workspace-mobile-active="true"] {
    display: flex;
    flex: auto;
    min-width: 0;
    min-height: 0;
  }

  .k2b-ui .k2b-app-workspace__content:has( > .k2b-app-workspace__detail:not([hidden]),  > :-webkit-any(solid-island, solid-client) > .k2b-app-workspace__detail:not([hidden])) > .k2b-app-workspace__main {
    display: none;
  }

  .k2b-ui .k2b-app-workspace__content:has( > .k2b-app-workspace__detail:not([hidden]),  > :-moz-any(solid-island, solid-client) > .k2b-app-workspace__detail:not([hidden])) > .k2b-app-workspace__main {
    display: none;
  }

  .k2b-ui .k2b-app-workspace__content:has( > .k2b-app-workspace__detail:not([hidden]),  > :-webkit-any(solid-island, solid-client) > .k2b-app-workspace__detail:not([hidden])) > .k2b-app-workspace__main {
    display: none;
  }

  .k2b-ui .k2b-app-workspace__content:has( > .k2b-app-workspace__detail:not([hidden]),  > :-moz-any(solid-island, solid-client) > .k2b-app-workspace__detail:not([hidden])) > .k2b-app-workspace__main {
    display: none;
  }

  .k2b-ui .k2b-app-workspace__content:has( > .k2b-app-workspace__detail:not([hidden]),  > :is(solid-island, solid-client) > .k2b-app-workspace__detail:not([hidden])) > .k2b-app-workspace__main {
    display: none;
  }

  .k2b-ui .k2b-app-workspace__detail:not([hidden]) {
    flex: auto;
    min-height: 0;
  }

  .k2b-ui .k2b-app-workspace__drawer:not([hidden]) {
    max-height: 50%;
  }
}

.k2b-ui .k2b-paper {
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface);
  box-shadow: var(--k2b-shadow-surface);
  transition: color .15s, background-color .15s, border-color .15s;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-paper {
    border: 1px solid var(--k2b-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-paper {
      border: 1px solid color-mix(in srgb, var(--k2b-border) 72%, transparent);
    }
  }
}

.k2b-ui .k2b-paper[data-elevated="true"] {
  box-shadow: var(--k2b-shadow-frame);
}

.k2b-ui .k2b-paper[data-interactive="true"]:hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-paper[data-interactive="true"]:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-avatar {
  display: inline-flex;
  overflow: hidden;
  color: var(--k2b-neutral-600);
  background: var(--k2b-neutral-200);
  object-fit: cover;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 2.5rem;
  height: 2.5rem;
  font-size: .875rem;
  font-weight: 600;
}

.k2b-ui[data-theme="dark"] .k2b-avatar, .k2b-ui.k2b-dark .k2b-avatar, .dark .k2b-ui .k2b-avatar {
  color: var(--k2b-neutral-300);
  background: var(--k2b-neutral-700);
}

.k2b-ui .k2b-avatar[data-size="xs"] {
  width: 1.5rem;
  height: 1.5rem;
  font-size: .625rem;
}

.k2b-ui .k2b-avatar[data-size="sm"] {
  width: 2rem;
  height: 2rem;
  font-size: .75rem;
}

.k2b-ui .k2b-avatar[data-size="md"] {
  width: 2.5rem;
  height: 2.5rem;
  font-size: .875rem;
}

.k2b-ui .k2b-avatar[data-size="lg"] {
  width: 4rem;
  height: 4rem;
  font-size: 1.125rem;
}

.k2b-ui .k2b-avatar[data-size="xl"] {
  width: 5rem;
  height: 5rem;
  font-size: 1.25rem;
}

.k2b-ui .k2b-link-card {
  display: flex;
  color: inherit;
  text-decoration: none;
  align-items:  center;
  gap: 1rem;
  min-width: 0;
  padding: 1rem;
}

.k2b-ui .k2b-not-found a:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-stat-grid__action:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-stat-cell--link:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui a.k2b-stat-cell__accent:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui a.k2b-widget__header:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui a.k2b-widget-list__item:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui a.k2b-widget-pill:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-link-card__icon {
  display: flex;
  background: var(--k2b-surface-muted);
  border-radius: .25rem;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 2.5rem;
  height: 2.5rem;
}

.k2b-ui .k2b-link-card__glyph {
  font-size: 1.25rem;
}

.k2b-ui .k2b-link-card__copy {
  display: block;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-link-card__title {
  display: block;
  color: var(--k2b-text);
  font-size: .875rem;
  font-weight: 600;
}

.k2b-ui .k2b-link-card__description {
  overflow: hidden;
  color: var(--k2b-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: .75rem;
}

.k2b-ui .k2b-link-card__chevron {
  color: var(--k2b-text-muted);
  flex: none;
  transition: transform .12s, color .12s;
}

.k2b-ui .k2b-link-card:hover .k2b-link-card__chevron {
  color: var(--k2b-action);
  transform: translate(.125rem);
}

.k2b-ui .k2b-link-card[data-color="blue"] .k2b-link-card__icon {
  color: var(--k2b-accent-600);
}

.k2b-ui .k2b-link-card[data-color="emerald"] .k2b-link-card__icon {
  color: var(--k2b-success-600);
}

.k2b-ui .k2b-link-card[data-color="violet"] .k2b-link-card__icon {
  color: #7c3aed;
}

.k2b-ui .k2b-link-card[data-color="orange"] .k2b-link-card__icon {
  color: #ea580c;
}

.k2b-ui .k2b-link-card[data-color="red"] .k2b-link-card__icon {
  color: var(--k2b-danger-600);
}

.k2b-ui .k2b-link-card[data-color="amber"] .k2b-link-card__icon {
  color: #d97706;
}

.k2b-ui .k2b-link-card[data-color="zinc"] .k2b-link-card__icon {
  color: var(--k2b-neutral-600);
}

.k2b-ui .k2b-link-card[data-color="cyan"] .k2b-link-card__icon {
  color: #0891b2;
}

.k2b-ui .k2b-link-card[data-color="rose"] .k2b-link-card__icon {
  color: #e11d48;
}

.k2b-ui[data-theme="dark"] .k2b-link-card[data-color="blue"] .k2b-link-card__icon, .k2b-ui.k2b-dark .k2b-link-card[data-color="blue"] .k2b-link-card__icon, .dark .k2b-ui .k2b-link-card[data-color="blue"] .k2b-link-card__icon {
  color: var(--k2b-accent-400);
}

.k2b-ui[data-theme="dark"] .k2b-link-card[data-color="emerald"] .k2b-link-card__icon, .k2b-ui.k2b-dark .k2b-link-card[data-color="emerald"] .k2b-link-card__icon, .dark .k2b-ui .k2b-link-card[data-color="emerald"] .k2b-link-card__icon {
  color: #34d399;
}

.k2b-ui[data-theme="dark"] .k2b-link-card[data-color="violet"] .k2b-link-card__icon, .k2b-ui.k2b-dark .k2b-link-card[data-color="violet"] .k2b-link-card__icon, .dark .k2b-ui .k2b-link-card[data-color="violet"] .k2b-link-card__icon {
  color: #a78bfa;
}

.k2b-ui[data-theme="dark"] .k2b-link-card[data-color="orange"] .k2b-link-card__icon, .k2b-ui.k2b-dark .k2b-link-card[data-color="orange"] .k2b-link-card__icon, .dark .k2b-ui .k2b-link-card[data-color="orange"] .k2b-link-card__icon {
  color: #fb923c;
}

.k2b-ui[data-theme="dark"] .k2b-link-card[data-color="red"] .k2b-link-card__icon, .k2b-ui.k2b-dark .k2b-link-card[data-color="red"] .k2b-link-card__icon, .dark .k2b-ui .k2b-link-card[data-color="red"] .k2b-link-card__icon {
  color: #f87171;
}

.k2b-ui[data-theme="dark"] .k2b-link-card[data-color="amber"] .k2b-link-card__icon, .k2b-ui.k2b-dark .k2b-link-card[data-color="amber"] .k2b-link-card__icon, .dark .k2b-ui .k2b-link-card[data-color="amber"] .k2b-link-card__icon {
  color: #fbbf24;
}

.k2b-ui[data-theme="dark"] .k2b-link-card[data-color="zinc"] .k2b-link-card__icon, .k2b-ui.k2b-dark .k2b-link-card[data-color="zinc"] .k2b-link-card__icon, .dark .k2b-ui .k2b-link-card[data-color="zinc"] .k2b-link-card__icon {
  color: var(--k2b-neutral-400);
}

.k2b-ui[data-theme="dark"] .k2b-link-card[data-color="cyan"] .k2b-link-card__icon, .k2b-ui.k2b-dark .k2b-link-card[data-color="cyan"] .k2b-link-card__icon, .dark .k2b-ui .k2b-link-card[data-color="cyan"] .k2b-link-card__icon {
  color: #22d3ee;
}

.k2b-ui[data-theme="dark"] .k2b-link-card[data-color="rose"] .k2b-link-card__icon, .k2b-ui.k2b-dark .k2b-link-card[data-color="rose"] .k2b-link-card__icon, .dark .k2b-ui .k2b-link-card[data-color="rose"] .k2b-link-card__icon {
  color: #fb7185;
}

.k2b-ui .k2b-not-found {
  display: flex;
  flex-direction: column;
  flex: none;
  align-items:  center;
  gap: 1.5rem;
  max-width: 24rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding: 4rem 0;
}

.k2b-ui .k2b-not-found__code {
  color: var(--k2b-neutral-500);
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1;
}

.k2b-ui .k2b-not-found__icon {
  color: var(--k2b-border-strong);
  font-size: 3rem;
}

.k2b-ui .k2b-not-found__copy {
  text-align: center;
}

.k2b-ui .k2b-not-found__copy h1 {
  color: var(--k2b-text);
  margin: 0;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.k2b-ui .k2b-not-found__copy p {
  color: var(--k2b-text-muted);
  margin: .25rem 0 0;
  font-size: .875rem;
  line-height: 1.25rem;
}

.k2b-ui .k2b-notice-card {
  display: block;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
  padding: .75rem;
  line-height: 1.5;
}

.k2b-ui .k2b-notice-card[data-tone="info"] {
  border-color: var(--k2b-accent-500);
  color: var(--k2b-info-text);
  background: var(--k2b-info-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-notice-card[data-tone="info"] {
    border-color: var(--k2b-accent-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-notice-card[data-tone="info"] {
      border-color: color-mix(in srgb, var(--k2b-accent-500) 42%, var(--k2b-border));
    }
  }
}

.k2b-ui .k2b-notice-card[data-tone="success"] {
  border-color: var(--k2b-success-500);
  color: var(--k2b-success-text);
  background: var(--k2b-success-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-notice-card[data-tone="success"] {
    border-color: var(--k2b-success-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-notice-card[data-tone="success"] {
      border-color: color-mix(in srgb, var(--k2b-success-500) 42%, var(--k2b-border));
    }
  }
}

.k2b-ui .k2b-notice-card[data-tone="warning"] {
  color: #78350f;
  background: #fffbeb;
  border-color: #fde68a;
}

.k2b-ui .k2b-notice-card[data-tone="danger"] {
  color: #7f1d1d;
  background: #fef2f2;
  border-color: #fecaca;
}

.k2b-ui[data-theme="dark"] .k2b-notice-card[data-tone="warning"], .k2b-ui.k2b-dark .k2b-notice-card[data-tone="warning"], .dark .k2b-ui .k2b-notice-card[data-tone="warning"] {
  color: #fef3c7;
  background: #451a0340;
  border-color: #f59e0b4d;
}

.k2b-ui[data-theme="dark"] .k2b-notice-card[data-tone="danger"], .k2b-ui.k2b-dark .k2b-notice-card[data-tone="danger"], .dark .k2b-ui .k2b-notice-card[data-tone="danger"] {
  color: #fee2e2;
  background: #450a0a40;
  border-color: #ef44444d;
}

.k2b-ui .k2b-notice-card__inner {
  display: flex;
  align-items:  flex-start;
  gap: .5rem;
}

.k2b-ui .k2b-notice-card__icon {
  color: inherit;
  flex: none;
  margin-top: .125rem;
  font-size: .875rem;
}

.k2b-ui .k2b-notice-card__content {
  min-width: 0;
}

.k2b-ui .k2b-notice-card__title {
  color: inherit;
  margin: 0;
  font-size: .75rem;
  font-weight: 600;
}

.k2b-ui .k2b-notice-card__description {
  color: inherit;
  opacity: .9;
  margin: .125rem 0 0;
  font-size: .6875rem;
  line-height: 1rem;
}

.k2b-ui .k2b-notice-card__body {
  color: inherit;
  min-width: 0;
  font-size: .75rem;
  line-height: 1.25rem;
}

.k2b-ui .k2b-notice-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
}

@media (min-width: 48rem) {
  .k2b-ui .k2b-notice-grid[data-columns="two"], .k2b-ui .k2b-notice-grid[data-columns="three"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  .k2b-ui .k2b-notice-grid[data-columns="three"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.k2b-ui .k2b-placeholder {
  display: flex;
  color: var(--k2b-text-muted);
  flex-direction: column;
  gap: .25rem;
  padding: 1.5rem .75rem;
  font-size: .75rem;
  line-height: 1rem;
}

.k2b-ui .k2b-placeholder[data-align="center"] {
  text-align: center;
  align-items:  center;
}

.k2b-ui .k2b-placeholder[data-align="left"] {
  text-align: left;
  align-items:  flex-start;
}

.k2b-ui .k2b-placeholder[data-variant="panel"] {
  justify-content: center;
  gap: .5rem;
  min-height: 13rem;
  padding: 1.5rem;
}

.k2b-ui .k2b-placeholder__icon {
  display: flex;
  color: var(--k2b-neutral-400);
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1rem;
}

.k2b-ui[data-theme="dark"] .k2b-placeholder__icon, .k2b-ui.k2b-dark .k2b-placeholder__icon, .dark .k2b-ui .k2b-placeholder__icon {
  color: var(--k2b-neutral-500);
}

.k2b-ui .k2b-placeholder[data-variant="panel"] .k2b-placeholder__icon {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.25rem;
}

.k2b-ui .k2b-placeholder[data-state="loading"] .k2b-placeholder__icon i {
  display: inline-block;
  animation: .9s linear infinite k2b-parity-spin;
}

.k2b-ui .k2b-placeholder[data-state="error"] .k2b-placeholder__icon {
  color: var(--k2b-danger-600);
}

.k2b-ui[data-theme="dark"] .k2b-placeholder[data-state="error"] .k2b-placeholder__icon, .k2b-ui.k2b-dark .k2b-placeholder[data-state="error"] .k2b-placeholder__icon, .dark .k2b-ui .k2b-placeholder[data-state="error"] .k2b-placeholder__icon {
  color: #f87171;
}

.k2b-ui .k2b-placeholder__title, .k2b-ui .k2b-placeholder__description {
  margin: 0;
}

.k2b-ui .k2b-placeholder__title {
  color: var(--k2b-text-secondary);
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
}

.k2b-ui .k2b-placeholder[data-variant="panel"] .k2b-placeholder__title {
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.k2b-ui .k2b-placeholder__description {
  max-width: 24rem;
  font-size: .75rem;
  line-height: 1rem;
}

.k2b-ui .k2b-placeholder__action {
  margin-top: .5rem;
}

.k2b-ui .k2b-placeholder[data-variant="panel"] .k2b-placeholder__action {
  margin-top: .25rem;
}

.k2b-ui .k2b-progress {
  display: flex;
  flex-direction: row;
  align-items:  center;
  gap: .5rem;
  min-width: 0;
}

.k2b-ui .k2b-progress__track {
  overflow: hidden;
  background: var(--k2b-border-strong);
  border-radius: 999px;
  flex: 1;
  min-width: 0;
  height: .625rem;
}

.k2b-ui .k2b-progress[data-size="sm"] .k2b-progress__track {
  height: .5rem;
}

.k2b-ui .k2b-progress[data-size="xs"] .k2b-progress__track {
  height: .375rem;
}

.k2b-ui .k2b-progress__value {
  border-radius: inherit;
  background: var(--k2b-action-solid);
  height: 100%;
  transition: width .2s;
}

.k2b-ui .k2b-progress[data-tone="success"] .k2b-progress__value {
  background: var(--k2b-success-500);
}

.k2b-ui .k2b-progress[data-tone="danger"] .k2b-progress__value {
  background: var(--k2b-danger-500);
}

.k2b-ui .k2b-progress__percent {
  color: var(--k2b-text-muted);
  font-variant-numeric: tabular-nums;
  flex: none;
  font-size: .6875rem;
}

.k2b-ui .k2b-status-badge {
  display: inline-flex;
  overflow: hidden;
  color: var(--k2b-text-muted);
  white-space: nowrap;
  align-items:  center;
  gap: .25rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1rem;
}

.k2b-ui .k2b-status-badge > i {
  flex: none;
  font-size: .6875rem;
}

.k2b-ui .k2b-status-badge[data-variant="chip"] {
  background: var(--k2b-surface-muted);
  border-radius: .25rem;
  padding: .125rem .375rem;
}

.k2b-ui .k2b-status-badge[data-variant="text"] {
  background: none;
  border-radius: 0;
  padding: 0;
}

.k2b-ui .k2b-status-badge__label {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.k2b-ui .k2b-status-badge__dot {
  background: var(--k2b-neutral-400);
  border-radius: 999px;
  flex: none;
  width: .375rem;
  height: .375rem;
}

.k2b-ui .k2b-status-badge[data-tone="ok"] {
  color: var(--k2b-success-text);
}

.k2b-ui .k2b-status-badge[data-tone="warning"], .k2b-ui .k2b-status-badge[data-tone="degraded"] {
  color: #92400e;
}

.k2b-ui .k2b-status-badge[data-tone="error"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-status-badge[data-tone="info"], .k2b-ui .k2b-status-badge[data-tone="running"] {
  color: var(--k2b-info-text);
}

.k2b-ui .k2b-status-badge[data-tone="neutral"] {
  color: var(--k2b-text-secondary);
}

.k2b-ui .k2b-status-badge[data-variant="text"][data-tone="neutral"] {
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-status-badge[data-variant="chip"]:not([data-tone="neutral"]) {
  background: currentColor;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-status-badge[data-variant="chip"]:not([data-tone="neutral"]) {
    background: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-status-badge[data-variant="chip"]:not([data-tone="neutral"]) {
      background: color-mix(in srgb, currentColor 10%, transparent);
    }
  }
}

.k2b-ui[data-theme="dark"] .k2b-status-badge[data-tone="warning"], .k2b-ui[data-theme="dark"] .k2b-status-badge[data-tone="degraded"], .k2b-ui.k2b-dark .k2b-status-badge[data-tone="warning"], .k2b-ui.k2b-dark .k2b-status-badge[data-tone="degraded"], .dark .k2b-ui .k2b-status-badge[data-tone="warning"], .dark .k2b-ui .k2b-status-badge[data-tone="degraded"] {
  color: #fcd34d;
}

.k2b-ui .k2b-status-badge[data-variant="dot"][data-tone] {
  color: var(--k2b-text-secondary);
  background: none;
  border-radius: 0;
  gap: .375rem;
  padding: 0;
  font-weight: 400;
}

.k2b-ui .k2b-status-badge[data-tone="ok"] .k2b-status-badge__dot {
  background: var(--k2b-success-500);
}

.k2b-ui .k2b-status-badge[data-tone="warning"] .k2b-status-badge__dot, .k2b-ui .k2b-status-badge[data-tone="degraded"] .k2b-status-badge__dot {
  background: var(--k2b-warning-500);
}

.k2b-ui .k2b-status-badge[data-tone="error"] .k2b-status-badge__dot {
  background: var(--k2b-danger-500);
}

.k2b-ui .k2b-status-badge[data-tone="info"] .k2b-status-badge__dot, .k2b-ui .k2b-status-badge[data-tone="running"] .k2b-status-badge__dot {
  background: var(--k2b-accent-500);
}

.k2b-ui .k2b-status-badge[data-tone="running"] i {
  display: inline-block;
  animation: .8s linear infinite k2b-parity-spin;
}

.k2b-ui .k2b-status-badge[data-tone="running"] .k2b-status-badge__dot {
  animation: 1.5s ease-in-out infinite k2b-parity-pulse;
}

.k2b-ui .k2b-stat-grid {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  min-width: 0;
}

.k2b-ui .k2b-stat-grid[data-surface="muted"] {
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-stat-grid__header {
  display: flex;
  border-bottom: 1px solid var(--k2b-border);
  background: var(--k2b-surface-muted);
  justify-content: space-between;
  align-items:  center;
  gap: .5rem;
  padding: .5rem .75rem;
}

.k2b-ui .k2b-stat-grid__title {
  overflow: hidden;
  color: var(--k2b-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
}

.k2b-ui .k2b-stat-grid__action {
  display: inline-flex;
  color: var(--k2b-text-muted);
  text-decoration: none;
  flex: none;
  align-items:  center;
  gap: .25rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-stat-grid__action:hover {
  color: var(--k2b-text);
}

.k2b-ui .k2b-stat-grid__action i {
  font-size: .625rem;
}

.k2b-ui .k2b-stat-grid__body {
  display: grid;
  background: var(--k2b-border);
  flex: 1;
  gap: 1px;
  padding: 0;
}

.k2b-ui .k2b-stat-grid[data-columns="1"] .k2b-stat-grid__body {
  grid-template-columns: minmax(0, 1fr);
}

.k2b-ui .k2b-stat-grid[data-columns="2"] .k2b-stat-grid__body, .k2b-ui .k2b-stat-grid[data-columns="4"] .k2b-stat-grid__body, .k2b-ui .k2b-stat-grid[data-columns="5"] .k2b-stat-grid__body, .k2b-ui .k2b-stat-grid[data-columns="6"] .k2b-stat-grid__body {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.k2b-ui .k2b-stat-grid[data-columns="3"] .k2b-stat-grid__body {
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 40rem) {
  .k2b-ui .k2b-stat-grid[data-columns="3"] .k2b-stat-grid__body, .k2b-ui .k2b-stat-grid[data-columns="5"] .k2b-stat-grid__body, .k2b-ui .k2b-stat-grid[data-columns="6"] .k2b-stat-grid__body {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  .k2b-ui .k2b-stat-grid[data-columns="4"] .k2b-stat-grid__body {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .k2b-ui .k2b-stat-grid[data-columns="5"] .k2b-stat-grid__body {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .k2b-ui .k2b-stat-grid[data-columns="6"] .k2b-stat-grid__body {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.k2b-ui .k2b-stat-cell {
  position: relative;
  display: flex;
  color: inherit;
  background: var(--k2b-surface);
  text-decoration: none;
  border-radius: 0;
  flex-direction: column;
  gap: .125rem;
  min-width: 0;
  padding: 1rem;
}

.k2b-ui .k2b-stat-cell[data-size="sm"] {
  padding: .625rem .75rem;
}

.k2b-ui .k2b-stat-cell--link {
  padding-right: 1.75rem;
  transition: background-color .12s;
}

.k2b-ui .k2b-stat-cell--link:hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-stat-cell__label {
  overflow: hidden;
  color: var(--k2b-text-muted);
  letter-spacing: .05em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .6875rem;
  font-weight: 400;
}

.k2b-ui .k2b-stat-cell__label[data-size="sm"] {
  font-size: .625rem;
}

.k2b-ui .k2b-stat-cell__value {
  overflow: hidden;
  color: var(--k2b-text);
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25;
}

.k2b-ui .k2b-stat-cell__value[data-size="sm"] {
  font-size: 1rem;
}

.k2b-ui .k2b-stat-cell__trend {
  display: block;
  margin-top: 0;
  align-self: stretch;
  margin-inline-start: -1rem;
  margin-inline-end: -1rem;
}

.k2b-ui .k2b-stat-cell__support {
  display: flex;
  flex-wrap: nowrap;
  align-items:  center;
  gap: .375rem;
  min-width: 0;
}

.k2b-ui .k2b-stat-cell__sub {
  overflow: hidden;
  color: var(--k2b-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .6875rem;
}

.k2b-ui .k2b-stat-cell[data-size="sm"] .k2b-stat-cell__sub {
  font-size: .625rem;
}

.k2b-ui .k2b-stat-cell__link-icon {
  position: absolute;
  color: var(--k2b-text-muted);
  transition: color .12s;
  font-size: .6875rem;
  top: .5rem;
  right: .5rem;
}

.k2b-ui .k2b-stat-cell--link:hover .k2b-stat-cell__link-icon {
  color: var(--k2b-action);
}

.k2b-ui .k2b-stat-cell__accent, .k2b-ui .k2b-widget-stat__accent {
  display: inline-flex;
  text-decoration: none;
  border-radius: 999px;
  flex: none;
  align-items:  center;
  gap: .25rem;
  padding: .125rem .375rem;
  font-size: .6875rem;
  font-weight: 500;
  line-height: 1rem;
}

.k2b-ui .k2b-stat-cell__accent i {
  font-size: .625rem;
}

.k2b-ui .k2b-widget-stat__accent i {
  font-size: .5625rem;
}

.k2b-ui a.k2b-stat-cell__accent {
  transition: background-color .12s;
}

.k2b-ui .k2b-stat-cell__accent-icon, .k2b-ui .k2b-widget-stat__accent-icon {
  background: none;
  flex: none;
}

.k2b-ui .k2b-stat-cell__accent-icon {
  font-size: .6875rem;
}

.k2b-ui .k2b-widget-stat__accent-icon {
  font-size: .75rem;
}

.k2b-ui .k2b-stat-cell__accent[data-tone="emerald"], .k2b-ui .k2b-widget-stat__accent[data-tone="emerald"] {
  color: var(--k2b-success-text);
  background: #d1fae5;
}

.k2b-ui .k2b-stat-cell__accent[data-tone="amber"], .k2b-ui .k2b-widget-stat__accent[data-tone="amber"] {
  color: #b45309;
  background: #fef3c7;
}

.k2b-ui .k2b-stat-cell__accent[data-tone="red"], .k2b-ui .k2b-widget-stat__accent[data-tone="red"] {
  color: var(--k2b-danger-text);
  background: #fee2e2;
}

.k2b-ui .k2b-stat-cell__accent[data-tone="blue"], .k2b-ui .k2b-widget-stat__accent[data-tone="blue"] {
  color: var(--k2b-info-text);
  background: var(--k2b-accent-100);
}

.k2b-ui .k2b-stat-cell__accent[data-tone="zinc"], .k2b-ui .k2b-widget-stat__accent[data-tone="zinc"] {
  color: var(--k2b-neutral-600);
  background: var(--k2b-neutral-100);
}

.k2b-ui[data-theme="dark"] .k2b-stat-cell__accent[data-tone="emerald"], .k2b-ui[data-theme="dark"] .k2b-widget-stat__accent[data-tone="emerald"], .k2b-ui.k2b-dark .k2b-stat-cell__accent[data-tone="emerald"], .k2b-ui.k2b-dark .k2b-widget-stat__accent[data-tone="emerald"], .dark .k2b-ui .k2b-stat-cell__accent[data-tone="emerald"], .dark .k2b-ui .k2b-widget-stat__accent[data-tone="emerald"] {
  background: #064e3b66;
}

.k2b-ui[data-theme="dark"] .k2b-stat-cell__accent[data-tone="amber"], .k2b-ui[data-theme="dark"] .k2b-widget-stat__accent[data-tone="amber"], .k2b-ui.k2b-dark .k2b-stat-cell__accent[data-tone="amber"], .k2b-ui.k2b-dark .k2b-widget-stat__accent[data-tone="amber"], .dark .k2b-ui .k2b-stat-cell__accent[data-tone="amber"], .dark .k2b-ui .k2b-widget-stat__accent[data-tone="amber"] {
  color: #fcd34d;
  background: #78350f66;
}

.k2b-ui[data-theme="dark"] .k2b-stat-cell__accent[data-tone="red"], .k2b-ui[data-theme="dark"] .k2b-widget-stat__accent[data-tone="red"], .k2b-ui.k2b-dark .k2b-stat-cell__accent[data-tone="red"], .k2b-ui.k2b-dark .k2b-widget-stat__accent[data-tone="red"], .dark .k2b-ui .k2b-stat-cell__accent[data-tone="red"], .dark .k2b-ui .k2b-widget-stat__accent[data-tone="red"] {
  background: #7f1d1d66;
}

.k2b-ui[data-theme="dark"] .k2b-stat-cell__accent[data-tone="blue"], .k2b-ui[data-theme="dark"] .k2b-widget-stat__accent[data-tone="blue"], .k2b-ui.k2b-dark .k2b-stat-cell__accent[data-tone="blue"], .k2b-ui.k2b-dark .k2b-widget-stat__accent[data-tone="blue"], .dark .k2b-ui .k2b-stat-cell__accent[data-tone="blue"], .dark .k2b-ui .k2b-widget-stat__accent[data-tone="blue"] {
  background: var(--k2b-accent-900);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.k2b-ui[data-theme="dark"] .k2b-stat-cell__accent[data-tone="blue"], .k2b-ui[data-theme="dark"] .k2b-widget-stat__accent[data-tone="blue"], .k2b-ui.k2b-dark .k2b-stat-cell__accent[data-tone="blue"], .k2b-ui.k2b-dark .k2b-widget-stat__accent[data-tone="blue"], .dark .k2b-ui .k2b-stat-cell__accent[data-tone="blue"], .dark .k2b-ui .k2b-widget-stat__accent[data-tone="blue"]) {
    background: var(--k2b-accent-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.k2b-ui[data-theme="dark"] .k2b-stat-cell__accent[data-tone="blue"], .k2b-ui[data-theme="dark"] .k2b-widget-stat__accent[data-tone="blue"], .k2b-ui.k2b-dark .k2b-stat-cell__accent[data-tone="blue"], .k2b-ui.k2b-dark .k2b-widget-stat__accent[data-tone="blue"], .dark .k2b-ui .k2b-stat-cell__accent[data-tone="blue"], .dark .k2b-ui .k2b-widget-stat__accent[data-tone="blue"]) {
      background: color-mix(in srgb, var(--k2b-accent-900) 40%, transparent);
    }
  }
}

.k2b-ui[data-theme="dark"] .k2b-stat-cell__accent[data-tone="zinc"], .k2b-ui[data-theme="dark"] .k2b-widget-stat__accent[data-tone="zinc"], .k2b-ui.k2b-dark .k2b-stat-cell__accent[data-tone="zinc"], .k2b-ui.k2b-dark .k2b-widget-stat__accent[data-tone="zinc"], .dark .k2b-ui .k2b-stat-cell__accent[data-tone="zinc"], .dark .k2b-ui .k2b-widget-stat__accent[data-tone="zinc"] {
  color: var(--k2b-neutral-400);
  background: var(--k2b-neutral-800);
}

.k2b-ui a.k2b-stat-cell__accent[data-tone="emerald"]:hover {
  background: #a7f3d0;
}

.k2b-ui a.k2b-stat-cell__accent[data-tone="amber"]:hover {
  background: #fde68a;
}

.k2b-ui a.k2b-stat-cell__accent[data-tone="red"]:hover {
  background: #fecaca;
}

.k2b-ui a.k2b-stat-cell__accent[data-tone="blue"]:hover {
  background: var(--k2b-accent-200);
}

.k2b-ui a.k2b-stat-cell__accent[data-tone="zinc"]:hover {
  background: var(--k2b-neutral-200);
}

.k2b-ui[data-theme="dark"] a.k2b-stat-cell__accent[data-tone="emerald"]:hover, .k2b-ui.k2b-dark a.k2b-stat-cell__accent[data-tone="emerald"]:hover, .dark .k2b-ui a.k2b-stat-cell__accent[data-tone="emerald"]:hover {
  background: #064e3b99;
}

.k2b-ui[data-theme="dark"] a.k2b-stat-cell__accent[data-tone="amber"]:hover, .k2b-ui.k2b-dark a.k2b-stat-cell__accent[data-tone="amber"]:hover, .dark .k2b-ui a.k2b-stat-cell__accent[data-tone="amber"]:hover {
  background: #78350f99;
}

.k2b-ui[data-theme="dark"] a.k2b-stat-cell__accent[data-tone="red"]:hover, .k2b-ui.k2b-dark a.k2b-stat-cell__accent[data-tone="red"]:hover, .dark .k2b-ui a.k2b-stat-cell__accent[data-tone="red"]:hover {
  background: #7f1d1d99;
}

.k2b-ui[data-theme="dark"] a.k2b-stat-cell__accent[data-tone="blue"]:hover, .k2b-ui.k2b-dark a.k2b-stat-cell__accent[data-tone="blue"]:hover, .dark .k2b-ui a.k2b-stat-cell__accent[data-tone="blue"]:hover {
  background: var(--k2b-accent-900);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.k2b-ui[data-theme="dark"] a.k2b-stat-cell__accent[data-tone="blue"]:hover, .k2b-ui.k2b-dark a.k2b-stat-cell__accent[data-tone="blue"]:hover, .dark .k2b-ui a.k2b-stat-cell__accent[data-tone="blue"]:hover) {
    background: var(--k2b-accent-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.k2b-ui[data-theme="dark"] a.k2b-stat-cell__accent[data-tone="blue"]:hover, .k2b-ui.k2b-dark a.k2b-stat-cell__accent[data-tone="blue"]:hover, .dark .k2b-ui a.k2b-stat-cell__accent[data-tone="blue"]:hover) {
      background: color-mix(in srgb, var(--k2b-accent-900) 60%, transparent);
    }
  }
}

.k2b-ui[data-theme="dark"] a.k2b-stat-cell__accent[data-tone="zinc"]:hover, .k2b-ui.k2b-dark a.k2b-stat-cell__accent[data-tone="zinc"]:hover, .dark .k2b-ui a.k2b-stat-cell__accent[data-tone="zinc"]:hover {
  background: var(--k2b-neutral-700);
}

.k2b-ui .k2b-stat-cell__accent-icon[data-tone="emerald"], .k2b-ui .k2b-widget-stat__accent-icon[data-tone="emerald"], .k2b-ui .k2b-widget-list__icon[data-tone="emerald"], .k2b-ui .k2b-widget-hero[data-tone="emerald"] .k2b-widget-hero__icon {
  color: var(--k2b-success-600);
}

.k2b-ui .k2b-stat-cell__accent-icon[data-tone="amber"], .k2b-ui .k2b-widget-stat__accent-icon[data-tone="amber"], .k2b-ui .k2b-widget-list__icon[data-tone="amber"], .k2b-ui .k2b-widget-hero[data-tone="amber"] .k2b-widget-hero__icon {
  color: #d97706;
}

.k2b-ui .k2b-stat-cell__accent-icon[data-tone="red"], .k2b-ui .k2b-widget-stat__accent-icon[data-tone="red"], .k2b-ui .k2b-widget-list__icon[data-tone="red"], .k2b-ui .k2b-widget-hero[data-tone="red"] .k2b-widget-hero__icon {
  color: var(--k2b-danger-500);
}

.k2b-ui .k2b-stat-cell__accent-icon[data-tone="blue"], .k2b-ui .k2b-widget-stat__accent-icon[data-tone="blue"], .k2b-ui .k2b-widget-list__icon[data-tone="blue"], .k2b-ui .k2b-widget-hero[data-tone="blue"] .k2b-widget-hero__icon {
  color: var(--k2b-accent-600);
}

.k2b-ui .k2b-stat-cell__accent-icon[data-tone="zinc"], .k2b-ui .k2b-widget-stat__accent-icon[data-tone="zinc"], .k2b-ui .k2b-widget-list__icon[data-tone="zinc"], .k2b-ui .k2b-widget-hero[data-tone="zinc"] .k2b-widget-hero__icon {
  color: var(--k2b-neutral-500);
}

.k2b-ui[data-theme="dark"] .k2b-stat-cell__accent-icon[data-tone="emerald"], .k2b-ui[data-theme="dark"] .k2b-widget-stat__accent-icon[data-tone="emerald"], .k2b-ui[data-theme="dark"] .k2b-widget-list__icon[data-tone="emerald"], .k2b-ui[data-theme="dark"] .k2b-widget-hero[data-tone="emerald"] .k2b-widget-hero__icon, .k2b-ui.k2b-dark .k2b-stat-cell__accent-icon[data-tone="emerald"], .k2b-ui.k2b-dark .k2b-widget-stat__accent-icon[data-tone="emerald"], .k2b-ui.k2b-dark .k2b-widget-list__icon[data-tone="emerald"], .k2b-ui.k2b-dark .k2b-widget-hero[data-tone="emerald"] .k2b-widget-hero__icon, .dark .k2b-ui .k2b-stat-cell__accent-icon[data-tone="emerald"], .dark .k2b-ui .k2b-widget-stat__accent-icon[data-tone="emerald"], .dark .k2b-ui .k2b-widget-list__icon[data-tone="emerald"], .dark .k2b-ui .k2b-widget-hero[data-tone="emerald"] .k2b-widget-hero__icon {
  color: #34d399;
}

.k2b-ui[data-theme="dark"] .k2b-stat-cell__accent-icon[data-tone="amber"], .k2b-ui[data-theme="dark"] .k2b-widget-stat__accent-icon[data-tone="amber"], .k2b-ui[data-theme="dark"] .k2b-widget-list__icon[data-tone="amber"], .k2b-ui[data-theme="dark"] .k2b-widget-hero[data-tone="amber"] .k2b-widget-hero__icon, .k2b-ui.k2b-dark .k2b-stat-cell__accent-icon[data-tone="amber"], .k2b-ui.k2b-dark .k2b-widget-stat__accent-icon[data-tone="amber"], .k2b-ui.k2b-dark .k2b-widget-list__icon[data-tone="amber"], .k2b-ui.k2b-dark .k2b-widget-hero[data-tone="amber"] .k2b-widget-hero__icon, .dark .k2b-ui .k2b-stat-cell__accent-icon[data-tone="amber"], .dark .k2b-ui .k2b-widget-stat__accent-icon[data-tone="amber"], .dark .k2b-ui .k2b-widget-list__icon[data-tone="amber"], .dark .k2b-ui .k2b-widget-hero[data-tone="amber"] .k2b-widget-hero__icon {
  color: #fbbf24;
}

.k2b-ui[data-theme="dark"] .k2b-stat-cell__accent-icon[data-tone="red"], .k2b-ui[data-theme="dark"] .k2b-widget-stat__accent-icon[data-tone="red"], .k2b-ui[data-theme="dark"] .k2b-widget-list__icon[data-tone="red"], .k2b-ui[data-theme="dark"] .k2b-widget-hero[data-tone="red"] .k2b-widget-hero__icon, .k2b-ui.k2b-dark .k2b-stat-cell__accent-icon[data-tone="red"], .k2b-ui.k2b-dark .k2b-widget-stat__accent-icon[data-tone="red"], .k2b-ui.k2b-dark .k2b-widget-list__icon[data-tone="red"], .k2b-ui.k2b-dark .k2b-widget-hero[data-tone="red"] .k2b-widget-hero__icon, .dark .k2b-ui .k2b-stat-cell__accent-icon[data-tone="red"], .dark .k2b-ui .k2b-widget-stat__accent-icon[data-tone="red"], .dark .k2b-ui .k2b-widget-list__icon[data-tone="red"], .dark .k2b-ui .k2b-widget-hero[data-tone="red"] .k2b-widget-hero__icon {
  color: #f87171;
}

.k2b-ui[data-theme="dark"] .k2b-stat-cell__accent-icon[data-tone="blue"], .k2b-ui[data-theme="dark"] .k2b-widget-stat__accent-icon[data-tone="blue"], .k2b-ui[data-theme="dark"] .k2b-widget-list__icon[data-tone="blue"], .k2b-ui[data-theme="dark"] .k2b-widget-hero[data-tone="blue"] .k2b-widget-hero__icon, .k2b-ui.k2b-dark .k2b-stat-cell__accent-icon[data-tone="blue"], .k2b-ui.k2b-dark .k2b-widget-stat__accent-icon[data-tone="blue"], .k2b-ui.k2b-dark .k2b-widget-list__icon[data-tone="blue"], .k2b-ui.k2b-dark .k2b-widget-hero[data-tone="blue"] .k2b-widget-hero__icon, .dark .k2b-ui .k2b-stat-cell__accent-icon[data-tone="blue"], .dark .k2b-ui .k2b-widget-stat__accent-icon[data-tone="blue"], .dark .k2b-ui .k2b-widget-list__icon[data-tone="blue"], .dark .k2b-ui .k2b-widget-hero[data-tone="blue"] .k2b-widget-hero__icon {
  color: var(--k2b-accent-400);
}

.k2b-ui[data-theme="dark"] .k2b-stat-cell__accent-icon[data-tone="zinc"], .k2b-ui[data-theme="dark"] .k2b-widget-stat__accent-icon[data-tone="zinc"], .k2b-ui.k2b-dark .k2b-stat-cell__accent-icon[data-tone="zinc"], .k2b-ui.k2b-dark .k2b-widget-stat__accent-icon[data-tone="zinc"], .dark .k2b-ui .k2b-stat-cell__accent-icon[data-tone="zinc"], .dark .k2b-ui .k2b-widget-stat__accent-icon[data-tone="zinc"] {
  color: var(--k2b-neutral-400);
}

.k2b-ui .k2b-widget {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  min-width: 0;
}

.k2b-ui .k2b-widget[data-size="compact"] {
  height: 12rem;
}

.k2b-ui .k2b-widget[data-size="standard"] {
  height: 25rem;
}

.k2b-ui .k2b-widget__header {
  display: flex;
  color: inherit;
  text-decoration: none;
  flex: none;
  align-items:  center;
  gap: .75rem;
  padding: 1rem 1rem .5rem;
}

.k2b-ui a.k2b-widget__header:hover {
  background: none;
}

.k2b-ui a.k2b-widget__header:hover .k2b-widget__title {
  color: var(--k2b-text);
}

.k2b-ui a.k2b-widget__header:hover .k2b-widget__chevron {
  color: var(--k2b-text-secondary);
}

.k2b-ui .k2b-widget__icon {
  display: inline-flex;
  color: var(--k2b-neutral-600);
  background: none;
  flex: none;
  justify-content: center;
  align-items:  center;
  font-size: .875rem;
}

.k2b-ui[data-theme="dark"] .k2b-widget__icon, .k2b-ui.k2b-dark .k2b-widget__icon, .dark .k2b-ui .k2b-widget__icon {
  color: var(--k2b-neutral-300);
}

.k2b-ui .k2b-widget__heading {
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-widget__title, .k2b-ui .k2b-widget__meta {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k2b-ui .k2b-widget__title {
  color: var(--k2b-text-secondary);
  letter-spacing: .05em;
  text-transform: uppercase;
  transition: color .12s;
  font-size: .75rem;
  font-weight: 600;
}

.k2b-ui .k2b-widget__meta {
  color: var(--k2b-text-muted);
  font-size: .625rem;
}

.k2b-ui .k2b-widget__chevron {
  color: var(--k2b-text-muted);
  flex: none;
  transition: color .12s;
  font-size: .75rem;
}

.k2b-ui .k2b-widget__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0;
}

.k2b-ui .k2b-widget-hero {
  display: flex;
  color: inherit;
  text-align: center;
  background: none;
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items:  center;
  gap: .5rem;
  min-width: 0;
  padding: 1rem 1.25rem;
}

.k2b-ui .k2b-widget-hero__icon {
  color: var(--k2b-text-muted);
  font-size: 1.875rem;
}

.k2b-ui .k2b-widget-hero__title {
  color: var(--k2b-text);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375;
}

.k2b-ui .k2b-widget-hero__subtitle {
  color: var(--k2b-text-muted);
  font-size: .75rem;
}

.k2b-ui .k2b-widget-list {
  display: flex;
  flex-direction: column;
  flex: none;
  min-height: 0;
}

.k2b-ui .k2b-widget-list[data-grow="true"] {
  overflow-y: auto;
  flex: 1;
}

.k2b-ui .k2b-widget-list__item {
  display: flex;
  color: inherit;
  text-decoration: none;
  border-radius: 0;
  align-items:  center;
  gap: .625rem;
  min-width: 0;
  padding: .5rem 1rem;
  transition: background-color .12s;
}

.k2b-ui a.k2b-widget-list__item:hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-widget-list__icon {
  color: var(--k2b-text-muted);
  flex: none;
  font-size: .875rem;
}

.k2b-ui .k2b-widget-list__copy {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.k2b-ui .k2b-widget-list__label, .k2b-ui .k2b-widget-list__sub {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k2b-ui .k2b-widget-list__label {
  color: var(--k2b-text);
  font-size: .75rem;
  font-weight: 500;
}

.k2b-ui .k2b-widget-list__sub, .k2b-ui .k2b-widget-list__meta {
  color: var(--k2b-text-muted);
  font-size: .625rem;
}

.k2b-ui .k2b-widget-list__meta, .k2b-ui .k2b-widget-list__chevron {
  flex: none;
}

.k2b-ui .k2b-widget-list__meta {
  font-variant-numeric: tabular-nums;
}

.k2b-ui .k2b-widget-list__chevron {
  color: var(--k2b-text-muted);
  font-size: .625rem;
}

.k2b-ui .k2b-widget-list__empty {
  color: var(--k2b-text-muted);
  text-align: center;
  margin: 0;
  padding: .75rem 1rem;
  font-size: .6875rem;
  font-style: italic;
}

.k2b-ui .k2b-widget-list__empty[data-grow="true"] {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items:  center;
}

.k2b-ui .k2b-widget-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .375rem;
  margin-top: 0;
  padding: .75rem 1rem;
}

.k2b-ui .k2b-widget-pills[data-grow="true"] {
  flex: 1;
  align-content:  center;
}

.k2b-ui .k2b-widget-pill {
  display: inline-flex;
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
  text-decoration: none;
  border-radius: .375rem;
  align-items: baseline;
  gap: .375rem;
  padding: .125rem .5rem;
}

.k2b-ui a.k2b-widget-pill {
  transition: opacity .12s;
}

.k2b-ui a.k2b-widget-pill:hover {
  opacity: .8;
}

.k2b-ui .k2b-widget-pill__label {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .625rem;
}

.k2b-ui .k2b-widget-pill[data-tone="zinc"] .k2b-widget-pill__label {
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-widget-pill__value {
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
  font-weight: 700;
}

.k2b-ui .k2b-widget-pill[data-tone="emerald"] {
  color: var(--k2b-success-text);
  background: #d1fae5;
}

.k2b-ui .k2b-widget-pill[data-tone="amber"] {
  color: #b45309;
  background: #fef3c7;
}

.k2b-ui .k2b-widget-pill[data-tone="red"] {
  color: var(--k2b-danger-text);
  background: #fee2e2;
}

.k2b-ui .k2b-widget-pill[data-tone="blue"] {
  color: var(--k2b-info-text);
  background: var(--k2b-accent-100);
}

.k2b-ui[data-theme="dark"] .k2b-widget-pill[data-tone="emerald"], .k2b-ui.k2b-dark .k2b-widget-pill[data-tone="emerald"], .dark .k2b-ui .k2b-widget-pill[data-tone="emerald"] {
  background: #064e3b4d;
}

.k2b-ui[data-theme="dark"] .k2b-widget-pill[data-tone="amber"], .k2b-ui.k2b-dark .k2b-widget-pill[data-tone="amber"], .dark .k2b-ui .k2b-widget-pill[data-tone="amber"] {
  color: #fcd34d;
  background: #78350f4d;
}

.k2b-ui[data-theme="dark"] .k2b-widget-pill[data-tone="red"], .k2b-ui.k2b-dark .k2b-widget-pill[data-tone="red"], .dark .k2b-ui .k2b-widget-pill[data-tone="red"] {
  background: #7f1d1d4d;
}

.k2b-ui[data-theme="dark"] .k2b-widget-pill[data-tone="blue"], .k2b-ui.k2b-dark .k2b-widget-pill[data-tone="blue"], .dark .k2b-ui .k2b-widget-pill[data-tone="blue"] {
  background: var(--k2b-accent-900);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.k2b-ui[data-theme="dark"] .k2b-widget-pill[data-tone="blue"], .k2b-ui.k2b-dark .k2b-widget-pill[data-tone="blue"], .dark .k2b-ui .k2b-widget-pill[data-tone="blue"]) {
    background: var(--k2b-accent-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.k2b-ui[data-theme="dark"] .k2b-widget-pill[data-tone="blue"], .k2b-ui.k2b-dark .k2b-widget-pill[data-tone="blue"], .dark .k2b-ui .k2b-widget-pill[data-tone="blue"]) {
      background: color-mix(in srgb, var(--k2b-accent-900) 30%, transparent);
    }
  }
}

.k2b-ui .k2b-widget-stat {
  display: flex;
  flex-direction: column;
  flex: none;
  gap: .25rem;
  padding: 1rem;
}

.k2b-ui .k2b-widget-stat[data-grow="true"] {
  flex: 1;
  justify-content: center;
}

.k2b-ui .k2b-widget-stat__label {
  color: var(--k2b-text-muted);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 400;
}

.k2b-ui .k2b-widget-stat__value {
  color: var(--k2b-text);
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1;
}

.k2b-ui .k2b-widget-stat__support {
  display: flex;
  flex-wrap: nowrap;
  align-items:  center;
  gap: .375rem;
  min-width: 0;
  margin-top: 0;
}

.k2b-ui .k2b-widget-stat__sub {
  color: var(--k2b-text-muted);
  font-size: .6875rem;
}

.k2b-ui .k2b-widget-status {
  display: flex;
  border-radius: 0;
  align-items:  flex-start;
  gap: .75rem;
  min-width: 0;
  padding: .75rem 1rem;
}

.k2b-ui .k2b-widget-status[data-grow="true"] {
  flex: 1;
  align-items:  center;
}

.k2b-ui .k2b-widget-status[data-tone="success"] {
  color: #065f46;
  background: #ecfdf5;
}

.k2b-ui .k2b-widget-status[data-tone="warning"] {
  color: #92400e;
  background: #fffbeb;
}

.k2b-ui .k2b-widget-status[data-tone="danger"] {
  color: #991b1b;
  background: none;
}

.k2b-ui .k2b-widget-status[data-tone="info"] {
  color: #1e40af;
  background: var(--k2b-accent-50);
}

.k2b-ui[data-theme="dark"] .k2b-widget-status[data-tone="success"], .k2b-ui.k2b-dark .k2b-widget-status[data-tone="success"], .dark .k2b-ui .k2b-widget-status[data-tone="success"] {
  color: #a7f3d0;
  background: #064e3b33;
}

.k2b-ui[data-theme="dark"] .k2b-widget-status[data-tone="warning"], .k2b-ui.k2b-dark .k2b-widget-status[data-tone="warning"], .dark .k2b-ui .k2b-widget-status[data-tone="warning"] {
  color: #fde68a;
  background: #78350f33;
}

.k2b-ui[data-theme="dark"] .k2b-widget-status[data-tone="danger"], .k2b-ui.k2b-dark .k2b-widget-status[data-tone="danger"], .dark .k2b-ui .k2b-widget-status[data-tone="danger"] {
  color: #fecaca;
  background: none;
}

.k2b-ui[data-theme="dark"] .k2b-widget-status[data-tone="info"], .k2b-ui.k2b-dark .k2b-widget-status[data-tone="info"], .dark .k2b-ui .k2b-widget-status[data-tone="info"] {
  color: #bfdbfe;
  background: var(--k2b-accent-900);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.k2b-ui[data-theme="dark"] .k2b-widget-status[data-tone="info"], .k2b-ui.k2b-dark .k2b-widget-status[data-tone="info"], .dark .k2b-ui .k2b-widget-status[data-tone="info"]) {
    background: var(--k2b-accent-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.k2b-ui[data-theme="dark"] .k2b-widget-status[data-tone="info"], .k2b-ui.k2b-dark .k2b-widget-status[data-tone="info"], .dark .k2b-ui .k2b-widget-status[data-tone="info"]) {
      background: color-mix(in srgb, var(--k2b-accent-900) 20%, transparent);
    }
  }
}

.k2b-ui .k2b-widget-status__icon {
  flex: none;
  margin-top: .125rem;
  font-size: 1rem;
}

.k2b-ui .k2b-widget-status[data-grow="true"] .k2b-widget-status__icon {
  margin-top: 0;
}

.k2b-ui .k2b-widget-status[data-tone="success"] .k2b-widget-status__icon {
  color: var(--k2b-success-600);
}

.k2b-ui .k2b-widget-status[data-tone="warning"] .k2b-widget-status__icon {
  color: #d97706;
}

.k2b-ui .k2b-widget-status[data-tone="danger"] .k2b-widget-status__icon {
  color: var(--k2b-danger-600);
}

.k2b-ui .k2b-widget-status[data-tone="info"] .k2b-widget-status__icon {
  color: var(--k2b-accent-600);
}

.k2b-ui[data-theme="dark"] .k2b-widget-status[data-tone="success"] .k2b-widget-status__icon, .k2b-ui.k2b-dark .k2b-widget-status[data-tone="success"] .k2b-widget-status__icon, .dark .k2b-ui .k2b-widget-status[data-tone="success"] .k2b-widget-status__icon {
  color: #34d399;
}

.k2b-ui[data-theme="dark"] .k2b-widget-status[data-tone="warning"] .k2b-widget-status__icon, .k2b-ui.k2b-dark .k2b-widget-status[data-tone="warning"] .k2b-widget-status__icon, .dark .k2b-ui .k2b-widget-status[data-tone="warning"] .k2b-widget-status__icon {
  color: #fbbf24;
}

.k2b-ui[data-theme="dark"] .k2b-widget-status[data-tone="danger"] .k2b-widget-status__icon, .k2b-ui.k2b-dark .k2b-widget-status[data-tone="danger"] .k2b-widget-status__icon, .dark .k2b-ui .k2b-widget-status[data-tone="danger"] .k2b-widget-status__icon {
  color: #f87171;
}

.k2b-ui[data-theme="dark"] .k2b-widget-status[data-tone="info"] .k2b-widget-status__icon, .k2b-ui.k2b-dark .k2b-widget-status[data-tone="info"] .k2b-widget-status__icon, .dark .k2b-ui .k2b-widget-status[data-tone="info"] .k2b-widget-status__icon {
  color: var(--k2b-accent-400);
}

.k2b-ui .k2b-widget-status__copy {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: .125rem;
  min-width: 0;
}

.k2b-ui .k2b-widget-status__title {
  font-size: .75rem;
  font-weight: 600;
}

.k2b-ui .k2b-widget-status__message {
  font-size: .6875rem;
}

@keyframes k2b-parity-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes k2b-parity-pulse {
  50% {
    opacity: .45;
  }
}

@media (prefers-reduced-motion: reduce) {
  .k2b-ui .k2b-placeholder[data-state="loading"] .k2b-placeholder__icon i, .k2b-ui .k2b-status-badge[data-tone="running"] i, .k2b-ui .k2b-status-badge[data-tone="running"] .k2b-status-badge__dot {
    animation: none;
  }

  .k2b-ui .k2b-progress__value, .k2b-ui .k2b-link-card, .k2b-ui .k2b-link-card__chevron, .k2b-ui .k2b-stat-cell--link, .k2b-ui .k2b-stat-cell__link-icon, .k2b-ui a.k2b-stat-cell__accent, .k2b-ui .k2b-widget__title, .k2b-ui .k2b-widget__chevron, .k2b-ui a.k2b-widget-pill, .k2b-ui .k2b-widget-list__item {
    transition: none;
  }
}

.k2b-ui .k2b-content-lightbox button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-content-lightbox a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-content-file-tree [role="treeitem"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-content-calendar {
  position: relative;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  color: var(--k2b-text);
  background: var(--k2b-surface);
  box-shadow: none;
  flex-direction: column;
  min-height: 0;
}

.k2b-ui .k2b-calendar-view-switcher {
  flex-shrink: 0;
  width: auto;
}

.k2b-ui .k2b-calendar-header {
  position: relative;
  display: flex;
  border-bottom: 1px solid var(--k2b-border);
  background: var(--k2b-surface);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items:  center;
  gap: .5rem;
  padding: .5rem;
}

.k2b-ui .k2b-calendar-header__navigation, .k2b-ui .k2b-calendar-header__actions {
  display: flex;
  align-items:  center;
  gap: .375rem;
  min-width: 0;
}

.k2b-ui .k2b-calendar-header__title {
  overflow: hidden;
  color: var(--k2b-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  padding-inline-start: .5rem;
  padding-inline-end: .5rem;
  font-size: .875rem;
  font-weight: 600;
}

.k2b-ui .k2b-calendar-header__actions {
  justify-content: flex-end;
  gap: .5rem;
  width: 100%;
}

.k2b-ui .k2b-calendar-header__today {
  box-sizing: border-box;
  display: inline-flex;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface);
  font: inherit;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  gap: .375rem;
  min-height: 2rem;
  padding: .375rem .75rem;
  transition: background-color .15s, border-color .15s, color .15s;
  font-size: .75rem;
  font-weight: 500;
}

.k2b-ui .k2b-calendar-header__nav-button {
  box-sizing: border-box;
  display: inline-flex;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  transition: background-color .15s, border-color .15s, color .15s;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
}

.k2b-ui :-webkit-any(.k2b-calendar-header__today, .k2b-calendar-header__nav-button):hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui :-moz-any(.k2b-calendar-header__today, .k2b-calendar-header__nav-button):hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui :is(.k2b-calendar-header__today, .k2b-calendar-header__nav-button):hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-calendar-header__progress {
  position: absolute;
  overflow: hidden;
  background: var(--k2b-action);
  height: 2px;
  bottom: -1px;
  left: 0;
  right: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-calendar-header__progress {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-calendar-header__progress {
      background: color-mix(in srgb, var(--k2b-action) 15%, transparent);
    }
  }
}

.k2b-ui .k2b-calendar-header__progress:after {
  display: block;
  background: var(--k2b-action-solid);
  content: "";
  animation: .9s ease-in-out infinite k2b-content-calendar-progress;
  width: 35%;
  height: 100%;
}

@keyframes k2b-content-calendar-progress {
  0% {
    transform: translate(-110%);
  }

  to {
    transform: translate(390%);
  }
}

.k2b-ui .k2b-calendar-body {
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}

.k2b-ui .k2b-calendar-month {
  display: grid;
  height: 100%;
  min-height: 36rem;
}

.k2b-ui .k2b-calendar-month__weekdays, .k2b-ui .k2b-calendar-month__week {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.k2b-ui .k2b-calendar-month__weekdays[data-week-numbers="true"], .k2b-ui .k2b-calendar-month__week[data-week-numbers="true"] {
  grid-template-columns: 3rem repeat(7, minmax(0, 1fr));
}

.k2b-ui .k2b-calendar-month__weekdays {
  border-bottom: 1px solid var(--k2b-border);
  background: var(--k2b-surface);
}

.k2b-ui .k2b-calendar-month__weekday {
  color: var(--k2b-text-muted);
  text-align: center;
  padding: .5rem;
  font-size: .6875rem;
  font-weight: 600;
}

.k2b-ui .k2b-calendar-month__week {
  border-bottom: 1px solid var(--k2b-border);
  min-height: 0;
}

.k2b-ui .k2b-calendar-month__week:last-child {
  border-bottom: 0;
}

.k2b-ui .k2b-calendar-month__week > * + * {
  border-left: 1px solid var(--k2b-border);
}

.k2b-ui .k2b-calendar-month__week-number {
  display: flex;
  color: var(--k2b-text-muted);
  justify-content: center;
  align-items:  flex-start;
  padding: .5rem;
  font-size: .75rem;
  font-weight: 600;
}

.k2b-ui .k2b-calendar-month__day {
  position: relative;
  background: var(--k2b-surface);
  min-width: 0;
  padding: .375rem;
}

.k2b-ui .k2b-calendar-month__day-target {
  position: absolute;
  z-index: 0;
  text-decoration: none;
  background: none;
  border: 0;
  border-radius: 0;
  inset: 0;
}

.k2b-ui .k2b-calendar-month__day-target[data-interactive="true"] {
  cursor: pointer;
}

.k2b-ui .k2b-calendar-month__day-target:hover {
  background: var(--k2b-action);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-calendar-month__day-target:hover {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-calendar-month__day-target:hover {
      background: color-mix(in srgb, var(--k2b-action) 5%, transparent);
    }
  }
}

.k2b-ui .k2b-calendar-month__day[data-outside="true"], .k2b-ui .k2b-calendar-time-grid__hour, .k2b-ui .k2b-calendar-time-grid__slot[data-outside-business="true"] {
  background: var(--k2b-surface-muted);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.k2b-ui .k2b-calendar-month__day[data-outside="true"], .k2b-ui .k2b-calendar-time-grid__hour, .k2b-ui .k2b-calendar-time-grid__slot[data-outside-business="true"]) {
    background: var(--k2b-surface-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.k2b-ui .k2b-calendar-month__day[data-outside="true"], .k2b-ui .k2b-calendar-time-grid__hour, .k2b-ui .k2b-calendar-time-grid__slot[data-outside-business="true"]) {
      background: color-mix(in srgb, var(--k2b-surface-muted) 62%, var(--k2b-surface));
    }
  }
}

.k2b-ui :-webkit-any(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-action);
  box-shadow: inset 0 0 0 1px var(--k2b-action);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui :-webkit-any(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui :-webkit-any(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
      background: color-mix(in srgb, var(--k2b-action) 10%, var(--k2b-surface));
    }
  }
}

.k2b-ui :-moz-any(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-action);
  box-shadow: inset 0 0 0 1px var(--k2b-action);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui :-moz-any(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui :-moz-any(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
      background: color-mix(in srgb, var(--k2b-action) 10%, var(--k2b-surface));
    }
  }
}

.k2b-ui :-webkit-any(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-action);
  box-shadow: inset 0 0 0 1px var(--k2b-action);
}

.k2b-ui :-moz-any(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-action);
  box-shadow: inset 0 0 0 1px var(--k2b-action);
}

.k2b-ui :is(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-action);
  box-shadow: inset 0 0 0 1px var(--k2b-action);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui :-webkit-any(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui :-webkit-any(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
      background: color-mix(in srgb, var(--k2b-action) 10%, var(--k2b-surface));
    }
  }

  .k2b-ui :-moz-any(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui :-moz-any(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
      background: color-mix(in srgb, var(--k2b-action) 10%, var(--k2b-surface));
    }
  }

  .k2b-ui :is(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui :is(.k2b-calendar-month__day, .k2b-calendar-time-grid__all-day-cell)[data-drop-preview="true"] {
      background: color-mix(in srgb, var(--k2b-action) 10%, var(--k2b-surface));
    }
  }
}

.k2b-ui :-webkit-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"] {
  cursor: pointer;
}

.k2b-ui :-moz-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"] {
  cursor: pointer;
}

.k2b-ui :is(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"] {
  cursor: pointer;
}

.k2b-ui :-webkit-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
  background: var(--k2b-action);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui :-webkit-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui :-webkit-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
      background: color-mix(in srgb, var(--k2b-action) 5%, var(--k2b-surface));
    }
  }
}

.k2b-ui :-moz-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
  background: var(--k2b-action);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui :-moz-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui :-moz-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
      background: color-mix(in srgb, var(--k2b-action) 5%, var(--k2b-surface));
    }
  }
}

.k2b-ui :-webkit-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
  background: var(--k2b-action);
}

.k2b-ui :-moz-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
  background: var(--k2b-action);
}

.k2b-ui :is(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
  background: var(--k2b-action);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui :-webkit-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui :-webkit-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
      background: color-mix(in srgb, var(--k2b-action) 5%, var(--k2b-surface));
    }
  }

  .k2b-ui :-moz-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui :-moz-any(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
      background: color-mix(in srgb, var(--k2b-action) 5%, var(--k2b-surface));
    }
  }

  .k2b-ui :is(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui :is(.k2b-calendar-time-grid__all-day-cell, .k2b-calendar-time-grid__slot)[data-interactive="true"]:hover {
      background: color-mix(in srgb, var(--k2b-action) 5%, var(--k2b-surface));
    }
  }
}

.k2b-ui .k2b-calendar-month__day-header {
  position: relative;
  z-index: 1;
  display: flex;
  pointer-events: none;
  align-items:  center;
  gap: .25rem;
}

.k2b-ui .k2b-calendar-month__day-number {
  display: inline-flex;
  color: var(--k2b-text);
  text-decoration: none;
  border-radius: 999px;
  justify-content: center;
  align-items:  center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding-inline-start: .25rem;
  padding-inline-end: .25rem;
  font-size: .75rem;
  font-weight: 600;
}

.k2b-ui a.k2b-calendar-month__day-number {
  pointer-events: auto;
}

.k2b-ui .k2b-calendar-month__day-number[data-outside="true"] {
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-calendar-month__day-number[data-today="true"] {
  color: #fff;
  background: var(--k2b-action-solid);
}

.k2b-ui .k2b-calendar-month__badge, .k2b-ui .k2b-calendar-time-grid__badge {
  display: none;
  color: var(--k2b-text-muted);
  justify-content: center;
  align-items:  center;
  gap: .125rem;
  font-size: .625rem;
  font-weight: 500;
}

.k2b-ui .k2b-calendar-month__badge-icon, .k2b-ui .k2b-calendar-time-grid__badge-icon {
  font-size: .625rem;
}

.k2b-ui .k2b-calendar-month__events {
  position: relative;
  z-index: 1;
  display: none;
  pointer-events: none;
  flex-direction: column;
  gap: .25rem;
  margin-top: .25rem;
}

.k2b-ui .k2b-calendar-month__events > * {
  pointer-events: auto;
}

.k2b-ui .k2b-calendar-month__more {
  color: var(--k2b-text-muted);
  text-decoration: none;
  padding-inline-start: .25rem;
  padding-inline-end: .25rem;
  font-size: .6875rem;
  font-weight: 500;
}

.k2b-ui .k2b-calendar-month__more:hover {
  color: var(--k2b-text);
}

.k2b-ui .k2b-calendar-month__dots {
  position: relative;
  z-index: 1;
  display: flex;
  pointer-events: none;
  gap: .125rem;
  margin-top: .25rem;
}

.k2b-ui .k2b-calendar-dot, .k2b-ui .k2b-calendar-year__indicator {
  background: var(--k2b-calendar-accent, #3b82f6);
  border-radius: 999px;
  width: .375rem;
  height: .375rem;
}

.k2b-ui :-webkit-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="blue"] {
  --k2b-calendar-accent: #3b82f6;
}

.k2b-ui :-moz-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="blue"] {
  --k2b-calendar-accent: #3b82f6;
}

.k2b-ui :is(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="blue"] {
  --k2b-calendar-accent: #3b82f6;
}

.k2b-ui :-webkit-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="emerald"] {
  --k2b-calendar-accent: #10b981;
}

.k2b-ui :-moz-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="emerald"] {
  --k2b-calendar-accent: #10b981;
}

.k2b-ui :is(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="emerald"] {
  --k2b-calendar-accent: #10b981;
}

.k2b-ui :-webkit-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="amber"] {
  --k2b-calendar-accent: #f59e0b;
}

.k2b-ui :-moz-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="amber"] {
  --k2b-calendar-accent: #f59e0b;
}

.k2b-ui :is(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="amber"] {
  --k2b-calendar-accent: #f59e0b;
}

.k2b-ui :-webkit-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="red"] {
  --k2b-calendar-accent: #ef4444;
}

.k2b-ui :-moz-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="red"] {
  --k2b-calendar-accent: #ef4444;
}

.k2b-ui :is(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="red"] {
  --k2b-calendar-accent: #ef4444;
}

.k2b-ui :-webkit-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="violet"] {
  --k2b-calendar-accent: #8b5cf6;
}

.k2b-ui :-moz-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="violet"] {
  --k2b-calendar-accent: #8b5cf6;
}

.k2b-ui :is(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="violet"] {
  --k2b-calendar-accent: #8b5cf6;
}

.k2b-ui :-webkit-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="cyan"] {
  --k2b-calendar-accent: #06b6d4;
}

.k2b-ui :-moz-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="cyan"] {
  --k2b-calendar-accent: #06b6d4;
}

.k2b-ui :is(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="cyan"] {
  --k2b-calendar-accent: #06b6d4;
}

.k2b-ui :-webkit-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="zinc"] {
  --k2b-calendar-accent: #a1a1aa;
}

.k2b-ui :-moz-any(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="zinc"] {
  --k2b-calendar-accent: #a1a1aa;
}

.k2b-ui :is(.k2b-calendar-event, .k2b-calendar-dot, .k2b-calendar-year__indicator)[data-color="zinc"] {
  --k2b-calendar-accent: #a1a1aa;
}

.k2b-ui .k2b-calendar-event {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text);
  background: var(--k2b-calendar-accent, var(--k2b-text-muted));
  font: inherit;
  text-align: left;
  text-decoration: none;
  border: 0;
  min-width: 0;
  padding: .375rem .5rem;
  transition: background-color .15s, box-shadow .15s, opacity .15s;
  line-height: 1.15;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-calendar-event {
    background: var(--k2b-calendar-accent, var(--k2b-text-muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-calendar-event {
      background: color-mix(in srgb, var(--k2b-calendar-accent, var(--k2b-text-muted)) 12%, var(--k2b-surface-elevated));
    }
  }
}

.k2b-ui .k2b-calendar-event[data-compact="true"] {
  padding: .25rem .375rem;
}

.k2b-ui .k2b-calendar-event[data-fill="true"] {
  width: 100%;
  height: 100%;
}

.k2b-ui .k2b-calendar-event[data-short="true"] {
  display: flex;
  align-items:  center;
  padding-block-start: 0;
  padding-block-end: 0;
}

.k2b-ui .k2b-calendar-event[data-moving="true"] {
  cursor: grabbing;
  opacity: .3;
}

.k2b-ui .k2b-calendar-event[data-interactive="true"] {
  cursor: pointer;
}

.k2b-ui .k2b-calendar-event[data-display="background"] {
  opacity: .6;
}

.k2b-ui .k2b-calendar-event[data-selected="true"] {
  background: var(--k2b-calendar-accent, var(--k2b-action));
  box-shadow: inset 0 0 0 1px var(--k2b-calendar-accent, var(--k2b-action));
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-calendar-event[data-selected="true"] {
    background: var(--k2b-calendar-accent, var(--k2b-action));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-calendar-event[data-selected="true"] {
      background: color-mix(in srgb, var(--k2b-calendar-accent, var(--k2b-action)) 17%, var(--k2b-surface-elevated));
    }
  }
}

.k2b-ui .k2b-calendar-event:not([data-selected="true"]):hover {
  background: var(--k2b-calendar-accent, var(--k2b-text-muted));
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-calendar-event:not([data-selected="true"]):hover {
    background: var(--k2b-calendar-accent, var(--k2b-text-muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-calendar-event:not([data-selected="true"]):hover {
      background: color-mix(in srgb, var(--k2b-calendar-accent, var(--k2b-text-muted)) 17%, var(--k2b-surface-elevated));
    }
  }
}

.k2b-ui .k2b-calendar-event[data-interactive="true"]:not([data-selected="true"]):hover {
  box-shadow: 0 1px 2px #09090b1f;
}

.k2b-ui .k2b-calendar-event__title, .k2b-ui .k2b-calendar-event__meta {
  display: block;
  overflow: hidden;
  color: currentColor;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k2b-ui .k2b-calendar-event__title {
  font-size: .6875rem;
  font-weight: 500;
}

.k2b-ui .k2b-calendar-event__title + .k2b-calendar-event__meta {
  margin-top: .25rem;
}

.k2b-ui .k2b-calendar-event[data-selected="true"] .k2b-calendar-event__title {
  font-weight: 600;
}

.k2b-ui .k2b-calendar-event__meta {
  opacity: .7;
  font-size: .625rem;
}

.k2b-ui .k2b-calendar-event__description {
  display: -webkit-box;
  overflow: hidden;
  color: var(--k2b-text-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: .25rem;
  font-size: .625rem;
  font-weight: 400;
  line-height: 1.35;
}

.k2b-ui .k2b-calendar-preview {
  box-sizing: border-box;
  border: 1px dashed var(--k2b-action);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-action);
  background: var(--k2b-action);
  padding: .25rem .375rem;
  font-size: .625rem;
  font-weight: 600;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-calendar-preview {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-calendar-preview {
      background: color-mix(in srgb, var(--k2b-action) 10%, var(--k2b-surface));
    }
  }
}

.k2b-ui .k2b-calendar-month__events > .k2b-calendar-preview {
  padding-block-start: calc(.25rem - 1px);
  padding-block-end: calc(.25rem - 1px);
  font-size: .6875rem;
  line-height: 1.15;
}

.k2b-ui .k2b-calendar-time-grid {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 40rem;
  min-height: 0;
}

.k2b-ui .k2b-calendar-time-grid__days, .k2b-ui .k2b-calendar-time-grid__all-day, .k2b-ui .k2b-calendar-time-grid__grid, .k2b-ui .k2b-calendar-time-grid__gutter, .k2b-ui .k2b-calendar-time-grid__column {
  display: grid;
}

.k2b-ui .k2b-calendar-time-grid__days {
  border-bottom: 1px solid var(--k2b-border);
  background: var(--k2b-surface);
}

.k2b-ui .k2b-calendar-time-grid__day {
  color: var(--k2b-text);
  text-align: center;
  text-decoration: none;
  padding: .5rem;
  font-size: .6875rem;
  font-weight: 600;
}

.k2b-ui .k2b-calendar-time-grid__day:hover {
  color: var(--k2b-action);
}

.k2b-ui .k2b-calendar-time-grid__day-label[data-today="true"] {
  display: inline-flex;
  color: #fff;
  background: var(--k2b-action-solid);
  border-radius: 999px;
  padding: .125rem .625rem;
}

.k2b-ui .k2b-calendar-time-grid__badge {
  margin-top: .125rem;
}

.k2b-ui .k2b-calendar-time-grid__all-day {
  overflow-y: auto;
  border-bottom: 1px solid var(--k2b-border);
  background: var(--k2b-surface-muted);
  max-height: 7rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-calendar-time-grid__all-day {
    background: var(--k2b-surface-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-calendar-time-grid__all-day {
      background: color-mix(in srgb, var(--k2b-surface-muted) 65%, var(--k2b-surface));
    }
  }
}

.k2b-ui .k2b-calendar-time-grid__all-day-label {
  position: sticky;
  color: var(--k2b-text-muted);
  background: inherit;
  text-align: center;
  padding: .5rem;
  font-size: .6875rem;
  font-weight: 600;
  top: 0;
}

.k2b-ui .k2b-calendar-time-grid__all-day-cell {
  border-right: 1px solid var(--k2b-border);
  min-height: 2.5rem;
  padding: .25rem;
}

.k2b-ui .k2b-calendar-time-grid__all-day-events, .k2b-ui .k2b-calendar-mobile-month__events, .k2b-ui .k2b-calendar-time-grid__overflow-menu {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}

.k2b-ui .k2b-calendar-time-grid__scroll {
  overflow: auto;
  background: var(--k2b-surface);
  flex: 1;
  min-height: 0;
}

.k2b-ui .k2b-calendar-time-grid__grid, .k2b-ui .k2b-calendar-time-grid__column {
  min-height: 100%;
}

.k2b-ui .k2b-calendar-time-grid__gutter, .k2b-ui .k2b-calendar-time-grid__column {
  border-right: 1px solid var(--k2b-border);
}

.k2b-ui .k2b-calendar-time-grid__hour {
  border-bottom: 1px solid var(--k2b-border);
  color: var(--k2b-text-muted);
  text-align: right;
  min-height: 4rem;
  padding: .25rem .5rem 0 0;
  font-size: .6875rem;
}

.k2b-ui .k2b-calendar-time-grid__hour[data-outside-business="true"] {
  background: var(--k2b-surface-muted);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-calendar-time-grid__hour[data-outside-business="true"] {
    background: var(--k2b-surface-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-calendar-time-grid__hour[data-outside-business="true"] {
      background: color-mix(in srgb, var(--k2b-surface-muted) 82%, var(--k2b-surface));
    }
  }
}

.k2b-ui .k2b-calendar-time-grid__column, .k2b-ui .k2b-calendar-time-grid__slot {
  position: relative;
}

.k2b-ui .k2b-calendar-time-grid__slot {
  border-bottom: 1px solid var(--k2b-border);
  min-height: 4rem;
}

.k2b-ui .k2b-calendar-time-grid__now {
  position: absolute;
  z-index: 40;
  border-top: 2px solid var(--k2b-danger-500);
  pointer-events: none;
  left: 0;
  right: 0;
}

.k2b-ui .k2b-calendar-preview--timed {
  position: absolute;
  z-index: 30;
  pointer-events: none;
  left: .25rem;
  right: .25rem;
}

.k2b-ui .k2b-calendar-preview--timed[data-short="true"] {
  padding: 0;
}

.k2b-ui .k2b-calendar-preview--timed[data-short="true"] .k2b-calendar-preview__content {
  position: absolute;
  display: flex;
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface);
  white-space: nowrap;
  align-items: baseline;
  gap: .375rem;
  max-width: 100%;
  padding: .125rem .25rem;
  bottom: calc(100% + .25rem);
  left: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-calendar-preview--timed[data-short="true"] .k2b-calendar-preview__content {
    background: var(--k2b-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-calendar-preview--timed[data-short="true"] .k2b-calendar-preview__content {
      background: color-mix(in srgb, var(--k2b-surface) 92%, transparent);
    }
  }
}

.k2b-ui .k2b-calendar-preview__title {
  overflow: hidden;
  color: var(--k2b-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .25rem .5rem 0;
  font-size: .6875rem;
  font-weight: 600;
}

.k2b-ui .k2b-calendar-preview__label {
  padding: .125rem .5rem .25rem;
  font-size: .625rem;
  font-weight: 600;
}

.k2b-ui .k2b-calendar-preview--timed[data-short="true"] :-webkit-any(.k2b-calendar-preview__title, .k2b-calendar-preview__label) {
  min-width: 0;
  padding: 0;
}

.k2b-ui .k2b-calendar-preview--timed[data-short="true"] :-moz-any(.k2b-calendar-preview__title, .k2b-calendar-preview__label) {
  min-width: 0;
  padding: 0;
}

.k2b-ui .k2b-calendar-preview--timed[data-short="true"] :is(.k2b-calendar-preview__title, .k2b-calendar-preview__label) {
  min-width: 0;
  padding: 0;
}

.k2b-ui .k2b-calendar-preview--timed[data-short="true"] .k2b-calendar-preview__title {
  flex: 1;
}

.k2b-ui .k2b-calendar-preview--timed[data-short="true"] .k2b-calendar-preview__label {
  flex: none;
}

.k2b-ui .k2b-calendar-time-grid__event-position {
  position: absolute;
}

.k2b-ui .k2b-calendar-time-grid__event-frame {
  position: relative;
  height: 100%;
}

.k2b-ui .k2b-calendar-time-grid__resize {
  position: absolute;
  z-index: 20;
  display: flex;
  color: var(--k2b-text-muted);
  cursor: ns-resize;
  opacity: 0;
  background: none;
  border: 0;
  justify-content: center;
  align-items:  center;
  width: 2.5rem;
  height: 1.5rem;
  transition: opacity .15s;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.k2b-ui .k2b-calendar-time-grid__event-frame:hover .k2b-calendar-time-grid__resize {
  opacity: .65;
}

.k2b-ui .k2b-calendar-time-grid__resize:-webkit-any(:hover, :focus-visible) {
  color: var(--k2b-action);
  opacity: 1;
}

.k2b-ui .k2b-calendar-time-grid__resize:-moz-any(:hover, :focus-visible) {
  color: var(--k2b-action);
  opacity: 1;
}

.k2b-ui .k2b-calendar-time-grid__resize:is(:hover, :focus-visible) {
  color: var(--k2b-action);
  opacity: 1;
}

.k2b-ui .k2b-calendar-time-grid__resize-icon {
  display: block;
  pointer-events: none;
  background: currentColor;
  border-radius: 999px;
  width: 1rem;
  height: .125rem;
  font-size: 0;
}

.k2b-ui .k2b-calendar-time-grid__overflow {
  position: absolute;
  z-index: 50;
  display: flex;
  border: 1px solid var(--k2b-action);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-action);
  background: var(--k2b-action);
  cursor: pointer;
  justify-content: center;
  align-items:  center;
  width: 1.75rem;
  min-height: 2.25rem;
  font-size: .625rem;
  font-weight: 900;
  right: .25rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-calendar-time-grid__overflow {
    border: 1px solid var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-calendar-time-grid__overflow {
      border: 1px solid color-mix(in srgb, var(--k2b-action) 35%, transparent);
    }
  }
}

.k2b-ui .k2b-calendar-time-grid__overflow:hover {
  background: var(--k2b-action);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-calendar-time-grid__overflow:hover {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-calendar-time-grid__overflow:hover {
      background: color-mix(in srgb, var(--k2b-action) 15%, var(--k2b-surface));
    }
  }
}

.k2b-ui .k2b-calendar-time-grid__overflow-count {
  writing-mode: vertical-rl;
}

.k2b-ui .k2b-calendar-time-grid__overflow-menu {
  position: absolute;
  z-index: 70;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-float);
  width: 14rem;
  padding: .5rem;
  right: 2.25rem;
}

.k2b-ui .k2b-calendar-time-grid__overflow-title {
  color: var(--k2b-text-muted);
  padding: 0 .25rem .25rem;
  font-size: .625rem;
  font-weight: 600;
}

.k2b-ui .k2b-calendar-year {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
}

.k2b-ui .k2b-calendar-year__month, .k2b-ui .k2b-calendar-mobile-month__agenda {
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface-muted);
  padding: .75rem;
}

.k2b-ui .k2b-calendar-year__month {
  border-radius: 0;
}

.k2b-ui .k2b-calendar-year__title {
  color: var(--k2b-text);
  margin-bottom: .5rem;
  font-size: .75rem;
  font-weight: 600;
}

.k2b-ui .k2b-calendar-year__grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  text-align: center;
  gap: .25rem;
  font-size: .625rem;
}

.k2b-ui .k2b-calendar-year__day {
  position: relative;
  display: flex;
  aspect-ratio: 1;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text);
  text-decoration: none;
  justify-content: center;
  align-items:  center;
}

.k2b-ui .k2b-calendar-year__day:not(:-webkit-any([data-today="true"], [data-outside="true"])):hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-calendar-year__day:not(:-moz-any([data-today="true"], [data-outside="true"])):hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-calendar-year__day:not(:-webkit-any([data-today="true"], [data-outside="true"])):hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-calendar-year__day:not(:-moz-any([data-today="true"], [data-outside="true"])):hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-calendar-year__day:not(:is([data-today="true"], [data-outside="true"])):hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-calendar-year__day[data-outside="true"] {
  color: var(--k2b-text-muted);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-calendar-year__day[data-outside="true"] {
    color: var(--k2b-text-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-calendar-year__day[data-outside="true"] {
      color: color-mix(in srgb, var(--k2b-text-muted) 48%, transparent);
    }
  }
}

.k2b-ui .k2b-calendar-year__day[data-today="true"] {
  color: #fff;
  background: var(--k2b-action-solid);
}

.k2b-ui .k2b-calendar-year__indicator {
  position: absolute;
  bottom: .25rem;
  left: 50%;
  transform: translate(-50%);
}

.k2b-ui .k2b-calendar-year__indicator[data-today="true"] {
  background: #fff;
}

.k2b-ui .k2b-calendar-mobile-month {
  max-width: 28rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding: .75rem;
}

.k2b-ui .k2b-calendar-mobile-month__agenda {
  margin-top: 1rem;
}

.k2b-ui .k2b-calendar-mobile-month__title {
  color: var(--k2b-text);
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 600;
}

.k2b-ui .k2b-calendar-mobile-month__empty {
  color: var(--k2b-text-muted);
  text-align: center;
  padding-block-start: 1.5rem;
  padding-block-end: 1.5rem;
  font-size: .75rem;
}

.k2b-ui .k2b-content-calendar a:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-content-calendar button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-content-calendar [data-calendar-event]:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui {
  --k2b-code-comment: #71717a;
  --k2b-code-string: #1e3a8a;
  --k2b-code-number: #1d4ed8;
  --k2b-code-keyword: #b91c1c;
  --k2b-code-punctuation: #166534;
  --k2b-code-function: #7e22ce;
  --k2b-code-tag: #047857;
  --k2b-code-formula: #b45309;
  --k2b-doc-code-surface: #f6f8fa;
  --k2b-doc-code-border: #d0d7de8c;
  --k2b-doc-code-text: #24292f;
}

.k2b-ui[data-theme="dark"], .k2b-ui.k2b-dark, .dark .k2b-ui {
  --k2b-code-comment: #a1a1aa;
  --k2b-code-string: #bfdbfe;
  --k2b-code-number: #93c5fd;
  --k2b-code-keyword: #f87171;
  --k2b-code-punctuation: #86efac;
  --k2b-code-function: #d8b4fe;
  --k2b-code-tag: #6ee7b7;
  --k2b-code-formula: #fcd34d;
  --k2b-doc-code-surface: #0d1117;
  --k2b-doc-code-border: #30363db3;
  --k2b-doc-code-text: #e6edf3;
}

.k2b-ui .cd-c {
  color: var(--k2b-code-comment);
  font-style: italic;
}

.k2b-ui .cd-s {
  color: var(--k2b-code-string);
}

.k2b-ui .cd-n, .k2b-ui .cd-a, .k2b-ui .cd-md-syntax, .k2b-ui .cd-md-checkbox, .k2b-ui .cd-md-ref, .k2b-ui .cd-md-link {
  color: var(--k2b-code-number);
}

.k2b-ui .cd-k {
  color: var(--k2b-code-keyword);
}

.k2b-ui .cd-p {
  color: var(--k2b-code-punctuation);
}

.k2b-ui .cd-f, .k2b-ui .cd-md-directive, .k2b-ui .cd-md-code {
  color: var(--k2b-code-function);
}

.k2b-ui .cd-md-tag {
  color: var(--k2b-code-tag);
}

.k2b-ui .cd-md-formula {
  color: var(--k2b-code-formula);
}

.k2b-ui .k2b-content-code-display {
  margin-block: calc(var(--spacing, .25rem) * 3);
  overflow: hidden;
  border-radius: var(--radius-lg, .5rem);
  background: var(--k2b-surface-muted);
  box-shadow: inset 0 0 0 1px var(--k2b-border);
}

.k2b-ui .k2b-content-code-display__header {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 3);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
}

.k2b-ui .k2b-content-code-display__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--k2b-text-secondary);
  min-width: 0;
  margin: 0;
}

.k2b-ui .k2b-content-code-display__body, .k2b-ui .k2b-content-doc-code__body {
  overflow-x: auto;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-family: var(--k2b-font-mono);
}

.k2b-ui .k2b-content-code-display__body {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  line-height: 1.25rem;
}

.k2b-ui :-webkit-any(.k2b-content-code-display__body, .k2b-content-doc-code__body)[data-header="true"] {
  padding-top: calc(var(--spacing, .25rem) * 0);
  padding-bottom: calc(var(--spacing, .25rem) * 2);
}

.k2b-ui :-moz-any(.k2b-content-code-display__body, .k2b-content-doc-code__body)[data-header="true"] {
  padding-top: calc(var(--spacing, .25rem) * 0);
  padding-bottom: calc(var(--spacing, .25rem) * 2);
}

.k2b-ui :is(.k2b-content-code-display__body, .k2b-content-doc-code__body)[data-header="true"] {
  padding-top: calc(var(--spacing, .25rem) * 0);
  padding-bottom: calc(var(--spacing, .25rem) * 2);
}

.k2b-ui .k2b-content-code-display__lines, .k2b-ui .k2b-content-doc-code__lines {
  min-width: max-content;
}

.k2b-ui .k2b-content-code-display__line, .k2b-ui .k2b-content-doc-code__line {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.k2b-ui :-webkit-any(.k2b-content-code-display__line, .k2b-content-doc-code__line)[data-numbered="true"] {
  grid-template-columns: 2rem minmax(0, 1fr);
}

.k2b-ui :-moz-any(.k2b-content-code-display__line, .k2b-content-doc-code__line)[data-numbered="true"] {
  grid-template-columns: 2rem minmax(0, 1fr);
}

.k2b-ui :is(.k2b-content-code-display__line, .k2b-content-doc-code__line)[data-numbered="true"] {
  grid-template-columns: 2rem minmax(0, 1fr);
}

.k2b-ui .k2b-content-code-display__number, .k2b-ui .k2b-content-doc-code__number {
  padding-right: calc(var(--spacing, .25rem) * 3);
  text-align: right;
  --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, );
  -webkit-user-select: none;
  user-select: none;
  color: var(--k2b-text-muted);
}

.k2b-ui :-webkit-any(.k2b-content-code-display__line, .k2b-content-doc-code__line) code {
  padding-right: calc(var(--spacing, .25rem) * 4);
  white-space: pre;
  font-family: var(--k2b-font-mono);
}

.k2b-ui :-moz-any(.k2b-content-code-display__line, .k2b-content-doc-code__line) code {
  padding-right: calc(var(--spacing, .25rem) * 4);
  white-space: pre;
  font-family: var(--k2b-font-mono);
}

.k2b-ui :is(.k2b-content-code-display__line, .k2b-content-doc-code__line) code {
  padding-right: calc(var(--spacing, .25rem) * 4);
  white-space: pre;
  font-family: var(--k2b-font-mono);
}

.k2b-ui .k2b-content-code-display__line code {
  color: var(--k2b-text);
}

.k2b-ui .k2b-content-doc-code {
  overflow: hidden;
  border-radius: var(--radius-md, .375rem);
  border: 1px solid var(--k2b-doc-code-border);
  color: var(--k2b-doc-code-text);
  background: var(--k2b-doc-code-surface);
}

.k2b-ui .k2b-content-doc-code__header {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 3);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-top: calc(var(--spacing, .25rem) * 2);
}

.k2b-ui .k2b-content-doc-code__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-leading: calc(var(--spacing, .25rem) * 6);
  font-size: 10px;
  line-height: calc(var(--spacing, .25rem) * 6);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--k2b-text-muted);
  min-width: 0;
  margin: 0;
}

.k2b-ui .k2b-content-doc-code__body {
  --tw-leading: var(--leading-relaxed, 1.625);
  font-size: 11px;
  line-height: var(--leading-relaxed, 1.625);
}

.k2b-ui .k2b-content-docs {
  max-width: var(--container-3xl, 48rem);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--k2b-text-muted);
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.k2b-ui .k2b-content-docs > * + * {
  margin-top: calc(var(--spacing, .25rem) * 6);
}

.k2b-ui .k2b-content-doc-section > * + * {
  margin-top: calc(var(--spacing, .25rem) * 3);
}

.k2b-ui .k2b-content-doc-eyebrow {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-size: 11px;
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: var(--tracking-wide, .025em);
  letter-spacing: var(--tracking-wide, .025em);
  text-transform: uppercase;
  color: var(--k2b-action);
  margin: 0;
}

.k2b-ui .k2b-content-doc-title {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--k2b-text);
  margin: 0;
}

.k2b-ui .k2b-content-doc-lead {
  padding-left: calc(var(--spacing, .25rem) * 4);
  --tw-leading: calc(var(--spacing, .25rem) * 7);
  font-size: 15px;
  line-height: calc(var(--spacing, .25rem) * 7);
  border-left: 4px solid var(--k2b-action);
  color: var(--k2b-text-secondary);
  margin: 0;
}

.k2b-ui .k2b-content-doc-inline-code {
  padding-inline: calc(var(--spacing, .25rem) * 1);
  color: var(--k2b-text);
  background: var(--k2b-surface-muted);
  font-size: 11px;
  font-family: var(--k2b-font-mono);
  border-radius: .25rem;
  padding-block-start: 1px;
  padding-block-end: 1px;
}

.k2b-ui .k2b-content-doc-concepts {
  display: grid;
  gap: calc(var(--spacing, .25rem) * 3);
}

@media (min-width: 48rem) {
  .k2b-ui .k2b-content-doc-concepts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.k2b-ui .k2b-content-doc-rows {
  display: grid;
  gap: calc(var(--spacing, .25rem) * 2);
}

.k2b-ui .k2b-content-doc-concept {
  display: grid;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 3);
  grid-template-columns: 1.75rem minmax(0, 1fr);
  background: var(--k2b-surface-muted);
  box-shadow: inset 0 0 0 1px var(--k2b-border);
}

.k2b-ui .k2b-content-doc-row {
  display: grid;
  gap: calc(var(--spacing, .25rem) * 3);
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 3);
  background: var(--k2b-surface-muted);
}

@media (min-width: 48rem) {
  .k2b-ui .k2b-content-doc-row {
    grid-template-columns: 2rem 10rem minmax(0, 1fr);
  }
}

.k2b-ui .k2b-content-doc-icon {
  margin-top: calc(var(--spacing, .25rem) * .5);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  color: var(--k2b-action);
}

.k2b-ui .k2b-content-doc-item-title {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--k2b-text);
  margin: 0;
}

.k2b-ui .k2b-content-doc-item-text {
  margin-top: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--k2b-text-muted);
  margin-bottom: 0;
}

.k2b-ui .k2b-content-doc-row .k2b-content-doc-item-text {
  margin-top: calc(var(--spacing, .25rem) * 0);
}

.k2b-ui .k2b-content-doc-note {
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  background: var(--k2b-info-surface);
  color: var(--k2b-info-text);
  box-shadow: inset 0 0 0 1px var(--k2b-info-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-content-doc-note {
    box-shadow: inset 0 0 0 1px var(--k2b-info-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-content-doc-note {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--k2b-info-text) 18%, transparent);
    }
  }
}

.k2b-ui .k2b-content-doc-note[data-variant="tip"] {
  background: var(--k2b-success-surface);
  color: var(--k2b-success-text);
  box-shadow: inset 0 0 0 1px var(--k2b-success-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-content-doc-note[data-variant="tip"] {
    box-shadow: inset 0 0 0 1px var(--k2b-success-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-content-doc-note[data-variant="tip"] {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--k2b-success-text) 18%, transparent);
    }
  }
}

.k2b-ui .k2b-content-doc-note[data-variant="warning"] {
  background: var(--k2b-warning-surface);
  color: var(--k2b-warning-text);
  box-shadow: inset 0 0 0 1px var(--k2b-warning-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-content-doc-note[data-variant="warning"] {
    box-shadow: inset 0 0 0 1px var(--k2b-warning-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-content-doc-note[data-variant="warning"] {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--k2b-warning-text) 18%, transparent);
    }
  }
}

.k2b-ui .k2b-content-doc-note__title {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  margin: 0;
}

.k2b-ui .k2b-content-doc-note__body {
  margin-top: calc(var(--spacing, .25rem) * 1);
}

.k2b-ui .k2b-content-file-browser {
  display: grid;
  min-height: calc(var(--spacing, .25rem) * 0);
  gap: calc(var(--spacing, .25rem) * 3);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(8rem, 35%) minmax(0, 1fr);
}

.k2b-ui .k2b-content-file-browser[data-default-height="true"] {
  height: min(60vh, 34rem);
}

@media (min-width: 40rem) {
  .k2b-ui .k2b-content-file-browser {
    grid-template-columns: minmax(11rem, 15rem) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }
}

.k2b-ui .k2b-content-file-browser > * {
  min-width: 0;
  min-height: 0;
}

.k2b-ui .k2b-content-file-browser__sidebar {
  display: flex;
  min-height: calc(var(--spacing, .25rem) * 0);
  min-width: calc(var(--spacing, .25rem) * 0);
  gap: calc(var(--spacing, .25rem) * 1);
  flex-direction: column;
}

.k2b-ui .k2b-content-file-browser__header {
  display: flex;
  padding-left: calc(var(--spacing, .25rem) * 1.5);
  justify-content: space-between;
  align-items:  center;
}

.k2b-ui .k2b-content-file-browser__title {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-size: 10px;
  font-weight: var(--font-weight-medium, 500);
  --tw-tracking: var(--tracking-wide, .025em);
  letter-spacing: var(--tracking-wide, .025em);
  text-transform: uppercase;
  color: var(--k2b-text-muted);
  margin: 0;
}

.k2b-ui .k2b-content-file-browser__add {
  display: inline-flex;
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  border-radius: var(--radius-md, .375rem);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  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, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  color: var(--k2b-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items:  center;
}

.k2b-ui .k2b-content-file-browser__add:hover {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-content-file-browser__tree {
  min-height: calc(var(--spacing, .25rem) * 0);
  overflow-y: auto;
  flex: 1;
}

.k2b-ui .k2b-content-file-browser__upload {
  display: none;
}

.k2b-ui .k2b-content-file-tree {
  display: flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  gap: calc(var(--spacing, .25rem) * .5);
  list-style: none;
  outline: none;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.k2b-ui .k2b-content-file-tree__context-host {
  display: contents;
}

.k2b-ui .k2b-content-file-tree[data-drop-root="true"] {
  border-radius: var(--radius-md, .375rem);
  background: var(--k2b-surface-muted);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-content-file-tree[data-drop-root="true"] {
    background: var(--k2b-surface-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-content-file-tree[data-drop-root="true"] {
      background: color-mix(in srgb, var(--k2b-surface-muted) 45%, transparent);
    }
  }
}

.k2b-ui .k2b-content-file-tree__item, .k2b-ui .k2b-content-file-tree [role="treeitem"] {
  color: var(--k2b-text-secondary);
  min-width: 0;
}

.k2b-ui .k2b-content-file-tree__row {
  display: flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  border-radius: var(--radius-md, .375rem);
  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, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  align-items:  center;
}

.k2b-ui .k2b-content-file-tree__row:hover {
  background: var(--k2b-surface-muted);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-content-file-tree__row:hover {
    background: var(--k2b-surface-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-content-file-tree__row:hover {
      background: color-mix(in srgb, var(--k2b-surface-muted) 72%, transparent);
    }
  }
}

.k2b-ui .k2b-content-file-tree__row[data-state="selected"] {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--k2b-text);
  background: var(--k2b-selected);
  box-shadow: none;
}

.k2b-ui .k2b-content-file-tree__row[data-state="drop-target"] {
  background: var(--k2b-action);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-content-file-tree__row[data-state="drop-target"] {
    background: var(--k2b-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-content-file-tree__row[data-state="drop-target"] {
      background: color-mix(in srgb, var(--k2b-action) 8%, var(--k2b-surface));
    }
  }
}

.k2b-ui .k2b-content-file-tree__select {
  display: flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 1.5);
  padding-inline: calc(var(--spacing, .25rem) * 1.5);
  padding-block: calc(var(--spacing, .25rem) * 1);
  text-align: left;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: inherit;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  font-size: .75rem;
}

.k2b-ui .k2b-content-file-tree:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-content-file-tree__select:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-content-file-tree__actions:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-content-file-view__action:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-content-structured-data__action:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui :-webkit-any(.k2b-content-lightbox__button, .k2b-content-lightbox__nav, .k2b-content-lightbox__dot):focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui :-moz-any(.k2b-content-lightbox__button, .k2b-content-lightbox__nav, .k2b-content-lightbox__dot):focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui :is(.k2b-content-lightbox__button, .k2b-content-lightbox__nav, .k2b-content-lightbox__dot):focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--k2b-focus-ring);
}

.k2b-ui .k2b-content-file-tree__icon {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--k2b-text-muted);
  flex-shrink: 0;
}

.k2b-ui .k2b-content-file-tree__name {
  min-width: calc(var(--spacing, .25rem) * 0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.k2b-ui .k2b-content-file-tree__badge {
  padding-inline: calc(var(--spacing, .25rem) * 1);
  color: var(--k2b-text-muted);
  background: var(--k2b-surface-muted);
  border-radius: .25rem;
  flex-shrink: 0;
  font-size: 10px;
  line-height: 1rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-content-file-tree__badge {
    background: var(--k2b-surface-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-content-file-tree__badge {
      background: color-mix(in srgb, var(--k2b-surface-muted) 72%, transparent);
    }
  }
}

.k2b-ui .k2b-content-file-tree__actions {
  margin-right: calc(var(--spacing, .25rem) * .5);
  display: inline-flex;
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  color: var(--k2b-text-muted);
  opacity: 0;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: .25rem;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
}

.k2b-ui .k2b-content-file-tree__actions:hover {
  color: var(--k2b-text);
}

.k2b-ui .k2b-content-file-tree__row:hover .k2b-content-file-tree__actions {
  opacity: 1;
}

.k2b-ui .k2b-content-file-tree__actions:focus-visible {
  opacity: 1;
}

.k2b-ui .k2b-content-file-tree__rename {
  height: calc(var(--spacing, .25rem) * 6);
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 1.5);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  box-sizing: border-box;
  border: 1px solid var(--k2b-border);
  color: var(--k2b-text);
  background: var(--k2b-surface);
  font: inherit;
  width: 100%;
  font-size: .75rem;
}

.k2b-ui .k2b-content-file-tree__rename:focus {
  outline: none;
  border-color: var(--k2b-focus-ring);
}

.k2b-ui .k2b-content-file-view {
  display: flex;
  min-height: calc(var(--spacing, .25rem) * 0);
  min-width: calc(var(--spacing, .25rem) * 0);
  flex-direction: column;
  flex: 1;
}

.k2b-ui .k2b-content-file-view > div {
  min-height: 0;
}

.k2b-ui .k2b-content-file-view__panel {
  position: relative;
  display: flex;
  min-height: calc(var(--spacing, .25rem) * 0);
  min-width: calc(var(--spacing, .25rem) * 0);
  flex-direction: column;
  flex: 1;
}

.k2b-ui .k2b-content-file-view__preview {
  min-height: calc(var(--spacing, .25rem) * 0);
  overflow: auto;
  border-radius: var(--radius-md, .375rem);
  box-sizing: border-box;
  border: 1px solid var(--k2b-border);
  background: var(--k2b-surface);
  flex: 1;
}

.k2b-ui .k2b-content-file-view__preview > .k2b-content-code-display {
  border-radius: inherit;
  box-shadow: none;
  min-height: 100%;
  margin: 0;
}

.k2b-ui .k2b-content-file-view__document {
  padding: calc(var(--spacing, .25rem) * 4);
}

.k2b-ui .k2b-content-file-view__overlay {
  position: absolute;
  top: calc(var(--spacing, .25rem) * 2);
  right: calc(var(--spacing, .25rem) * 2);
  z-index: 10;
  display: flex;
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 1);
}

.k2b-ui .k2b-content-file-view__action {
  display: inline-flex;
  height: calc(var(--spacing, .25rem) * 7);
  width: calc(var(--spacing, .25rem) * 7);
  border-radius: var(--radius-md, .375rem);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  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, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface);
  box-shadow: inset 0 0 0 1px var(--k2b-border);
  backdrop-filter: blur(4px);
  text-decoration: none;
  cursor: pointer;
  border: 0;
  justify-content: center;
  align-items:  center;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-content-file-view__action {
    background: var(--k2b-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-content-file-view__action {
      background: color-mix(in srgb, var(--k2b-surface) 85%, transparent);
    }
  }
}

.k2b-ui .k2b-content-file-view__action:hover {
  color: var(--k2b-text);
}

.k2b-ui .k2b-content-file-view__editor {
  display: flex;
  min-height: calc(var(--spacing, .25rem) * 0);
  min-width: calc(var(--spacing, .25rem) * 0);
  flex-direction: column;
  flex: 1;
}

.k2b-ui .k2b-content-file-view__markdown-field {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.k2b-ui .k2b-content-file-view__code-toolbar {
  border-bottom: 0;
}

.k2b-ui .k2b-content-file-view__code-language {
  padding-inline: calc(var(--spacing, .25rem) * 1);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-size: 10px;
  font-weight: var(--font-weight-medium, 500);
  --tw-tracking: var(--tracking-wide, .025em);
  letter-spacing: var(--tracking-wide, .025em);
  text-transform: uppercase;
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-content-file-view__code-input {
  position: absolute;
  box-sizing: border-box;
  overflow: auto;
  resize: none;
  outline: 0;
  color: var(--k2b-text);
  font-family: var(--k2b-font-mono);
  tab-size: 2;
  background: none;
  border: 0;
  width: 100%;
  height: 100%;
  padding: .625rem .75rem;
  font-size: .75rem;
  line-height: 1.25rem;
  inset: 0;
}

.k2b-ui .k2b-content-file-view__sheet {
  min-width: max-content;
}

.k2b-ui .k2b-content-file-view__table {
  text-align: left;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  border-collapse: collapse;
  width: 100%;
}

.k2b-ui .k2b-content-file-view__table thead {
  position: sticky;
  top: calc(var(--spacing, .25rem) * 0);
  z-index: 1;
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-content-file-view__table th {
  max-width: calc(var(--spacing, .25rem) * 72);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}

.k2b-ui .k2b-content-file-view__table th > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k2b-ui .k2b-content-file-view__table td {
  max-width: calc(var(--spacing, .25rem) * 72);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  vertical-align: top;
  color: var(--k2b-text-secondary);
}

.k2b-ui .k2b-content-file-view__table tbody tr:hover {
  background: var(--k2b-hover);
}

.k2b-ui .k2b-content-file-view__truncated {
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--k2b-text-muted);
  margin: 0;
}

.k2b-ui .k2b-content-file-view__media {
  display: grid;
  padding: calc(var(--spacing, .25rem) * 3);
  place-items:  center;
  height: 100%;
}

.k2b-ui .k2b-content-file-view__media[data-kind="audio"] {
  min-height: calc(var(--spacing, .25rem) * 48);
  padding: calc(var(--spacing, .25rem) * 6);
}

.k2b-ui .k2b-content-file-view__media[data-kind="video"] {
  background: #000;
}

.k2b-ui .k2b-content-file-view__media audio {
  max-width: var(--container-2xl, 42rem);
  width: 100%;
}

.k2b-ui .k2b-content-file-view__pdf {
  min-height: calc(var(--spacing, .25rem) * 0);
  border-radius: var(--radius-md, .375rem);
  flex: 1;
  width: 100%;
}

.k2b-ui .k2b-content-file-view :-webkit-any(img, video) {
  border-radius: var(--radius-md, .375rem);
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.k2b-ui .k2b-content-file-view :-moz-any(img, video) {
  border-radius: var(--radius-md, .375rem);
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.k2b-ui .k2b-content-file-view :is(img, video) {
  border-radius: var(--radius-md, .375rem);
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.k2b-ui .k2b-content-file-view :-webkit-any(audio, iframe) {
  width: 100%;
}

.k2b-ui .k2b-content-file-view :-moz-any(audio, iframe) {
  width: 100%;
}

.k2b-ui .k2b-content-file-view :is(audio, iframe) {
  width: 100%;
}

.k2b-ui .k2b-content-lightbox {
  position: fixed;
  box-sizing: border-box;
  color: #fff;
  background: #000000eb;
  border: 0;
  width: 100dvw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  inset: 0;
}

.k2b-ui .k2b-content-lightbox::backdrop {
  background: none;
}

.k2b-ui .k2b-content-lightbox__bar {
  position: absolute;
  inset-inline: calc(var(--spacing, .25rem) * 0);
  top: calc(var(--spacing, .25rem) * 0);
  z-index: 10;
  display: flex;
  padding: calc(var(--spacing, .25rem) * 4);
  justify-content: space-between;
  align-items:  flex-start;
}

.k2b-ui .k2b-content-lightbox__meta {
  display: flex;
  min-width: calc(var(--spacing, .25rem) * 0);
  gap: calc(var(--spacing, .25rem) * 2);
  flex-direction: column;
}

.k2b-ui .k2b-content-lightbox__counter {
  display: inline-flex;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: #fffc;
  backdrop-filter: blur(8px);
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 3.40282e+38px;
  align-items:  center;
  width: -moz-fit-content;
  width: fit-content;
}

.k2b-ui .k2b-content-lightbox__caption {
  border-radius: var(--radius-2xl, 1rem);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  backdrop-filter: blur(4px);
  background: #0000004d;
  border: 1px solid #ffffff1a;
  max-width: min(70vw, 42rem);
}

.k2b-ui .k2b-content-lightbox__caption-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: #fff;
}

.k2b-ui .k2b-content-lightbox__actions {
  display: flex;
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 2);
}

.k2b-ui .k2b-content-lightbox__button {
  display: inline-flex;
  height: calc(var(--spacing, .25rem) * 11);
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 2);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  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, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 3.40282e+38px;
}

.k2b-ui .k2b-content-lightbox__button:hover {
  background: #ffffff24;
}

.k2b-ui .k2b-content-lightbox__button-label {
  display: none;
}

.k2b-ui .k2b-content-lightbox__stage {
  display: flex;
  padding-inline: calc(var(--spacing, .25rem) * 6);
  padding-top: calc(var(--spacing, .25rem) * 24);
  padding-bottom: calc(var(--spacing, .25rem) * 20);
  box-sizing: border-box;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 100%;
}

.k2b-ui .k2b-content-lightbox__image {
  -webkit-user-select: none;
  user-select: none;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.k2b-ui .k2b-content-lightbox__nav {
  position: absolute;
  z-index: 10;
  display: flex;
  height: calc(var(--spacing, .25rem) * 12);
  width: calc(var(--spacing, .25rem) * 12);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  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, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  color: #fff;
  cursor: pointer;
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 3.40282e+38px;
  justify-content: center;
  align-items:  center;
  top: 50%;
  transform: translateY(-50%);
}

.k2b-ui .k2b-content-lightbox__nav:hover {
  background: #ffffff24;
}

.k2b-ui .k2b-content-lightbox__nav[data-direction="previous"] {
  left: calc(var(--spacing, .25rem) * 4);
}

.k2b-ui .k2b-content-lightbox__nav[data-direction="next"] {
  right: calc(var(--spacing, .25rem) * 4);
}

.k2b-ui .k2b-content-lightbox__dots {
  position: absolute;
  bottom: calc(var(--spacing, .25rem) * 5);
  display: flex;
  gap: calc(var(--spacing, .25rem) * 2);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  backdrop-filter: blur(8px);
  background: #0000004d;
  border: 1px solid #ffffff1a;
  border-radius: 3.40282e+38px;
  left: 50%;
  transform: translate(-50%);
}

.k2b-ui .k2b-content-lightbox__dot {
  height: calc(var(--spacing, .25rem) * 2.5);
  width: calc(var(--spacing, .25rem) * 2.5);
  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, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  cursor: pointer;
  background: #fff6;
  border: 0;
  border-radius: 3.40282e+38px;
  padding: 0;
}

.k2b-ui .k2b-content-lightbox__dot:hover {
  background: #fff9;
}

.k2b-ui .k2b-content-lightbox__dot[aria-current="true"] {
  background: #fff;
}

@media (min-width: 40rem) {
  .k2b-ui .k2b-content-lightbox__bar {
    padding: calc(var(--spacing, .25rem) * 6);
  }

  .k2b-ui .k2b-content-lightbox__button-label {
    display: inline;
  }

  .k2b-ui .k2b-content-lightbox__stage {
    padding-inline: calc(var(--spacing, .25rem) * 12);
    padding-top: calc(var(--spacing, .25rem) * 28);
    padding-bottom: calc(var(--spacing, .25rem) * 24);
  }

  .k2b-ui .k2b-content-lightbox__nav[data-direction="previous"] {
    left: calc(var(--spacing, .25rem) * 6);
  }

  .k2b-ui .k2b-content-lightbox__nav[data-direction="next"] {
    right: calc(var(--spacing, .25rem) * 6);
  }
}

.k2b-ui .k2b-content-markdown {
  color: var(--k2b-text-secondary);
  white-space: normal;
  max-width: none;
  font-size: .875rem;
  line-height: 1.7;
}

.k2b-ui .k2b-content-markdown :-webkit-any(h1, h2, h3, h4, h5, h6) {
  color: var(--k2b-text);
  margin: 1rem 0 .5em;
  font-weight: 600;
  line-height: 1.25;
}

.k2b-ui .k2b-content-markdown :-moz-any(h1, h2, h3, h4, h5, h6) {
  color: var(--k2b-text);
  margin: 1rem 0 .5em;
  font-weight: 600;
  line-height: 1.25;
}

.k2b-ui .k2b-content-markdown :is(h1, h2, h3, h4, h5, h6) {
  color: var(--k2b-text);
  margin: 1rem 0 .5em;
  font-weight: 600;
  line-height: 1.25;
}

.k2b-ui .k2b-content-markdown h1 {
  font-size: 1.71429em;
}

.k2b-ui .k2b-content-markdown h2 {
  font-size: 1.42857em;
}

.k2b-ui .k2b-content-markdown h3 {
  font-size: 1.28571em;
}

.k2b-ui .k2b-content-markdown :-webkit-any(h4, h5, h6) {
  font-size: 1em;
}

.k2b-ui .k2b-content-markdown :-moz-any(h4, h5, h6) {
  font-size: 1em;
}

.k2b-ui .k2b-content-markdown :is(h4, h5, h6) {
  font-size: 1em;
}

.k2b-ui .k2b-content-markdown[data-heading-scale="compact"] :-webkit-any(h1, h2, h3, h4, h5, h6) {
  margin: .75rem 0 .4em;
}

.k2b-ui .k2b-content-markdown[data-heading-scale="compact"] :-moz-any(h1, h2, h3, h4, h5, h6) {
  margin: .75rem 0 .4em;
}

.k2b-ui .k2b-content-markdown[data-heading-scale="compact"] :is(h1, h2, h3, h4, h5, h6) {
  margin: .75rem 0 .4em;
}

.k2b-ui .k2b-content-markdown[data-heading-scale="compact"] h1 {
  font-size: 1.14286em;
}

.k2b-ui .k2b-content-markdown[data-heading-scale="compact"] h2 {
  font-size: 1.07143em;
}

.k2b-ui .k2b-content-markdown[data-heading-scale="compact"] :-webkit-any(h3, h4, h5, h6) {
  font-size: 1em;
}

.k2b-ui .k2b-content-markdown[data-heading-scale="compact"] :-moz-any(h3, h4, h5, h6) {
  font-size: 1em;
}

.k2b-ui .k2b-content-markdown[data-heading-scale="compact"] :is(h3, h4, h5, h6) {
  font-size: 1em;
}

.k2b-ui .k2b-content-markdown[data-heading-scale="large"] h1 {
  font-size: 2.28571em;
}

.k2b-ui .k2b-content-markdown[data-heading-scale="large"] h2 {
  font-size: 1.71429em;
}

.k2b-ui .k2b-content-markdown[data-heading-scale="large"] h3 {
  font-size: 1.42857em;
}

.k2b-ui .k2b-content-markdown[data-heading-scale="large"] h4 {
  font-size: 1.14286em;
}

.k2b-ui :where(.k2b-content-markdown) :where(p, ul, ol, dl, table, pre, blockquote) {
  margin-block-start: 1.14286em;
  margin-block-end: 1.14286em;
}

.k2b-ui :where(.k2b-content-markdown[data-heading-scale="compact"]) :where(p) {
  margin-block-start: .5em;
  margin-block-end: .5em;
}

.k2b-ui .k2b-content-markdown > :first-child {
  margin-block-start: 0;
}

.k2b-ui .k2b-content-markdown > :last-child {
  margin-block-end: 0;
}

.k2b-ui .k2b-content-markdown :-webkit-any(ul, ol) {
  padding-left: 1.57143em;
}

.k2b-ui .k2b-content-markdown :-moz-any(ul, ol) {
  padding-left: 1.57143em;
}

.k2b-ui .k2b-content-markdown :is(ul, ol) {
  padding-left: 1.57143em;
}

.k2b-ui .k2b-content-markdown ul {
  list-style: disc;
}

.k2b-ui .k2b-content-markdown ol {
  list-style: decimal;
}

.k2b-ui .k2b-content-markdown li {
  margin-block-start: .285714em;
  margin-block-end: .285714em;
}

.k2b-ui .k2b-content-markdown :is(li > ul, li > ol) {
  margin-block-start: .285714em;
  margin-block-end: .285714em;
}

.k2b-ui .k2b-content-markdown hr {
  border: 0;
  border-top: 1px solid var(--k2b-border);
  margin-block-start: 2.28571em;
  margin-block-end: 2.28571em;
}

.k2b-ui .k2b-content-markdown :-webkit-any(a, code) {
  color: var(--k2b-action);
}

.k2b-ui .k2b-content-markdown :-moz-any(a, code) {
  color: var(--k2b-action);
}

.k2b-ui .k2b-content-markdown :is(a, code) {
  color: var(--k2b-action);
}

.k2b-ui .k2b-content-markdown code {
  font-family: var(--k2b-font-mono);
  font-size: .857143em;
}

.k2b-ui .k2b-content-markdown__inline-token {
  display: inline-block;
  background: var(--k2b-success-text);
  color: var(--k2b-success-text);
  font-family: var(--k2b-font-mono);
  border-radius: .3em;
  padding-inline-start: .3em;
  padding-inline-end: .3em;
  font-size: .82em;
  font-weight: 600;
  line-height: 1.45;
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-content-markdown__inline-token {
    background: var(--k2b-success-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-content-markdown__inline-token {
      background: color-mix(in srgb, var(--k2b-success-text) 12%, transparent);
    }
  }
}

.k2b-ui .k2b-content-markdown pre code {
  color: inherit;
  font-size: inherit;
}

.k2b-ui .k2b-content-markdown :-webkit-any(pre, blockquote) {
  overflow-x: auto;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface-muted);
  padding: .75rem 1rem;
}

.k2b-ui .k2b-content-markdown :-moz-any(pre, blockquote) {
  overflow-x: auto;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface-muted);
  padding: .75rem 1rem;
}

.k2b-ui .k2b-content-markdown :is(pre, blockquote) {
  overflow-x: auto;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface-muted);
  padding: .75rem 1rem;
}

.k2b-ui .k2b-content-markdown :-webkit-any(img, video) {
  max-width: 100%;
}

.k2b-ui .k2b-content-markdown :-moz-any(img, video) {
  max-width: 100%;
}

.k2b-ui .k2b-content-markdown :is(img, video) {
  max-width: 100%;
}

.k2b-ui .k2b-content-markdown__table {
  overflow-x: auto;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  max-width: 100%;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.k2b-ui .k2b-content-markdown__table:focus-visible {
  outline: 2px solid var(--k2b-focus-ring);
  outline-offset: 2px;
}

.k2b-ui .k2b-content-markdown table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.k2b-ui .k2b-content-markdown .k2b-content-markdown__table > table {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.k2b-ui .k2b-content-markdown :-webkit-any(th, td) {
  border: 0;
  padding: .625rem .875rem;
}

.k2b-ui .k2b-content-markdown :-moz-any(th, td) {
  border: 0;
  padding: .625rem .875rem;
}

.k2b-ui .k2b-content-markdown :is(th, td) {
  border: 0;
  padding: .625rem .875rem;
}

.k2b-ui .k2b-content-markdown thead {
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-content-markdown thead th {
  border-bottom: 1px solid var(--k2b-border);
}

.k2b-ui .k2b-content-markdown tbody tr + tr > td {
  border-top: 1px solid var(--k2b-border);
}

.k2b-ui .k2b-content-markdown tbody tr:nth-child(2n) {
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-content-pdf-preview {
  display: flex;
  min-height: calc(var(--spacing, .25rem) * 0);
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface);
  flex-direction: column;
}

.k2b-ui .k2b-content-pdf-preview__toolbar {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 2);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  border-bottom: 1px solid var(--k2b-border);
}

.k2b-ui .k2b-content-pdf-preview__heading {
  min-width: calc(var(--spacing, .25rem) * 0);
}

.k2b-ui .k2b-content-pdf-preview__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--k2b-text);
  margin: 0;
}

.k2b-ui .k2b-content-pdf-preview__actions {
  display: flex;
  align-items:  center;
  gap: calc(var(--spacing, .25rem) * 2);
  flex-wrap: wrap;
  flex-shrink: 0;
}

.k2b-ui .k2b-content-pdf-preview__empty {
  display: flex;
  min-height: calc(var(--spacing, .25rem) * 0);
  padding: calc(var(--spacing, .25rem) * 6);
  text-align: center;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--k2b-text-muted);
  flex: 1;
  justify-content: center;
  align-items:  center;
}

.k2b-ui .k2b-content-pdf-preview__error {
  margin: calc(var(--spacing, .25rem) * 4);
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2);
  text-align: left;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  border: 1px solid var(--k2b-danger-500);
  color: var(--k2b-danger-text);
  background: var(--k2b-danger-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  .k2b-ui .k2b-content-pdf-preview__error {
    border: 1px solid var(--k2b-danger-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .k2b-ui .k2b-content-pdf-preview__error {
      border: 1px solid color-mix(in srgb, var(--k2b-danger-500) 35%, transparent);
    }
  }
}

.k2b-ui .k2b-content-pdf-preview__frame {
  min-height: calc(var(--spacing, .25rem) * 0);
  background: #fff;
  border: 0;
  flex: 1;
  width: 100%;
}

.k2b-ui .k2b-content-structured-data {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.k2b-ui .k2b-content-structured-data__action {
  display: inline-flex;
  border-radius: calc(var(--k2b-radius-control)  - .125rem);
  color: var(--k2b-text-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items:  center;
  gap: .25rem;
  min-height: 1.5rem;
  padding: .125rem .375rem;
  font-size: .6875rem;
}

.k2b-ui .k2b-content-structured-data__action:hover {
  color: var(--k2b-text-secondary);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-content-structured-data__title {
  color: var(--k2b-text-secondary);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin: 0;
  font-size: .6875rem;
  font-weight: 600;
}

.k2b-ui .k2b-content-structured-data__surface {
  position: relative;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  background: var(--k2b-surface-muted);
  padding: .5rem .75rem;
}

.k2b-ui .k2b-content-structured-data__surface pre {
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--k2b-font-mono);
  max-height: 18rem;
  padding-right: 4rem;
  font-size: .6875rem;
  line-height: 1.5;
}

.k2b-ui .k2b-content-structured-data__rows {
  display: grid;
  grid-template-columns: minmax(7rem, auto) minmax(0, 1fr);
  gap: .375rem 1rem;
  font-size: .75rem;
}

.k2b-ui .k2b-content-structured-data__copy {
  position: absolute;
  top: .5rem;
  right: .5rem;
}

.k2b-ui .k2b-content-structured-data__key, .k2b-ui .k2b-content-structured-data__value {
  min-width: 0;
}

.k2b-ui .k2b-content-structured-data__key {
  overflow: hidden;
  color: var(--k2b-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.k2b-ui .k2b-content-structured-data__value {
  overflow-wrap: anywhere;
  color: var(--k2b-text-secondary);
}

.k2b-ui .k2b-content-structured-data__value[data-complex="true"] {
  font-family: var(--k2b-font-mono);
  font-size: .6875rem;
}

.k2b-ui .k2b-content-structured-data__empty, .k2b-ui .k2b-content-structured-data__hidden {
  color: var(--k2b-text-muted);
  margin: 0;
  font-size: .6875rem;
}

.k2b-ui .k2b-content-structured-data__hidden {
  margin-top: .5rem;
}

.k2b-ui .k2b-content-structured-data__footer {
  display: flex;
  align-items:  center;
}

@media (min-width: 40rem) {
  .k2b-ui .k2b-calendar-header__actions {
    width: auto;
  }

  .k2b-ui .k2b-calendar-header__title {
    min-width: 9rem;
    font-size: 1rem;
  }

  .k2b-ui .k2b-content-file-browser {
    grid-template-columns: minmax(11rem, 15rem) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .k2b-ui .k2b-content-doc-concepts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .k2b-ui .k2b-content-doc-rows > article {
    grid-template-columns: 2rem 10rem minmax(0, 1fr);
  }

  .k2b-ui .k2b-content-lightbox > div:first-child {
    padding: 1.5rem;
  }

  .k2b-ui .k2b-content-lightbox > div:nth-of-type(2) {
    padding: 7rem 3rem 6rem;
  }
}

@media (max-width: 39.999rem) {
  .k2b-ui .k2b-content-calendar .k2b-segmented-control__option {
    padding-inline-start: .375rem;
    padding-inline-end: .375rem;
  }

  .k2b-ui .k2b-content-lightbox :-webkit-any(a, button) span {
    display: none;
  }

  .k2b-ui .k2b-content-lightbox :-moz-any(a, button) span {
    display: none;
  }

  .k2b-ui .k2b-content-lightbox :is(a, button) span {
    display: none;
  }
}

@media (min-width: 48rem) {
  .k2b-ui .k2b-calendar-month__events {
    display: flex;
  }

  .k2b-ui .k2b-calendar-month__dots {
    display: none;
  }

  .k2b-ui .k2b-calendar-month__badge, .k2b-ui .k2b-calendar-time-grid__badge {
    display: inline-flex;
  }

  .k2b-ui .k2b-calendar-year {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .k2b-ui .k2b-calendar-year__month {
    border-radius: var(--k2b-radius-surface);
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(-n+3):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(-n+3):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(-n+3):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(-n+3):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(-n+3):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(-n+3):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(-n+3):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(-n+3):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(n+10):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(n+10):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(n+10):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(n+10):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(n+10):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(n+10):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(n+10):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(n+10):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n+1):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n+1):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n+1):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n+1):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n+1):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n+1):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n+1):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n+1):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .k2b-ui .k2b-calendar-year__month:nth-child(3n):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .k2b-ui .k2b-calendar-header__progress:after {
    animation: none;
  }

  .k2b-ui .k2b-content-file-tree [role="treeitem"] {
    transition: none;
  }
}

@media (forced-colors: active) {
  .k2b-ui .k2b-content-lightbox button:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-content-lightbox a:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-content-file-tree [role="treeitem"]:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-content-calendar a:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-content-calendar button:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-content-calendar [data-calendar-event]:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-content-file-tree:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-content-file-tree__select:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-content-file-tree__actions:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-content-file-view__action:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui .k2b-content-structured-data__action:focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui :-webkit-any(.k2b-content-lightbox__button, .k2b-content-lightbox__nav, .k2b-content-lightbox__dot):focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui :-moz-any(.k2b-content-lightbox__button, .k2b-content-lightbox__nav, .k2b-content-lightbox__dot):focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }

  .k2b-ui :is(.k2b-content-lightbox__button, .k2b-content-lightbox__nav, .k2b-content-lightbox__dot):focus-visible {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }
}

.k2b-ui .k2b-content-file-view__excerpt {
  overflow: hidden;
  max-height: 10rem;
}

.k2b-ui .k2b-content-file-view[data-excerpt="true"] td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20rem;
}

.k2b-ui .k2b-content-file-view__pagination {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: .5rem;
}

.k2b-ui .k2b-content-file-view[data-variant="plain"] .k2b-content-file-view__preview {
  background: none;
  border: 0;
  border-radius: 0;
}

.k2b-ui .k2b-content-file-view[data-variant="plain"] .k2b-content-file-view__document {
  padding: 0;
}

.k2b-ui .k2b-completion-ghost {
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-completion-ghost__arrow {
  color: inherit;
  margin-left: .4rem;
}

.k2b-ui .k2b-completion-anchor {
  vertical-align: text-bottom;
  pointer-events: none;
  width: 0;
  height: 1em;
  display: inline-block !important;
}

.k2b-ui .k2b-autocomplete {
  position: relative;
  height: calc(var(--k2b-editor-lines, 3) * 1.5rem);
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface);
  min-width: 0;
  transition: border-color .15s ease-out, background-color .15s ease-out;
  box-shadow: inset 0 1px 2px #09090b0d;
}

.k2b-ui .k2b-autocomplete:hover {
  border-color: var(--k2b-border-strong);
  background: var(--k2b-surface);
}

.k2b-ui .k2b-autocomplete:focus-within {
  border-color: var(--k2b-focus-ring);
  outline: none;
  background: var(--k2b-surface);
  box-shadow: inset 0 1px 2px #09090b0d;
}

.k2b-ui .k2b-autocomplete[data-single-line="true"] {
  height: 2.5rem;
}

.k2b-ui .k2b-autocomplete[data-variant="paper"] {
  border-color: var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface);
  box-shadow: var(--k2b-shadow-surface);
}

.k2b-ui .k2b-autocomplete[data-variant="paper"]:hover {
  border-color: var(--k2b-border);
  background: var(--k2b-surface);
}

.k2b-ui .k2b-autocomplete[data-variant="paper"]:focus-within {
  border-color: var(--k2b-focus-ring);
  background: var(--k2b-surface);
  box-shadow: var(--k2b-shadow-surface);
}

.k2b-ui .k2b-autocomplete[data-fill="true"] {
  height: 100%;
  min-height: 0;
}

.k2b-ui .k2b-autocomplete[data-disabled="true"] {
  opacity: .5;
  cursor: not-allowed;
}

.k2b-ui .k2b-autocomplete[data-invalid="true"] {
  border-color: var(--k2b-danger-500);
}

.k2b-ui .k2b-autocomplete__surface {
  position: relative;
  height: 100%;
}

.k2b-ui .k2b-autocomplete__input, .k2b-ui .k2b-autocomplete__preview, .k2b-ui .k2b-autocomplete__placeholder, .k2b-ui .k2b-markdown-editor__input, .k2b-ui .k2b-markdown-editor__preview, .k2b-ui .k2b-markdown-editor__placeholder {
  font-family: var(--k2b-font-mono) !important;
  font-variant: normal !important;
  font-variant-ligatures: none !important;
  font-variant-numeric: tabular-nums !important;
  font-kerning: none !important;
  font-synthesis: none !important;
  font-feature-settings: "liga" 0, "clig" 0, "calt" 0 !important;
  font-optical-sizing: none !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-transform: none !important;
  text-rendering: geometricPrecision !important;
  white-space: pre-wrap !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  tab-size: 2 !important;
  font-size: .875rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-stretch: 100% !important;
  line-height: 1.55 !important;
}

.k2b-ui .k2b-autocomplete__input, .k2b-ui .k2b-autocomplete__preview {
  position: absolute !important;
  display: block !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  outline: 0 !important;
  scrollbar-width: thin !important;
  resize: none !important;
  background: none !important;
  border: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: .625rem .75rem !important;
  inset: 0 !important;
}

.k2b-ui .k2b-autocomplete__input {
  z-index: 2 !important;
  color: var(--k2b-text) !important;
  caret-color: var(--k2b-text) !important;
}

.k2b-ui .k2b-autocomplete[data-overlay="true"] .k2b-autocomplete__input {
  color: #0000 !important;
  -webkit-text-fill-color: transparent !important;
}

.k2b-ui .k2b-autocomplete:not([data-overlay="true"]) .k2b-autocomplete__input {
  overflow-y: auto !important;
}

.k2b-ui .k2b-autocomplete[data-overlay="true"] .k2b-autocomplete__input::selection, .k2b-ui .k2b-markdown-editor__input::selection {
  color: var(--k2b-text);
  -webkit-text-fill-color: var(--k2b-text);
}

.k2b-ui .k2b-autocomplete__preview {
  color: var(--k2b-text);
  pointer-events: none;
  user-select: none;
  z-index: 1 !important;
  scrollbar-color: transparent transparent !important;
}

.k2b-ui .k2b-autocomplete:not([data-overlay="true"]) .k2b-autocomplete__preview {
  visibility: hidden;
}

.k2b-ui .k2b-autocomplete__preview *, .k2b-ui .k2b-autocomplete__preview *:before, .k2b-ui .k2b-autocomplete__preview *:after, .k2b-ui .k2b-markdown-editor__preview *, .k2b-ui .k2b-markdown-editor__preview *:before, .k2b-ui .k2b-markdown-editor__preview *:after {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-stretch: inherit !important;
  letter-spacing: inherit !important;
  word-spacing: inherit !important;
  font-weight: inherit !important;
  text-indent: 0 !important;
  vertical-align: baseline !important;
  display: inline !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.k2b-ui .k2b-autocomplete__placeholder, .k2b-ui .k2b-markdown-editor__placeholder {
  position: absolute;
  z-index: 0;
  color: var(--k2b-placeholder-color);
  pointer-events: none;
  user-select: none;
  padding: .625rem .75rem;
  inset: 0;
}

.k2b-ui .k2b-autocomplete__options {
  position: fixed;
  z-index: 1001;
  inset: unset;
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  color: var(--k2b-text);
  background: var(--k2b-surface-elevated);
  box-shadow: var(--k2b-shadow-float);
  max-height: min(17rem, 100dvh - 1rem);
  margin: 0;
  padding: .25rem;
  transition: none;
}

.k2b-ui .k2b-autocomplete__options::backdrop {
  background: none;
}

.k2b-ui .k2b-autocomplete__listbox {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  gap: .125rem;
  max-height: 15rem;
}

.k2b-ui .k2b-autocomplete__option {
  display: flex;
  border-radius: var(--k2b-radius-control);
  color: var(--k2b-text-secondary);
  cursor: pointer;
  user-select: none;
  align-items:  center;
  gap: .5rem;
  min-width: 0;
  padding: .375rem .5rem;
  font-size: .875rem;
  line-height: 1.25rem;
}

.k2b-ui .k2b-autocomplete__option[aria-selected="true"] {
  color: var(--k2b-action);
  background: var(--k2b-selected);
}

.k2b-ui .k2b-autocomplete__option[data-loading="true"] {
  opacity: .6;
}

.k2b-ui .k2b-autocomplete__option > span {
  overflow: hidden;
  font-family: var(--k2b-font-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.k2b-ui .k2b-autocomplete__option small {
  overflow: hidden;
  color: var(--k2b-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  margin-left: auto;
  font-size: .75rem;
  line-height: 1rem;
}

.k2b-ui .k2b-autocomplete__status {
  display: flex;
  color: var(--k2b-text-muted);
  align-items:  center;
  gap: .5rem;
  padding: .375rem .5rem;
  font-size: .875rem;
}

.k2b-ui .k2b-autocomplete__status[data-error="true"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-autocomplete__status button {
  color: inherit;
  text-decoration: underline;
  background: none;
  border: 0;
  margin-left: auto;
}

.k2b-ui .k2b-markdown-editor {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface);
  min-height: 0;
  transition: border-color .15s ease-out, background-color .15s ease-out;
  box-shadow: inset 0 1px 2px #09090b0d;
}

.k2b-ui .k2b-markdown-editor:hover {
  border-color: var(--k2b-border-strong);
  background: var(--k2b-surface);
}

.k2b-ui .k2b-markdown-editor:focus-within {
  border-color: var(--k2b-focus-ring);
  outline: none;
  background: var(--k2b-surface);
  box-shadow: inset 0 1px 2px #09090b0d;
}

.k2b-ui .k2b-markdown-editor[data-variant="paper"] {
  border-color: var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface);
  box-shadow: var(--k2b-shadow-surface);
}

.k2b-ui .k2b-markdown-editor[data-variant="paper"]:hover {
  border-color: var(--k2b-border);
  background: var(--k2b-surface);
}

.k2b-ui .k2b-markdown-editor[data-variant="paper"]:focus-within {
  border-color: var(--k2b-focus-ring);
  background: var(--k2b-surface);
  box-shadow: var(--k2b-shadow-surface);
}

.k2b-ui .k2b-markdown-editor[data-fill="true"] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.k2b-ui .k2b-markdown-editor[data-variant="embedded"] {
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.k2b-ui .k2b-markdown-editor[data-disabled="true"] {
  opacity: .5;
  cursor: not-allowed;
}

.k2b-ui .k2b-markdown-editor[data-invalid="true"] {
  border-color: var(--k2b-danger-500);
}

.k2b-ui .k2b-markdown-editor__toolbar {
  display: flex;
  border-bottom: 1px solid var(--k2b-border);
  flex-wrap: wrap;
  align-items:  center;
  gap: .125rem;
  padding: .25rem .375rem;
}

.k2b-ui .k2b-markdown-editor__tool {
  display: inline-flex;
  color: var(--k2b-text-muted);
  background: none;
  border: 0;
  border-radius: .25rem;
  justify-content: center;
  align-items:  center;
  width: 1.75rem;
  height: 1.75rem;
  transition-property: color, background-color, border-color;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.k2b-ui .k2b-markdown-editor__tool:hover:not(:disabled) {
  color: var(--k2b-text);
  background: var(--k2b-hover);
}

.k2b-ui .k2b-markdown-editor__tool[aria-pressed="true"] {
  color: var(--k2b-action);
  background: var(--k2b-selected);
}

.k2b-ui .k2b-markdown-editor__separator {
  background: var(--k2b-border-strong);
  width: 1px;
  height: 1rem;
  margin: 0 .25rem;
}

.k2b-ui .k2b-markdown-editor__trailing {
  display: inline-flex;
  align-items:  center;
  gap: .125rem;
  margin-left: auto;
}

.k2b-ui .k2b-markdown-editor__surface {
  position: relative;
  height: calc(var(--k2b-editor-lines, 6) * 1.5rem);
}

.k2b-ui .k2b-markdown-editor[data-fill="true"] .k2b-markdown-editor__surface {
  flex: 1;
  height: auto;
  min-height: 0;
}

.k2b-ui .k2b-markdown-editor__input, .k2b-ui .k2b-markdown-editor__preview {
  position: absolute !important;
  display: block !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  outline: 0 !important;
  resize: none !important;
  scrollbar-width: thin !important;
  background: none !important;
  border: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: .625rem .75rem !important;
  inset: 0 !important;
}

.k2b-ui .k2b-markdown-editor__input {
  z-index: 2 !important;
  color: #0000 !important;
  -webkit-text-fill-color: transparent !important;
  caret-color: var(--k2b-text) !important;
  appearance: none !important;
  touch-action: manipulation !important;
}

.k2b-ui .k2b-markdown-editor__preview {
  color: var(--k2b-text);
  pointer-events: none;
  user-select: none;
  z-index: 1 !important;
  scrollbar-color: transparent transparent !important;
}

.k2b-ui .k2b-markdown-editor__preview::-webkit-scrollbar-thumb {
  background: none !important;
}

.k2b-ui .k2b-markdown-editor__preview::-webkit-scrollbar-track {
  background: none !important;
}

.k2b-ui .k2b-autocomplete__preview::-webkit-scrollbar-thumb {
  background: none !important;
}

.k2b-ui .k2b-autocomplete__preview::-webkit-scrollbar-track {
  background: none !important;
}

.k2b-ui .k2b-markdown-editor__preview .md-syntax, .k2b-ui .k2b-markdown-editor__preview .md-marker {
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-markdown-editor__preview .md-h1, .k2b-ui .k2b-markdown-editor__preview .md-h2, .k2b-ui .k2b-markdown-editor__preview .md-h3, .k2b-ui .k2b-markdown-editor__preview .md-bold {
  text-shadow: .5px 0;
}

.k2b-ui .k2b-markdown-editor__preview .md-italic {
  font-style: italic !important;
}

.k2b-ui .k2b-markdown-editor__preview .md-code, .k2b-ui .k2b-markdown-editor__preview .md-code-block {
  background: var(--k2b-surface-muted);
}

.k2b-ui .k2b-markdown-editor__preview .md-link, .k2b-ui .k2b-markdown-editor__preview .md-completion-match {
  color: var(--k2b-action);
}

.k2b-ui .k2b-markdown-editor__preview .md-link {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.k2b-ui .k2b-markdown-editor__preview .md-quote {
  color: var(--k2b-text-secondary);
  box-shadow: inset 3px 0 0 var(--k2b-border-strong);
}

.k2b-ui .k2b-markdown-editor__preview .md-hr {
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-markdown-editor__stats {
  display: flex;
  color: var(--k2b-text-muted);
  font-family: var(--k2b-font-mono);
  letter-spacing: .02em;
  user-select: none;
  justify-content: flex-start;
  align-items:  center;
  gap: .75rem;
  padding: .25rem .75rem;
  font-size: .625rem;
}

.k2b-ui .k2b-markdown-editor__stats[data-empty="true"] {
  visibility: hidden;
}

.k2b-ui .k2b-template-token[data-kind="control"] {
  color: var(--k2b-success-600);
}

.k2b-ui .k2b-template-token[data-kind="end"], .k2b-ui .k2b-template-string {
  color: var(--k2b-warning-500);
}

.k2b-ui .k2b-template-token[data-kind="raw"] {
  color: var(--k2b-danger-text);
}

.k2b-ui .k2b-template-token[data-kind="value"], .k2b-ui .k2b-template-attribute {
  color: var(--k2b-action);
}

.k2b-ui .k2b-template-tag {
  color: var(--k2b-accent-600);
}

.k2b-ui .k2b-template-punctuation, .k2b-ui .k2b-template-comment {
  color: var(--k2b-text-muted);
}

.k2b-ui .k2b-template-preview {
  display: flex;
  overflow: hidden;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface);
  box-shadow: var(--k2b-shadow-surface);
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.k2b-ui .k2b-template-preview iframe {
  background: #fff;
  border: 0;
  flex: 1;
  width: 100%;
  min-height: 0;
}

.k2b-ui .k2b-template-sample {
  display: grid;
  overflow: auto;
  border: 1px solid var(--k2b-border);
  border-radius: var(--k2b-radius-surface);
  background: var(--k2b-surface);
  box-shadow: var(--k2b-shadow-surface);
  align-content:  start;
  gap: .75rem;
  height: 100%;
  min-height: 0;
  padding: .75rem;
}

@media (prefers-reduced-motion: reduce) {
  .k2b-ui .k2b-autocomplete, .k2b-ui .k2b-markdown-editor, .k2b-ui .k2b-markdown-editor__tool {
    transition: none;
  }
}

@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 {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-tracking: initial;
    }

    ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-tracking: initial;
    }
  }
}

:root {
  --ui-canvas: var(--color-zinc-50);
  --ui-surface: #fffffff5;
  --ui-surface-subtle: #f8f8f8f5;
  --ui-surface-muted: #f3f4f3f5;
  --ui-surface-raised: #fffffffc;
  --ui-border: #dadcdbad;
  --ui-border-strong: #cfd2d0e6;
  --ui-hover: #eff0efe6;
  --ui-active: #e5e7e6f0;
  --ui-selected: oklch(62.3% .214 259.815);
  --ui-app-accent-text: var(--app-accent, oklch(62.3% .214 259.815));
  --ui-app-accent-border: var(--app-accent, var(--color-blue-500));
  --ui-focus: inset 0 0 0 2px #2b7fff73;
  --ui-action-primary-surface: var(--color-zinc-900);
  --ui-action-primary-hover: var(--color-black);
  --ui-action-primary-active: var(--color-zinc-800);
  --ui-action-primary-text: var(--color-white);
  --ui-action-primary-border: transparent;
  --ui-action-primary-hover-border: transparent;
  --ui-field: var(--ui-surface-muted);
  --ui-field-border: transparent;
  --ui-field-hover: var(--ui-hover);
  --ui-field-hover-border: var(--ui-border);
  --ui-field-focus: var(--ui-surface);
  --ui-field-focus-border: transparent;
  --ui-divider: var(--ui-border);
  --ui-control-recess: none;
  --ui-control-bevel: 0 0 0 transparent;
  --ui-control-press: inset 0 1px 2px #16261d1f;
  --ui-check-surface: var(--ui-field);
  --ui-check-border: var(--ui-border-strong);
  --ui-check-shadow: none;
  --ui-check-hover-transform: none;
  --ui-data-header: var(--ui-surface-subtle);
  --ui-data-divider: var(--ui-border);
  --ui-data-row-divider: var(--ui-border);
  --ui-data-row-hover: #09090b06;
  --ui-data-row-selected: var(--ui-selected);
  --ui-data-column-hover: #09090b03;
  --ui-dialog-surface: var(--ui-surface-raised);
  --ui-dialog-border: var(--ui-border-strong);
  --ui-dialog-section: var(--ui-surface-subtle);
  --ui-dialog-section-border: transparent;
  --ui-dialog-section-icon: var(--ui-surface-muted);
  --ui-dialog-radius: var(--ui-radius-frame);
  --ui-dialog-available-height: calc(100vh - 1.5rem);
  --ui-dialog-available-width: calc(100vw - 1.5rem);
  --ui-context-menu-surface: var(--ui-surface-raised);
  --ui-context-menu-radius: var(--ui-radius-surface);
  --ui-context-menu-shadow: var(--ui-shadow-float);
  --ui-dropdown-menu-surface: #f6f7f6f0;
  --ui-dropdown-menu-radius: var(--ui-radius-surface);
  --ui-dropdown-menu-shadow: var(--ui-shadow-float);
  --ui-menu-hover: var(--ui-hover);
  --ui-state-icon-surface: var(--ui-surface-muted);
  --ui-state-icon-border: var(--ui-border);
  --ui-state-error-icon-surface: oklch(63.7% .237 25.331);
  --ui-state-error-icon-border: oklch(63.7% .237 25.331);
  --ui-progress-track: var(--ui-surface-muted);
  --ui-progress-track-shadow: none;
  --ui-progress-primary: var(--color-blue-500);
  --ui-progress-success: var(--color-green-500);
  --ui-progress-danger: var(--color-red-500);
  --ui-tooltip-surface: var(--color-zinc-900);
  --ui-tooltip-border: var(--color-zinc-800);
  --ui-tooltip-text: var(--color-white);
  --ui-tooltip-radius: var(--ui-radius-control);
  --ui-tooltip-shadow: var(--ui-shadow-float);
  --ui-segment-surface: var(--ui-surface-muted);
  --ui-segment-border: transparent;
  --ui-segment-shadow: none;
  --ui-segment-divider: var(--ui-border);
  --ui-segment-hover: var(--ui-hover);
  --ui-segment-inactive-text: var(--color-zinc-600);
  --ui-segment-hover-text: var(--color-zinc-900);
  --ui-segment-active-surface: var(--ui-surface-raised);
  --ui-segment-active-text: var(--color-zinc-900);
  --ui-segment-active-shadow: 0 0 0 1px var(--ui-border);
  --ui-segment-item-radius: var(--ui-radius-control);
  --ui-segment-active-radius: var(--ui-radius-control);
  --ui-pagination-hover: var(--ui-hover);
  --ui-pagination-current-surface: var(--ui-selected);
  --ui-pagination-current-border: transparent;
  --ui-pagination-current-text: var(--color-blue-700);
  --ui-radius-frame: .875rem;
  --ui-radius-surface: .75rem;
  --ui-radius-control: .5rem;
  --ui-control-sm: 2rem;
  --ui-control-md: 2.375rem;
  --ui-input-padding-x: .5rem;
  --ui-input-padding-y: .375rem;
  --ui-space-shell: .5rem;
  --ui-space-section: .75rem;
  --ui-space-control: .375rem;
  --ui-shadow-surface: none;
  --theme-shadow-elevated: var(--ui-shadow-surface);
  --ui-shadow-frame: 0 -3px 10px -8px #0f171329, 0 0 16px -9px #0f171329, 0 14px 36px -32px #0f171338, 0 1px 5px #0f17130a;
  --ui-shadow-float: 0 18px 46px -18px #00000038, 0 5px 16px #00000014;
  --ui-shadow-hover: 0 12px 28px -24px #16261d47, 0 3px 12px #16261d0f;
  --ui-shadow-workspace-edge: -3px 0 6px -5px #0000001a, 3px 0 6px -5px #0000001a;
  --ui-paper-highlighted: var(--ui-surface-subtle);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --ui-selected: color-mix(in srgb, var(--color-blue-500) 7%, var(--ui-surface));
  }
}

@supports (height: 100dvh) and (width: 100dvw) {
  :root {
    --ui-dialog-available-height: calc(100dvh - max(.75rem, env(safe-area-inset-top, 0px))  - max(.75rem, env(safe-area-inset-bottom, 0px)));
    --ui-dialog-available-width: calc(100dvw - max(.75rem, env(safe-area-inset-left, 0px))  - max(.75rem, env(safe-area-inset-right, 0px)));
  }
}

.dark {
  --ui-canvas: #090d12;
  --ui-surface: #11151b;
  --ui-surface-subtle: var(--ui-surface);
  --ui-surface-muted: #20242a;
  --ui-surface-raised: #181d24;
  --ui-border: #29313a;
  --ui-border-strong: #3a4552;
  --ui-hover: #252c35;
  --ui-active: var(--ui-hover);
  --ui-selected: oklch(70.7% .165 254.624);
  --ui-app-accent-text: var(--app-accent, oklch(70.7% .165 254.624));
  --ui-app-accent-border: var(--app-accent, oklch(70.7% .165 254.624));
  --ui-focus: inset 0 0 0 2px #51a2ff8c;
  --ui-action-primary-surface: var(--color-zinc-100);
  --ui-action-primary-hover: var(--color-white);
  --ui-action-primary-active: var(--color-zinc-200);
  --ui-action-primary-text: var(--color-zinc-950);
  --ui-action-primary-border: transparent;
  --ui-action-primary-hover-border: transparent;
  --ui-field: var(--ui-surface-muted);
  --ui-field-border: transparent;
  --ui-field-hover: var(--ui-hover);
  --ui-field-hover-border: var(--ui-border);
  --ui-field-focus: var(--ui-surface);
  --ui-field-focus-border: transparent;
  --ui-divider: var(--ui-border);
  --ui-control-recess: none;
  --ui-control-press: inset 0 1px 3px #0000007a;
  --ui-check-surface: var(--ui-field);
  --ui-check-border: var(--ui-border-strong);
  --ui-check-shadow: none;
  --ui-check-hover-transform: none;
  --ui-data-row-hover: #ffffff0b;
  --ui-data-column-hover: #ffffff05;
  --ui-dropdown-menu-surface: var(--ui-surface-raised);
  --ui-progress-primary: var(--color-blue-400);
  --ui-progress-success: var(--color-green-400);
  --ui-progress-danger: var(--color-red-400);
  --ui-tooltip-surface: var(--ui-surface-muted);
  --ui-tooltip-border: var(--ui-border-strong);
  --ui-tooltip-text: var(--color-zinc-100);
  --ui-segment-inactive-text: var(--color-zinc-400);
  --ui-segment-hover-text: var(--color-zinc-200);
  --ui-segment-active-text: var(--color-zinc-100);
  --ui-pagination-current-text: var(--color-blue-200);
  --ui-shadow-surface: none;
  --ui-shadow-frame: inset 0 0 0 1px var(--ui-border), 0 -3px 10px -8px #00000052, 0 0 16px -9px #0000008f, 0 16px 40px -30px #0000007a, 0 1px 7px #00000024;
  --ui-shadow-float: 0 22px 54px -18px #000000b8, 0 6px 18px #0000004d;
  --ui-shadow-hover: 0 14px 32px -24px #000c, 0 3px 12px #00000038;
  --ui-shadow-workspace-edge: -3px 0 6px -5px #00000047, 3px 0 6px -5px #00000047;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --ui-surface-subtle: color-mix(in srgb, var(--ui-surface) 68%, var(--ui-surface-muted));
  }
}

.cloud-app-canvas, .app-accent-scope {
  --ui-app-accent-text: var(--app-accent, oklch(62.3% .214 259.815));
  --ui-app-accent-border: var(--app-accent, var(--color-blue-500));
  --k2b-app-workspace-active: var(--ui-app-accent-text);
  --k2b-detail-panel-accent: var(--ui-app-accent-text);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cloud-app-canvas, .app-accent-scope) {
    --ui-app-accent-text: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 78%, black);
  }
}

.dark :-webkit-any(.cloud-app-canvas, .app-accent-scope) {
  --ui-app-accent-text: var(--app-accent, oklch(70.7% .165 254.624));
  --ui-app-accent-border: var(--app-accent, oklch(70.7% .165 254.624));
  --k2b-app-workspace-active: var(--ui-app-accent-text);
  --k2b-detail-panel-accent: var(--ui-app-accent-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark :-webkit-any(.cloud-app-canvas, .app-accent-scope) {
    --ui-app-accent-text: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 58%, white);
  }
}

.dark :-moz-any(.cloud-app-canvas, .app-accent-scope) {
  --ui-app-accent-text: var(--app-accent, oklch(70.7% .165 254.624));
  --ui-app-accent-border: var(--app-accent, oklch(70.7% .165 254.624));
  --k2b-app-workspace-active: var(--ui-app-accent-text);
  --k2b-detail-panel-accent: var(--ui-app-accent-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark :-moz-any(.cloud-app-canvas, .app-accent-scope) {
    --ui-app-accent-text: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 58%, white);
  }
}

.dark :is(.cloud-app-canvas, .app-accent-scope) {
  --ui-app-accent-text: var(--app-accent, oklch(70.7% .165 254.624));
  --ui-app-accent-border: var(--app-accent, oklch(70.7% .165 254.624));
  --k2b-app-workspace-active: var(--ui-app-accent-text);
  --k2b-detail-panel-accent: var(--ui-app-accent-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark :is(.cloud-app-canvas, .app-accent-scope) {
    --ui-app-accent-text: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 58%, white);
  }
}

.dark .slider-track-colors, .dark.slider-track-colors {
  --slider-fill: var(--color-blue-400);
}

.icon-btn[aria-pressed="true"] {
  background-color: var(--color-blue-50);
  color: var(--color-blue-600);
}

.icon-btn[aria-pressed="true"]:where(.dark, .dark *) {
  background-color: #16245666;
}

@supports (color: color-mix(in lab, red, red)) {
  .icon-btn[aria-pressed="true"]:where(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
  }
}

.icon-btn[aria-pressed="true"]:where(.dark, .dark *) {
  color: var(--color-blue-400);
}

.icon-btn[aria-pressed="true"]:hover {
  background-color: var(--color-blue-100);
  color: var(--color-blue-700);
}

.icon-btn[aria-pressed="true"]:hover:where(.dark, .dark *) {
  background-color: #1c398e66;
}

@supports (color: color-mix(in lab, red, red)) {
  .icon-btn[aria-pressed="true"]:hover:where(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
  }
}

.icon-btn[aria-pressed="true"]:hover:where(.dark, .dark *) {
  color: var(--color-blue-300);
}

:-webkit-any(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-input, .btn-input-recessed) {
  box-shadow: none;
}

:-moz-any(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-input, .btn-input-recessed) {
  box-shadow: none;
}

:is(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-input, .btn-input-recessed) {
  box-shadow: none;
}

:-webkit-any(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-input, .btn-input-recessed):active {
  box-shadow: var(--ui-control-press);
}

:-moz-any(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-input, .btn-input-recessed):active {
  box-shadow: var(--ui-control-press);
}

:is(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-input, .btn-input-recessed):active {
  box-shadow: var(--ui-control-press);
}

:-webkit-any(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-input, .btn-input-recessed):focus-visible {
  box-shadow: var(--ui-focus);
}

:-moz-any(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-input, .btn-input-recessed):focus-visible {
  box-shadow: var(--ui-focus);
}

:is(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-input, .btn-input-recessed):focus-visible {
  box-shadow: var(--ui-focus);
}

:-webkit-any(.btn-secondary, .btn-input, .btn-input-recessed) {
  border-color: #0000;
}

:-moz-any(.btn-secondary, .btn-input, .btn-input-recessed) {
  border-color: #0000;
}

:is(.btn-secondary, .btn-input, .btn-input-recessed) {
  border-color: #0000;
}

.input {
  box-shadow: none;
}

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

.input:focus, .input:focus-within, .input[data-state="open"] {
  box-shadow: var(--ui-focus);
  border-color: var(--ui-field-focus-border) !important;
  background: var(--ui-field-focus) !important;
}

.checkbox-card {
  background: var(--ui-field);
  border-color: #0000;
}

.checkbox-card:hover {
  border-color: var(--ui-field-hover-border);
  background: var(--ui-field-hover);
}

.checkbox-card[data-state="checked"] {
  background: var(--ui-selected);
  border-color: #0000;
}

.checkbox-card[data-state="invalid"] {
  background: #fb2c36;
  background: color(display-p3 .903738 .262579 .253307);
  background: lab(55.4814% 75.0732 48.8527);
  border-color: #fb2c3647;
}

@supports (color: color-mix(in lab, red, red)) {
  .checkbox-card[data-state="invalid"] {
    border-color: color-mix(in srgb, var(--color-red-500) 28%, transparent);
  }
}

.file-dropzone {
  border-color: var(--ui-border);
  background: var(--ui-field);
}

.file-dropzone:hover {
  border-color: var(--ui-field-hover-border);
  background: var(--ui-field-hover);
}

.file-dropzone[data-state="dragging"] {
  background: #2b7fff;
  background: color(display-p3 .266422 .491219 .988624);
  background: lab(54.1736% 13.3369 -74.6839);
  border-color: #2b7fff52;
}

@supports (color: color-mix(in lab, red, red)) {
  .file-dropzone[data-state="dragging"] {
    border-color: color-mix(in srgb, var(--color-blue-500) 32%, transparent);
  }
}

.file-dropzone[data-state="invalid"] {
  background: #fb2c36;
  background: color(display-p3 .903738 .262579 .253307);
  background: lab(55.4814% 75.0732 48.8527);
  border-color: #fb2c3652;
}

@supports (color: color-mix(in lab, red, red)) {
  .file-dropzone[data-state="invalid"] {
    border-color: color-mix(in srgb, var(--color-red-500) 32%, transparent);
  }
}

.file-dropzone-icon {
  background: var(--ui-surface-raised);
  color: var(--color-zinc-600);
  box-shadow: none;
}

.dark .file-dropzone-icon {
  color: var(--color-zinc-300);
}

.color-input-swatch {
  border-color: var(--ui-border-strong);
  box-shadow: none;
}

.ui-switch-track {
  background: var(--ui-field);
  box-shadow: none;
}

.ui-switch-track[data-state="checked"] {
  background: var(--color-blue-500);
}

.ui-slider {
  box-shadow: none;
}

.image-input-preview, .image-cropper-stage {
  background: var(--ui-field);
  border-color: #0000;
}

.image-input-placeholder {
  background: var(--ui-surface-subtle);
}

.image-cropper-frame {
  background: var(--ui-surface-subtle);
  box-shadow: none;
}

.filter-chip-trigger {
  background: var(--ui-field);
  box-shadow: none;
  border-color: #0000;
}

.filter-chip-trigger:hover {
  background: var(--ui-hover);
}

.filter-chip-trigger[data-state="active"] {
  background: var(--ui-selected);
  box-shadow: none;
  border-color: #0000;
}

.dark .paper-highlighted, .dark .hover\:paper-highlighted:hover {
  background: var(--ui-paper-highlighted);
  box-shadow: var(--ui-shadow-surface);
}

.panes-tab-strip {
  border-radius: var(--ui-radius-control);
  background: var(--ui-surface-muted);
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  gap: .125rem;
  padding: .125rem;
}

.panes-tab-strip::-webkit-scrollbar-thumb {
  background: none;
}

.panes-tab-strip:hover, .panes-tab-strip:focus-within {
  scrollbar-color: #a1a1aa73 transparent;
}

.panes-tab-strip:hover::-webkit-scrollbar-thumb {
  background: #a1a1aa73;
}

.panes-tab-strip:focus-within::-webkit-scrollbar-thumb {
  background: #a1a1aa73;
}

.dark .panes-tab-strip:hover, .dark .panes-tab-strip:focus-within {
  scrollbar-color: #52525b99 transparent;
}

.dark .panes-tab-strip:hover::-webkit-scrollbar-thumb {
  background: #52525b99;
}

.dark .panes-tab-strip:focus-within::-webkit-scrollbar-thumb {
  background: #52525b99;
}

.app-workspace:has( > .workspace-content) {
  display: grid;
  grid-template-areas: "mobile" "content" "drawer";
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 0;
}

.app-workspace:has( > .workspace-content) > .workspace-content {
  grid-area: content;
}

.app-workspace:has( > .workspace-content) > .workspace-bottom-drawer {
  grid-area: drawer;
}

@media (min-width: 1024px) {
  .app-workspace:has( > .workspace-content) {
    grid-template-areas: "sidebar content" "sidebar drawer";
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .app-workspace:has( > .workspace-content) > .workspace-sidebar {
    grid-area: sidebar;
  }
}

.prose {
  color: var(--color-zinc-900);
}

.prose:where(.dark, .dark *) {
  color: var(--color-zinc-100);
}

.prose h1 {
  margin-top: calc(var(--spacing) * 8);
  margin-bottom: calc(var(--spacing) * 4);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-zinc-900);
}

.prose h1:first-child {
  margin-top: calc(var(--spacing) * 0);
}

.prose h1:where(.dark, .dark *) {
  color: var(--color-zinc-100);
}

.prose h2 {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 3);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-zinc-900);
}

.prose h2:where(.dark, .dark *) {
  color: var(--color-zinc-100);
}

.prose h3 {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-zinc-900);
}

.prose h3:where(.dark, .dark *) {
  color: var(--color-zinc-100);
}

.prose p {
  margin-bottom: calc(var(--spacing) * 4);
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}

.prose ul {
  margin-bottom: calc(var(--spacing) * 4);
  margin-left: calc(var(--spacing) * 6);
}

:where(.prose ul > :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)));
}

.prose ol {
  margin-bottom: calc(var(--spacing) * 4);
  margin-left: calc(var(--spacing) * 6);
}

:where(.prose ol > :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)));
}

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

.prose ol {
  list-style-type: decimal;
}

.prose li {
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}

.prose a {
  color: var(--color-blue-600);
  text-decoration-line: underline;
}

@media (hover: hover) {
  .prose a:hover {
    color: var(--color-blue-700);
  }
}

.prose a:where(.dark, .dark *) {
  color: var(--color-blue-400);
}

@media (hover: hover) {
  .prose a:where(.dark, .dark *):hover {
    color: var(--color-blue-300);
  }
}

.prose strong {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-zinc-900);
}

.prose strong:where(.dark, .dark *) {
  color: var(--color-zinc-100);
}

.prose hr {
  margin-block: calc(var(--spacing) * 8);
  border-color: var(--color-zinc-200);
}

.prose hr:where(.dark, .dark *) {
  border-color: var(--color-zinc-800);
}

.ai-message-list-container {
  container: ai-message-list / inline-size;
}

.ai-turn-navigator-shell {
  display: none;
}

@container ai-message-list (width >= 68rem) {
  .ai-turn-navigator-shell {
    display: block;
  }
}

@media (min-width: 1024px) {
  .cloud-app-canvas .layout-header {
    border-radius: var(--ui-radius-surface);
    border-color: #0000;
    padding: .375rem .75rem .375rem 1.125rem;
    box-shadow: var(--ui-shadow-frame) !important;
  }

  .workspace-detail {
    flex: none;
  }
}

.app-workspace {
  overflow: hidden;
  border-radius: var(--ui-radius-frame);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-frame);
  border: 0;
  gap: 0;
  min-width: 0;
}

.app-workspace > .workspace-sidebar {
  overflow: hidden;
  background: var(--ui-surface-subtle);
}

.app-workspace > .workspace-sidebar[data-workspace-resizable="true"] {
  width: var(--workspace-sidebar-width, 13rem);
}

.workspace-sidebar-surface {
  gap: var(--ui-space-section);
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: .625rem;
}

.app-workspace > .workspace-main, .app-workspace > .workspace-content > .workspace-main {
  position: relative;
  z-index: 1;
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-workspace-edge);
  border: 0;
  border-radius: 0;
  transition: box-shadow .15s ease-out;
}

.app-workspace > :-webkit-any(solid-island, solid-client) > .workspace-main {
  position: relative;
  z-index: 1;
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-workspace-edge);
  border: 0;
  border-radius: 0;
  transition: box-shadow .15s ease-out;
}

.app-workspace > :-moz-any(solid-island, solid-client) > .workspace-main {
  position: relative;
  z-index: 1;
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-workspace-edge);
  border: 0;
  border-radius: 0;
  transition: box-shadow .15s ease-out;
}

.app-workspace > :is(solid-island, solid-client) > .workspace-main {
  position: relative;
  z-index: 1;
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-workspace-edge);
  border: 0;
  border-radius: 0;
  transition: box-shadow .15s ease-out;
}

.app-workspace > .workspace-content > :-webkit-any(solid-island, solid-client) > .workspace-main {
  position: relative;
  z-index: 1;
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-workspace-edge);
  border: 0;
  border-radius: 0;
  transition: box-shadow .15s ease-out;
}

.app-workspace > .workspace-content > :-moz-any(solid-island, solid-client) > .workspace-main {
  position: relative;
  z-index: 1;
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-workspace-edge);
  border: 0;
  border-radius: 0;
  transition: box-shadow .15s ease-out;
}

.app-workspace > .workspace-content > :is(solid-island, solid-client) > .workspace-main {
  position: relative;
  z-index: 1;
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-workspace-edge);
  border: 0;
  border-radius: 0;
  transition: box-shadow .15s ease-out;
}

.app-workspace > .workspace-detail, .app-workspace > .workspace-content > .workspace-detail, .app-workspace > .workspace-bottom-drawer {
  gap: var(--ui-space-section);
  padding: var(--ui-space-section);
  background: var(--ui-surface-subtle);
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.app-workspace > :-webkit-any(solid-island, solid-client) > .workspace-detail {
  gap: var(--ui-space-section);
  padding: var(--ui-space-section);
  background: var(--ui-surface-subtle);
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.app-workspace > :-moz-any(solid-island, solid-client) > .workspace-detail {
  gap: var(--ui-space-section);
  padding: var(--ui-space-section);
  background: var(--ui-surface-subtle);
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.app-workspace > :is(solid-island, solid-client) > .workspace-detail {
  gap: var(--ui-space-section);
  padding: var(--ui-space-section);
  background: var(--ui-surface-subtle);
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.app-workspace > .workspace-content > :-webkit-any(solid-island, solid-client) > .workspace-detail {
  gap: var(--ui-space-section);
  padding: var(--ui-space-section);
  background: var(--ui-surface-subtle);
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.app-workspace > .workspace-content > :-moz-any(solid-island, solid-client) > .workspace-detail {
  gap: var(--ui-space-section);
  padding: var(--ui-space-section);
  background: var(--ui-surface-subtle);
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.app-workspace > .workspace-content > :is(solid-island, solid-client) > .workspace-detail {
  gap: var(--ui-space-section);
  padding: var(--ui-space-section);
  background: var(--ui-surface-subtle);
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.app-overview {
  padding: var(--ui-space-section);
}

.app-overview-header {
  margin-bottom: 1rem;
}

.app-overview-identity {
  gap: .625rem;
}

.app-overview-icon {
  border-radius: var(--ui-radius-control);
  box-shadow: inset 0 0 0 1px var(--app-accent, #2b7fff);
  width: 2.5rem;
  height: 2.5rem;
  background: var(--app-accent, #2b7fff) !important;
  color: var(--app-accent, #2b7fff) !important;
}

@supports (color: color(display-p3 0 0 0)) {
  .app-overview-icon {
    box-shadow: inset 0 0 0 1px var(--app-accent, color(display-p3 .266422 .491219 .988624));
    background: var(--app-accent, color(display-p3 .266422 .491219 .988624)) !important;
    color: var(--app-accent, color(display-p3 .266422 .491219 .988624)) !important;
  }
}

@supports (color: lab(0% 0 0)) {
  .app-overview-icon {
    box-shadow: inset 0 0 0 1px var(--app-accent, lab(54.1736% 13.3369 -74.6839));
    background: var(--app-accent, lab(54.1736% 13.3369 -74.6839)) !important;
    color: var(--app-accent, lab(54.1736% 13.3369 -74.6839)) !important;
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .app-overview-icon {
    background: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 9%, var(--ui-surface)) !important;
  }
}

.app-overview-icon > i {
  color: inherit !important;
}

.dark .app-overview-icon {
  color: var(--app-accent, #51a2ff) !important;
}

@supports (color: color(display-p3 0 0 0)) {
  .dark .app-overview-icon {
    color: var(--app-accent, color(display-p3 .397443 .62813 .992116)) !important;
  }
}

@supports (color: lab(0% 0 0)) {
  .dark .app-overview-icon {
    color: var(--app-accent, lab(65.0361% -1.42068 -56.9802)) !important;
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .app-overview-icon {
    color: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 58%, white) !important;
  }
}

.app-overview-title {
  letter-spacing: -.015em;
  font-size: 1.125rem;
}

.app-overview-subtitle {
  font-size: .8125rem;
}

.app-overview-columns {
  gap: var(--ui-space-section);
}

.app-overview-panel-header {
  gap: var(--ui-space-section);
  margin-bottom: var(--ui-space-section);
}

.app-overview-toolbar {
  min-width: 0;
  max-width: 100%;
}

.settings-modal {
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-float);
}

.settings-modal-rail {
  background: var(--ui-surface-subtle);
}

.settings-modal-main {
  background: var(--ui-surface);
}

.stat-grid {
  box-shadow: none;
}

.stat-grid-header {
  border-color: var(--ui-divider);
  background: var(--ui-surface-subtle);
}

.stat-grid-body {
  background: var(--ui-divider);
}

.stat-cell {
  background: var(--ui-surface);
}

.panes-tab {
  border-radius: calc(var(--ui-radius-control)  - .125rem);
  box-shadow: none !important;
  background: none !important;
  border-color: #0000 !important;
}

.panes-tab:hover {
  color: var(--color-zinc-900);
  background: var(--ui-hover) !important;
}

.dark .panes-tab:hover {
  color: var(--color-zinc-100);
}

.panes-tab-active {
  color: var(--color-zinc-950) !important;
  background: var(--ui-surface-raised) !important;
  box-shadow: inset 0 0 0 1px var(--ui-border) !important;
}

.dark .panes-tab-active {
  color: var(--color-zinc-50) !important;
}

.panes-tab [data-panes-drag-handle]:hover {
  color: var(--color-zinc-600);
}

.calendar-surface {
  box-shadow: none;
}

.calendar-navigation-progress {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  pointer-events: none;
  background: #2b7fff29;
  height: 3px;
  bottom: -1px;
  left: 0;
  right: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .calendar-navigation-progress {
    background: color-mix(in srgb, var(--color-blue-500) 16%, transparent);
  }
}

.calendar-navigation-progress:after {
  display: block;
  content: "";
  background: var(--color-blue-500);
  animation: .7s ease-in-out infinite calendar-navigation-progress;
  border-radius: 999px;
  width: 36%;
  height: 100%;
}

@keyframes calendar-navigation-progress {
  from {
    transform: translateX(-110%);
  }

  to {
    transform: translateX(310%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .calendar-navigation-progress:after {
    animation: none;
    width: 100%;
  }
}

.link-card, .widget-surface {
  border-color: var(--ui-border);
  background: var(--ui-surface);
  box-shadow: none;
}

.link-card:hover {
  background: var(--ui-hover);
}

.link-card-icon {
  background: var(--ui-surface-muted) !important;
}

.widget-card {
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-surface);
  background: var(--ui-surface);
  box-shadow: none;
}

.widget-icon {
  background: var(--ui-surface-muted) !important;
  color: var(--color-zinc-600) !important;
}

.dark .widget-icon {
  color: var(--color-zinc-300) !important;
}

:-webkit-any(.popup, .dialog-panel) {
  border-radius: var(--ui-radius-surface);
  background: var(--ui-surface-raised);
  box-shadow: var(--ui-shadow-float);
  border-color: var(--ui-border-strong) !important;
}

:-moz-any(.popup, .dialog-panel) {
  border-radius: var(--ui-radius-surface);
  background: var(--ui-surface-raised);
  box-shadow: var(--ui-shadow-float);
  border-color: var(--ui-border-strong) !important;
}

:is(.popup, .dialog-panel) {
  border-radius: var(--ui-radius-surface);
  background: var(--ui-surface-raised);
  box-shadow: var(--ui-shadow-float);
  border-color: var(--ui-border-strong) !important;
}

.panel-dialog-shell {
  box-shadow: var(--ui-shadow-float);
}

.floating-window {
  border: 1px solid var(--app-accent, var(--ui-border-strong));
  border-radius: var(--ui-dialog-radius);
  box-shadow: var(--ui-shadow-float);
}

@supports (color: color-mix(in lab, red, red)) {
  .floating-window {
    border: 1px solid color-mix(in srgb, var(--app-accent, var(--ui-border-strong)) 28%, var(--ui-border-strong));
  }
}

.dark .floating-window {
  border-color: var(--app-accent, var(--ui-border-strong));
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .floating-window {
    border-color: color-mix(in srgb, var(--app-accent, var(--ui-border-strong)) 34%, var(--ui-border-strong));
  }
}

.panel-dialog-layout[data-surface="floating"] {
  border: 1px solid var(--ui-dialog-border);
  border-radius: var(--ui-dialog-radius);
  background: var(--ui-dialog-surface);
  gap: 0;
}

.panel-dialog-layout[data-surface="floating"] > .panel-dialog-header, .panel-dialog-layout[data-surface="floating"] > .panel-dialog-footer {
  background: var(--ui-surface-subtle);
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.panel-dialog-shell > .panel-dialog-header {
  background: var(--ui-surface-subtle);
  min-height: 3.25rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
}

.panel-dialog-shell > .panel-dialog-footer {
  background: var(--ui-surface-subtle);
  padding: .75rem 1rem;
}

.panel-dialog-body {
  gap: var(--ui-space-shell);
  padding: .75rem 1rem;
}

.panel-dialog-section {
  background: var(--ui-dialog-section);
  box-shadow: none;
  border-color: #0000;
  padding: .75rem;
}

.settings-save-bar {
  background: var(--ui-surface-raised);
  box-shadow: 0 -10px 20px -18px #18181b47;
}

.dark .settings-save-bar {
  box-shadow: 0 -10px 20px -18px #00000094;
}

.panel-dialog-tabs {
  background: none;
  gap: .125rem;
}

.panel-dialog-tabs > button {
  color: var(--color-zinc-600);
  background: none;
}

.dark .panel-dialog-tabs > button {
  color: var(--color-zinc-400);
}

.panel-dialog-tabs > button:not([aria-pressed="true"]):hover {
  color: var(--color-zinc-900);
  background: var(--ui-hover);
}

.dark .panel-dialog-tabs > button:not([aria-pressed="true"]):hover {
  color: var(--color-zinc-100);
}

.panel-dialog-tabs > button[aria-pressed="true"] {
  color: var(--color-zinc-950);
  background: none;
  font-weight: 600;
}

.dark .panel-dialog-tabs > button[aria-pressed="true"] {
  color: var(--color-zinc-50);
}

@media (max-width: 767px) {
  .segmented-control-item, .pagination-item {
    min-height: 2.5rem;
  }

  .pagination-item {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.dark .sidebar-item-active {
  color: var(--app-accent, #51a2ff);
}

@supports (color: color(display-p3 0 0 0)) {
  .dark .sidebar-item-active {
    color: var(--app-accent, color(display-p3 .397443 .62813 .992116));
  }
}

@supports (color: lab(0% 0 0)) {
  .dark .sidebar-item-active {
    color: var(--app-accent, lab(65.0361% -1.42068 -56.9802));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .sidebar-item-active {
    color: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 58%, white);
  }
}

.dark .sidebar-item-active:hover {
  color: var(--app-accent, #51a2ff);
}

@supports (color: color(display-p3 0 0 0)) {
  .dark .sidebar-item-active:hover {
    color: var(--app-accent, color(display-p3 .397443 .62813 .992116));
  }
}

@supports (color: lab(0% 0 0)) {
  .dark .sidebar-item-active:hover {
    color: var(--app-accent, lab(65.0361% -1.42068 -56.9802));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .sidebar-item-active:hover {
    color: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 45%, white);
  }
}

.sidebar-item-main {
  display: flex;
  text-align: left;
  outline: none;
  align-items:  center;
  gap: .5rem;
  width: 100%;
  min-width: 0;
}

.sidebar-item-icon {
  display: inline-flex;
  flex: 0 0 1rem;
  justify-content: center;
  align-items:  center;
  width: 1rem;
}

.sidebar-item-label {
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
}

.sidebar-item-label-text {
  display: inline-block;
  min-width: max-content;
  transform: translateX(0);
}

.sidebar-item-meta-trailing {
  display: inline-flex;
  flex: none;
  align-items:  center;
}

.sidebar-item-has-action {
  position: relative;
}

.sidebar-item-has-action .sidebar-item-main {
  transition: padding-right .15s ease-out;
}

.sidebar-item-has-action > .sidebar-item-action {
  position: absolute;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  top: 50%;
  right: .375rem;
  transform: translateY(-50%);
}

.sidebar-item-has-action:-webkit-any(:hover, :focus-within) .sidebar-item-main {
  padding-right: 1.5rem;
}

.sidebar-item-has-action:-moz-any(:hover, :focus-within) .sidebar-item-main {
  padding-right: 1.5rem;
}

.sidebar-item-has-action:is(:hover, :focus-within) .sidebar-item-main {
  padding-right: 1.5rem;
}

.sidebar-item-has-action:-webkit-any(:hover, :focus-within) > .sidebar-item-action {
  opacity: 1;
  pointer-events: auto;
}

.sidebar-item-has-action:-moz-any(:hover, :focus-within) > .sidebar-item-action {
  opacity: 1;
  pointer-events: auto;
}

.sidebar-item-has-action:is(:hover, :focus-within) > .sidebar-item-action {
  opacity: 1;
  pointer-events: auto;
}

@media (hover: none), (max-width: 1023px) {
  .sidebar-item-has-action .sidebar-item-main {
    padding-right: 1.5rem;
  }

  .sidebar-item-has-action > .sidebar-item-action {
    opacity: 1;
    pointer-events: auto;
  }
}

.sidebar-item-has-action:focus-within {
  box-shadow: var(--ui-focus);
}

@keyframes sidebar-label-marquee {
  0%, 15% {
    transform: translateX(0);
  }

  85%, 100% {
    transform: translateX(calc(-1 * var(--sidebar-label-overflow)));
  }
}

.sidebar-item-label[data-overflow="true"][data-marquee="true"]:hover .sidebar-item-label-text, [data-app-workspace-item]:focus-within .sidebar-item-label[data-overflow="true"][data-marquee="true"] .sidebar-item-label-text {
  animation: 4s ease-in-out .2s infinite alternate sidebar-label-marquee;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-item-label-text {
    animation: none !important;
    transform: none !important;
  }
}

.workspace-resize-handle {
  position: absolute;
  z-index: 20;
  display: none;
  cursor: col-resize;
  touch-action: none;
  background: none;
  border: 0;
  width: .875rem;
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
}

.app-workspace[data-workspace-resizable="false"] .workspace-resize-handle {
  display: none;
}

.workspace-resize-handle-sidebar {
  left: var(--workspace-sidebar-width, 13rem);
}

.workspace-resize-handle-detail {
  right: var(--workspace-panel-size, var(--workspace-detail-width, 24rem));
  transform: translateX(50%);
}

.workspace-resize-handle-drawer {
  top: auto;
  right: 0;
  bottom: var(--workspace-panel-size, 15rem);
  cursor: row-resize;
  width: auto;
  height: .875rem;
  left: 0;
  transform: translateY(50%);
}

.workspace-resize-handle:before {
  content: "";
  position: absolute;
  background: var(--ui-border-strong);
  opacity: 0;
  width: 1px;
  transition: opacity .12s ease-out;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.workspace-resize-handle-drawer:before {
  width: auto;
  height: 1px;
  inset: 50% 0 auto;
  transform: translateY(-50%);
}

.workspace-resize-handle[data-workspace-resize-shadow="true"]:after {
  content: "";
  position: absolute;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(to left, #18181b09, #18181b04 45%, #0000);
  width: .875rem;
  transition: opacity .15s ease-out;
  top: 0;
  bottom: 0;
  right: 50%;
}

.workspace-resize-handle[data-workspace-resize-shadow="true"][data-workspace-resize-edge="start"]:after {
  background: linear-gradient(to right, #18181b09, #18181b04 45%, #0000);
  left: 50%;
  right: auto;
}

.dark .workspace-resize-handle[data-workspace-resize-shadow="true"]:after {
  background: linear-gradient(to left, #00000017, #00000009 45%, #0000);
}

.dark .workspace-resize-handle[data-workspace-resize-shadow="true"][data-workspace-resize-edge="start"]:after {
  background: linear-gradient(to right, #00000017, #00000009 45%, #0000);
}

.workspace-resize-handle-drawer[data-workspace-resize-shadow="true"]:after {
  background: linear-gradient(#18181b09, #18181b04 45%, #0000);
  width: auto;
  height: .875rem;
  inset: 50% 0 auto;
}

.dark .workspace-resize-handle-drawer[data-workspace-resize-shadow="true"]:after {
  background: linear-gradient(#00000017, #00000009 45%, #0000);
}

.workspace-resize-handle > span {
  position: absolute;
  background: var(--ui-border-strong);
  opacity: 0;
  border-radius: 999px;
  width: 3px;
  height: 2rem;
  transition: opacity .12s ease-out;
  top: 50%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}

.workspace-resize-handle-drawer > span {
  width: 2rem;
  height: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.workspace-resize-handle[data-workspace-resize-active="true"]:before, .workspace-resize-handle[data-workspace-resize-shadow="true"][data-workspace-resize-active="true"]:after, .workspace-resize-handle[data-workspace-resize-active="true"] > span {
  opacity: 1;
}

.workspace-resize-handle:-webkit-any(:hover, :focus-visible):before {
  opacity: 1;
}

.workspace-resize-handle:-moz-any(:hover, :focus-visible):before {
  opacity: 1;
}

.workspace-resize-handle:is(:hover, :focus-visible):before {
  opacity: 1;
}

.workspace-resize-handle[data-workspace-resize-shadow="true"]:-webkit-any(:hover, :focus-visible):after {
  opacity: 1;
}

.workspace-resize-handle[data-workspace-resize-shadow="true"]:-moz-any(:hover, :focus-visible):after {
  opacity: 1;
}

.workspace-resize-handle[data-workspace-resize-shadow="true"]:is(:hover, :focus-visible):after {
  opacity: 1;
}

.workspace-resize-handle:-webkit-any(:hover, :focus-visible) > span {
  opacity: 1;
}

.workspace-resize-handle:-moz-any(:hover, :focus-visible) > span {
  opacity: 1;
}

.workspace-resize-handle:is(:hover, :focus-visible) > span {
  opacity: 1;
}

.workspace-resize-handle:focus-visible {
  outline: none;
}

@media (min-width: 1024px) {
  .workspace-resize-handle {
    display: block;
  }

  .app-workspace > .workspace-sidebar[data-workspace-resizable="true"] {
    width: var(--workspace-sidebar-width, 13rem);
  }

  .app-workspace > .workspace-sidebar[data-workspace-collapsible="true"] {
    transition: width .14s ease-out;
  }

  .workspace-main-split {
    flex-direction: row;
  }

  .workspace-main-pane {
    display: flex;
    width: var(--workspace-panel-size, 20rem);
    flex: 0 0 var(--workspace-panel-size, 20rem);
    overflow: hidden;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
  }

  .workspace-main-pane-primary {
    flex: auto;
    width: auto;
  }

  .workspace-main .workspace-resize-handle-pane {
    position: relative;
    flex: 0 0 .875rem;
    align-self: stretch;
    height: auto;
    margin-inline-start: -.4375rem;
    margin-inline-end: -.4375rem;
    inset: auto;
    transform: none;
  }

  .app-workspace[data-workspace-resize-active] > .workspace-sidebar[data-workspace-collapsible="true"] {
    transition: none;
  }

  .app-workspace > .workspace-detail[data-workspace-resizable="true"], .app-workspace .workspace-content > .workspace-detail[data-workspace-resizable="true"] {
    width: var(--workspace-panel-size, var(--workspace-detail-width, 24rem));
  }

  .app-workspace > :-webkit-any(solid-island, solid-client) > .workspace-detail[data-workspace-resizable="true"] {
    width: var(--workspace-panel-size, var(--workspace-detail-width, 24rem));
  }

  .app-workspace > :-moz-any(solid-island, solid-client) > .workspace-detail[data-workspace-resizable="true"] {
    width: var(--workspace-panel-size, var(--workspace-detail-width, 24rem));
  }

  .app-workspace > :is(solid-island, solid-client) > .workspace-detail[data-workspace-resizable="true"] {
    width: var(--workspace-panel-size, var(--workspace-detail-width, 24rem));
  }

  .app-workspace .workspace-content > :-webkit-any(solid-island, solid-client) > .workspace-detail[data-workspace-resizable="true"] {
    width: var(--workspace-panel-size, var(--workspace-detail-width, 24rem));
  }

  .app-workspace .workspace-content > :-moz-any(solid-island, solid-client) > .workspace-detail[data-workspace-resizable="true"] {
    width: var(--workspace-panel-size, var(--workspace-detail-width, 24rem));
  }

  .app-workspace .workspace-content > :is(solid-island, solid-client) > .workspace-detail[data-workspace-resizable="true"] {
    width: var(--workspace-panel-size, var(--workspace-detail-width, 24rem));
  }

  .app-workspace .workspace-content > .workspace-resize-handle-detail {
    position: relative;
    flex: 0 0 .875rem;
    order: 3;
    height: auto;
    margin-inline-start: -.4375rem;
    margin-inline-end: -.4375rem;
    inset: auto;
    transform: none;
  }

  .app-workspace .workspace-content > :-webkit-any(solid-island, solid-client) > .workspace-resize-handle-detail {
    position: relative;
    flex: 0 0 .875rem;
    order: 3;
    height: auto;
    margin-inline-start: -.4375rem;
    margin-inline-end: -.4375rem;
    inset: auto;
    transform: none;
  }

  .app-workspace .workspace-content > :-moz-any(solid-island, solid-client) > .workspace-resize-handle-detail {
    position: relative;
    flex: 0 0 .875rem;
    order: 3;
    height: auto;
    margin-inline-start: -.4375rem;
    margin-inline-end: -.4375rem;
    inset: auto;
    transform: none;
  }

  .app-workspace .workspace-content > :is(solid-island, solid-client) > .workspace-resize-handle-detail {
    position: relative;
    flex: 0 0 .875rem;
    order: 3;
    height: auto;
    margin-inline-start: -.4375rem;
    margin-inline-end: -.4375rem;
    inset: auto;
    transform: none;
  }

  .app-workspace:has( > .workspace-sidebar) > .workspace-resize-handle-drawer {
    left: var(--workspace-sidebar-width, 13rem);
  }

  .app-workspace > .workspace-resize-handle-detail:has( + .workspace-detail.hidden) {
    display: none;
  }

  .app-workspace > :-webkit-any(solid-island, solid-client) > .workspace-resize-handle-detail:has( + .workspace-detail.hidden) {
    display: none;
  }

  .app-workspace > :-moz-any(solid-island, solid-client) > .workspace-resize-handle-detail:has( + .workspace-detail.hidden) {
    display: none;
  }

  .app-workspace > :is(solid-island, solid-client) > .workspace-resize-handle-detail:has( + .workspace-detail.hidden) {
    display: none;
  }

  .app-workspace .workspace-content > .workspace-resize-handle-detail:has( + .workspace-detail.hidden) {
    display: none;
  }

  .app-workspace .workspace-content > :-webkit-any(solid-island, solid-client) > .workspace-resize-handle-detail:has( + .workspace-detail.hidden) {
    display: none;
  }

  .app-workspace .workspace-content > :-moz-any(solid-island, solid-client) > .workspace-resize-handle-detail:has( + .workspace-detail.hidden) {
    display: none;
  }

  .app-workspace .workspace-content > :is(solid-island, solid-client) > .workspace-resize-handle-detail:has( + .workspace-detail.hidden) {
    display: none;
  }

  .app-workspace > .workspace-resize-handle-drawer:has( + .workspace-bottom-drawer.hidden) {
    display: none;
  }

  .app-workspace > .workspace-bottom-drawer[data-workspace-resizable="true"] {
    height: var(--workspace-panel-size, 15rem);
  }
}

@media (max-width: 1023px) {
  .workspace-main-split > [data-workspace-main-region] {
    display: none;
  }

  .workspace-main-split > [data-workspace-mobile-active="true"] {
    display: flex;
    flex: auto;
    min-width: 0;
    min-height: 0;
  }

  .app-workspace:has( > .workspace-detail:not(.hidden)) > .workspace-main {
    display: none;
  }

  .app-workspace > :-webkit-any(solid-island, solid-client):has( > .workspace-detail:not(.hidden)) > .workspace-main {
    display: none;
  }

  .app-workspace > :-moz-any(solid-island, solid-client):has( > .workspace-detail:not(.hidden)) > .workspace-main {
    display: none;
  }

  .app-workspace > :is(solid-island, solid-client):has( > .workspace-detail:not(.hidden)) > .workspace-main {
    display: none;
  }

  .app-workspace > .workspace-content:has( > .workspace-detail:not(.hidden)) > .workspace-main {
    display: none;
  }

  .app-workspace > .workspace-content > :-webkit-any(solid-island, solid-client):has( > .workspace-detail:not(.hidden)) > .workspace-main {
    display: none;
  }

  .app-workspace > .workspace-content > :-moz-any(solid-island, solid-client):has( > .workspace-detail:not(.hidden)) > .workspace-main {
    display: none;
  }

  .app-workspace > .workspace-content > :is(solid-island, solid-client):has( > .workspace-detail:not(.hidden)) > .workspace-main {
    display: none;
  }

  .app-workspace > .workspace-detail:not(.hidden), .app-workspace > .workspace-content > .workspace-detail:not(.hidden) {
    flex: auto;
    min-height: 0;
  }

  .app-workspace > :-webkit-any(solid-island, solid-client) > .workspace-detail:not(.hidden) {
    flex: auto;
    min-height: 0;
  }

  .app-workspace > :-moz-any(solid-island, solid-client) > .workspace-detail:not(.hidden) {
    flex: auto;
    min-height: 0;
  }

  .app-workspace > :is(solid-island, solid-client) > .workspace-detail:not(.hidden) {
    flex: auto;
    min-height: 0;
  }

  .app-workspace > .workspace-content > :-webkit-any(solid-island, solid-client) > .workspace-detail:not(.hidden) {
    flex: auto;
    min-height: 0;
  }

  .app-workspace > .workspace-content > :-moz-any(solid-island, solid-client) > .workspace-detail:not(.hidden) {
    flex: auto;
    min-height: 0;
  }

  .app-workspace > .workspace-content > :is(solid-island, solid-client) > .workspace-detail:not(.hidden) {
    flex: auto;
    min-height: 0;
  }

  .app-workspace > .workspace-bottom-drawer:not(.hidden) {
    max-height: 50%;
  }
}

@keyframes workspace-sidebar-content-settle {
  from {
    opacity: .25;
    transform: translateX(-.125rem);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.app-workspace[data-workspace-sidebar-snapping="true"] .workspace-sidebar[data-workspace-collapsible="true"] :-webkit-any(.workspace-sidebar-header, [data-sidebar-mode]) {
  animation: .12s ease-out 30ms both workspace-sidebar-content-settle;
}

.app-workspace[data-workspace-sidebar-snapping="true"] .workspace-sidebar[data-workspace-collapsible="true"] :-moz-any(.workspace-sidebar-header, [data-sidebar-mode]) {
  animation: .12s ease-out 30ms both workspace-sidebar-content-settle;
}

.app-workspace[data-workspace-sidebar-snapping="true"] .workspace-sidebar[data-workspace-collapsible="true"] :is(.workspace-sidebar-header, [data-sidebar-mode]) {
  animation: .12s ease-out 30ms both workspace-sidebar-content-settle;
}

.workspace-sidebar [data-sidebar-mode="collapsed"], .cloud-app-canvas[data-workspace-sidebar-collapsed="true"] .workspace-sidebar[data-workspace-collapsible="true"] [data-sidebar-mode="expanded"] {
  display: none !important;
}

.cloud-app-canvas[data-workspace-sidebar-collapsed="true"] .workspace-sidebar[data-workspace-collapsible="true"] [data-sidebar-mode="collapsed"] {
  display: flex !important;
}

.cloud-app-canvas[data-workspace-sidebar-collapsed="true"] .workspace-sidebar[data-workspace-collapsible="true"] .workspace-sidebar-header {
  justify-content: center;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.cloud-app-canvas[data-workspace-sidebar-collapsed="true"] .workspace-sidebar[data-workspace-collapsible="true"] .workspace-sidebar-header > :not(.sidebar-header-icon) {
  display: none;
}

.cloud-app-canvas[data-workspace-sidebar-collapsed="true"] .workspace-sidebar[data-workspace-collapsible="true"] :-webkit-any(.sidebar-section-title, .sidebar-item-label, .sidebar-item-meta-trailing, .sidebar-item-action) {
  display: none !important;
}

.cloud-app-canvas[data-workspace-sidebar-collapsed="true"] .workspace-sidebar[data-workspace-collapsible="true"] :-moz-any(.sidebar-section-title, .sidebar-item-label, .sidebar-item-meta-trailing, .sidebar-item-action) {
  display: none !important;
}

.cloud-app-canvas[data-workspace-sidebar-collapsed="true"] .workspace-sidebar[data-workspace-collapsible="true"] :is(.sidebar-section-title, .sidebar-item-label, .sidebar-item-meta-trailing, .sidebar-item-action) {
  display: none !important;
}

.cloud-app-canvas[data-workspace-sidebar-collapsed="true"] .workspace-sidebar[data-workspace-collapsible="true"] :-webkit-any(.sidebar-item, .sidebar-item-main) {
  justify-content: center;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.cloud-app-canvas[data-workspace-sidebar-collapsed="true"] .workspace-sidebar[data-workspace-collapsible="true"] :-moz-any(.sidebar-item, .sidebar-item-main) {
  justify-content: center;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.cloud-app-canvas[data-workspace-sidebar-collapsed="true"] .workspace-sidebar[data-workspace-collapsible="true"] :is(.sidebar-item, .sidebar-item-main) {
  justify-content: center;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.cloud-app-canvas[data-workspace-sidebar-collapsed="true"] .workspace-sidebar[data-workspace-collapsible="true"] .sidebar-icon-grid {
  grid-template-columns: minmax(0, 1fr);
}

@media (prefers-reduced-motion: reduce) {
  .app-workspace > .workspace-sidebar[data-workspace-collapsible="true"] {
    transition: none;
  }

  .app-workspace[data-workspace-sidebar-snapping="true"] .workspace-sidebar[data-workspace-collapsible="true"] :-webkit-any(.workspace-sidebar-header, [data-sidebar-mode]) {
    animation: none;
  }

  .app-workspace[data-workspace-sidebar-snapping="true"] .workspace-sidebar[data-workspace-collapsible="true"] :-moz-any(.workspace-sidebar-header, [data-sidebar-mode]) {
    animation: none;
  }

  .app-workspace[data-workspace-sidebar-snapping="true"] .workspace-sidebar[data-workspace-collapsible="true"] :is(.workspace-sidebar-header, [data-sidebar-mode]) {
    animation: none;
  }
}

.dark .list-item-active {
  color: var(--app-accent, #51a2ff);
}

@supports (color: color(display-p3 0 0 0)) {
  .dark .list-item-active {
    color: var(--app-accent, color(display-p3 .397443 .62813 .992116));
  }
}

@supports (color: lab(0% 0 0)) {
  .dark .list-item-active {
    color: var(--app-accent, lab(65.0361% -1.42068 -56.9802));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .list-item-active {
    color: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 58%, white);
  }
}

.dark .list-item-active:hover {
  color: var(--app-accent, #51a2ff);
}

@supports (color: color(display-p3 0 0 0)) {
  .dark .list-item-active:hover {
    color: var(--app-accent, color(display-p3 .397443 .62813 .992116));
  }
}

@supports (color: lab(0% 0 0)) {
  .dark .list-item-active:hover {
    color: var(--app-accent, lab(65.0361% -1.42068 -56.9802));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .list-item-active:hover {
    color: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 45%, white);
  }
}

.rail-item-active:hover {
  color: var(--app-accent, #2b7fff);
  background: none;
}

@supports (color: color(display-p3 0 0 0)) {
  .rail-item-active:hover {
    color: var(--app-accent, color(display-p3 .266422 .491219 .988624));
  }
}

@supports (color: lab(0% 0 0)) {
  .rail-item-active:hover {
    color: var(--app-accent, lab(54.1736% 13.3369 -74.6839));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .rail-item-active:hover {
    color: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 88%, black);
  }
}

.dark .rail-item-active {
  border-color: var(--app-accent, #51a2ff);
  color: var(--app-accent, #51a2ff);
  background: none;
}

@supports (color: color(display-p3 0 0 0)) {
  .dark .rail-item-active {
    border-color: var(--app-accent, color(display-p3 .397443 .62813 .992116));
    color: var(--app-accent, color(display-p3 .397443 .62813 .992116));
  }
}

@supports (color: lab(0% 0 0)) {
  .dark .rail-item-active {
    border-color: var(--app-accent, lab(65.0361% -1.42068 -56.9802));
    color: var(--app-accent, lab(65.0361% -1.42068 -56.9802));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .rail-item-active {
    border-color: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 58%, transparent);
  }
}

.dark .rail-item-active:hover {
  color: var(--app-accent, #51a2ff);
  background: none;
}

@supports (color: color(display-p3 0 0 0)) {
  .dark .rail-item-active:hover {
    color: var(--app-accent, color(display-p3 .397443 .62813 .992116));
  }
}

@supports (color: lab(0% 0 0)) {
  .dark .rail-item-active:hover {
    color: var(--app-accent, lab(65.0361% -1.42068 -56.9802));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .rail-item-active:hover {
    color: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 45%, white);
  }
}

.layout-profile-preferences {
  position: relative;
  display: inline-flex;
  flex: none;
}

.layout-profile-preferences[data-placement="rail"] {
  display: none;
}

.layout-profile-preferences__link, .layout-profile-preferences__dropdown-trigger {
  display: none;
  border-radius: var(--ui-radius-surface);
  color: inherit;
  text-decoration: none;
  background: none;
  border: 0;
  justify-content: center;
  align-items:  center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  transition: background-color .15s ease-out;
}

.layout-profile-preferences__link:hover, .layout-profile-preferences__dropdown-trigger:hover {
  background: var(--ui-hover);
}

.layout-profile-preferences__link:focus-visible {
  outline: none;
  box-shadow: var(--ui-focus);
}

.layout-profile-preferences__dropdown-trigger:focus-visible {
  outline: none;
  box-shadow: var(--ui-focus);
}

.layout-profile-preferences__panel {
  position: absolute;
  z-index: 100;
  display: none;
  color: var(--color-zinc-700);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  flex-direction: column;
  gap: .125rem;
  width: min(14rem, 100vw - 1rem);
  padding: .25rem;
  transition: opacity .12s ease-out;
}

.dark .layout-profile-preferences__panel {
  color: var(--color-zinc-300);
}

.layout-profile-preferences[data-placement="header"] .layout-profile-preferences__panel {
  top: 100%;
  right: 0;
}

.layout-profile-preferences[data-placement="rail"] .layout-profile-preferences__panel {
  bottom: 0;
  left: 100%;
}

.layout-profile-preferences:focus-within .layout-profile-preferences__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.layout-profile-preferences__panel .menu-item > i {
  text-align: center;
  flex: none;
  width: 1rem;
}

.layout-profile-preferences > .layout-profile-preferences__dropdown, .layout-profile-preferences__dropdown-trigger {
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .layout-profile-preferences:hover .layout-profile-preferences__panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .layout-profile-preferences__link, .layout-profile-preferences__panel {
    display: flex;
  }

  .layout-profile-preferences > .layout-profile-preferences__dropdown {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .layout-profile-preferences__link, .layout-profile-preferences__dropdown-trigger, .layout-profile-preferences__panel {
    transition: none;
  }
}

.minimal-layout-preferences {
  position: fixed;
  z-index: 50;
}

.minimal-layout-preferences--top-left {
  top: max(.75rem, env(safe-area-inset-top));
  left: max(.75rem, env(safe-area-inset-left));
}

.minimal-layout-preferences--top-right {
  top: max(.75rem, env(safe-area-inset-top));
  right: max(.75rem, env(safe-area-inset-right));
}

.minimal-layout-preferences--bottom-left {
  bottom: max(.75rem, env(safe-area-inset-bottom));
  left: max(.75rem, env(safe-area-inset-left));
}

.minimal-layout-preferences--bottom-right {
  right: max(.75rem, env(safe-area-inset-right));
  bottom: max(.75rem, env(safe-area-inset-bottom));
}

.minimal-layout-preferences__trigger {
  box-shadow: var(--ui-shadow-float);
  backdrop-filter: blur(.5rem);
}

.workspace-sidebar-header {
  min-height: var(--ui-control-md);
  gap: .625rem;
  padding: 0 .25rem;
}

.sidebar-header-icon {
  box-shadow: inset 0 0 0 1px var(--app-accent, #2b7fff);
  border-radius: .4375rem;
  width: 1.4375rem;
  height: 1.4375rem;
  background: var(--app-accent, #2b7fff) !important;
  color: var(--app-accent, #2b7fff) !important;
}

@supports (color: color(display-p3 0 0 0)) {
  .sidebar-header-icon {
    box-shadow: inset 0 0 0 1px var(--app-accent, color(display-p3 .266422 .491219 .988624));
    background: var(--app-accent, color(display-p3 .266422 .491219 .988624)) !important;
    color: var(--app-accent, color(display-p3 .266422 .491219 .988624)) !important;
  }
}

@supports (color: lab(0% 0 0)) {
  .sidebar-header-icon {
    box-shadow: inset 0 0 0 1px var(--app-accent, lab(54.1736% 13.3369 -74.6839));
    background: var(--app-accent, lab(54.1736% 13.3369 -74.6839)) !important;
    color: var(--app-accent, lab(54.1736% 13.3369 -74.6839)) !important;
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .sidebar-header-icon {
    background: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 9%, transparent) !important;
  }
}

.sidebar-header-icon-mobile {
  box-shadow: inset 0 0 0 1px var(--app-accent, #2b7fff);
  background: var(--app-accent, #2b7fff) !important;
  color: var(--app-accent, #2b7fff) !important;
}

@supports (color: color(display-p3 0 0 0)) {
  .sidebar-header-icon-mobile {
    box-shadow: inset 0 0 0 1px var(--app-accent, color(display-p3 .266422 .491219 .988624));
    background: var(--app-accent, color(display-p3 .266422 .491219 .988624)) !important;
    color: var(--app-accent, color(display-p3 .266422 .491219 .988624)) !important;
  }
}

@supports (color: lab(0% 0 0)) {
  .sidebar-header-icon-mobile {
    box-shadow: inset 0 0 0 1px var(--app-accent, lab(54.1736% 13.3369 -74.6839));
    background: var(--app-accent, lab(54.1736% 13.3369 -74.6839)) !important;
    color: var(--app-accent, lab(54.1736% 13.3369 -74.6839)) !important;
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .sidebar-header-icon-mobile {
    background: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 9%, transparent) !important;
  }
}

.dark :-webkit-any(.sidebar-header-icon, .sidebar-header-icon-mobile) {
  color: var(--app-accent, #51a2ff) !important;
}

.dark :-moz-any(.sidebar-header-icon, .sidebar-header-icon-mobile) {
  color: var(--app-accent, #51a2ff) !important;
}

.dark :is(.sidebar-header-icon, .sidebar-header-icon-mobile) {
  color: var(--app-accent, #51a2ff) !important;
}

@supports (color: color(display-p3 0 0 0)) {
  .dark :is(.sidebar-header-icon, .sidebar-header-icon-mobile) {
    color: var(--app-accent, color(display-p3 .397443 .62813 .992116)) !important;
  }
}

@supports (color: lab(0% 0 0)) {
  .dark :is(.sidebar-header-icon, .sidebar-header-icon-mobile) {
    color: var(--app-accent, lab(65.0361% -1.42068 -56.9802)) !important;
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .dark :-webkit-any(.sidebar-header-icon, .sidebar-header-icon-mobile) {
    color: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 58%, white) !important;
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .dark :-moz-any(.sidebar-header-icon, .sidebar-header-icon-mobile) {
    color: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 58%, white) !important;
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .dark :is(.sidebar-header-icon, .sidebar-header-icon-mobile) {
    color: color-mix(in srgb, var(--app-accent, var(--color-blue-400)) 58%, white) !important;
  }
}

.sidebar-header-title {
  letter-spacing: -.016em;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.375rem;
}

.sidebar-header-subtitle {
  font-size: .6875rem;
}

.sidebar-section-title {
  color: currentColor;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-inline-start: .375rem;
  margin-inline-end: .375rem;
  font-size: .625rem;
  font-weight: 650;
}

@supports (color: color-mix(in lab, red, red)) {
  .sidebar-section-title {
    color: color-mix(in srgb, currentColor 72%, transparent);
  }
}

.sidebar-item {
  min-height: 1.9375rem;
  padding: .375rem .5625rem;
}

.sidebar-icon-action {
  border-radius: var(--ui-radius-surface);
  background: var(--ui-surface-muted);
  box-shadow: none;
  height: 2.75rem;
}

.sidebar-icon-action-active {
  color: var(--app-accent, #2b7fff);
  background: var(--ui-selected);
  box-shadow: inset 0 0 0 1px var(--app-accent, #2b7fff);
}

@supports (color: color(display-p3 0 0 0)) {
  .sidebar-icon-action-active {
    color: var(--app-accent, color(display-p3 .266422 .491219 .988624));
    box-shadow: inset 0 0 0 1px var(--app-accent, color(display-p3 .266422 .491219 .988624));
  }
}

@supports (color: lab(0% 0 0)) {
  .sidebar-icon-action-active {
    color: var(--app-accent, lab(54.1736% 13.3369 -74.6839));
    box-shadow: inset 0 0 0 1px var(--app-accent, lab(54.1736% 13.3369 -74.6839));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .sidebar-icon-action-active {
    color: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 78%, black);
  }
}

:-webkit-any(.sidebar-item-active, .list-item-active) {
  box-shadow: none;
}

:-moz-any(.sidebar-item-active, .list-item-active) {
  box-shadow: none;
}

:is(.sidebar-item-active, .list-item-active) {
  box-shadow: none;
}

.sidebar-item-action {
  width: 1.75rem;
  height: 1.75rem;
}

.file-tree > li > div[data-state="selected"] {
  background: var(--ui-selected) !important;
  box-shadow: none !important;
}

.file-tree > li > div[data-state="drop-target"] {
  background: #2b7fff !important;
  background: color(display-p3 .266422 .491219 .988624) !important;
  background: lab(54.1736% 13.3369 -74.6839) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .file-tree > li > div[data-state="drop-target"] {
    background: color-mix(in srgb, var(--color-blue-500) 8%, var(--ui-surface)) !important;
  }
}

.menu-item {
  gap: .625rem;
  padding: .4375rem .75rem;
  font-size: .8125rem;
}

.menu-label {
  letter-spacing: .06em;
  padding: .625rem .75rem .25rem;
  font-size: .625rem;
}

.state-placeholder[data-variant="panel"] {
  min-height: 13rem;
  padding: 1.5rem;
}

.state-placeholder-icon-panel {
  border-radius: var(--ui-radius-control);
  width: 2.5rem;
  height: 2.5rem;
}

.prompt-panel, .prompt-search-surface {
  border: 1px solid var(--ui-dialog-border);
  border-radius: var(--ui-dialog-radius);
  background: var(--ui-dialog-surface);
  box-shadow: var(--ui-shadow-float) !important;
}

.prompt-search-surface {
  --prompt-search-focus-accent: var(--color-blue-500);
}

.dark .prompt-search-surface {
  --prompt-search-focus-accent: var(--color-blue-400);
}

.prompt-panel-danger {
  border-color: #fb2c36;
  border-color: color(display-p3 .903738 .262579 .253307);
  border-color: lab(55.4814% 75.0732 48.8527);
}

@supports (color: color-mix(in lab, red, red)) {
  .prompt-panel-danger {
    border-color: color-mix(in srgb, var(--color-red-500) 28%, var(--ui-dialog-border));
  }
}

.prompt-panel-success {
  border-color: #00c950;
  border-color: color(display-p3 .308734 .774754 .374307);
  border-color: lab(70.5521% -66.5147 45.8073);
}

@supports (color: color-mix(in lab, red, red)) {
  .prompt-panel-success {
    border-color: color-mix(in srgb, var(--color-green-500) 24%, var(--ui-dialog-border));
  }
}

.prompt-search-surface > label {
  background: var(--ui-field);
}

.prompt-search-surface > label:focus-within {
  background: var(--prompt-search-focus-accent);
  box-shadow: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .prompt-search-surface > label:focus-within {
    background: color-mix(in srgb, var(--prompt-search-focus-accent) 4%, var(--ui-field-focus));
  }
}

.prompt-search-surface > label > i {
  transition: color .15s ease-out;
}

.prompt-search-surface > label:focus-within > i {
  color: var(--prompt-search-focus-accent);
}

.prompt-search-surface input {
  caret-color: var(--prompt-search-focus-accent);
}

@media (forced-colors: active) {
  .prompt-search-surface:focus-within {
    outline: 2px solid canvastext;
    outline-offset: -2px;
  }
}

#ui-toast-container > div {
  border: 1px solid var(--ui-border-strong);
  border-radius: var(--ui-radius-surface);
  background: var(--ui-surface-raised);
  box-shadow: var(--ui-shadow-float) !important;
}

.k2b-ui .k2b-content-markdown.cloud-ai-approval-detail {
  font-size: inherit;
  color: var(--k2b-text-muted);
  line-height: 1.6667;
}

.k2b-ui .cloud-ai-approval-detail strong {
  color: var(--k2b-text);
  font-size: inherit;
  font-weight: 600;
}

.k2b-ui .cloud-ai-approval-detail p + p {
  margin-top: .75rem;
}

[aria-label="Data table"] {
  border-color: var(--ui-border);
  box-shadow: none;
}

.md-table-wrap {
  overflow: clip;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-surface);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-surface);
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.md-table {
  border-collapse: collapse;
  border: 0;
  width: 100%;
  font-size: .75rem;
  line-height: 1rem;
  margin: 0 !important;
}

.md-table thead, .md-table tbody, .md-table thead tr, .md-table tbody tr, .md-table th, .md-table td {
  border: 0;
}

.md-table thead {
  background: var(--ui-data-header);
}

.md-table thead tr {
  border-bottom: 1px solid var(--ui-data-divider);
}

.md-table tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--ui-data-row-divider);
}

.md-table th, .md-table td {
  position: relative;
  vertical-align: top;
  min-width: 0;
  padding: 0;
}

.md-table-cell {
  position: relative;
  z-index: 1;
  display: flex;
  box-sizing: border-box;
  box-shadow: none;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  overflow-wrap: anywhere;
  background: none;
  border: 0;
  border-radius: 0;
  justify-content: flex-start;
  align-items:  flex-start;
  gap: .35rem;
  min-height: 2rem;
  padding: .5rem .75rem;
}

.dark .md-table-cell {
  box-shadow: none;
  color: inherit;
  background: none;
}

.md-table thead .md-table-cell {
  background: none;
  font-weight: 600;
}

.dark .md-table thead .md-table-cell {
  background: none;
}

.md-table-cell.md-align-right {
  text-align: right;
  justify-content: flex-end;
}

.md-table-cell.md-align-center {
  text-align: center;
  justify-content: center;
}

.md-table tbody tr.md-table-total-row {
  background: var(--ui-data-header);
}

.md-table tbody tr.md-table-total-row .md-table-cell {
  background: none;
  font-weight: 600;
}

.dark .md-table tbody tr.md-table-total-row .md-table-cell {
  background: none;
}

@media (hover: hover) {
  .md-table tbody tr:not(.md-table-total-row):hover {
    background: var(--ui-data-row-hover);
  }

  .md-table :-webkit-any(th, td):after {
    content: "";
    position: absolute;
    pointer-events: none;
    inset: -100vmax 0;
  }

  .md-table :-moz-any(th, td):after {
    content: "";
    position: absolute;
    pointer-events: none;
    inset: -100vmax 0;
  }

  .md-table :is(th, td):after {
    content: "";
    position: absolute;
    pointer-events: none;
    inset: -100vmax 0;
  }

  .md-table :-webkit-any(th, td):hover:after {
    background: var(--ui-data-column-hover);
  }

  .md-table :-moz-any(th, td):hover:after {
    background: var(--ui-data-column-hover);
  }

  .md-table :is(th, td):hover:after {
    background: var(--ui-data-column-hover);
  }
}

.md-table-cell.md-formula-ok {
  color: #2563eb;
  cursor: help;
}

.md-table-cell.md-formula-ok > i.ti {
  opacity: .7;
  margin-right: .25rem;
  font-size: .75rem;
  line-height: 1.35;
  transform: translateY(.04em);
}

.dark .md-table-cell.md-formula-ok {
  color: #60a5fa;
}

.cm-formula-preview {
  color: #71717a;
  opacity: .7;
  user-select: none;
  font-size: .85em;
  font-style: italic;
}

.cm-formula-preview:hover {
  text-decoration: underline;
  cursor: pointer;
  opacity: 1;
}

.dark .cm-formula-preview {
  color: #a1a1aa;
}

.cm-formula-preview-error {
  color: #dc2626;
  pointer-events: none;
  font-style: normal;
}

.cm-formula-preview-error:hover {
  text-decoration: none;
  cursor: default;
}

.dark .cm-formula-preview-error {
  color: #f87171;
}

.cm-formula-preview-copied, .cm-formula-preview-copied:hover {
  color: #16a34a;
  text-decoration: none;
  opacity: 1;
  font-style: normal;
}

.dark .cm-formula-preview-copied, .dark .cm-formula-preview-copied:hover {
  color: #4ade80;
}

.md-table-cell.md-formula-error {
  color: #dc2626;
  cursor: help;
  background-color: #fef2f2;
}

.dark .md-table-cell.md-formula-error {
  color: #f87171;
  background-color: #7f1d1d40;
}

.md-editor {
  --md-editor-hover: var(--ui-field-hover);
  --md-editor-hover-border: var(--ui-field-hover-border);
  position: relative;
  border: 1px solid var(--ui-field-border);
  border-radius: var(--ui-radius-control);
  background: var(--ui-field);
  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));
  overflow: hidden;
  box-shadow: var(--ui-control-recess);
}

.md-editor:hover {
  border-color: var(--md-editor-hover-border, var(--ui-field-hover-border));
  background: var(--md-editor-hover, var(--ui-field-hover));
}

.md-editor:focus-within {
  border-color: var(--ui-field-focus-border);
  background: var(--ui-field-focus);
  box-shadow: var(--ui-focus);
}

.md-editor[data-variant="paper"] {
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-surface);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-surface);
}

.md-editor[data-variant="paper"]:hover {
  border-color: var(--ui-border);
  background: var(--ui-surface);
}

.md-editor[data-variant="paper"]:focus-within {
  border-color: var(--ui-field-focus-border);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-surface), var(--ui-focus);
}

.md-editor[data-variant="paper"] .md-editor-toolbar {
  border-color: var(--ui-border);
  background: var(--ui-surface);
}

@media (hover: hover) {
  .md-editor[data-variant="paper"] .md-editor-tool:hover {
    background-color: var(--color-zinc-100);
  }
}

@media (hover: hover) {
  .md-editor[data-variant="paper"] .md-editor-tool:where(.dark, .dark *):hover {
    background-color: var(--color-zinc-800);
  }
}

.md-editor[data-disabled="true"] {
  cursor: not-allowed;
  opacity: .5;
}

.md-editor[data-error="true"], .md-editor[data-error="true"]:focus-within {
  border-color: var(--color-red-400);
}

:is(.md-editor[data-error="true"], .md-editor[data-error="true"]:focus-within):where(.dark, .dark *) {
  border-color: var(--color-red-500);
}

.md-editor-toolbar {
  display: flex;
  align-items:  center;
  gap: calc(var(--spacing) * .5);
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: calc(var(--spacing) * 1);
  border-bottom: 1px solid var(--ui-divider);
  flex-wrap: wrap;
}

.md-editor:focus-within .md-editor-toolbar {
  border-color: var(--ui-divider);
}

.md-editor-tool {
  display: inline-flex;
  height: calc(var(--spacing) * 7);
  width: calc(var(--spacing) * 7);
  color: var(--color-zinc-500);
  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));
  border-radius: .25rem;
  justify-content: center;
  align-items:  center;
  font-size: .95rem;
}

.md-editor-tool:where(.dark, .dark *) {
  color: var(--color-zinc-400);
}

@media (hover: hover) {
  .md-editor-tool:hover {
    background-color: var(--color-zinc-200);
  }
}

@media (hover: hover) {
  .md-editor-tool:hover {
    color: var(--color-zinc-800);
  }
}

@media (hover: hover) {
  .md-editor-tool:where(.dark, .dark *):hover {
    background-color: var(--color-zinc-700);
  }
}

@media (hover: hover) {
  .md-editor-tool:where(.dark, .dark *):hover {
    color: var(--color-zinc-100);
  }
}

.md-editor-tool[aria-pressed="true"] {
  background-color: var(--color-blue-50);
  color: var(--color-blue-600);
}

.md-editor-tool[aria-pressed="true"]:where(.dark, .dark *) {
  background-color: #16245666;
}

@supports (color: color-mix(in lab, red, red)) {
  .md-editor-tool[aria-pressed="true"]:where(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
  }
}

.md-editor-tool[aria-pressed="true"]:where(.dark, .dark *) {
  color: var(--color-blue-400);
}

.md-editor-tool[aria-pressed="true"]:hover {
  background-color: var(--color-blue-100);
  color: var(--color-blue-700);
}

.md-editor-tool[aria-pressed="true"]:hover:where(.dark, .dark *) {
  background-color: #1c398e66;
}

@supports (color: color-mix(in lab, red, red)) {
  .md-editor-tool[aria-pressed="true"]:hover:where(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
  }
}

.md-editor-tool[aria-pressed="true"]:hover:where(.dark, .dark *) {
  color: var(--color-blue-300);
}

.md-editor-tool-sep {
  margin-inline: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 4);
  background-color: var(--color-zinc-300);
  width: 1px;
}

.md-editor-tool-sep:where(.dark, .dark *) {
  background-color: var(--color-zinc-600);
}

.md-editor-surface {
  position: relative;
  height: var(--md-h, 8rem);
}

.md-editor[data-fill="true"] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.md-editor[data-fill="true"] .md-editor-surface {
  flex: 1;
  height: auto;
  min-height: 0;
}

.md-editor-layer {
  position: absolute !important;
  display: block !important;
  font-variant: normal !important;
  font-variant-ligatures: none !important;
  font-variant-numeric: tabular-nums !important;
  font-variant-position: normal !important;
  font-kerning: none !important;
  font-synthesis: none !important;
  -webkit-font-synthesis: none !important;
  font-feature-settings: "liga" 0, "clig" 0, "calt" 0 !important;
  font-variation-settings: normal !important;
  font-optical-sizing: none !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-transform: none !important;
  text-rendering: geometricPrecision !important;
  outline: 0 !important;
  box-sizing: border-box !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  tab-size: 2 !important;
  -moz-tab-size: 2 !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  animation: none !important;
  background: none !important;
  border: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: .625rem .75rem !important;
  transition: none !important;
  font-family: IBM Plex Mono, monospace !important;
  font-size: .875rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-stretch: normal !important;
  line-height: 1.55 !important;
  inset: 0 !important;
}

.md-editor-input {
  z-index: 2 !important;
  resize: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  color: #0000 !important;
  -webkit-text-fill-color: transparent !important;
  caret-color: #18181b !important;
  touch-action: manipulation !important;
}

.dark .md-editor-input {
  caret-color: #f4f4f5 !important;
}

.md-editor-input::selection {
  color: #0000;
  background: #3b82f659;
}

.md-editor-preview {
  color: var(--color-zinc-900);
  z-index: 1 !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  scrollbar-color: transparent transparent !important;
}

.md-editor-preview:where(.dark, .dark *) {
  color: var(--color-zinc-100);
}

.md-editor-preview::-webkit-scrollbar-thumb {
  background: none !important;
  border: 0 !important;
}

.md-editor-preview::-webkit-scrollbar-track {
  background: none !important;
  border: 0 !important;
}

.md-editor-preview::-webkit-scrollbar-corner {
  background: none !important;
  border: 0 !important;
}

.md-editor-preview *, .md-editor-preview *:before, .md-editor-preview *:after {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-stretch: inherit !important;
  letter-spacing: inherit !important;
  word-spacing: inherit !important;
  text-indent: 0 !important;
  vertical-align: baseline !important;
  display: inline !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.md-editor-placeholder {
  color: var(--color-zinc-400);
  position: absolute !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  pointer-events: none !important;
  user-select: none !important;
  z-index: 0 !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  padding: .625rem .75rem !important;
  font-family: IBM Plex Mono, monospace !important;
  font-size: .875rem !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  inset: 0 !important;
}

.md-editor-placeholder:where(.dark, .dark *) {
  color: var(--color-zinc-500);
}

.md-syntax, .md-marker {
  color: var(--color-zinc-400);
}

:is(.md-syntax, .md-marker):where(.dark, .dark *) {
  color: var(--color-zinc-500);
}

.md-h1, .md-h2, .md-h3, .md-bold {
  text-shadow: .5px 0;
}

.md-h1 {
  color: var(--color-zinc-950);
}

.md-h1:where(.dark, .dark *) {
  color: var(--color-white);
}

.md-h2 {
  color: var(--color-zinc-900);
}

.md-h2:where(.dark, .dark *) {
  color: var(--color-zinc-50);
}

.md-h3 {
  color: var(--color-zinc-800);
}

.md-h3:where(.dark, .dark *) {
  color: var(--color-zinc-200);
}

.md-italic {
  font-style: italic !important;
}

.md-code {
  border-radius: var(--radius-sm);
  background-color: #e4e4e799;
}

@supports (color: color-mix(in lab, red, red)) {
  .md-code {
    background-color: color-mix(in oklab, var(--color-zinc-200) 60%, transparent);
  }
}

.md-code:where(.dark, .dark *) {
  background-color: #3f3f4680;
}

@supports (color: color-mix(in lab, red, red)) {
  .md-code:where(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--color-zinc-700) 50%, transparent);
  }
}

.md-link {
  color: var(--color-blue-600);
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.md-link:where(.dark, .dark *) {
  color: var(--color-blue-400);
}

.md-link-widget {
  display: inline-flex;
  color: inherit;
  text-decoration: none;
  align-items: baseline;
  gap: .125rem;
  transition: color .15s;
  font-weight: 600;
}

.md-link-widget:hover {
  color: var(--ui-app-accent-text);
}

.md-link-widget:focus-visible {
  outline: 2px solid var(--ui-app-accent-border);
  outline-offset: 2px;
  border-radius: .125rem;
}

.md-link-icon {
  opacity: .7;
  transition: opacity .15s;
}

.md-link-widget:hover .md-link-icon {
  opacity: 1;
}

.md-link-widget:focus-visible .md-link-icon {
  opacity: 1;
}

.md-quote {
  color: var(--color-zinc-600);
  box-shadow: inset 3px 0 0 var(--color-zinc-300);
}

.md-quote:where(.dark, .dark *) {
  color: var(--color-zinc-400);
}

.dark .md-quote {
  box-shadow: inset 3px 0 0 var(--color-zinc-600);
}

.md-code-block {
  background-color: #e4e4e766;
}

@supports (color: color-mix(in lab, red, red)) {
  .md-code-block {
    background-color: color-mix(in oklab, var(--color-zinc-200) 40%, transparent);
  }
}

.md-code-block:where(.dark, .dark *) {
  background-color: var(--color-zinc-800);
}

.md-code-block pre, .md-mermaid-block, .md-katex-block {
  box-shadow: inset 0 1px #ffffff75, inset 0 -1px #00000006;
  background: #fefefe !important;
  background: color(display-p3 .996536 .996536 .996824) !important;
  background: lab(99.6969% .0105202 -.0386119) !important;
  border: 1px solid #e4e4e7b8 !important;
  border-radius: .42rem !important;
}

.md-katex-block {
  padding: .75rem;
}

.dark .md-code-block pre, .dark .md-mermaid-block, .dark .md-katex-block {
  box-shadow: inset 0 1px #ffffff0b, inset 0 -1px #00000047;
  background: #19191c !important;
  background: color(display-p3 .0998195 .0998204 .110591) !important;
  background: lab(9.08399% .598006 -2.10269) !important;
  border-color: #3f3f46b8 !important;
}

.md-hr {
  color: var(--color-zinc-400);
}

.md-hr:where(.dark, .dark *) {
  color: var(--color-zinc-500);
}

.md-completion-match {
  color: var(--color-blue-600);
}

.md-completion-match:where(.dark, .dark *) {
  color: var(--color-blue-400);
}

.md-editor-stats {
  display: flex;
  justify-content: flex-start;
  align-items:  center;
  gap: calc(var(--spacing) * 3);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  color: var(--color-zinc-400);
  font-size: 10px;
  font-family: var(--font-mono);
  -webkit-user-select: none;
  user-select: none;
  letter-spacing: .02em;
}

.md-editor-stats:where(.dark, .dark *) {
  color: var(--color-zinc-500);
}

.md-editor-stats[data-empty="true"] {
  visibility: hidden;
}

solid-island {
  display: contents;
}

:where([popover]:not(.paper):not(.popup):not(.tooltip-surface):not(.dropdown-menu-surface):not(.context-menu-surface)) {
  background: none;
  border: none;
}

[popover] {
  inset: unset;
  margin: 0;
}

.tooltip-surface[popover] {
  transition: opacity .12s, overlay .12s allow-discrete, display .12s allow-discrete;
  transform: none;
}

@starting-style {
  .tooltip-surface[popover]:popover-open {
    opacity: 0;
    transform: none;
  }
}

.ai-skill-origin-badge {
  background: var(--ui-surface-muted) !important;
  color: var(--color-zinc-600) !important;
}

.dark .ai-skill-origin-badge {
  color: var(--color-zinc-300) !important;
}

.assistant-markdown-block {
  min-width: calc(var(--spacing) * 0);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
  color: var(--color-zinc-900);
}

.assistant-markdown-block:where(.dark, .dark *) {
  color: var(--color-zinc-100);
}

.k2b-ui .k2b-chat-message.ai-chat-message-wide {
  width: 100%;
  max-width: none;
}

.k2b-ui .k2b-chat-message.ai-chat-message-wide :where(.k2b-chat-message__bubble, .k2b-chat-message__content, .k2b-chat-message__content > *) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.k2b-ui .k2b-button.ai-chat-result-link[data-size="xs"] {
  min-height: 1.25rem;
  padding-block-start: 0;
  padding-block-end: 0;
}

.assistant-markdown-block :where(*) {
  margin-block-start: 0;
  margin-block-end: 0;
}

.assistant-markdown-block :where(p, ul, ol, pre, blockquote) {
  margin-block-start: .875rem;
  margin-block-end: .875rem;
}

.assistant-markdown-block :where(.md-table-wrap) {
  margin-block-start: 1.125rem;
  margin-block-end: 1.125rem;
}

.assistant-markdown-block :where(hr) {
  border-style: var(--tw-border-style);
  border-width: 0;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-zinc-200);
  margin-block-start: 1.375rem;
  margin-block-end: 1.375rem;
}

.assistant-markdown-block :where(hr):where(.dark, .dark *) {
  border-color: var(--color-zinc-800);
}

.assistant-markdown-block :where(h1, h2, h3, h4, h5, h6) {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-zinc-900);
  margin-top: 1.5rem;
  margin-bottom: .625rem;
}

.assistant-markdown-block :where(h1, h2, h3, h4, h5, h6):where(.dark, .dark *) {
  color: var(--color-zinc-100);
}

.assistant-markdown-block > :where(:first-child) {
  margin-top: 0;
}

.assistant-markdown-block > :where(:last-child) {
  margin-bottom: 0;
}

.assistant-markdown-block :where(ul, ol) {
  padding-left: 1.25rem;
}

.assistant-markdown-block :where(ul) {
  list-style: disc;
}

.assistant-markdown-block :where(ol) {
  list-style: decimal;
}

.assistant-markdown-block :where(li + li) {
  margin-top: .375rem;
}

.assistant-markdown-block :where(li) > :where(p, ul, ol) {
  margin-block-start: .25rem;
  margin-block-end: .25rem;
}

.assistant-markdown-block :where(a) {
  color: var(--color-blue-600);
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.assistant-markdown-block :where(a):where(.dark, .dark *) {
  color: var(--color-blue-300);
}

.assistant-markdown-block :where(a.md-link-widget) {
  color: inherit;
  text-decoration: none;
}

.assistant-markdown-block :where(a.md-link-widget:hover) {
  color: var(--ui-app-accent-text);
}

.assistant-markdown-block :where(code) {
  background-color: var(--color-zinc-100);
  padding-inline: calc(var(--spacing) * 1);
  padding-block: calc(var(--spacing) * .5);
  color: var(--color-zinc-900);
  border-radius: .25rem;
  font-size: .85em;
}

.assistant-markdown-block :where(code):where(.dark, .dark *) {
  color: var(--color-zinc-100);
}

.assistant-markdown-block :where(code):where(.dark, .dark *) {
  background-color: var(--color-zinc-900);
}

.assistant-markdown-block :where(pre) {
  overflow: auto;
  border-radius: var(--radius-md);
  background-color: var(--color-zinc-100);
  padding: calc(var(--spacing) * 3);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}

.assistant-markdown-block :where(pre):where(.dark, .dark *) {
  background-color: #09090bb3;
}

@supports (color: color-mix(in lab, red, red)) {
  .assistant-markdown-block :where(pre):where(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--color-zinc-950) 70%, transparent);
  }
}

.assistant-markdown-block :where(pre code) {
  padding: calc(var(--spacing) * 0);
  color: inherit;
  background-color: #0000;
}

.assistant-markdown-block :where(blockquote) {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
  border-color: var(--color-zinc-300);
  padding-left: calc(var(--spacing) * 3);
  color: var(--color-zinc-700);
}

.assistant-markdown-block :where(blockquote):where(.dark, .dark *) {
  color: var(--color-zinc-300);
}

.assistant-markdown-block :where(blockquote):where(.dark, .dark *) {
  border-color: var(--color-zinc-700);
}

.assistant-markdown-block :where(th, td) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-zinc-200);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 1.5);
  vertical-align: top;
}

.assistant-markdown-block :where(th, td):where(.dark, .dark *) {
  border-color: var(--color-zinc-800);
}

.assistant-markdown-block :where(th) {
  border-color: var(--color-zinc-300);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-zinc-900);
}

.assistant-markdown-block :where(th):where(.dark, .dark *) {
  color: var(--color-zinc-100);
}

.assistant-markdown-block :where(th):where(.dark, .dark *) {
  border-color: var(--color-zinc-700);
}

.help-topic-icon {
  background: var(--app-accent, #2b7fff);
}

@supports (color: color(display-p3 0 0 0)) {
  .help-topic-icon {
    background: var(--app-accent, color(display-p3 .266422 .491219 .988624));
  }
}

@supports (color: lab(0% 0 0)) {
  .help-topic-icon {
    background: var(--app-accent, lab(54.1736% 13.3369 -74.6839));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .help-topic-icon {
    background: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 10%, var(--ui-surface-muted));
  }
}

.help-article-layout {
  display: grid;
  grid-template-columns: minmax(10rem, 13rem) minmax(0, 52rem);
  justify-content: center;
  align-items:  start;
  gap: clamp(2rem, 4vw, 4rem);
}

.help-article-copy {
  min-width: 0;
}

.help-article-toc {
  position: sticky;
  align-self:  start;
  min-width: 0;
  top: .25rem;
}

.help-article-toc-label {
  color: var(--color-zinc-500);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 .6rem;
  font-size: .6875rem;
  font-weight: 650;
}

.help-article-toc ol {
  display: grid;
  gap: .2rem;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.help-article-toc li {
  min-width: 0;
}

.help-article-toc button {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  border-radius: var(--ui-radius-control);
  color: var(--color-zinc-600);
  text-align: left;
  align-items:  center;
  gap: .6rem;
  width: 100%;
  min-width: 0;
  padding: .3rem;
  transition: background-color .14s, color .14s;
}

.help-article-toc button:hover {
  color: var(--ui-app-accent-text);
}

.help-article-toc button:focus-visible {
  outline: none;
  box-shadow: var(--ui-focus);
}

.help-article-toc button[aria-current="location"] {
  background: var(--app-accent, #2b7fff);
  color: var(--ui-app-accent-text);
}

@supports (color: color(display-p3 0 0 0)) {
  .help-article-toc button[aria-current="location"] {
    background: var(--app-accent, color(display-p3 .266422 .491219 .988624));
  }
}

@supports (color: lab(0% 0 0)) {
  .help-article-toc button[aria-current="location"] {
    background: var(--app-accent, lab(54.1736% 13.3369 -74.6839));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .help-article-toc button[aria-current="location"] {
    background: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 8%, var(--ui-surface-subtle));
  }
}

.help-article-toc-icon {
  display: grid;
  border-radius: var(--ui-radius-control);
  background: var(--ui-surface-muted);
  color: inherit;
  place-items:  center;
  width: 2.25rem;
  height: 2.25rem;
  font-size: .95rem;
}

.help-article-toc button[aria-current="location"] .help-article-toc-icon {
  background: var(--app-accent, #2b7fff);
}

@supports (color: color(display-p3 0 0 0)) {
  .help-article-toc button[aria-current="location"] .help-article-toc-icon {
    background: var(--app-accent, color(display-p3 .266422 .491219 .988624));
  }
}

@supports (color: lab(0% 0 0)) {
  .help-article-toc button[aria-current="location"] .help-article-toc-icon {
    background: var(--app-accent, lab(54.1736% 13.3369 -74.6839));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .help-article-toc button[aria-current="location"] .help-article-toc-icon {
    background: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 13%, var(--ui-surface-muted));
  }
}

.help-article-toc-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 550;
  line-height: 1.35;
}

.dark .help-article-toc button {
  color: var(--color-zinc-400);
}

.dark .help-article-toc button:hover, .dark .help-article-toc button[aria-current="location"] {
  color: var(--ui-app-accent-text);
}

.help-document {
  color: var(--color-zinc-800);
  font-size: .9375rem;
  line-height: 1.65;
}

.dark .help-document {
  color: var(--color-zinc-300);
}

.help-document > :where(:first-child) {
  margin-top: 0;
}

.help-document > :where(:last-child) {
  margin-bottom: 0;
}

.help-document :where(p) {
  color: inherit;
  margin-block-start: 0;
  margin-block-end: 1rem;
}

.help-document :where(h1, h2, h3, h4, h5, h6) {
  color: var(--color-zinc-950);
  letter-spacing: -.018em;
  font-weight: 600;
}

.dark .help-document :where(h1, h2, h3, h4, h5, h6) {
  color: var(--color-zinc-100);
}

.help-document :where(h2, h3) {
  margin: 2.5rem 0 .75rem;
  font-size: 1.125rem;
  line-height: 1.35;
}

.help-document .help-section-title {
  display: flex;
  align-items:  center;
  gap: .8rem;
  margin: 3.75rem 0 1.25rem;
  scroll-margin-top: 4rem;
  font-size: 1.25rem;
}

.help-document .help-section-title:first-child {
  margin-top: 0;
}

.help-section-icon {
  display: grid;
  border-radius: var(--ui-radius-control);
  background: var(--app-accent, #2b7fff);
  color: var(--ui-app-accent-text);
  flex: none;
  place-items:  center;
  width: 2.625rem;
  height: 2.625rem;
  font-size: 1.05rem;
}

@supports (color: color(display-p3 0 0 0)) {
  .help-section-icon {
    background: var(--app-accent, color(display-p3 .266422 .491219 .988624));
  }
}

@supports (color: lab(0% 0 0)) {
  .help-section-icon {
    background: var(--app-accent, lab(54.1736% 13.3369 -74.6839));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .help-section-icon {
    background: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 11%, var(--ui-surface-muted));
  }
}

.help-document :where(h4) {
  margin: 1.75rem 0 .5rem;
  font-size: .9375rem;
  line-height: 1.45;
}

.help-document :where(h5) {
  margin: 1.5rem 0 .375rem;
  font-size: .875rem;
  line-height: 1.45;
}

.help-document :where(h5 code) {
  color: var(--ui-app-accent-text);
  font-size: inherit;
  background: none;
  padding: 0;
}

.help-document > .help-eyebrow {
  color: var(--color-zinc-600);
  letter-spacing: 0;
  margin: 2.25rem 0 .45rem;
  font-size: .8125rem;
  font-weight: 650;
  line-height: 1.45;
}

.dark .help-document > .help-eyebrow {
  color: var(--color-zinc-300);
}

.help-document > .help-eyebrow > strong {
  color: inherit;
  font-weight: inherit;
}

.help-document ul, .help-document ol {
  width: 100%;
  margin: .75rem 0 1.375rem !important;
  padding-inline-start: 1.25rem !important;
}

.help-document :where(li + li) {
  margin-top: .55rem;
}

.help-document :where(ul > li)::marker {
  color: var(--app-accent, #2b7fff);
}

@supports (color: color(display-p3 0 0 0)) {
  .help-document :where(ul > li)::marker {
    color: var(--app-accent, color(display-p3 .266422 .491219 .988624));
  }
}

@supports (color: lab(0% 0 0)) {
  .help-document :where(ul > li)::marker {
    color: var(--app-accent, lab(54.1736% 13.3369 -74.6839));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .help-document :where(ul > li)::marker {
    color: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 75%, var(--color-zinc-400));
  }
}

.help-document :where(ol > li)::marker {
  color: var(--color-zinc-500);
  font-size: .8em;
  font-weight: 650;
}

.help-document .help-reference {
  margin: 1rem 0 1.75rem;
}

.help-document .help-reference > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  gap: 1.25rem 2rem;
  margin: 0 !important;
  padding: 0 !important;
}

.help-document .help-reference > ul > li {
  min-width: 0;
  margin: 0;
}

.help-document .help-reference > ul > li > strong:first-child {
  display: block;
  color: var(--ui-app-accent-text);
  margin-bottom: .2rem;
  font-size: .875rem;
}

.help-document :where(code):before {
  content: none !important;
}

.help-document :where(code):after {
  content: none !important;
}

.help-document .help-steps {
  border-radius: var(--ui-radius-surface);
  background: var(--ui-surface-subtle);
  margin: 1rem 0 2rem;
  padding: .25rem 1.25rem;
}

.help-document .help-steps > ol {
  list-style: none;
  counter-reset: help-step;
  margin: 0 !important;
  padding: 0 !important;
}

.help-document .help-steps > ol > li {
  position: relative;
  counter-increment: help-step;
  min-height: 3rem;
  margin: 0;
  padding: 1rem 0 1rem 3.25rem;
}

.help-document .help-steps > ol > li:before {
  position: absolute;
  z-index: 1;
  display: grid;
  background: var(--app-accent, #2b7fff);
  color: var(--ui-app-accent-text);
  content: counter(help-step);
  border-radius: 999px;
  place-items:  center;
  width: 2.25rem;
  height: 2.25rem;
  font-size: .75rem;
  font-weight: 650;
  top: 1rem;
  left: 0;
}

@supports (color: color(display-p3 0 0 0)) {
  .help-document .help-steps > ol > li:before {
    background: var(--app-accent, color(display-p3 .266422 .491219 .988624));
  }
}

@supports (color: lab(0% 0 0)) {
  .help-document .help-steps > ol > li:before {
    background: var(--app-accent, lab(54.1736% 13.3369 -74.6839));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .help-document .help-steps > ol > li:before {
    background: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 13%, var(--ui-surface-muted));
  }
}

.help-document .help-steps > ol > li:not(:last-child):after {
  position: absolute;
  background: var(--app-accent, #2b7fff);
  content: "";
  width: 1px;
  top: 3.25rem;
  bottom: -1rem;
  left: 1.1rem;
}

@supports (color: color(display-p3 0 0 0)) {
  .help-document .help-steps > ol > li:not(:last-child):after {
    background: var(--app-accent, color(display-p3 .266422 .491219 .988624));
  }
}

@supports (color: lab(0% 0 0)) {
  .help-document .help-steps > ol > li:not(:last-child):after {
    background: var(--app-accent, lab(54.1736% 13.3369 -74.6839));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .help-document .help-steps > ol > li:not(:last-child):after {
    background: color-mix(in srgb, var(--app-accent, var(--color-blue-500)) 20%, var(--ui-border));
  }
}

.help-document .help-steps > ol > li > strong:first-child, .help-document .help-steps > ol > li > p:first-child > strong:first-child {
  color: var(--color-zinc-900);
}

.dark .help-document .help-steps > ol > li > strong:first-child, .dark .help-document .help-steps > ol > li > p:first-child > strong:first-child {
  color: var(--color-zinc-100);
}

.help-document .help-compare {
  margin: 1rem 0 2rem;
}

.help-document .help-compare > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border-radius: var(--ui-radius-surface);
  background: var(--ui-surface-subtle);
  list-style: none;
  gap: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.help-document .help-compare > ul > li {
  min-width: 0;
  margin: 0;
  padding: 1.25rem;
}

.help-document .help-compare > ul > li > strong:first-child {
  display: block;
  color: var(--ui-app-accent-text);
  margin-bottom: .25rem;
}

.help-document :where(li > p) {
  margin-block-start: 0;
  margin-block-end: 0;
}

.help-document :where(a) {
  color: var(--ui-app-accent-text);
  text-decoration: none;
  font-weight: 500;
}

.help-document :where(a:hover) {
  text-decoration: underline;
  text-underline-offset: .18em;
}

.help-document :where(code) {
  background: var(--ui-surface-muted);
  color: var(--color-zinc-800);
  font-family: var(--font-mono);
  border-radius: .38rem;
  padding: .16rem .38rem;
  font-size: .82em;
}

.dark .help-document :where(code) {
  color: var(--color-zinc-200);
}

.help-document .md-code-block {
  background: none;
  margin-block-start: .875rem;
  margin-block-end: 1.125rem;
}

.help-document .md-code-block > span {
  display: none;
}

.help-document .md-code-block pre {
  box-shadow: inset 0 0 0 1px var(--ui-border);
  margin: 0;
  padding: .875rem 1rem;
  border-radius: var(--ui-radius-surface) !important;
  background: var(--ui-surface-subtle) !important;
  border: 0 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .help-document .md-code-block pre {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-border) 72%, transparent);
  }
}

.help-document .md-code-block pre code {
  color: var(--color-zinc-800);
  background: none;
  padding: 0;
  font-size: .8125rem;
  line-height: 1.55;
}

.help-document .md-code-block :where(.hl-comment) {
  color: var(--color-zinc-500);
  font-style: italic;
}

.help-document .md-code-block :where(.hl-keyword) {
  color: var(--ui-app-accent-text);
  font-weight: 600;
}

.help-document .md-code-block :where(.hl-string) {
  color: var(--color-emerald-700);
}

.help-document .md-code-block :where(.hl-number) {
  color: var(--color-amber-700);
}

.help-document .md-code-block :where(.hl-variable) {
  color: var(--color-sky-700);
}

.help-document .md-code-block :where(.hl-operator) {
  color: var(--color-zinc-600);
}

.dark .help-document .md-code-block pre code {
  color: var(--color-zinc-200);
}

.dark .help-document .md-code-block :where(.hl-comment) {
  color: var(--color-zinc-500);
}

.dark .help-document .md-code-block :where(.hl-string) {
  color: var(--color-emerald-300);
}

.dark .help-document .md-code-block :where(.hl-number) {
  color: var(--color-amber-300);
}

.dark .help-document .md-code-block :where(.hl-variable) {
  color: var(--color-sky-300);
}

.dark .help-document .md-code-block :where(.hl-operator) {
  color: var(--color-zinc-400);
}

.help-document .k2b-notice-card {
  margin: 1.375rem 0;
}

.help-document > p:has( > strong:first-child):has( > code:last-child) {
  display: flex;
  color: var(--color-zinc-500);
  align-items: baseline;
  gap: .35rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 .625rem;
  font-size: .75rem;
}

.help-document > p:has( > strong:first-child):has( > code:last-child) code {
  background: none;
  padding: 0;
}

.help-document :where(blockquote) {
  border-radius: var(--ui-radius-surface);
  background: var(--ui-surface-subtle);
  color: var(--color-zinc-600);
  border: 0;
  margin: 1.25rem 0;
  padding: .875rem 1rem;
}

.help-document .md-table-wrap {
  overflow: hidden;
  margin-block-start: .875rem;
  margin-block-end: 1.5rem;
}

.help-document .md-table-wrap > .md-table {
  border-collapse: separate;
  border-spacing: 0;
  height: auto;
  margin: 0 !important;
}

.help-document .md-table :-webkit-any(th, td) {
  border: 0;
  min-width: 0;
  height: auto;
  padding: 0;
}

.help-document .md-table :-moz-any(th, td) {
  border: 0;
  min-width: 0;
  height: auto;
  padding: 0;
}

.help-document .md-table :is(th, td) {
  border: 0;
  min-width: 0;
  height: auto;
  padding: 0;
}

.help-document .md-table :where(th + th, td + td) {
  padding: 0;
}

.help-document .md-table :where(tbody tr + tr > *, thead + tbody tr:first-child > *) {
  padding: 0;
}

.help-document .md-table-cell {
  box-shadow: none;
  overflow-wrap: break-word;
  word-break: normal;
  background: none;
  border-radius: 0;
  min-width: 0;
  height: auto;
  padding: .65rem .75rem;
  font-size: .78rem;
  line-height: 1.45;
}

.help-document .md-table thead {
  background: var(--ui-surface-subtle);
}

.help-document .md-table thead .md-table-cell {
  color: var(--color-zinc-700);
  font-size: .75rem;
  font-weight: 650;
}

@media (hover: hover) {
  .help-document .md-table tbody tr:not(.md-table-total-row):hover {
    background: var(--ui-data-row-hover);
  }
}

.help-document .md-table tbody tr:not(.md-table-total-row) .md-table-cell {
  font-weight: 400;
}

.help-document .md-table tbody tr:not(.md-table-total-row) .md-table-cell :where(strong) {
  font-weight: 400;
}

.help-document .md-table-cell :where(code) {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  background: none;
  border-radius: 0;
  padding: 0;
}

.dark .help-document .md-table thead {
  background: var(--ui-surface-subtle);
}

.dark .help-document .md-table thead .md-table-cell {
  color: var(--color-zinc-200);
}

.dark .help-document :where(blockquote) {
  color: var(--color-zinc-400);
}

.help-document :where(hr) {
  border: 0;
  height: 0;
  margin-block-start: 2rem;
  margin-block-end: 2rem;
}

@media (max-width: 72rem) {
  .help-article-layout {
    grid-template-columns: 3.25rem minmax(0, 52rem);
    gap: 2rem;
  }

  .help-article-toc-label, .help-article-toc-title {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
  }

  .help-article-toc button {
    display: grid;
    grid-template-columns: 1fr;
    place-items:  center;
    width: 2.85rem;
    height: 2.85rem;
  }
}

@media (max-width: 48rem) {
  .help-article-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
  }

  .help-article-toc {
    z-index: 2;
    overflow-x: auto;
    border-radius: var(--ui-radius-surface);
    background: var(--ui-surface-raised);
    box-shadow: var(--ui-shadow-hover);
    backdrop-filter: blur(12px);
    scrollbar-width: none;
    top: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .help-article-toc {
      background: color-mix(in srgb, var(--ui-surface-raised) 90%, transparent);
    }
  }

  .help-article-toc::-webkit-scrollbar {
    display: none;
  }

  .help-article-toc ol {
    display: flex;
    width: max-content;
    padding: .35rem !important;
  }

  .help-document .help-section-title {
    margin-top: 3rem;
    scroll-margin-top: 4.5rem;
  }

  .help-document .help-reference > ul, .help-document .help-compare > ul {
    grid-template-columns: minmax(0, 1fr);
  }
}

dialog:has(.launchpad-panel)::backdrop {
  backdrop-filter: blur(8px);
  background: #00000073;
}

.dark dialog:has(.launchpad-panel)::backdrop {
  background: #00000059;
}

.launchpad-panel {
  background: #fffffff5;
  border: 1px solid #e4e4e7d1;
  border-radius: 1.5rem;
  box-shadow: inset 0 1px #ffffffe6, 0 28px 68px -42px #18181b7a;
}

.dark .launchpad-panel {
  background: linear-gradient(#18181bfa, #0f0f11fa);
  border-color: #ffffff21;
  box-shadow: inset 0 1px #ffffff14, 0 28px 68px -36px #000000d1;
}

:-webkit-any(.launchpad-panel, .cloud-mobile-apps) .app-icon {
  --icon-face: #fff;
  --rim-top: var(--app-icon-color);
  --rim-bottom: var(--app-icon-color);
  --rim-top-hover: var(--app-icon-color);
  --rim-bottom-hover: var(--app-icon-color);
  --glyph: var(--app-icon-color);
  --glyph-hover: var(--app-icon-color);
  --drop: none;
  background: linear-gradient(var(--icon-face), var(--icon-face)) padding-box, linear-gradient(180deg, var(--rim-top), var(--rim-bottom)) border-box;
  box-shadow: var(--drop);
  color: var(--glyph);
  border: 2.5px solid #0000;
  transition: background .18s, box-shadow .18s, color .18s;
}

@supports (color: color-mix(in lab, red, red)) {
  :-webkit-any(.launchpad-panel, .cloud-mobile-apps) .app-icon {
    --rim-top: color-mix(in oklab, var(--app-icon-color), white 34%);
  }
}

:-moz-any(.launchpad-panel, .cloud-mobile-apps) .app-icon {
  --icon-face: #fff;
  --rim-top: var(--app-icon-color);
  --rim-bottom: var(--app-icon-color);
  --rim-top-hover: var(--app-icon-color);
  --rim-bottom-hover: var(--app-icon-color);
  --glyph: var(--app-icon-color);
  --glyph-hover: var(--app-icon-color);
  --drop: none;
  background: linear-gradient(var(--icon-face), var(--icon-face)) padding-box, linear-gradient(180deg, var(--rim-top), var(--rim-bottom)) border-box;
  box-shadow: var(--drop);
  color: var(--glyph);
  border: 2.5px solid #0000;
  transition: background .18s, box-shadow .18s, color .18s;
}

@supports (color: color-mix(in lab, red, red)) {
  :-moz-any(.launchpad-panel, .cloud-mobile-apps) .app-icon {
    --rim-top: color-mix(in oklab, var(--app-icon-color), white 34%);
  }
}

:is(.launchpad-panel, .cloud-mobile-apps) .app-icon {
  --icon-face: #fff;
  --rim-top: var(--app-icon-color);
  --rim-bottom: var(--app-icon-color);
  --rim-top-hover: var(--app-icon-color);
  --rim-bottom-hover: var(--app-icon-color);
  --glyph: var(--app-icon-color);
  --glyph-hover: var(--app-icon-color);
  --drop: none;
  background: linear-gradient(var(--icon-face), var(--icon-face)) padding-box, linear-gradient(180deg, var(--rim-top), var(--rim-bottom)) border-box;
  box-shadow: var(--drop);
  color: var(--glyph);
  border: 2.5px solid #0000;
  transition: background .18s, box-shadow .18s, color .18s;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.launchpad-panel, .cloud-mobile-apps) .app-icon {
    --rim-top: color-mix(in oklab, var(--app-icon-color), white 34%);
  }
}

@supports (color: oklch(from red l c h)) {
  :-webkit-any(.launchpad-panel, .cloud-mobile-apps) .app-icon {
    --glyph: oklch(from var(--app-icon-color) min(l, .5) c h);
    --glyph-hover: oklch(from var(--app-icon-color) min(l, .4) c h);
  }

  :-moz-any(.launchpad-panel, .cloud-mobile-apps) .app-icon {
    --glyph: oklch(from var(--app-icon-color) min(l, .5) c h);
    --glyph-hover: oklch(from var(--app-icon-color) min(l, .4) c h);
  }

  :is(.launchpad-panel, .cloud-mobile-apps) .app-icon {
    --glyph: oklch(from var(--app-icon-color) min(l, .5) c h);
    --glyph-hover: oklch(from var(--app-icon-color) min(l, .4) c h);
  }
}

.dark :-webkit-any(.launchpad-panel, .cloud-mobile-apps) .app-icon {
  --icon-face: #202026;
  --rim-top: var(--app-icon-color);
  --rim-bottom: var(--app-icon-color);
  --rim-top-hover: var(--app-icon-color);
  --rim-bottom-hover: var(--app-icon-color);
  --glyph: var(--app-icon-color);
  --glyph-hover: var(--app-icon-color);
  --drop: 0 10px 20px -12px #000000b3;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark :-webkit-any(.launchpad-panel, .cloud-mobile-apps) .app-icon {
    --rim-top: color-mix(in oklab, var(--app-icon-color), white 30%);
  }
}

.dark :-moz-any(.launchpad-panel, .cloud-mobile-apps) .app-icon {
  --icon-face: #202026;
  --rim-top: var(--app-icon-color);
  --rim-bottom: var(--app-icon-color);
  --rim-top-hover: var(--app-icon-color);
  --rim-bottom-hover: var(--app-icon-color);
  --glyph: var(--app-icon-color);
  --glyph-hover: var(--app-icon-color);
  --drop: 0 10px 20px -12px #000000b3;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark :-moz-any(.launchpad-panel, .cloud-mobile-apps) .app-icon {
    --rim-top: color-mix(in oklab, var(--app-icon-color), white 30%);
  }
}

.dark :is(.launchpad-panel, .cloud-mobile-apps) .app-icon {
  --icon-face: #202026;
  --rim-top: var(--app-icon-color);
  --rim-bottom: var(--app-icon-color);
  --rim-top-hover: var(--app-icon-color);
  --rim-bottom-hover: var(--app-icon-color);
  --glyph: var(--app-icon-color);
  --glyph-hover: var(--app-icon-color);
  --drop: 0 10px 20px -12px #000000b3;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark :is(.launchpad-panel, .cloud-mobile-apps) .app-icon {
    --rim-top: color-mix(in oklab, var(--app-icon-color), white 30%);
  }
}

@supports (color: oklch(from red l c h)) {
  .dark :-webkit-any(.launchpad-panel, .cloud-mobile-apps) .app-icon {
    --glyph: oklch(from var(--app-icon-color) max(l, .82) c h);
    --glyph-hover: oklch(from var(--app-icon-color) max(l, .96) c h);
  }

  .dark :-moz-any(.launchpad-panel, .cloud-mobile-apps) .app-icon {
    --glyph: oklch(from var(--app-icon-color) max(l, .82) c h);
    --glyph-hover: oklch(from var(--app-icon-color) max(l, .96) c h);
  }

  .dark :is(.launchpad-panel, .cloud-mobile-apps) .app-icon {
    --glyph: oklch(from var(--app-icon-color) max(l, .82) c h);
    --glyph-hover: oklch(from var(--app-icon-color) max(l, .96) c h);
  }
}

:-webkit-any(.launchpad-panel, .cloud-mobile-apps) .group:hover > .app-icon {
  background: linear-gradient(var(--icon-face), var(--icon-face)) padding-box, linear-gradient(180deg, var(--rim-top-hover), var(--rim-bottom-hover)) border-box;
  color: var(--glyph-hover);
}

:-moz-any(.launchpad-panel, .cloud-mobile-apps) .group:hover > .app-icon {
  background: linear-gradient(var(--icon-face), var(--icon-face)) padding-box, linear-gradient(180deg, var(--rim-top-hover), var(--rim-bottom-hover)) border-box;
  color: var(--glyph-hover);
}

:is(.launchpad-panel, .cloud-mobile-apps) .group:hover > .app-icon {
  background: linear-gradient(var(--icon-face), var(--icon-face)) padding-box, linear-gradient(180deg, var(--rim-top-hover), var(--rim-bottom-hover)) border-box;
  color: var(--glyph-hover);
}

:-webkit-any(.launchpad-panel, .cloud-mobile-apps) .app-icon:hover {
  background: linear-gradient(var(--icon-face), var(--icon-face)) padding-box, linear-gradient(180deg, var(--rim-top-hover), var(--rim-bottom-hover)) border-box;
  color: var(--glyph-hover);
}

:-moz-any(.launchpad-panel, .cloud-mobile-apps) .app-icon:hover {
  background: linear-gradient(var(--icon-face), var(--icon-face)) padding-box, linear-gradient(180deg, var(--rim-top-hover), var(--rim-bottom-hover)) border-box;
  color: var(--glyph-hover);
}

:is(.launchpad-panel, .cloud-mobile-apps) .app-icon:hover {
  background: linear-gradient(var(--icon-face), var(--icon-face)) padding-box, linear-gradient(180deg, var(--rim-top-hover), var(--rim-bottom-hover)) border-box;
  color: var(--glyph-hover);
}

button, [role="button"] {
  cursor: pointer;
}

button[disabled], [role="button"][disabled] {
  cursor: not-allowed;
  opacity: .5;
}

[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

@layer base {
  input[type="checkbox"] {
    margin: calc(var(--spacing) * 0);
    display: inline-flex;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    cursor: pointer;
    appearance: none;
    border-style: var(--tw-border-style);
    vertical-align: middle;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    border-width: 1px;
    border-color: var(--ui-check-border);
    background: var(--ui-check-surface);
    box-shadow: var(--ui-check-shadow);
    border-radius: .25rem;
    justify-content: center;
    align-items:  center;
    transition-duration: .2s;
  }

  input[type="checkbox"]:before {
    content: "";
    font-family: tabler-icons;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    color: #0000;
    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));
    --tw-duration: .2s;
    transition-duration: .2s;
    line-height: 1;
  }

  input[type="checkbox"]:checked {
    border-color: var(--color-blue-500);
    background-color: var(--color-blue-500);
    box-shadow: inset 0 1px #ffffff59;
  }

  input[type="checkbox"]:checked:before {
    color: var(--color-white);
  }

  input[type="checkbox"]:hover {
    transform: var(--ui-check-hover-transform);
  }

  input[type="checkbox"]:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  input[type="checkbox"]:focus-visible:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  input[type="checkbox"]:focus-visible:focus-visible {
    box-shadow: var(--ui-focus);
  }

  input[type="checkbox"]:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  input[type="checkbox"]:disabled:hover {
    transform: none;
  }
}

.cloud-search-dialog {
  --search-expanded-height: 34rem;
  --search-top: max(.75rem, env(safe-area-inset-top, 0px), calc((100dvh - var(--search-expanded-height)) / 2));
  --search-max-height: calc(var(--ui-dialog-available-height)  - var(--search-top));
  position: fixed;
  inset: var(--search-top) auto auto 50%;
  width: min(56rem, var(--ui-dialog-available-width));
  max-height: var(--search-max-height);
  overflow: hidden;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-frame);
  background: var(--ui-dialog-surface);
  color: var(--k2b-text);
  box-shadow: var(--ui-shadow-float);
  max-width: none;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
}

.cloud-search-dialog::backdrop {
  backdrop-filter: blur(5px);
  background: #00000059;
}

.cloud-search-dialog__content {
  max-height: inherit;
  min-height: 0;
}

.cloud-resource-search {
  --search-body-height: max(0px, min(26rem, calc(var(--search-max-height)  - 12rem)));
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  max-height: var(--search-max-height);
  min-height: 0;
  padding: .5rem;
}

.cloud-resource-search__title {
  grid-area: 1 / 1;
  color: var(--k2b-text-muted);
  padding: .875rem 1.125rem 0;
  font-size: .75rem;
}

.cloud-resource-search .cloud-resource-search__close {
  position: absolute;
  z-index: 1;
  top: 1.125rem;
  right: .875rem;
}

.cloud-resource-search__input {
  grid-area: 2 / 1;
  display: flex;
  align-items:  center;
  gap: .75rem;
  min-width: 0;
  padding: 1rem 3rem 1rem 1.125rem;
}

.cloud-resource-search__input > i {
  color: var(--k2b-text-muted);
  flex: none;
  width: 1.25rem;
  font-size: 1.25rem;
}

.cloud-resource-search__field {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  align-items:  center;
  gap: .375rem;
  min-width: 0;
}

.cloud-resource-search__field input {
  color: inherit;
  box-shadow: none;
  outline: none;
  letter-spacing: -.025em;
  background: none;
  border: 0;
  flex: 1;
  width: 100%;
  min-width: 5rem;
  height: 2rem;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 400;
}

.cloud-resource-search__field input::placeholder {
  color: var(--k2b-text-muted);
  opacity: 1;
}

.cloud-resource-search__tag {
  display: inline-flex;
  background: var(--k2b-selected);
  color: var(--color-blue-600);
  cursor: pointer;
  border-radius: .375rem;
  align-items:  center;
  gap: .375rem;
  padding: .25rem .375rem;
  font-size: .75rem;
}

.dark .cloud-resource-search__tag {
  color: var(--color-blue-300);
}

.cloud-resource-search__tag.is-unknown {
  color: var(--color-amber-600);
}

.cloud-resource-search__body {
  grid-area: 3 / 1;
  max-height: var(--search-body-height);
  overscroll-behavior: contain;
}

.cloud-resource-search.has-results .cloud-resource-search__body {
  height: var(--search-body-height);
}

.cloud-resource-search__idle {
  color: var(--k2b-text-muted);
  padding: .375rem 1.125rem 1.5rem;
  font-size: .8125rem;
}

.cloud-resource-search__quick {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: .5rem;
  min-height: 1.75rem;
  margin-top: 1rem;
}

.cloud-resource-search__quick > button {
  min-width: 0;
}

.cloud-resource-search__quick > button:last-child {
  flex-shrink: 0;
}

.cloud-resource-search__quick .k2b-button__label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}

.cloud-resource-search__tag-skeleton {
  border-radius: var(--k2b-radius-control);
  background: var(--k2b-surface-muted);
  flex: 0 3.5rem;
  height: 1.75rem;
}

.cloud-resource-search__count {
  color: var(--k2b-text-muted);
  padding: 0 1.125rem .5rem;
  font-size: .6875rem;
}

.cloud-resource-search__results {
  padding: 0 .375rem 1rem;
}

.cloud-resource-search__group {
  color: var(--k2b-text-muted);
  padding: .875rem .75rem .375rem;
  font-size: .6875rem;
  font-weight: 500;
}

.cloud-resource-search__group:first-child {
  padding-top: .25rem;
}

.cloud-resource-search__result {
  display: flex;
  text-align: left;
  cursor: pointer;
  border-radius: .5rem;
  align-items:  center;
  gap: .6875rem;
  width: 100%;
  min-height: 3.5rem;
  margin-bottom: .125rem;
  padding: .625rem .75rem;
}

.cloud-resource-search__result > i {
  color: var(--k2b-text-muted);
  flex: none;
  width: 1.25rem;
  font-size: 1rem;
}

.cloud-resource-search__result:hover {
  background: var(--k2b-hover);
}

.cloud-resource-search__result.is-active, .cloud-resource-search__result.is-selected {
  background: var(--k2b-selected);
}

.cloud-resource-search__result-copy {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: .1875rem;
  min-width: 0;
}

.cloud-resource-search__result-copy > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 400;
}

.cloud-resource-search__result-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--k2b-text-muted);
  font-size: .6875rem;
}

.cloud-resource-search__hint {
  color: var(--k2b-text-muted);
  padding: .5rem 1.125rem 1.5rem;
  font-size: .8125rem;
}

.cloud-resource-search__tag-heading {
  display: flex;
  color: var(--k2b-text-muted);
  justify-content: space-between;
  align-items:  center;
  gap: .75rem;
  padding: 0 1.125rem .5rem;
  font-size: .6875rem;
}

.cloud-resource-search__tags {
  padding: 0 .375rem 1rem;
}

.cloud-resource-search__tag-option {
  display: flex;
  text-align: left;
  cursor: pointer;
  border-radius: .5rem;
  align-items:  center;
  gap: .75rem;
  width: 100%;
  padding: .6875rem .75rem;
}

.cloud-resource-search__tag-option:hover, .cloud-resource-search__tag-option.is-active {
  background: var(--k2b-selected);
}

.cloud-resource-search__tag-option > i {
  color: var(--k2b-text-muted);
  flex: none;
}

.cloud-resource-search__tag-option > span {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: .125rem;
  min-width: 0;
}

.cloud-resource-search__tag-option strong {
  font-size: .8125rem;
  font-weight: 500;
}

.cloud-resource-search__tag-option small {
  color: var(--k2b-text-muted);
  font-size: .6875rem;
}

.cloud-resource-search__tag-option code {
  overflow-wrap: anywhere;
  color: var(--k2b-text-muted);
  max-width: 35%;
  font-size: .6875rem;
}

.cloud-resource-search__footer {
  grid-area: 4 / 1;
  display: flex;
  align-items:  center;
  gap: .75rem;
  padding: .625rem 1.125rem .5rem;
}

.cloud-resource-search__keys {
  display: flex;
  color: var(--k2b-text-muted);
  flex: 1;
  gap: .875rem;
  font-size: .625rem;
}

.cloud-resource-search__selection {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--k2b-text-muted);
  flex: 1;
  min-width: 0;
  font-size: .6875rem;
}

.cloud-resource-search__preview {
  display: none;
  background: var(--ui-surface-muted);
  border-radius: .6875rem;
  min-width: 0;
  padding: 1.25rem;
}

.cloud-resource-search__preview-app {
  display: flex;
  color: var(--k2b-text-muted);
  align-items:  center;
  gap: .5rem;
  margin-bottom: 1.75rem;
  padding-right: 2rem;
  font-size: .75rem;
}

.cloud-resource-search__preview h2 {
  overflow-wrap: anywhere;
  letter-spacing: -.025em;
  margin: 0;
  font-size: 1.1875rem;
  font-weight: 500;
  line-height: 1.45;
}

.cloud-resource-search__preview dl {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr);
  gap: .75rem .5rem;
  margin: 1.75rem 0 0;
  font-size: .75rem;
}

.cloud-resource-search__preview dt {
  color: var(--k2b-text-muted);
  overflow-wrap: anywhere;
}

.cloud-resource-search__preview dd {
  overflow-wrap: anywhere;
  margin: 0;
}

.cloud-resource-search__preview p {
  color: var(--k2b-text-muted);
  overflow-wrap: anywhere;
  margin-top: 1.75rem;
  font-size: .8125rem;
  line-height: 1.85;
}

.cloud-resource-search__image {
  object-fit: contain;
  border-radius: .5rem;
  width: 100%;
  max-height: 12rem;
  margin-top: 1.25rem;
}

.cloud-resource-search .cloud-resource-search__back {
  display: none;
}

.cloud-resource-search :-webkit-any(.cloud-resource-search__result, .cloud-resource-search__tag-option, .cloud-resource-search__tag):focus-visible {
  outline: 2px solid var(--color-blue-500);
  outline-offset: -2px;
}

.cloud-resource-search :-moz-any(.cloud-resource-search__result, .cloud-resource-search__tag-option, .cloud-resource-search__tag):focus-visible {
  outline: 2px solid var(--color-blue-500);
  outline-offset: -2px;
}

.cloud-resource-search :is(.cloud-resource-search__result, .cloud-resource-search__tag-option, .cloud-resource-search__tag):focus-visible {
  outline: 2px solid var(--color-blue-500);
  outline-offset: -2px;
}

@media (min-width: 48rem) {
  .cloud-resource-search {
    grid-template-columns: minmax(0, 1fr) 19rem;
    gap: 0 .625rem;
  }

  .cloud-resource-search__input {
    padding-right: 1rem;
  }

  .cloud-resource-search__preview {
    display: block;
    grid-column: 2;
    grid-row: 1 / 5;
  }

  .cloud-resource-search .cloud-resource-search__details {
    display: none;
  }
}

@media (max-width: 47.999rem) {
  .cloud-search-dialog {
    --search-expanded-height: 36rem;
  }

  .cloud-resource-search {
    --search-body-height: max(0px, min(28rem, calc(var(--search-max-height)  - 12rem)));
  }

  .cloud-resource-search__input {
    gap: .5625rem;
    padding-left: .625rem;
  }

  .cloud-resource-search__field input {
    font-size: 1.125rem;
  }

  .cloud-resource-search__result {
    padding-inline-start: .625rem;
    padding-inline-end: .625rem;
  }

  .cloud-resource-search__results {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }

  .cloud-resource-search__hint, .cloud-resource-search__idle, .cloud-resource-search__footer, .cloud-resource-search__count, .cloud-resource-search__tag-heading {
    padding-inline-start: .625rem;
    padding-inline-end: .625rem;
  }

  .cloud-resource-search.shows-details .cloud-resource-search__body {
    display: none;
  }

  .cloud-resource-search.shows-details .cloud-resource-search__preview {
    display: block;
    grid-area: 3 / 1;
    max-height: var(--search-body-height);
  }

  .cloud-resource-search.shows-details .cloud-resource-search__back {
    display: inline-flex;
    margin-bottom: 1rem;
  }

  .cloud-resource-search.shows-details .cloud-resource-search__details {
    display: none;
  }
}

.cloud-search-dialog:has(.cloud-global-search) {
  overflow: visible;
}

.cloud-global-search {
  border-radius: inherit;
}

.cloud-global-search > .cloud-resource-search {
  z-index: 1;
  background: var(--ui-dialog-surface);
  border-radius: var(--ui-radius-frame);
  overflow: hidden;
}

.cloud-search-dialog[data-modeless="true"] {
  --search-max-height: calc(100dvh - 1.5rem);
  z-index: 100;
}

.cloud-global-search [data-search-grip] {
  display: none;
}

.cloud-global-search[data-movable="true"] [data-search-grip] {
  display: block;
  position: absolute;
  z-index: 2;
  cursor: grab;
  touch-action: none;
}

.cloud-global-search[data-dragging="true"] [data-search-grip] {
  cursor: grabbing;
}

.cloud-global-search [data-search-grip="top"] {
  height: 16px;
  top: -8px;
  left: -8px;
  right: -8px;
}

.cloud-global-search [data-search-grip="bottom"] {
  height: 16px;
  bottom: -8px;
  left: -8px;
  right: -8px;
}

.cloud-global-search [data-search-grip="left"] {
  width: 16px;
  top: 8px;
  bottom: 8px;
  left: -8px;
}

.cloud-global-search [data-search-grip="right"] {
  width: 16px;
  top: 8px;
  bottom: 8px;
  right: -8px;
}

.cloud-global-search__home {
  display: none;
  position: absolute;
  pointer-events: none;
  z-index: 0;
  background: var(--ui-dialog-surface);
  backdrop-filter: blur(8px);
  border-radius: var(--ui-radius-frame);
  box-shadow: inset 0 0 0 1px var(--ui-border);
  color: var(--k2b-text-muted);
  place-items:  center;
  transition: background-color .12s, color .12s;
}

@supports (color: color-mix(in lab, red, red)) {
  .cloud-global-search__home {
    background: color-mix(in srgb, var(--ui-dialog-surface) 82%, transparent);
  }
}

.cloud-global-search__home > div {
  display: grid;
  justify-items: center;
  gap: .5rem;
  font-size: .8125rem;
}

.cloud-global-search__home i {
  font-size: 1.75rem;
}

.cloud-global-search__home[data-ready="true"] {
  z-index: 3;
  background: var(--k2b-focus-ring);
  color: var(--k2b-focus-ring);
  box-shadow: inset 0 0 0 1px var(--k2b-focus-ring);
}

@supports (color: color-mix(in lab, red, red)) {
  .cloud-global-search__home[data-ready="true"] {
    background: color-mix(in srgb, var(--k2b-focus-ring) 12%, var(--ui-dialog-surface) 88%);
  }
}

.cloud-global-search[data-dragging="true"] .cloud-global-search__home {
  display: grid;
}

@media (prefers-reduced-motion: reduce) {
  .cloud-global-search__home {
    transition: none;
  }
}

.cloud-app-canvas {
  padding: var(--ui-space-shell);
  background: linear-gradient(var(--app-canvas-angle, 135deg), var(--app-canvas-from, #fafafa), var(--app-canvas-via, var(--app-canvas-from, #fafafa)) 50%, var(--app-canvas-to, #fafafa));
}

@supports (color: color(display-p3 0 0 0)) {
  .cloud-app-canvas {
    background: linear-gradient(var(--app-canvas-angle, 135deg), var(--app-canvas-from, color(display-p3 .980256 .980256 .980256)), var(--app-canvas-via, var(--app-canvas-from, color(display-p3 .980256 .980256 .980256))) 50%, var(--app-canvas-to, color(display-p3 .980256 .980256 .980256)));
  }
}

@supports (color: lab(0% 0 0)) {
  .cloud-app-canvas {
    background: linear-gradient(var(--app-canvas-angle, 135deg), var(--app-canvas-from, lab(98.26% -.0000298023 0)), var(--app-canvas-via, var(--app-canvas-from, lab(98.26% -.0000298023 0))) 50%, var(--app-canvas-to, lab(98.26% -.0000298023 0)));
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .cloud-app-canvas {
    background: linear-gradient(var(--app-canvas-angle, 135deg), color-mix(in srgb, var(--app-canvas-from, var(--color-zinc-50)) var(--app-canvas-strength, 0%), var(--color-zinc-50)), color-mix(in srgb, var(--app-canvas-via, var(--app-canvas-from, var(--color-zinc-50))) var(--app-canvas-strength, 0%), var(--color-zinc-50)) 50%, color-mix(in srgb, var(--app-canvas-to, var(--color-zinc-50)) var(--app-canvas-strength, 0%), var(--color-zinc-50)));
  }
}

html:has(.cloud-app-canvas[data-layout-full-page="true"]) {
  overscroll-behavior: none;
}

.cloud-app-canvas > :-webkit-any(.layout-rail, .layout-shell-content) {
  gap: var(--ui-space-shell);
}

.cloud-app-canvas > :-moz-any(.layout-rail, .layout-shell-content) {
  gap: var(--ui-space-shell);
}

.cloud-app-canvas > :is(.layout-rail, .layout-shell-content) {
  gap: var(--ui-space-shell);
}

.cloud-app-canvas > .layout-rail {
  width: calc(2.5rem + var(--ui-space-shell));
  margin-inline-start: calc(-1 * var(--ui-space-shell));
  background-color: #0000 !important;
  background-image: none !important;
}

.dark .cloud-app-canvas {
  background: linear-gradient(var(--app-canvas-angle, 135deg), var(--app-canvas-from, var(--ui-canvas)), var(--app-canvas-via-dark, var(--ui-canvas)) 50%, var(--app-canvas-to, var(--ui-canvas)));
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .cloud-app-canvas {
    background: linear-gradient(var(--app-canvas-angle, 135deg), color-mix(in srgb, var(--app-canvas-from, var(--ui-canvas)) var(--app-canvas-dark-strength, 0%), var(--ui-canvas)), color-mix(in srgb, var(--app-canvas-via-dark, var(--ui-canvas)) var(--app-canvas-dark-strength, 0%), var(--ui-canvas)) 50%, color-mix(in srgb, var(--app-canvas-to, var(--ui-canvas)) var(--app-canvas-dark-strength, 0%), var(--ui-canvas)));
  }
}

:root {
  --buncss-light: initial;
  --buncss-dark: ;
  color-scheme: light;
}

* {
  font-variant-ligatures: contextual;
  font-family: var(--font-sans);
  scrollbar-width: thin;
  scrollbar-color: #a1a1aa66 transparent;
}

.dark * {
  scrollbar-color: #52525b80 transparent;
}

.stdlib-chart {
  display: block;
  width: 100%;
  height: 100%;
}

:root .stdlib-chart {
  --stdlib-chart-c1: #14b8a6;
  --stdlib-chart-c2: #f97316;
  --stdlib-chart-c3: #8b5cf6;
  --stdlib-chart-c4: #ec4899;
  --stdlib-chart-c5: #22c55e;
  --stdlib-chart-c6: #eab308;
  --stdlib-chart-c7: #06b6d4;
  --stdlib-chart-c8: #ef4444;
}

.dark .stdlib-chart {
  color: #e4e4e7;
}

.dark .stdlib-chart .stdlib-chart-slice, .dark .stdlib-chart .stdlib-chart-point, .dark .stdlib-chart .stdlib-chart-box-outlier {
  stroke: #09090b;
}

.stdlib-chart .stdlib-chart-tick-label, .stdlib-chart .stdlib-chart-bar-value, .stdlib-chart .stdlib-chart-axis-label {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

.stdlib-chart a {
  cursor: pointer;
}

.stdlib-chart a:hover .stdlib-chart-state-region, .stdlib-chart a:focus .stdlib-chart-state-region {
  opacity: .8;
  outline: none;
}

*::-webkit-scrollbar {
  width: .5rem;
  height: .5rem;
}

*::-webkit-scrollbar-track {
  background: none;
  border-radius: 9999px;
}

*::-webkit-scrollbar-thumb {
  background: #a1a1aa59 padding-box padding-box;
  border: 1px solid #0000;
  border-radius: 9999px;
}

*::-webkit-scrollbar-thumb:hover {
  background: #a1a1aa8c;
}

.dark *::-webkit-scrollbar-thumb {
  background: #52525b80;
}

.dark *::-webkit-scrollbar-thumb:hover {
  background: #52525bb3;
}

*::-webkit-scrollbar-corner {
  background: none;
}

.multi-select-pill-strip {
  scrollbar-width: thin;
}

body {
  color: #18181b;
  background-color: #fafafa;
}

.dark body {
  color: #f4f4f5;
  background-color: #09090b;
}

.dark {
  --buncss-light: ;
  --buncss-dark: initial;
  color-scheme: dark;
  --color-selection-bg: #3b82f680;
  --color-selection-fg: #eff6ff;
}

@view-transition {
  navigation: auto;
}

::selection {
  background-color: var(--color-selection-bg);
  color: var(--color-selection-fg);
}

::selection {
  background-color: var(--color-selection-bg);
  color: var(--color-selection-fg);
}

solid-client, solid-island {
  display: contents;
}

@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 1023px) {
  .cloud-app-canvas {
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
    background: var(--ui-surface);
  }

  .cloud-app-canvas > .layout-shell-content {
    gap: 0;
  }

  .cloud-app-canvas .layout-header {
    border: 0;
    border-bottom: 1px solid var(--ui-border);
    border-radius: 0;
    box-shadow: none !important;
  }
}

.cloud-mobile-menu .k2b-panel-dialog__header {
  background: var(--ui-surface);
  gap: .5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
}

.cloud-mobile-menu .k2b-bottom-sheet__handle {
  background: var(--ui-surface);
}

.cloud-mobile-menu .k2b-panel-dialog__heading {
  position: absolute;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
}

.cloud-mobile-menu .k2b-panel-dialog__actions {
  flex: 1;
  min-width: 0;
}

.cloud-mobile-menu__switch {
  flex-wrap: nowrap;
  width: 100%;
}

.cloud-mobile-menu__switch button {
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  min-height: 3rem;
}

.cloud-mobile-menu__switch button > span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.cloud-mobile-menu .k2b-dialog__close {
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
}

.cloud-mobile-menu .k2b-panel-dialog__body {
  padding: .75rem 1rem 1rem;
}

.cloud-mobile-apps {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cloud-mobile-apps .launchpad-tools {
  display: flex;
  align-items:  center;
  gap: .5rem;
}

.cloud-mobile-apps .launchpad-tools > :first-child {
  flex: 1;
  min-width: 0;
}

.cloud-mobile-apps .launchpad-customize {
  flex-shrink: 0;
  margin: 0;
}

.cloud-mobile-apps .launchpad-apps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem .5rem;
}

.cloud-mobile-apps .launchpad-app {
  gap: .6rem;
  width: auto;
  padding: .5rem .125rem;
}

.cloud-mobile-apps .app-icon {
  border-radius: 1.1rem;
  width: 3.5rem;
  height: 3.5rem;
  font-size: 1.75rem;
}

.cloud-mobile-apps .launchpad-app > span:last-child {
  white-space: normal;
  overflow-wrap: anywhere;
  width: 100%;
  font-size: .8125rem;
  line-height: 1.3;
}

.cloud-mobile-profile {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--ui-border);
  gap: .5rem;
  padding-top: 1rem;
}

.cloud-mobile-profile :-webkit-any(a, button) {
  white-space: normal;
  text-align: start;
  justify-content: flex-start;
  min-height: 2.75rem;
}

.cloud-mobile-profile :-moz-any(a, button) {
  white-space: normal;
  text-align: start;
  justify-content: flex-start;
  min-height: 2.75rem;
}

.cloud-mobile-profile :is(a, button) {
  white-space: normal;
  text-align: start;
  justify-content: flex-start;
  min-height: 2.75rem;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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-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-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-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-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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

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

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@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 {
      --tw-leading: initial;
      --tw-duration: initial;
      --tw-ease: 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-border-style: solid;
      --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-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-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-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-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }

    ::backdrop {
      --tw-leading: initial;
      --tw-duration: initial;
      --tw-ease: 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-border-style: solid;
      --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-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-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-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-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}