/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --ds-spacing: 0.25rem;
    --ds-font-weight-normal: 400;
    --ds-font-weight-semibold: 600;
    --ds-font-weight-bold: 700;
    --ds-tracking-normal: 0em;
    --ds-leading-normal: 1.5;
    --ds-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ds-default-transition-duration: 150ms;
    --ds-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --ds-default-font-family: var(--tf-font-sans);
    --ds-default-mono-font-family: var(--tf-font-mono);
    --ds-color-bg: var(--tf-color-bg);
    --ds-color-rail: var(--tf-color-rail);
    --ds-color-surface: var(--tf-color-surface);
    --ds-color-raised: var(--tf-color-raised);
    --ds-color-scrim: var(--tf-color-scrim);
    --ds-color-drawer-scrim: var(--tf-color-drawer-scrim);
    --ds-color-appbar: var(--tf-color-appbar);
    --ds-color-hover: var(--tf-color-hover);
    --ds-color-hover-strong: var(--tf-color-hover-strong);
    --ds-color-row-hover: var(--tf-color-row-hover);
    --ds-color-ink: var(--tf-color-ink);
    --ds-color-body: var(--tf-color-body);
    --ds-color-code: var(--tf-color-code);
    --ds-color-muted: var(--tf-color-muted);
    --ds-color-dim: var(--tf-color-dim);
    --ds-color-placeholder: var(--tf-color-placeholder);
    --ds-color-line: var(--tf-color-line);
    --ds-color-line-soft: var(--tf-color-line-soft);
    --ds-color-accent: var(--tf-color-accent);
    --ds-color-accent-hover: var(--tf-color-accent-hover);
    --ds-color-accent-ink: var(--tf-color-accent-ink);
    --ds-color-accent-text: var(--tf-color-accent-text);
    --ds-color-accent-soft: var(--tf-color-accent-soft);
    --ds-color-accent-selected: var(--tf-color-accent-selected);
    --ds-color-accent-glow: var(--tf-color-accent-glow);
    --ds-color-danger: var(--tf-color-danger);
    --ds-color-danger-text: var(--tf-color-danger-text);
    --ds-color-danger-ink: var(--tf-color-danger-ink);
    --ds-color-danger-soft: var(--tf-color-danger-soft);
    --ds-color-danger-line: var(--tf-color-danger-line);
    --ds-color-warn: var(--tf-color-warn);
    --ds-color-warn-text: var(--tf-color-warn-text);
    --ds-color-warn-soft: var(--tf-color-warn-soft);
    --ds-color-warn-line: var(--tf-color-warn-line);
    --ds-color-ok: var(--tf-color-ok);
    --ds-color-alert-bg: var(--tf-color-alert-bg);
    --ds-color-alert-line: var(--tf-color-alert-line);
    --ds-color-alert-ink: var(--tf-color-alert-ink);
    --ds-color-alert-link: var(--tf-color-alert-link);
    --ds-color-diagram-bg: var(--tf-color-diagram-bg);
    --ds-color-diagram-ink: var(--tf-color-diagram-ink);
    --ds-color-diagram-muted: var(--tf-color-diagram-muted);
    --ds-color-diagram-selected: var(--tf-color-diagram-selected);
    --ds-color-diagram-active-fill: var(--tf-color-diagram-active-fill);
    --ds-color-diagram-active-stroke: var(--tf-color-diagram-active-stroke);
    --ds-color-diagram-path: var(--tf-color-diagram-path);
    --ds-color-diagram-done-fill: var(--tf-color-diagram-done-fill);
    --ds-color-diagram-done-stroke: var(--tf-color-diagram-done-stroke);
    --ds-color-diagram-ended-fill: var(--tf-color-diagram-ended-fill);
    --ds-color-diagram-ended-stroke: var(--tf-color-diagram-ended-stroke);
    --ds-color-diagram-incident-fill: var(--tf-color-diagram-incident-fill);
    --ds-color-diagram-incident-stroke: var(--tf-color-diagram-incident-stroke);
    --ds-color-heat-1-fill: var(--tf-color-heat-1-fill);
    --ds-color-heat-1-stroke: var(--tf-color-heat-1-stroke);
    --ds-color-heat-1-badge: var(--tf-color-heat-1-badge);
    --ds-color-heat-2-fill: var(--tf-color-heat-2-fill);
    --ds-color-heat-2-stroke: var(--tf-color-heat-2-stroke);
    --ds-color-heat-2-badge: var(--tf-color-heat-2-badge);
    --ds-color-heat-3-fill: var(--tf-color-heat-3-fill);
    --ds-color-heat-3-stroke: var(--tf-color-heat-3-stroke);
    --ds-color-heat-3-badge: var(--tf-color-heat-3-badge);
    --ds-color-heat-4-fill: var(--tf-color-heat-4-fill);
    --ds-color-heat-4-stroke: var(--tf-color-heat-4-stroke);
    --ds-color-heat-4-badge: var(--tf-color-heat-4-badge);
    --ds-color-heat-badge-ink: var(--tf-color-heat-badge-ink);
    --ds-font-sans: var(--tf-font-sans);
    --ds-font-mono: var(--tf-font-mono);
    --ds-text-2xs: var(--tf-text-2xs);
    --ds-text-xs: var(--tf-text-xs);
    --ds-text-sm: var(--tf-text-sm);
    --ds-text-sm-plus: var(--tf-text-sm-plus);
    --ds-text-base: var(--tf-text-base);
    --ds-text-md: var(--tf-text-md);
    --ds-text-lg: var(--tf-text-lg);
    --ds-text-xl: var(--tf-text-xl);
    --ds-text-2xl: var(--tf-text-2xl);
    --ds-radius-sm: var(--tf-radius-sm);
    --ds-radius-lg: var(--tf-radius-lg);
    --ds-radius-xl: var(--tf-radius-xl);
    --ds-shadow-popover: var(--tf-shadow-popover);
    --ds-shadow-menu: var(--tf-shadow-menu);
    --ds-shadow-card: var(--tf-shadow-card);
    --ds-shadow-drawer: var(--tf-shadow-drawer);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--ds-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(--ds-default-font-feature-settings, normal);
    font-variation-settings: var(--ds-default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--ds-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--ds-default-mono-font-feature-settings, normal);
    font-variation-settings: var(--ds-default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.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, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .ds\:\@container {
    container-type: inline-size;
  }
  .ds\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .ds\:absolute {
    position: absolute;
  }
  .ds\:fixed {
    position: fixed;
  }
  .ds\:relative {
    position: relative;
  }
  .ds\:sticky {
    position: sticky;
  }
  .ds\:inset-0 {
    inset: 0px;
  }
  .ds\:top-0 {
    top: 0px;
  }
  .ds\:top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .ds\:top-\[-60px\] {
    top: -60px;
  }
  .ds\:top-\[calc\(100\%\+4px\)\] {
    top: calc(100% + 4px);
  }
  .ds\:top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px);
  }
  .ds\:right-0 {
    right: 0px;
  }
  .ds\:right-\[5px\] {
    right: 5px;
  }
  .ds\:bottom-\[calc\(100\%\+6px\)\] {
    bottom: calc(100% + 6px);
  }
  .ds\:left-0 {
    left: 0px;
  }
  .ds\:left-4 {
    left: calc(var(--ds-spacing) * 4);
  }
  .ds\:z-20 {
    z-index: 20;
  }
  .ds\:z-30 {
    z-index: 30;
  }
  .ds\:z-40 {
    z-index: 40;
  }
  .ds\:z-50 {
    z-index: 50;
  }
  .ds\:z-\[25\] {
    z-index: 25;
  }
  .ds\:z-\[44\] {
    z-index: 44;
  }
  .ds\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .ds\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .ds\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .ds\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .ds\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .ds\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .ds\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .ds\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .ds\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .ds\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .ds\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .ds\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .ds\:col-span-13 {
    grid-column: span 13 / span 13;
  }
  .ds\:col-span-14 {
    grid-column: span 14 / span 14;
  }
  .ds\:col-span-15 {
    grid-column: span 15 / span 15;
  }
  .ds\:col-span-full {
    grid-column: 1 / -1;
  }
  .ds\:col-start-1 {
    grid-column-start: 1;
  }
  .ds\:col-start-2 {
    grid-column-start: 2;
  }
  .ds\:row-start-1 {
    grid-row-start: 1;
  }
  .ds\:row-start-2 {
    grid-row-start: 2;
  }
  .ds\:m-0 {
    margin: 0px;
  }
  .ds\:m-auto {
    margin: auto;
  }
  .ds\:mx-0 {
    margin-inline: 0px;
  }
  .ds\:mx-0\.5 {
    margin-inline: calc(var(--ds-spacing) * 0.5);
  }
  .ds\:mx-2\.5 {
    margin-inline: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:mx-auto {
    margin-inline: auto;
  }
  .ds\:my-0 {
    margin-block: 0px;
  }
  .ds\:my-0\.5 {
    margin-block: calc(var(--ds-spacing) * 0.5);
  }
  .ds\:my-1 {
    margin-block: var(--ds-spacing);
  }
  .ds\:my-\[13px\] {
    margin-block: 13px;
  }
  .ds\:mt-0 {
    margin-top: 0px;
  }
  .ds\:mt-0\.5 {
    margin-top: calc(var(--ds-spacing) * 0.5);
  }
  .ds\:mt-1 {
    margin-top: var(--ds-spacing);
  }
  .ds\:mt-1\.5 {
    margin-top: calc(var(--ds-spacing) * 1.5);
  }
  .ds\:mt-2 {
    margin-top: calc(var(--ds-spacing) * 2);
  }
  .ds\:mt-3 {
    margin-top: calc(var(--ds-spacing) * 3);
  }
  .ds\:mt-3\.5 {
    margin-top: calc(var(--ds-spacing) * 3.5);
  }
  .ds\:mt-4 {
    margin-top: calc(var(--ds-spacing) * 4);
  }
  .ds\:mt-\[3px\] {
    margin-top: 3px;
  }
  .ds\:mt-\[18px\] {
    margin-top: 18px;
  }
  .ds\:mt-\[22px\] {
    margin-top: 22px;
  }
  .ds\:mt-\[26px\] {
    margin-top: 26px;
  }
  .ds\:mt-\[30px\] {
    margin-top: 30px;
  }
  .ds\:mr-2 {
    margin-right: calc(var(--ds-spacing) * 2);
  }
  .ds\:mr-auto {
    margin-right: auto;
  }
  .ds\:mb-0 {
    margin-bottom: 0px;
  }
  .ds\:mb-1 {
    margin-bottom: var(--ds-spacing);
  }
  .ds\:mb-1\.5 {
    margin-bottom: calc(var(--ds-spacing) * 1.5);
  }
  .ds\:mb-2 {
    margin-bottom: calc(var(--ds-spacing) * 2);
  }
  .ds\:mb-2\.5 {
    margin-bottom: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:mb-3 {
    margin-bottom: calc(var(--ds-spacing) * 3);
  }
  .ds\:mb-3\.5 {
    margin-bottom: calc(var(--ds-spacing) * 3.5);
  }
  .ds\:mb-4 {
    margin-bottom: calc(var(--ds-spacing) * 4);
  }
  .ds\:mb-5 {
    margin-bottom: calc(var(--ds-spacing) * 5);
  }
  .ds\:mb-\[5px\] {
    margin-bottom: 5px;
  }
  .ds\:mb-\[18px\] {
    margin-bottom: 18px;
  }
  .ds\:mb-\[22px\] {
    margin-bottom: 22px;
  }
  .ds\:ml-1 {
    margin-left: var(--ds-spacing);
  }
  .ds\:ml-2\.5 {
    margin-left: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:ml-auto {
    margin-left: auto;
  }
  .ds\:block {
    display: block;
  }
  .ds\:flex {
    display: flex;
  }
  .ds\:grid {
    display: grid;
  }
  .ds\:hidden {
    display: none;
  }
  .ds\:inline-block {
    display: inline-block;
  }
  .ds\:inline-flex {
    display: inline-flex;
  }
  .ds\:inline-grid {
    display: inline-grid;
  }
  .ds\:size-2 {
    width: calc(var(--ds-spacing) * 2);
    height: calc(var(--ds-spacing) * 2);
  }
  .ds\:size-2\.5 {
    width: calc(var(--ds-spacing) * 2.5);
    height: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:size-3 {
    width: calc(var(--ds-spacing) * 3);
    height: calc(var(--ds-spacing) * 3);
  }
  .ds\:size-4 {
    width: calc(var(--ds-spacing) * 4);
    height: calc(var(--ds-spacing) * 4);
  }
  .ds\:size-7 {
    width: calc(var(--ds-spacing) * 7);
    height: calc(var(--ds-spacing) * 7);
  }
  .ds\:size-9 {
    width: calc(var(--ds-spacing) * 9);
    height: calc(var(--ds-spacing) * 9);
  }
  .ds\:size-10 {
    width: calc(var(--ds-spacing) * 10);
    height: calc(var(--ds-spacing) * 10);
  }
  .ds\:size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .ds\:size-\[22px\] {
    width: 22px;
    height: 22px;
  }
  .ds\:size-\[38px\] {
    width: 38px;
    height: 38px;
  }
  .ds\:h-0\.5 {
    height: calc(var(--ds-spacing) * 0.5);
  }
  .ds\:h-8 {
    height: calc(var(--ds-spacing) * 8);
  }
  .ds\:h-\[34px\] {
    height: 34px;
  }
  .ds\:h-full {
    height: 100%;
  }
  .ds\:h-px {
    height: 1px;
  }
  .ds\:max-h-80 {
    max-height: calc(var(--ds-spacing) * 80);
  }
  .ds\:max-h-\[200px\] {
    max-height: 200px;
  }
  .ds\:max-h-\[calc\(100vh-48px\)\] {
    max-height: calc(100vh - 48px);
  }
  .ds\:min-h-0 {
    min-height: 0px;
  }
  .ds\:min-h-8 {
    min-height: calc(var(--ds-spacing) * 8);
  }
  .ds\:min-h-9 {
    min-height: calc(var(--ds-spacing) * 9);
  }
  .ds\:min-h-24 {
    min-height: calc(var(--ds-spacing) * 24);
  }
  .ds\:min-h-60 {
    min-height: calc(var(--ds-spacing) * 60);
  }
  .ds\:min-h-\[30px\] {
    min-height: 30px;
  }
  .ds\:min-h-\[34px\] {
    min-height: 34px;
  }
  .ds\:min-h-\[54px\] {
    min-height: 54px;
  }
  .ds\:min-h-\[58px\] {
    min-height: 58px;
  }
  .ds\:min-h-\[260px\] {
    min-height: 260px;
  }
  .ds\:min-h-screen {
    min-height: 100vh;
  }
  .ds\:w-4 {
    width: calc(var(--ds-spacing) * 4);
  }
  .ds\:w-\[260px\] {
    width: 260px;
  }
  .ds\:w-\[min\(420px\,100\%\)\] {
    width: min(420px, 100%);
  }
  .ds\:w-\[min\(480px\,calc\(100vw-32px\)\)\] {
    width: min(480px, calc(100vw - 32px));
  }
  .ds\:w-\[min\(720px\,calc\(100vw-32px\)\)\] {
    width: min(720px, calc(100vw - 32px));
  }
  .ds\:w-auto {
    width: auto;
  }
  .ds\:w-fit {
    width: fit-content;
  }
  .ds\:w-full {
    width: 100%;
  }
  .ds\:w-max {
    width: max-content;
  }
  .ds\:max-w-\[180px\] {
    max-width: 180px;
  }
  .ds\:max-w-\[280px\] {
    max-width: 280px;
  }
  .ds\:max-w-\[380px\] {
    max-width: 380px;
  }
  .ds\:max-w-\[460px\] {
    max-width: 460px;
  }
  .ds\:max-w-\[720px\] {
    max-width: 720px;
  }
  .ds\:max-w-\[760px\] {
    max-width: 760px;
  }
  .ds\:min-w-0 {
    min-width: 0px;
  }
  .ds\:min-w-\[2\.4em\] {
    min-width: 2.4em;
  }
  .ds\:min-w-\[150px\] {
    min-width: 150px;
  }
  .ds\:min-w-\[200px\] {
    min-width: 200px;
  }
  .ds\:min-w-\[220px\] {
    min-width: 220px;
  }
  .ds\:flex-1 {
    flex: 1;
  }
  .ds\:flex-\[1_1_170px\] {
    flex: 1 1 170px;
  }
  .ds\:flex-\[1_1_220px\] {
    flex: 1 1 220px;
  }
  .ds\:flex-\[1_1_320px\] {
    flex: 1 1 320px;
  }
  .ds\:flex-none {
    flex: none;
  }
  .ds\:-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ds\:rotate-45 {
    rotate: 45deg;
  }
  .ds\:animate-pulse {
    animation: tf-pulse 1.2s ease-in-out infinite;
  }
  .ds\:animate-spin {
    animation: tf-spin 0.8s linear infinite;
  }
  .ds\:animate-view-in {
    animation: tf-view-in var(--tf-duration) ease both;
  }
  .ds\:cursor-help {
    cursor: help;
  }
  .ds\:cursor-not-allowed {
    cursor: not-allowed;
  }
  .ds\:cursor-pointer {
    cursor: pointer;
  }
  .ds\:resize-y {
    resize: vertical;
  }
  .ds\:scroll-mt-20 {
    scroll-margin-top: calc(var(--ds-spacing) * 20);
  }
  .ds\:list-decimal {
    list-style-type: decimal;
  }
  .ds\:list-disc {
    list-style-type: disc;
  }
  .ds\:list-none {
    list-style-type: none;
  }
  .ds\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ds\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ds\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .ds\:grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }
  .ds\:grid-cols-\[repeat\(16\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(16,minmax(0,1fr));
  }
  .ds\:grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
  }
  .ds\:grid-cols-\[repeat\(auto-fit\,minmax\(160px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
  }
  .ds\:grid-cols-\[repeat\(auto-fit\,minmax\(170px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(170px,1fr));
  }
  .ds\:flex-wrap {
    flex-wrap: wrap;
  }
  .ds\:place-content-center {
    place-content: center;
  }
  .ds\:place-items-center {
    place-items: center;
  }
  .ds\:items-baseline {
    align-items: baseline;
  }
  .ds\:items-center {
    align-items: center;
  }
  .ds\:items-end {
    align-items: flex-end;
  }
  .ds\:items-start {
    align-items: flex-start;
  }
  .ds\:items-stretch {
    align-items: stretch;
  }
  .ds\:justify-between {
    justify-content: space-between;
  }
  .ds\:justify-center {
    justify-content: center;
  }
  .ds\:justify-end {
    justify-content: flex-end;
  }
  .ds\:justify-start {
    justify-content: flex-start;
  }
  .ds\:justify-items-center {
    justify-items: center;
  }
  .ds\:gap-0 {
    gap: 0px;
  }
  .ds\:gap-0\.5 {
    gap: calc(var(--ds-spacing) * 0.5);
  }
  .ds\:gap-1 {
    gap: var(--ds-spacing);
  }
  .ds\:gap-1\.5 {
    gap: calc(var(--ds-spacing) * 1.5);
  }
  .ds\:gap-2 {
    gap: calc(var(--ds-spacing) * 2);
  }
  .ds\:gap-2\.5 {
    gap: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:gap-3 {
    gap: calc(var(--ds-spacing) * 3);
  }
  .ds\:gap-3\.5 {
    gap: calc(var(--ds-spacing) * 3.5);
  }
  .ds\:gap-4 {
    gap: calc(var(--ds-spacing) * 4);
  }
  .ds\:gap-5 {
    gap: calc(var(--ds-spacing) * 5);
  }
  .ds\:gap-6 {
    gap: calc(var(--ds-spacing) * 6);
  }
  .ds\:gap-\[7px\] {
    gap: 7px;
  }
  .ds\:gap-\[9px\] {
    gap: 9px;
  }
  .ds\:gap-\[18px\] {
    gap: 18px;
  }
  .ds\:gap-\[22px\] {
    gap: 22px;
  }
  .ds\:gap-x-1\.5 {
    column-gap: calc(var(--ds-spacing) * 1.5);
  }
  .ds\:gap-x-2\.5 {
    column-gap: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:gap-x-3\.5 {
    column-gap: calc(var(--ds-spacing) * 3.5);
  }
  .ds\:gap-x-4 {
    column-gap: calc(var(--ds-spacing) * 4);
  }
  .ds\:gap-x-5 {
    column-gap: calc(var(--ds-spacing) * 5);
  }
  .ds\:gap-x-6 {
    column-gap: calc(var(--ds-spacing) * 6);
  }
  .ds\:gap-x-\[9px\] {
    column-gap: 9px;
  }
  .ds\:gap-x-\[18px\] {
    column-gap: 18px;
  }
  .ds\:gap-y-1 {
    row-gap: var(--ds-spacing);
  }
  .ds\:gap-y-1\.5 {
    row-gap: calc(var(--ds-spacing) * 1.5);
  }
  .ds\:gap-y-2 {
    row-gap: calc(var(--ds-spacing) * 2);
  }
  .ds\:gap-y-2\.5 {
    row-gap: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:gap-y-3 {
    row-gap: calc(var(--ds-spacing) * 3);
  }
  .ds\:gap-y-3\.5 {
    row-gap: calc(var(--ds-spacing) * 3.5);
  }
  .ds\:gap-y-\[3px\] {
    row-gap: 3px;
  }
  .ds\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ds\:overflow-auto {
    overflow: auto;
  }
  .ds\:overflow-x-auto {
    overflow-x: auto;
  }
  .ds\:rounded-\[2px\] {
    border-radius: 2px;
  }
  .ds\:rounded-full {
    border-radius: 9999px;
  }
  .ds\:rounded-lg {
    border-radius: var(--tf-radius-lg);
  }
  .ds\:rounded-md {
    border-radius: var(--tf-radius);
  }
  .ds\:rounded-sm {
    border-radius: var(--tf-radius-sm);
  }
  .ds\:rounded-xl {
    border-radius: var(--tf-radius-xl);
  }
  .ds\:rounded-l-md {
    border-top-left-radius: var(--tf-radius);
    border-bottom-left-radius: var(--tf-radius);
  }
  .ds\:rounded-r-md {
    border-top-right-radius: var(--tf-radius);
    border-bottom-right-radius: var(--tf-radius);
  }
  .ds\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .ds\:border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .ds\:border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .ds\:border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .ds\:border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .ds\:border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .ds\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .ds\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .ds\:border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .ds\:border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .ds\:border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .ds\:border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .ds\:border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .ds\:border-accent {
    border-color: var(--tf-color-accent);
  }
  .ds\:border-accent-glow {
    border-color: var(--tf-color-accent-glow);
  }
  .ds\:border-accent-text {
    border-color: var(--tf-color-accent-text);
  }
  .ds\:border-alert-line {
    border-color: var(--tf-color-alert-line);
  }
  .ds\:border-danger {
    border-color: var(--tf-color-danger);
  }
  .ds\:border-danger-line {
    border-color: var(--tf-color-danger-line);
  }
  .ds\:border-dim {
    border-color: var(--tf-color-dim);
  }
  .ds\:border-line {
    border-color: var(--tf-color-line);
  }
  .ds\:border-line-soft {
    border-color: var(--tf-color-line-soft);
  }
  .ds\:border-warn {
    border-color: var(--tf-color-warn);
  }
  .ds\:border-warn-line {
    border-color: var(--tf-color-warn-line);
  }
  .ds\:border-t-accent-text {
    border-top-color: var(--tf-color-accent-text);
  }
  .ds\:border-l-accent-text {
    border-left-color: var(--tf-color-accent-text);
  }
  .ds\:border-l-danger {
    border-left-color: var(--tf-color-danger);
  }
  .ds\:border-l-warn {
    border-left-color: var(--tf-color-warn);
  }
  .ds\:bg-accent {
    background-color: var(--tf-color-accent);
  }
  .ds\:bg-accent-selected {
    background-color: var(--tf-color-accent-selected);
  }
  .ds\:bg-accent-soft {
    background-color: var(--tf-color-accent-soft);
  }
  .ds\:bg-alert-bg {
    background-color: var(--tf-color-alert-bg);
  }
  .ds\:bg-appbar {
    background-color: var(--tf-color-appbar);
  }
  .ds\:bg-bg {
    background-color: var(--tf-color-bg);
  }
  .ds\:bg-danger {
    background-color: var(--tf-color-danger);
  }
  .ds\:bg-danger-soft {
    background-color: var(--tf-color-danger-soft);
  }
  .ds\:bg-dim {
    background-color: var(--tf-color-dim);
  }
  .ds\:bg-drawer-scrim {
    background-color: var(--tf-color-drawer-scrim);
  }
  .ds\:bg-ink {
    background-color: var(--tf-color-ink);
  }
  .ds\:bg-line {
    background-color: var(--tf-color-line);
  }
  .ds\:bg-raised {
    background-color: var(--tf-color-raised);
  }
  .ds\:bg-row-hover {
    background-color: var(--tf-color-row-hover);
  }
  .ds\:bg-surface {
    background-color: var(--tf-color-surface);
  }
  .ds\:bg-transparent {
    background-color: transparent;
  }
  .ds\:bg-warn {
    background-color: var(--tf-color-warn);
  }
  .ds\:bg-warn-soft {
    background-color: var(--tf-color-warn-soft);
  }
  .ds\:bg-\[image\:radial-gradient\(1200px_500px_at_50\%_-10\%\,var\(--tf-color-accent-soft\)\,transparent_70\%\)\] {
    background-image: radial-gradient(1200px 500px at 50% -10%,var(--tf-color-accent-soft),transparent 70%);
  }
  .ds\:p-0 {
    padding: 0px;
  }
  .ds\:p-0\.5 {
    padding: calc(var(--ds-spacing) * 0.5);
  }
  .ds\:p-1 {
    padding: var(--ds-spacing);
  }
  .ds\:p-2\.5 {
    padding: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:p-3 {
    padding: calc(var(--ds-spacing) * 3);
  }
  .ds\:p-3\.5 {
    padding: calc(var(--ds-spacing) * 3.5);
  }
  .ds\:p-4 {
    padding: calc(var(--ds-spacing) * 4);
  }
  .ds\:p-5 {
    padding: calc(var(--ds-spacing) * 5);
  }
  .ds\:p-6 {
    padding: calc(var(--ds-spacing) * 6);
  }
  .ds\:p-8 {
    padding: calc(var(--ds-spacing) * 8);
  }
  .ds\:px-1\.5 {
    padding-inline: calc(var(--ds-spacing) * 1.5);
  }
  .ds\:px-2\.5 {
    padding-inline: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:px-3 {
    padding-inline: calc(var(--ds-spacing) * 3);
  }
  .ds\:px-3\.5 {
    padding-inline: calc(var(--ds-spacing) * 3.5);
  }
  .ds\:px-4 {
    padding-inline: calc(var(--ds-spacing) * 4);
  }
  .ds\:px-5 {
    padding-inline: calc(var(--ds-spacing) * 5);
  }
  .ds\:px-6 {
    padding-inline: calc(var(--ds-spacing) * 6);
  }
  .ds\:px-\[5px\] {
    padding-inline: 5px;
  }
  .ds\:px-\[7px\] {
    padding-inline: 7px;
  }
  .ds\:px-\[11px\] {
    padding-inline: 11px;
  }
  .ds\:px-\[18px\] {
    padding-inline: 18px;
  }
  .ds\:px-\[26px\] {
    padding-inline: 26px;
  }
  .ds\:px-\[30px\] {
    padding-inline: 30px;
  }
  .ds\:px-\[clamp\(16px\,3vw\,40px\)\] {
    padding-inline: clamp(16px, 3vw, 40px);
  }
  .ds\:py-0\.5 {
    padding-block: calc(var(--ds-spacing) * 0.5);
  }
  .ds\:py-1 {
    padding-block: var(--ds-spacing);
  }
  .ds\:py-1\.5 {
    padding-block: calc(var(--ds-spacing) * 1.5);
  }
  .ds\:py-2 {
    padding-block: calc(var(--ds-spacing) * 2);
  }
  .ds\:py-2\.5 {
    padding-block: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:py-3 {
    padding-block: calc(var(--ds-spacing) * 3);
  }
  .ds\:py-4 {
    padding-block: calc(var(--ds-spacing) * 4);
  }
  .ds\:py-6 {
    padding-block: calc(var(--ds-spacing) * 6);
  }
  .ds\:py-8 {
    padding-block: calc(var(--ds-spacing) * 8);
  }
  .ds\:py-\[3px\] {
    padding-block: 3px;
  }
  .ds\:py-\[5px\] {
    padding-block: 5px;
  }
  .ds\:py-\[7px\] {
    padding-block: 7px;
  }
  .ds\:py-\[22px\] {
    padding-block: 22px;
  }
  .ds\:py-px {
    padding-block: 1px;
  }
  .ds\:pt-0\.5 {
    padding-top: calc(var(--ds-spacing) * 0.5);
  }
  .ds\:pt-1 {
    padding-top: var(--ds-spacing);
  }
  .ds\:pt-2 {
    padding-top: calc(var(--ds-spacing) * 2);
  }
  .ds\:pt-3 {
    padding-top: calc(var(--ds-spacing) * 3);
  }
  .ds\:pt-3\.5 {
    padding-top: calc(var(--ds-spacing) * 3.5);
  }
  .ds\:pt-4 {
    padding-top: calc(var(--ds-spacing) * 4);
  }
  .ds\:pt-8 {
    padding-top: calc(var(--ds-spacing) * 8);
  }
  .ds\:pt-\[22px\] {
    padding-top: 22px;
  }
  .ds\:pr-1 {
    padding-right: var(--ds-spacing);
  }
  .ds\:pr-2 {
    padding-right: calc(var(--ds-spacing) * 2);
  }
  .ds\:pr-9 {
    padding-right: calc(var(--ds-spacing) * 9);
  }
  .ds\:pb-1 {
    padding-bottom: var(--ds-spacing);
  }
  .ds\:pb-\[18px\] {
    padding-bottom: 18px;
  }
  .ds\:pb-\[26px\] {
    padding-bottom: 26px;
  }
  .ds\:pl-1 {
    padding-left: var(--ds-spacing);
  }
  .ds\:pl-2\.5 {
    padding-left: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:pl-5 {
    padding-left: calc(var(--ds-spacing) * 5);
  }
  .ds\:pl-10 {
    padding-left: calc(var(--ds-spacing) * 10);
  }
  .ds\:text-center {
    text-align: center;
  }
  .ds\:text-left {
    text-align: left;
  }
  .ds\:text-right {
    text-align: right;
  }
  .ds\:align-baseline {
    vertical-align: baseline;
  }
  .ds\:align-middle {
    vertical-align: middle;
  }
  .ds\:font-mono {
    font-family: var(--tf-font-mono);
  }
  .ds\:text-2xs {
    font-size: var(--tf-text-2xs);
  }
  .ds\:text-\[9px\] {
    font-size: 9px;
  }
  .ds\:text-\[10\.5px\] {
    font-size: 10.5px;
  }
  .ds\:text-\[11\.5px\] {
    font-size: 11.5px;
  }
  .ds\:text-\[15px\] {
    font-size: 15px;
  }
  .ds\:text-\[16px\] {
    font-size: 16px;
  }
  .ds\:text-\[20px\] {
    font-size: 20px;
  }
  .ds\:text-\[26px\] {
    font-size: 26px;
  }
  .ds\:text-\[clamp\(20px\,2vw\,26px\)\] {
    font-size: clamp(20px, 2vw, 26px);
  }
  .ds\:text-\[clamp\(22px\,2\.4vw\,30px\)\] {
    font-size: clamp(22px, 2.4vw, 30px);
  }
  .ds\:text-\[clamp\(22px\,2\.6vw\,30px\)\] {
    font-size: clamp(22px, 2.6vw, 30px);
  }
  .ds\:text-\[clamp\(24px\,2\.4vw\,32px\)\] {
    font-size: clamp(24px, 2.4vw, 32px);
  }
  .ds\:text-base {
    font-size: var(--tf-text-base);
  }
  .ds\:text-lg {
    font-size: var(--tf-text-lg);
  }
  .ds\:text-md {
    font-size: var(--tf-text-md);
  }
  .ds\:text-sm {
    font-size: var(--tf-text-sm);
  }
  .ds\:text-sm-plus {
    font-size: var(--tf-text-sm-plus);
  }
  .ds\:text-xl {
    font-size: var(--tf-text-xl);
  }
  .ds\:text-xs {
    font-size: var(--tf-text-xs);
  }
  .ds\:leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .ds\:leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .ds\:leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .ds\:leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .ds\:leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .ds\:leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .ds\:leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .ds\:leading-normal {
    --tw-leading: var(--ds-leading-normal);
    line-height: var(--ds-leading-normal);
  }
  .ds\:font-\[650\] {
    --tw-font-weight: 650;
    font-weight: 650;
  }
  .ds\:font-\[750\] {
    --tw-font-weight: 750;
    font-weight: 750;
  }
  .ds\:font-\[760\] {
    --tw-font-weight: 760;
    font-weight: 760;
  }
  .ds\:font-\[800\] {
    --tw-font-weight: 800;
    font-weight: 800;
  }
  .ds\:font-bold {
    --tw-font-weight: var(--ds-font-weight-bold);
    font-weight: var(--ds-font-weight-bold);
  }
  .ds\:font-normal {
    --tw-font-weight: var(--ds-font-weight-normal);
    font-weight: var(--ds-font-weight-normal);
  }
  .ds\:font-semibold {
    --tw-font-weight: var(--ds-font-weight-semibold);
    font-weight: var(--ds-font-weight-semibold);
  }
  .ds\:tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .ds\:tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .ds\:tracking-\[-0\.025em\] {
    --tw-tracking: -0.025em;
    letter-spacing: -0.025em;
  }
  .ds\:tracking-\[0\.01em\] {
    --tw-tracking: 0.01em;
    letter-spacing: 0.01em;
  }
  .ds\:tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
  .ds\:tracking-\[0\.02em\] {
    --tw-tracking: 0.02em;
    letter-spacing: 0.02em;
  }
  .ds\:tracking-\[0\.05em\] {
    --tw-tracking: 0.05em;
    letter-spacing: 0.05em;
  }
  .ds\:tracking-\[0\.06em\] {
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }
  .ds\:tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .ds\:tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .ds\:tracking-\[0\.14em\] {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
  .ds\:tracking-\[0\.16em\] {
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
  }
  .ds\:tracking-normal {
    --tw-tracking: var(--ds-tracking-normal);
    letter-spacing: var(--ds-tracking-normal);
  }
  .ds\:\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .ds\:whitespace-nowrap {
    white-space: nowrap;
  }
  .ds\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .ds\:text-accent-ink {
    color: var(--tf-color-accent-ink);
  }
  .ds\:text-accent-text {
    color: var(--tf-color-accent-text);
  }
  .ds\:text-alert-ink {
    color: var(--tf-color-alert-ink);
  }
  .ds\:text-alert-link {
    color: var(--tf-color-alert-link);
  }
  .ds\:text-body {
    color: var(--tf-color-body);
  }
  .ds\:text-danger {
    color: var(--tf-color-danger);
  }
  .ds\:text-danger-ink {
    color: var(--tf-color-danger-ink);
  }
  .ds\:text-danger-text {
    color: var(--tf-color-danger-text);
  }
  .ds\:text-diagram-ink {
    color: var(--tf-color-diagram-ink);
  }
  .ds\:text-diagram-muted {
    color: var(--tf-color-diagram-muted);
  }
  .ds\:text-dim {
    color: var(--tf-color-dim);
  }
  .ds\:text-inherit {
    color: inherit;
  }
  .ds\:text-ink {
    color: var(--tf-color-ink);
  }
  .ds\:text-muted {
    color: var(--tf-color-muted);
  }
  .ds\:text-warn-text {
    color: var(--tf-color-warn-text);
  }
  .ds\:uppercase {
    text-transform: uppercase;
  }
  .ds\: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,);
  }
  .ds\:no-underline {
    text-decoration-line: none;
  }
  .ds\:underline {
    text-decoration-line: underline;
  }
  .ds\:decoration-dim {
    text-decoration-color: var(--tf-color-dim);
  }
  .ds\:decoration-dotted {
    text-decoration-style: dotted;
  }
  .ds\:underline-offset-\[3px\] {
    text-underline-offset: 3px;
  }
  .ds\:accent-accent {
    accent-color: var(--tf-color-accent);
  }
  .ds\:opacity-50 {
    opacity: 50%;
  }
  .ds\:shadow-\[0_0_10px_var\(--tf-color-accent-glow\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, var(--tf-color-accent-glow));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ds\:shadow-\[0_0_22px_var\(--tf-color-accent-glow\)\] {
    --tw-shadow: 0 0 22px var(--tw-shadow-color, var(--tf-color-accent-glow));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ds\:shadow-\[inset_2px_0_0_var\(--tf-color-accent-text\)\] {
    --tw-shadow: inset 2px 0 0 var(--tw-shadow-color, var(--tf-color-accent-text));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ds\:shadow-card {
    --tw-shadow: var(--tf-shadow-card);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ds\:shadow-menu {
    --tw-shadow: var(--tf-shadow-menu);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ds\:shadow-popover {
    --tw-shadow: var(--tf-shadow-popover);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ds\:backdrop-blur-\[8px\] {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .ds\:transition-\[border-color\,background\,color\] {
    transition-property: border-color,background,color;
    transition-timing-function: var(--tw-ease, var(--ds-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--ds-default-transition-duration));
  }
  .ds\:transition-\[border-color\,background\] {
    transition-property: border-color,background;
    transition-timing-function: var(--tw-ease, var(--ds-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--ds-default-transition-duration));
  }
  .ds\: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(--ds-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--ds-default-transition-duration));
  }
  .ds\:duration-\[140ms\] {
    --tw-duration: 140ms;
    transition-duration: 140ms;
  }
  .ds\:ease-in-out {
    --tw-ease: var(--ds-ease-in-out);
    transition-timing-function: var(--ds-ease-in-out);
  }
  .ds\:outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .ds\:\[--select-pad\:8px\] {
    --select-pad: 8px;
  }
  .ds\:\[--select-pad\:9px\] {
    --select-pad: 9px;
  }
  .ds\:group-open\:mb-3:is(:where(.ds\:group):is([open], :popover-open, :open) *) {
    margin-bottom: calc(var(--ds-spacing) * 3);
  }
  .ds\:backdrop\:bg-scrim::backdrop {
    background-color: var(--tf-color-scrim);
  }
  .ds\:before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .ds\:before\:-top-\[5px\]::before {
    content: var(--tw-content);
    top: calc(5px * -1);
  }
  .ds\:before\:top-1\/2::before {
    content: var(--tw-content);
    top: calc(1 / 2 * 100%);
  }
  .ds\:before\:right-0::before {
    content: var(--tw-content);
    right: 0px;
  }
  .ds\:before\:left-0::before {
    content: var(--tw-content);
    left: 0px;
  }
  .ds\:before\:block::before {
    content: var(--tw-content);
    display: block;
  }
  .ds\:before\:h-0\.5::before {
    content: var(--tw-content);
    height: calc(var(--ds-spacing) * 0.5);
  }
  .ds\:before\:w-4::before {
    content: var(--tw-content);
    width: calc(var(--ds-spacing) * 4);
  }
  .ds\:before\:rounded-\[2px\]::before {
    content: var(--tw-content);
    border-radius: 2px;
  }
  .ds\:before\:border-t::before {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .ds\:before\:border-line::before {
    content: var(--tw-content);
    border-color: var(--tf-color-line);
  }
  .ds\:before\:bg-ink::before {
    content: var(--tw-content);
    background-color: var(--tf-color-ink);
  }
  .ds\:before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .ds\:after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .ds\:after\:top-\[5px\]::after {
    content: var(--tw-content);
    top: 5px;
  }
  .ds\:after\:left-0::after {
    content: var(--tw-content);
    left: 0px;
  }
  .ds\:after\:block::after {
    content: var(--tw-content);
    display: block;
  }
  .ds\:after\:h-0\.5::after {
    content: var(--tw-content);
    height: calc(var(--ds-spacing) * 0.5);
  }
  .ds\:after\:w-4::after {
    content: var(--tw-content);
    width: calc(var(--ds-spacing) * 4);
  }
  .ds\:after\:rounded-\[2px\]::after {
    content: var(--tw-content);
    border-radius: 2px;
  }
  .ds\:after\:bg-ink::after {
    content: var(--tw-content);
    background-color: var(--tf-color-ink);
  }
  .ds\:after\:text-dim::after {
    content: var(--tw-content);
    color: var(--tf-color-dim);
  }
  .ds\:after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .ds\:after\:content-\[\'_▸\'\]::after {
    --tw-content: ' ▸';
    content: var(--tw-content);
  }
  .ds\:group-open\:after\:content-\[\'_▾\'\]:is(:where(.ds\:group):is([open], :popover-open, :open) *)::after {
    --tw-content: ' ▾';
    content: var(--tw-content);
  }
  .ds\:first\:border-l-0:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .ds\:last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .ds\:open\:basis-full:is([open], :popover-open, :open) {
    flex-basis: 100%;
  }
  .ds\:read-only\:border-dashed:read-only {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .ds\:read-only\:bg-surface:read-only {
    background-color: var(--tf-color-surface);
  }
  .ds\:read-only\:text-muted:read-only {
    color: var(--tf-color-muted);
  }
  .ds\:empty\:hidden:empty {
    display: none;
  }
  @media (hover: hover) {
    .ds\:hover\:border-danger:hover {
      border-color: var(--tf-color-danger);
    }
    .ds\:hover\:border-dim:hover {
      border-color: var(--tf-color-dim);
    }
    .ds\:hover\:bg-accent-soft:hover {
      background-color: var(--tf-color-accent-soft);
    }
    .ds\:hover\:bg-danger-soft:hover {
      background-color: var(--tf-color-danger-soft);
    }
    .ds\:hover\:bg-hover:hover {
      background-color: var(--tf-color-hover);
    }
    .ds\:hover\:bg-hover-strong:hover {
      background-color: var(--tf-color-hover-strong);
    }
    .ds\:hover\:text-accent-text:hover {
      color: var(--tf-color-accent-text);
    }
    .ds\:hover\:text-ink:hover {
      color: var(--tf-color-ink);
    }
    .ds\:hover\:underline:hover {
      text-decoration-line: underline;
    }
    .ds\:hover\:shadow-\[inset_2px_0_0_var\(--tf-color-accent-text\)\]:hover {
      --tw-shadow: inset 2px 0 0 var(--tw-shadow-color, var(--tf-color-accent-text));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .ds\:focus\:top-3:focus {
    top: calc(var(--ds-spacing) * 3);
  }
  .ds\:focus\:\[box-shadow\:0_0_0_2px_var\(--tf-color-danger\)\]:focus {
    box-shadow: 0 0 0 2px var(--tf-color-danger);
  }
  .ds\:focus-visible\:bg-hover:focus-visible {
    background-color: var(--tf-color-hover);
  }
  .ds\:focus-visible\:\[box-shadow\:inset_0_0_0_2px_var\(--tf-color-accent\)\]:focus-visible {
    box-shadow: inset 0 0 0 2px var(--tf-color-accent);
  }
  .ds\:focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .ds\:disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .ds\:disabled\:cursor-wait:disabled {
    cursor: wait;
  }
  .ds\:disabled\:opacity-45:disabled {
    opacity: 45%;
  }
  .ds\:disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  .ds\:disabled\:opacity-55:disabled {
    opacity: 55%;
  }
  .ds\:disabled\:opacity-60:disabled {
    opacity: 60%;
  }
  .ds\:aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
    cursor: not-allowed;
  }
  .ds\:aria-disabled\:opacity-45[aria-disabled="true"] {
    opacity: 45%;
  }
  @media (width < 1081px) {
    .ds\:max-lg\:block {
      display: block;
    }
    .ds\:max-lg\:hidden {
      display: none;
    }
    .ds\:max-lg\:inline-grid {
      display: inline-grid;
    }
    .ds\:max-lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width < 641px) {
    .ds\:max-sm\:hidden {
      display: none;
    }
    .ds\:max-sm\:min-w-\[110px\] {
      min-width: 110px;
    }
    .ds\:max-sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .ds\:max-sm\:items-stretch {
      align-items: stretch;
    }
    .ds\:max-sm\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .ds\:max-sm\:border-l-0 {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
    .ds\:max-sm\:px-5 {
      padding-inline: calc(var(--ds-spacing) * 5);
    }
    .ds\:max-sm\:pt-\[26px\] {
      padding-top: 26px;
    }
    .ds\:max-sm\:pb-\[22px\] {
      padding-bottom: 22px;
    }
    .ds\:max-sm\:first\:border-t-0:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  @media (width >= 641px) {
    .ds\:sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (width < 520px) {
    .ds\:\@max-\[520px\]\:col-span-full {
      grid-column: 1 / -1;
    }
  }
  .ds\:\[\&_\.cf-control\]\:border-danger .cf-control {
    border-color: var(--tf-color-danger);
  }
  .ds\:\[\&_code\]\:rounded-\[3px\] code {
    border-radius: 3px;
  }
  .ds\:\[\&_code\]\:border code {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .ds\:\[\&_code\]\:border-alert-line code {
    border-color: var(--tf-color-alert-line);
  }
  .ds\:\[\&_code\]\:px-\[5px\] code {
    padding-inline: 5px;
  }
  .ds\:\[\&_code\]\:py-px code {
    padding-block: 1px;
  }
  .ds\:\[\&_code\]\:font-mono code {
    font-family: var(--tf-font-mono);
  }
  .ds\:\[\&_code\]\:text-xs code {
    font-size: var(--tf-text-xs);
  }
  .ds\:\[\&_code\]\:font-semibold code {
    --tw-font-weight: var(--ds-font-weight-semibold);
    font-weight: var(--ds-font-weight-semibold);
  }
  .ds\:\[\&_fieldset\]\:m-0 fieldset {
    margin: 0px;
  }
  .ds\:\[\&_fieldset\]\:grid fieldset {
    display: grid;
  }
  .ds\:\[\&_fieldset\]\:gap-2\.5 fieldset {
    gap: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:\[\&_fieldset\]\:rounded-md fieldset {
    border-radius: var(--tf-radius);
  }
  .ds\:\[\&_fieldset\]\:border fieldset {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .ds\:\[\&_fieldset\]\:border-line fieldset {
    border-color: var(--tf-color-line);
  }
  .ds\:\[\&_fieldset\]\:p-3\.5 fieldset {
    padding: calc(var(--ds-spacing) * 3.5);
  }
  .ds\:\[\&_legend\]\:px-1\.5 legend {
    padding-inline: calc(var(--ds-spacing) * 1.5);
  }
  .ds\:\[\&_legend\]\:text-sm legend {
    font-size: var(--tf-text-sm);
  }
  .ds\:\[\&_legend\]\:tracking-\[0\.05em\] legend {
    --tw-tracking: 0.05em;
    letter-spacing: 0.05em;
  }
  .ds\:\[\&_legend\]\:text-muted legend {
    color: var(--tf-color-muted);
  }
  .ds\:\[\&_legend\]\:uppercase legend {
    text-transform: uppercase;
  }
  .ds\:\[\&_p\]\:text-muted p {
    color: var(--tf-color-muted);
  }
  .ds\:\[\&_pre\]\:m-0 pre {
    margin: 0px;
  }
  .ds\:\[\&_pre\]\:max-h-\[220px\] pre {
    max-height: 220px;
  }
  .ds\:\[\&_pre\]\:w-full pre {
    width: 100%;
  }
  .ds\:\[\&_pre\]\:overflow-auto pre {
    overflow: auto;
  }
  .ds\:\[\&_pre\]\:rounded-md pre {
    border-radius: var(--tf-radius);
  }
  .ds\:\[\&_pre\]\:border pre {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .ds\:\[\&_pre\]\:border-line pre {
    border-color: var(--tf-color-line);
  }
  .ds\:\[\&_pre\]\:bg-bg pre {
    background-color: var(--tf-color-bg);
  }
  .ds\:\[\&_pre\]\:p-2\.5 pre {
    padding: calc(var(--ds-spacing) * 2.5);
  }
  .ds\:\[\&_pre\]\:font-mono pre {
    font-family: var(--tf-font-mono);
  }
  .ds\:\[\&_pre\]\:text-sm pre {
    font-size: var(--tf-text-sm);
  }
  .ds\:\[\&_pre\]\:leading-normal pre {
    --tw-leading: var(--ds-leading-normal);
    line-height: var(--ds-leading-normal);
  }
  .ds\:\[\&_pre\]\:whitespace-pre-wrap pre {
    white-space: pre-wrap;
  }
  .ds\:\[\&_pre\]\:text-ink pre {
    color: var(--tf-color-ink);
  }
  .ds\:\[\&_strong\]\:text-ink strong {
    color: var(--tf-color-ink);
  }
  .ds\:\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
  .ds\:\[\&\:not\(\:has\(\>\:not\(\[hidden\]\)\)\)\]\:hidden:not(:has( > :not([hidden]))) {
    display: none;
  }
  @media (hover: hover) {
    .ds\:\[\&\:not\(\[aria-disabled\=true\]\)\]\:hover\:bg-accent-hover:not([aria-disabled=true]):hover {
      background-color: var(--tf-color-accent-hover);
    }
  }
  @media (width < 1081px) {
    .ds\:max-lg\:\[\&\:nth-child\(-n\+2\)\]\:border-b:nth-child(-n+2) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    .ds\:max-lg\:\[\&\:nth-child\(2\)\]\:border-r-0:nth-child(2) {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
    .ds\:max-lg\:\[\&\:nth-child\(3\)\]\:border-l-0:nth-child(3) {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
    .ds\:max-lg\:\[\&\:nth-child\(n\+3\)\]\:border-t:nth-child(n+3) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .ds\:\[\&\>\.cf-control\]\:min-w-0 > .cf-control {
    min-width: 0px;
  }
  .ds\:\[\&\>\.cf-control\]\:flex-auto > .cf-control {
    flex: auto;
  }
  .ds\:\[\&\>\.cf-control\]\:rounded-l-none > .cf-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .ds\:\[\&\>\.cf-control\]\:rounded-r-none > .cf-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .ds\:\[\&\>\.cf-label\]\:text-danger-text > .cf-label {
    color: var(--tf-color-danger-text);
  }
  .ds\:\[\&\>\:first-child\]\:mt-0 > :first-child {
    margin-top: 0px;
  }
  .ds\:\[\&\>\:last-child\]\:mb-0 > :last-child {
    margin-bottom: 0px;
  }
  .ds\:\[\&\>\:only-child\]\:ml-auto > :only-child {
    margin-left: auto;
  }
  .ds\:\[\&\>\[data-slot\=picker\]\]\:max-w-\[320px\] > [data-slot=picker] {
    max-width: 320px;
  }
  .ds\:\[\&\>\[data-slot\=picker\]\]\:min-w-\[170px\] > [data-slot=picker] {
    min-width: 170px;
  }
  .ds\:\[\&\>\[data-slot\=picker\]\]\:flex-\[1_1_200px\] > [data-slot=picker] {
    flex: 1 1 200px;
  }
  .ds\:\[\&\>button\]\:h-\[38px\] > button {
    height: 38px;
  }
  .ds\:\[\&\>button\]\:min-h-\[38px\] > button {
    min-height: 38px;
  }
  .ds\:\[\&\>button\]\:w-auto > button {
    width: auto;
  }
  .ds\:\[\&\>button\]\:flex-none > button {
    flex: none;
  }
  .ds\:\[\&\>button\]\:self-end > button {
    align-self: flex-end;
  }
  .ds\:\[\&\>button\]\:py-0 > button {
    padding-block: 0px;
  }
  .ds\:\[\&\>label\]\:max-w-\[280px\] > label {
    max-width: 280px;
  }
  .ds\:\[\&\>label\]\:min-w-\[140px\] > label {
    min-width: 140px;
  }
  .ds\:\[\&\>label\]\:flex-\[1_1_160px\] > label {
    flex: 1 1 160px;
  }
  @media (width < 641px) {
    .ds\:max-sm\:\[\&\>label\]\:max-w-none > label {
      max-width: none;
    }
  }
  .is-readonly .ds\:\[\.is-readonly_\&\]\:cursor-default {
    cursor: default;
  }
  .is-readonly .ds\:\[\.is-readonly_\&\]\:text-muted {
    color: var(--tf-color-muted);
  }
  details[open] > .ds\:\[details\[open\]\>\&\]\:mb-1 {
    margin-bottom: var(--ds-spacing);
  }
}
:root {
  --tf-primary-50: #effce7;
  --tf-primary-100: #ddf6ce;
  --tf-primary-200: #c1eca8;
  --tf-primary-300: #a1db7b;
  --tf-primary-400: #80c251;
  --tf-primary-500: #67a437;
  --tf-primary-600: #497e1b;
  --tf-primary-700: #3b6716;
  --tf-primary-800: #2e5111;
  --tf-primary-900: #223d0c;
  --tf-primary-950: #142606;
  --tf-font-sans: 'Inter Variable', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --tf-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --tf-text-2xs: 10px;
  --tf-text-xs: 11px;
  --tf-text-sm: 12px;
  --tf-text-sm-plus: 12.5px;
  --tf-text-base: 13px;
  --tf-text-md: 14px;
  --tf-text-lg: 17px;
  --tf-text-xl: 21px;
  --tf-text-2xl: 26px;
  --tf-leading: 1.45;
  --tf-radius-sm: 4px;
  --tf-radius: 6px;
  --tf-radius-lg: 10px;
  --tf-radius-xl: 12px;
  --tf-focus-ring: 0 0 0 2px var(--tf-color-bg), 0 0 0 4px var(--tf-color-accent);
  --tf-duration-fast: 140ms;
  --tf-duration: 180ms;
  --tf-rail-width: 232px;
  --tf-control-height: 38px;
}
:root, :root[data-theme='dark'] {
  color-scheme: dark;
  --tf-color-bg: #0d1113;
  --tf-color-rail: #090c0e;
  --tf-color-surface: #13181b;
  --tf-color-raised: #192024;
  --tf-color-scrim: rgb(4 6 7 / 0.72);
  --tf-color-drawer-scrim: rgb(4 6 7 / 0.55);
  --tf-color-appbar: rgb(13 17 19 / 0.92);
  --tf-color-hover: rgb(255 255 255 / 0.04);
  --tf-color-hover-strong: rgb(255 255 255 / 0.08);
  --tf-color-row-hover: rgb(255 255 255 / 0.025);
  --tf-color-ink: #e9edf0;
  --tf-color-body: #d3d9dc;
  --tf-color-code: #c3cbd0;
  --tf-color-muted: #a9b2b8;
  --tf-color-dim: #8d979e;
  --tf-color-placeholder: #6f7a81;
  --tf-color-line: #273036;
  --tf-color-line-soft: rgb(39 48 54 / 0.7);
  --tf-color-accent: #497e1b;
  --tf-color-accent-hover: #3f6f18;
  --tf-color-accent-ink: #ffffff;
  --tf-color-accent-text: #80c251;
  --tf-color-accent-soft: rgb(128 194 81 / 0.1);
  --tf-color-accent-selected: rgb(128 194 81 / 0.17);
  --tf-color-accent-glow: rgb(128 194 81 / 0.45);
  --tf-color-danger: #ff8a82;
  --tf-color-danger-text: #ffb3ad;
  --tf-color-danger-ink: #1a0605;
  --tf-color-danger-soft: rgb(255 120 111 / 0.08);
  --tf-color-danger-line: rgb(255 120 111 / 0.5);
  --tf-color-warn: #e7c06c;
  --tf-color-warn-text: #f2d99a;
  --tf-color-warn-soft: rgb(231 192 108 / 0.06);
  --tf-color-warn-line: #7a6a2f;
  --tf-color-ok: #7fb4ea;
  --tf-color-alert-bg: #2a1513;
  --tf-color-alert-line: #6e2f2b;
  --tf-color-alert-ink: #ffd9d5;
  --tf-color-alert-link: #ffc2bc;
  --tf-shadow-popover: 0 16px 40px rgb(0 0 0 / 0.45);
  --tf-shadow-menu: 0 16px 40px rgb(0 0 0 / 0.4);
  --tf-shadow-card: 0 24px 60px rgb(0 0 0 / 0.35);
  --tf-shadow-drawer: 16px 0 40px rgb(0 0 0 / 0.45);
  --tf-color-diagram-bg: #f7f8f8;
  --tf-color-diagram-ink: #1d2529;
  --tf-color-diagram-muted: #4b565c;
  --tf-color-diagram-selected: #111719;
  --tf-color-diagram-active-fill: #ddf6ce;
  --tf-color-diagram-active-stroke: #497e1b;
  --tf-color-diagram-path: #497e1b;
  --tf-color-diagram-done-fill: #dde8f5;
  --tf-color-diagram-done-stroke: #3a6ea8;
  --tf-color-diagram-ended-fill: #e6e8e9;
  --tf-color-diagram-ended-stroke: #7b8388;
  --tf-color-diagram-incident-fill: #fbdcd9;
  --tf-color-diagram-incident-stroke: #c9443b;
  --tf-color-heat-1-fill: #e2f3d6;
  --tf-color-heat-1-stroke: #5d8f3a;
  --tf-color-heat-1-badge: #a7d88a;
  --tf-color-heat-2-fill: #f4edc5;
  --tf-color-heat-2-stroke: #a19038;
  --tf-color-heat-2-badge: #d7c76d;
  --tf-color-heat-3-fill: #f5d6ba;
  --tf-color-heat-3-stroke: #b8672f;
  --tf-color-heat-3-badge: #e49758;
  --tf-color-heat-4-fill: #f5c5c1;
  --tf-color-heat-4-stroke: #b94740;
  --tf-color-heat-4-badge: #ec6a62;
  --tf-color-heat-badge-ink: #111719;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --tf-color-bg: #f5f7f6;
    --tf-color-rail: #edf1ef;
    --tf-color-surface: #ffffff;
    --tf-color-raised: #eef2f0;
    --tf-color-scrim: rgb(16 22 19 / 0.45);
    --tf-color-drawer-scrim: rgb(16 22 19 / 0.35);
    --tf-color-appbar: rgb(245 247 246 / 0.92);
    --tf-color-hover: rgb(16 22 19 / 0.05);
    --tf-color-hover-strong: rgb(16 22 19 / 0.09);
    --tf-color-row-hover: rgb(16 22 19 / 0.03);
    --tf-color-ink: #121815;
    --tf-color-body: #252e2a;
    --tf-color-code: #2f3a35;
    --tf-color-muted: #4f5b55;
    --tf-color-dim: #5c6862;
    --tf-color-placeholder: #76817b;
    --tf-color-line: #d3dad6;
    --tf-color-line-soft: rgb(211 218 214 / 0.8);
    --tf-color-accent: #497e1b;
    --tf-color-accent-hover: #3b6716;
    --tf-color-accent-ink: #ffffff;
    --tf-color-accent-text: #3b6716;
    --tf-color-accent-soft: rgb(73 126 27 / 0.1);
    --tf-color-accent-selected: rgb(73 126 27 / 0.16);
    --tf-color-accent-glow: rgb(73 126 27 / 0.3);
    --tf-color-danger: #c0392b;
    --tf-color-danger-text: #a4291e;
    --tf-color-danger-ink: #ffffff;
    --tf-color-danger-soft: rgb(192 57 43 / 0.08);
    --tf-color-danger-line: rgb(192 57 43 / 0.45);
    --tf-color-warn: #9a6a00;
    --tf-color-warn-text: #7a5300;
    --tf-color-warn-soft: rgb(168 116 8 / 0.08);
    --tf-color-warn-line: #d8b25a;
    --tf-color-ok: #2d6aad;
    --tf-color-alert-bg: #fdecea;
    --tf-color-alert-line: #f0b9b3;
    --tf-color-alert-ink: #6d1a13;
    --tf-color-alert-link: #8e2319;
    --tf-shadow-popover: 0 16px 40px rgb(16 22 19 / 0.14);
    --tf-shadow-menu: 0 16px 40px rgb(16 22 19 / 0.12);
    --tf-shadow-card: 0 24px 60px rgb(16 22 19 / 0.12);
    --tf-shadow-drawer: 16px 0 40px rgb(16 22 19 / 0.16);
    --tf-color-diagram-bg: #f7f8f8;
    --tf-color-diagram-ink: #1d2529;
    --tf-color-diagram-muted: #4b565c;
    --tf-color-diagram-selected: #111719;
    --tf-color-diagram-active-fill: #ddf6ce;
    --tf-color-diagram-active-stroke: #497e1b;
    --tf-color-diagram-path: #497e1b;
    --tf-color-diagram-done-fill: #dde8f5;
    --tf-color-diagram-done-stroke: #3a6ea8;
    --tf-color-diagram-ended-fill: #e6e8e9;
    --tf-color-diagram-ended-stroke: #7b8388;
    --tf-color-diagram-incident-fill: #fbdcd9;
    --tf-color-diagram-incident-stroke: #c9443b;
    --tf-color-heat-1-fill: #e2f3d6;
    --tf-color-heat-1-stroke: #5d8f3a;
    --tf-color-heat-1-badge: #a7d88a;
    --tf-color-heat-2-fill: #f4edc5;
    --tf-color-heat-2-stroke: #a19038;
    --tf-color-heat-2-badge: #d7c76d;
    --tf-color-heat-3-fill: #f5d6ba;
    --tf-color-heat-3-stroke: #b8672f;
    --tf-color-heat-3-badge: #e49758;
    --tf-color-heat-4-fill: #f5c5c1;
    --tf-color-heat-4-stroke: #b94740;
    --tf-color-heat-4-badge: #ec6a62;
    --tf-color-heat-badge-ink: #111719;
  }
}
:root[data-theme='light'] {
  color-scheme: light;
  --tf-color-bg: #f5f7f6;
  --tf-color-rail: #edf1ef;
  --tf-color-surface: #ffffff;
  --tf-color-raised: #eef2f0;
  --tf-color-scrim: rgb(16 22 19 / 0.45);
  --tf-color-drawer-scrim: rgb(16 22 19 / 0.35);
  --tf-color-appbar: rgb(245 247 246 / 0.92);
  --tf-color-hover: rgb(16 22 19 / 0.05);
  --tf-color-hover-strong: rgb(16 22 19 / 0.09);
  --tf-color-row-hover: rgb(16 22 19 / 0.03);
  --tf-color-ink: #121815;
  --tf-color-body: #252e2a;
  --tf-color-code: #2f3a35;
  --tf-color-muted: #4f5b55;
  --tf-color-dim: #5c6862;
  --tf-color-placeholder: #76817b;
  --tf-color-line: #d3dad6;
  --tf-color-line-soft: rgb(211 218 214 / 0.8);
  --tf-color-accent: #497e1b;
  --tf-color-accent-hover: #3b6716;
  --tf-color-accent-ink: #ffffff;
  --tf-color-accent-text: #3b6716;
  --tf-color-accent-soft: rgb(73 126 27 / 0.1);
  --tf-color-accent-selected: rgb(73 126 27 / 0.16);
  --tf-color-accent-glow: rgb(73 126 27 / 0.3);
  --tf-color-danger: #c0392b;
  --tf-color-danger-text: #a4291e;
  --tf-color-danger-ink: #ffffff;
  --tf-color-danger-soft: rgb(192 57 43 / 0.08);
  --tf-color-danger-line: rgb(192 57 43 / 0.45);
  --tf-color-warn: #9a6a00;
  --tf-color-warn-text: #7a5300;
  --tf-color-warn-soft: rgb(168 116 8 / 0.08);
  --tf-color-warn-line: #d8b25a;
  --tf-color-ok: #2d6aad;
  --tf-color-alert-bg: #fdecea;
  --tf-color-alert-line: #f0b9b3;
  --tf-color-alert-ink: #6d1a13;
  --tf-color-alert-link: #8e2319;
  --tf-shadow-popover: 0 16px 40px rgb(16 22 19 / 0.14);
  --tf-shadow-menu: 0 16px 40px rgb(16 22 19 / 0.12);
  --tf-shadow-card: 0 24px 60px rgb(16 22 19 / 0.12);
  --tf-shadow-drawer: 16px 0 40px rgb(16 22 19 / 0.16);
  --tf-color-diagram-bg: #f7f8f8;
  --tf-color-diagram-ink: #1d2529;
  --tf-color-diagram-muted: #4b565c;
  --tf-color-diagram-selected: #111719;
  --tf-color-diagram-active-fill: #ddf6ce;
  --tf-color-diagram-active-stroke: #497e1b;
  --tf-color-diagram-path: #497e1b;
  --tf-color-diagram-done-fill: #dde8f5;
  --tf-color-diagram-done-stroke: #3a6ea8;
  --tf-color-diagram-ended-fill: #e6e8e9;
  --tf-color-diagram-ended-stroke: #7b8388;
  --tf-color-diagram-incident-fill: #fbdcd9;
  --tf-color-diagram-incident-stroke: #c9443b;
  --tf-color-heat-1-fill: #e2f3d6;
  --tf-color-heat-1-stroke: #5d8f3a;
  --tf-color-heat-1-badge: #a7d88a;
  --tf-color-heat-2-fill: #f4edc5;
  --tf-color-heat-2-stroke: #a19038;
  --tf-color-heat-2-badge: #d7c76d;
  --tf-color-heat-3-fill: #f5d6ba;
  --tf-color-heat-3-stroke: #b8672f;
  --tf-color-heat-3-badge: #e49758;
  --tf-color-heat-4-fill: #f5c5c1;
  --tf-color-heat-4-stroke: #b94740;
  --tf-color-heat-4-badge: #ec6a62;
  --tf-color-heat-badge-ink: #111719;
}
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('./fonts/inter-latin-ext-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('./fonts/inter-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url('./fonts/inter-latin-ext-wght-italic.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url('./fonts/inter-latin-wght-italic.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@layer base {
  html {
    font-family: var(--tf-font-sans);
    color: var(--tf-color-ink);
    background: var(--tf-color-bg);
    font-synthesis: none;
    line-height: var(--tf-leading);
  }
  body {
    margin: 0;
    min-width: 320px;
    min-height: 100vh;
    background: var(--tf-color-bg);
    line-height: var(--tf-leading);
  }
  [hidden] {
    display: none !important;
  }
  :focus-visible {
    outline: none;
    box-shadow: var(--tf-focus-ring);
  }
  a {
    color: var(--tf-color-accent-text);
  }
  button {
    color: inherit;
    cursor: pointer;
  }
  button:disabled {
    cursor: default;
  }
  ::placeholder {
    color: var(--tf-color-placeholder);
  }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      scroll-behavior: auto !important;
      animation-duration: 0.01ms !important;
      transition-duration: 0.01ms !important;
    }
  }
}
@layer components {
  .tf-control {
    width: 100%;
    height: var(--tf-control-height);
    border: 1px solid var(--tf-color-line);
    border-radius: var(--tf-radius);
    padding: 0 11px;
    color: var(--tf-color-ink);
    background: var(--tf-color-bg);
    outline: none;
  }
  .tf-control:focus-visible {
    border-color: var(--tf-color-accent);
    box-shadow: 0 0 0 1px var(--tf-color-accent);
  }
  textarea.tf-control {
    height: auto;
    padding: 10px 11px;
  }
  .tf-select {
    --select-pad: 11px;
    appearance: none;
    padding: 0 calc(var(--select-pad) + 18px) 0 var(--select-pad);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: linear-gradient(45deg, transparent 50%, var(--tf-color-muted) 50%), linear-gradient(135deg, var(--tf-color-muted) 50%, transparent 50%);
    background-position: right calc(var(--select-pad) + 5px) center, right var(--select-pad) center;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .tf-select:hover:not(:disabled) {
    border-color: var(--tf-color-dim);
  }
  .tf-select:focus-visible {
    background-image: linear-gradient(45deg, transparent 50%, var(--tf-color-accent) 50%), linear-gradient(135deg, var(--tf-color-accent) 50%, transparent 50%);
  }
  .tf-select:disabled {
    cursor: not-allowed;
  }
  .tf-select option {
    color: var(--tf-color-ink);
    background: var(--tf-color-raised);
  }
  .tf-tabs {
    display: flex;
    gap: 2px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    box-shadow: inset 0 -1px 0 var(--tf-color-line);
  }
  .tf-tabs::-webkit-scrollbar {
    display: none;
  }
  .tf-tab {
    position: relative;
    flex: 0 0 auto;
    padding: 10px 14px 12px;
    border: 0;
    border-radius: var(--tf-radius) var(--tf-radius) 0 0;
    color: var(--tf-color-muted);
    background: transparent;
    font-size: var(--tf-text-base);
  }
  .tf-tab:focus-visible {
    box-shadow: inset 0 0 0 2px var(--tf-color-accent);
  }
  .tf-tab::after {
    content: '';
    position: absolute;
    right: 12px;
    bottom: 0;
    left: 12px;
    height: 2px;
    border-radius: 2px;
    background: transparent;
  }
  .tf-tab:hover, .tf-tab[aria-selected='true'] {
    color: var(--tf-color-ink);
  }
  .tf-tab[aria-selected='true']::after {
    background: var(--tf-color-accent-text);
  }
  .tf-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 720px;
  }
  .tf-table.is-compact {
    min-width: 0;
  }
  .tf-table th {
    position: sticky;
    top: 0;
    padding: 10px 12px;
    color: var(--tf-color-dim);
    background: var(--tf-color-raised);
    font-size: var(--tf-text-xs);
    letter-spacing: 0.06em;
    text-align: left;
    text-transform: uppercase;
    font-weight: 650;
    white-space: nowrap;
  }
  .tf-table td {
    padding: 12px;
    border-top: 1px solid var(--tf-color-line-soft);
    color: var(--tf-color-body);
    font-size: var(--tf-text-base);
    vertical-align: top;
  }
  .tf-table tbody tr:not(.tf-empty-row):hover {
    background: var(--tf-color-row-hover);
  }
  .tf-table tr.is-selected {
    background: var(--tf-color-accent-soft);
  }
  .tf-table .tf-empty-row td {
    padding: 36px 12px;
    color: var(--tf-color-dim);
    text-align: center;
  }
  .tf-table td code {
    color: var(--tf-color-code);
    font: 12px/1.5 var(--tf-font-mono);
  }
  @media (max-width: 1080px) {
    .tf-table th {
      white-space: normal;
    }
  }
  .tf-selectable tbody tr[tabindex] {
    cursor: pointer;
  }
  .tf-selectable tbody tr.is-selected {
    background: var(--tf-color-accent-soft);
    box-shadow: inset 3px 0 0 var(--tf-color-accent-text);
  }
  .tf-selectable tbody tr:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px var(--tf-color-accent);
  }
  .tf-selectable tbody tr.is-selected:focus-visible {
    box-shadow: inset 3px 0 0 var(--tf-color-accent-text), inset 0 0 0 2px var(--tf-color-accent);
  }
  .tf-state {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: var(--tf-text-xs);
    letter-spacing: 0.06em;
    font-weight: 750;
    text-transform: uppercase;
  }
  .tf-state::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--tf-color-muted);
  }
  .tf-state[data-tone='accent']::before {
    background: var(--tf-color-accent);
  }
  .tf-state[data-tone='danger']::before {
    background: var(--tf-color-danger);
  }
  .tf-state[data-tone='ok']::before {
    background: var(--tf-color-ok);
  }
  .tf-state[data-tone='warn']::before {
    background: var(--tf-color-warn);
  }
  .tf-state[data-tone='dim']::before {
    background: var(--tf-color-dim);
  }
  .tf-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: var(--tf-rail-width) minmax(0, 1fr);
    background: linear-gradient( to right, var(--tf-color-rail) 0 calc(var(--tf-rail-width) - 1px), var(--tf-color-line) calc(var(--tf-rail-width) - 1px) var(--tf-rail-width), transparent var(--tf-rail-width) );
  }
  .tf-rail {
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    overflow-y: auto;
    padding: 22px 14px 24px;
    border-right: 1px solid var(--tf-color-line);
    background: var(--tf-color-rail);
  }
  .tf-nav-item {
    position: relative;
    width: 100%;
    padding: 8px 10px 8px 14px;
    border: 0;
    border-radius: var(--tf-radius);
    color: var(--tf-color-muted);
    background: transparent;
    font-size: var(--tf-text-md);
    text-align: left;
    transition: background var(--tf-duration-fast) ease, color var(--tf-duration-fast) ease;
  }
  .tf-nav-item::before {
    content: '';
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: transparent;
  }
  .tf-nav-item:hover {
    color: var(--tf-color-ink);
    background: var(--tf-color-hover-strong);
  }
  .tf-nav-item:focus-visible {
    box-shadow: inset 0 0 0 2px var(--tf-color-accent);
  }
  .tf-nav-item[aria-current='page'] {
    color: var(--tf-color-ink);
    background: var(--tf-color-accent-selected);
    font-weight: 650;
  }
  .tf-nav-item[aria-current='page']::before {
    background: var(--tf-color-accent-text);
  }
  .tf-main-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
  .tf-workspace {
    min-width: 0;
    padding: 26px clamp(16px, 3vw, 40px) 64px;
    outline: none;
  }
  .tf-workspace:focus-visible {
    box-shadow: none;
  }
  @media (max-width: 1080px) {
    .tf-shell {
      grid-template-columns: minmax(0, 1fr);
      background: none;
    }
    .tf-rail {
      position: fixed;
      z-index: 45;
      top: 0;
      left: 0;
      bottom: 0;
      width: min(280px, 86vw);
      height: 100vh;
      transform: translateX(-102%);
      transition: transform var(--tf-duration) ease;
      box-shadow: var(--tf-shadow-drawer);
    }
    .tf-rail[data-open='true'] {
      transform: none;
    }
  }
  .tf-master-detail {
    display: grid;
    grid-template-columns: minmax(360px, 5fr) minmax(0, 6fr);
    gap: 22px;
    align-items: start;
  }
  .tf-md-list {
    min-width: 0;
  }
  .tf-md-detail {
    position: sticky;
    top: 74px;
    min-width: 0;
    max-height: calc(100vh - 92px);
    overflow: auto;
    overscroll-behavior: contain;
    padding: 22px;
    border: 1px solid var(--tf-color-line);
    border-radius: var(--tf-radius-lg);
    background: var(--tf-color-surface);
  }
  .tf-md-back {
    display: none;
    align-items: center;
    margin-bottom: 16px;
    padding: 0;
    border: 0;
    color: var(--tf-color-accent-text);
    background: transparent;
    font-size: var(--tf-text-base);
    text-decoration: none;
  }
  .tf-master-detail .tf-md-extra {
    display: none;
  }
  @media (max-width: 1080px) and (min-width: 641px) {
    .tf-master-detail .tf-md-extra {
      display: table-cell;
    }
  }
  @media (max-width: 1080px) {
    .tf-master-detail {
      grid-template-columns: minmax(0, 1fr);
    }
    .tf-md-detail {
      position: static;
      max-height: none;
      overflow: visible;
    }
    .tf-master-detail[data-showing='detail'] > .tf-md-list {
      display: none !important;
    }
    .tf-master-detail[data-showing='list'] > .tf-md-detail {
      display: none !important;
    }
    .tf-master-detail .tf-md-back {
      display: inline-flex;
    }
  }
  @media (max-width: 640px) {
    .tf-md-detail {
      padding: 18px 16px;
    }
  }
  @media (min-width: 641px) and (min-height: 540px) {
    body:has(.tf-workspace [data-fill='true'] > .tf-master-detail) {
      height: 100vh;
      height: 100dvh;
      overflow: hidden;
    }
    body:has(.tf-workspace [data-fill='true'] > .tf-master-detail) > * {
      height: 100%;
    }
    body:has(.tf-workspace [data-fill='true'] > .tf-master-detail) .tf-shell-root {
      display: flex;
      flex-direction: column;
      height: 100%;
    }
    body:has(.tf-workspace [data-fill='true'] > .tf-master-detail) .tf-shell-root > * {
      flex: none;
    }
    body:has(.tf-workspace [data-fill='true'] > .tf-master-detail) .tf-shell-root > .tf-shell {
      flex: 1 1 auto;
      min-height: 0;
      grid-template-rows: minmax(0, 1fr);
    }
    body:has(.tf-workspace [data-fill='true'] > .tf-master-detail) .tf-rail {
      height: auto;
      align-self: stretch;
    }
    body:has(.tf-workspace [data-fill='true'] > .tf-master-detail) .tf-main-column {
      min-height: 0;
      overflow: hidden;
    }
    body:has(.tf-workspace [data-fill='true'] > .tf-master-detail) .tf-workspace {
      flex: 1 1 auto;
      min-height: 0;
      display: flex;
      flex-direction: column;
      padding-bottom: 20px;
    }
    .tf-workspace > [data-page]:has(> [data-fill='true'] > .tf-master-detail) {
      flex: 1 1 auto;
      min-height: 0;
      display: flex;
      flex-direction: column;
    }
    .tf-workspace > [data-page]:has(> [data-fill='true'] > .tf-master-detail) > * {
      flex: none;
    }
    .tf-workspace > [data-page] > [data-fill='true']:has(> .tf-master-detail) {
      flex: 1 1 auto;
      min-height: 0;
      display: flex;
      flex-direction: column;
    }
    .tf-workspace [data-fill='true']:has(> .tf-master-detail) > * {
      flex: none;
    }
    .tf-workspace [data-fill='true'] > .tf-master-detail {
      flex: 1 1 auto;
      min-height: 0;
      grid-template-rows: minmax(0, 1fr);
      align-items: stretch;
    }
    .tf-workspace [data-fill='true'] > .tf-master-detail > .tf-md-list {
      display: flex;
      flex-direction: column;
      min-height: 0;
    }
    .tf-workspace [data-fill='true'] > .tf-master-detail > .tf-md-list > * {
      flex: none;
    }
    .tf-workspace [data-fill='true'] > .tf-master-detail > .tf-md-list > .tf-md-scroll {
      flex: 0 1 auto;
      min-height: 120px;
      overflow: auto;
      overscroll-behavior: contain;
    }
    .tf-workspace [data-fill='true'] > .tf-master-detail > .tf-md-list > details[open] {
      max-height: 45%;
      overflow: auto;
    }
    .tf-workspace [data-fill='true'] > .tf-master-detail > .tf-md-detail {
      position: static;
      min-height: 0;
      max-height: none;
      overflow: auto;
      overscroll-behavior: contain;
    }
  }
  .tf-grid-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    min-height: 38px;
    margin-bottom: 14px;
  }
  .tf-grid-bulk {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    min-height: 44px;
    padding: 6px 12px;
    border: 1px solid var(--tf-color-accent-text);
    border-radius: var(--tf-radius);
    background: var(--tf-color-accent-soft);
  }
  .tf-grid[data-busy='true'] tbody {
    opacity: 0.55;
    transition: opacity var(--tf-duration-fast) ease;
  }
  .tf-table .tf-grid-check {
    width: 44px;
    padding-right: 0;
    vertical-align: middle;
  }
  .tf-table tbody th {
    position: static;
    padding: 12px;
    border-top: 1px solid var(--tf-color-line-soft);
    color: var(--tf-color-ink);
    background: transparent;
    font-size: var(--tf-text-base);
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
    white-space: normal;
    vertical-align: top;
  }
  .tf-table tbody tr[data-selected='true'] {
    background: var(--tf-color-accent-soft);
  }
  .tf-grid-sort {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: -4px -6px;
    padding: 4px 6px;
    border: 0;
    border-radius: var(--tf-radius-sm);
    color: inherit;
    background: transparent;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    cursor: pointer;
  }
  .tf-grid-sort:hover {
    color: var(--tf-color-ink);
    background: var(--tf-color-hover);
  }
  .tf-grid-sort:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px var(--tf-color-accent);
  }
  th[aria-sort] .tf-grid-sort {
    color: var(--tf-color-ink);
  }
  .tf-grid-sort-mark {
    color: var(--tf-color-dim);
    font-size: 11px;
  }
  th[aria-sort] .tf-grid-sort-mark {
    color: var(--tf-color-accent-text);
  }
  .tf-skeleton {
    display: block;
    height: 12px;
    max-width: 100%;
    border-radius: var(--tf-radius-sm);
    background: linear-gradient( 90deg, var(--tf-color-hover) 0%, var(--tf-color-hover-strong) 50%, var(--tf-color-hover) 100% );
    background-size: 200% 100%;
    animation: tf-shimmer 1.4s ease-in-out infinite;
  }
  .tf-skeleton.is-box {
    height: 100%;
    min-height: 40px;
    border-radius: var(--tf-radius);
  }
  @keyframes tf-shimmer {
    from {
      background-position: 100% 0;
    }
    to {
      background-position: -100% 0;
    }
  }
  .tf-form-section {
    display: grid;
    grid-template-columns: minmax(200px, 300px) minmax(0, 640px);
    gap: 16px 40px;
    padding: 26px 0;
    border-top: 1px solid var(--tf-color-line);
  }
  .tf-form-section:first-child {
    border-top: 0;
    padding-top: 4px;
  }
  @media (max-width: 1080px) {
    .tf-form-section {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .tf-form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid var(--tf-color-line);
  }
  .tf-form-actions.is-sticky {
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding: 14px 0 16px;
    background: var(--tf-color-bg);
    box-shadow: 0 -1px 0 var(--tf-color-line);
    border-top: 0;
  }
  .tf-drawer {
    width: min(480px, 100vw);
    max-width: 100vw;
    height: 100vh;
    height: 100dvh;
    max-height: none;
    margin: 0 0 0 auto;
    padding: 0;
    border: 0;
    border-left: 1px solid var(--tf-color-line);
    color: var(--tf-color-ink);
    background: var(--tf-color-surface);
    box-shadow: var(--tf-shadow-drawer);
  }
  .tf-drawer.is-lg {
    width: min(720px, 100vw);
  }
  .tf-drawer::backdrop {
    background: var(--tf-color-scrim);
  }
  .tf-drawer[open] {
    animation: tf-drawer-in var(--tf-duration) ease-out;
  }
  @keyframes tf-drawer-in {
    from {
      transform: translateX(24px);
      opacity: 0;
    }
  }
  .tf-drawer-frame {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .tf-drawer-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 20px 24px;
  }
  .tf-drawer-footer {
    display: flex;
    padding: 14px 24px;
    border-top: 1px solid var(--tf-color-line);
    background: var(--tf-color-surface);
  }
  @media (max-width: 640px) {
    .tf-drawer-body, .tf-drawer-footer {
      padding-right: 16px;
      padding-left: 16px;
    }
  }
  .tf-wizard {
    display: grid;
    grid-template-columns: minmax(180px, 240px) minmax(0, 720px);
    gap: 24px 40px;
    align-items: start;
  }
  @media (max-width: 1080px) {
    .tf-wizard {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .tf-steps {
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  @media (max-width: 1080px) {
    .tf-steps {
      display: flex;
      flex-wrap: wrap;
      gap: 4px 14px;
    }
  }
  .tf-step {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 6px 8px;
    border: 0;
    border-radius: var(--tf-radius);
    color: var(--tf-color-dim);
    background: transparent;
    font-size: var(--tf-text-base);
    text-align: left;
  }
  button.tf-step {
    color: var(--tf-color-muted);
    cursor: pointer;
  }
  button.tf-step:hover {
    color: var(--tf-color-ink);
    background: var(--tf-color-hover);
  }
  button.tf-step:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px var(--tf-color-accent);
  }
  [aria-current='step'] > .tf-step {
    color: var(--tf-color-ink);
    font-weight: 650;
  }
  .tf-step-mark {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid var(--tf-color-line);
    border-radius: 50%;
    font-size: var(--tf-text-xs);
    font-weight: 700;
  }
  [data-status='complete'] .tf-step-mark {
    border-color: var(--tf-color-accent-text);
    color: var(--tf-color-accent-text);
  }
  [aria-current='step'] .tf-step-mark {
    border-color: var(--tf-color-accent);
    color: var(--tf-color-accent-ink);
    background: var(--tf-color-accent);
  }
  .tf-settings-layout {
    display: grid;
    grid-template-columns: 200px minmax(0, 820px);
    gap: 32px;
    align-items: start;
  }
  .tf-settings-nav {
    position: sticky;
    top: 80px;
  }
  @media (max-width: 1080px) {
    .tf-settings-layout {
      grid-template-columns: minmax(0, 1fr);
    }
    .tf-settings-nav {
      display: none;
    }
  }
  .tf-dashboard {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px;
  }
  .tf-card {
    grid-column: span 3;
    min-width: 0;
    padding: 16px 18px;
    border: 1px solid var(--tf-color-line);
    border-radius: var(--tf-radius-lg);
    background: var(--tf-color-surface);
  }
  .tf-card[data-span='4'] {
    grid-column: span 4;
  }
  .tf-card[data-span='6'] {
    grid-column: span 6;
  }
  .tf-card[data-span='8'] {
    grid-column: span 8;
  }
  .tf-card[data-span='12'] {
    grid-column: span 12;
  }
  @media (max-width: 1080px) {
    .tf-card, .tf-card[data-span] {
      grid-column: span 6;
    }
    .tf-card[data-span='12'], .tf-card[data-span='8'] {
      grid-column: span 12;
    }
  }
  @media (max-width: 640px) {
    .tf-card, .tf-card[data-span] {
      grid-column: span 12;
    }
  }
  .tf-chart-state {
    display: grid;
    place-items: center;
    height: 100%;
    border: 1px dashed var(--tf-color-line);
    border-radius: var(--tf-radius);
    font-size: var(--tf-text-base);
    text-align: center;
  }
  .tf-toasts {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 60;
    width: min(420px, calc(100vw - 32px));
  }
  .tf-toasts[hidden] {
    display: none;
  }
  @media (max-width: 640px) {
    .tf-toasts {
      right: 16px;
      bottom: 16px;
    }
  }
  .tf-toast {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 10px 10px 14px;
    border: 1px solid var(--tf-color-line);
    border-left: 3px solid var(--tf-color-accent-text);
    border-radius: var(--tf-radius);
    color: var(--tf-color-ink);
    background: var(--tf-color-raised);
    box-shadow: var(--tf-shadow-popover);
    font-size: var(--tf-text-base);
    animation: tf-toast-in var(--tf-duration) ease-out;
  }
  .tf-toast[data-tone='info'] {
    border-left-color: var(--tf-color-ok);
  }
  .tf-toast[data-tone='error'] {
    border-left-color: var(--tf-color-danger);
  }
  @keyframes tf-toast-in {
    from {
      transform: translateY(8px);
      opacity: 0;
    }
  }
  .tf-progress {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--tf-color-hover-strong);
  }
  .tf-progress > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--tf-color-accent);
    transition: width var(--tf-duration-fast) ease;
  }
  .tf-progress[data-state='partial'] > span {
    background: var(--tf-color-warn);
  }
  .tf-timeline-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .tf-timeline-entry {
    position: relative;
    padding: 0 0 16px 24px;
  }
  .tf-timeline-entry::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--tf-color-dim);
  }
  .tf-timeline-entry::after {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 2px;
    left: 7px;
    width: 1px;
    background: var(--tf-color-line);
  }
  .tf-timeline-entry:last-child::after {
    display: none;
  }
  .tf-timeline-entry[data-tone='accent']::before {
    background: var(--tf-color-accent);
  }
  .tf-timeline-entry[data-tone='danger']::before {
    background: var(--tf-color-danger);
  }
  .tf-timeline-entry[data-tone='warn']::before {
    background: var(--tf-color-warn);
  }
  @media (prefers-reduced-motion: reduce) {
    .tf-skeleton, .tf-drawer[open], .tf-toast {
      animation: none;
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@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-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes tf-view-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes tf-pulse {
  50% {
    opacity: 0.35;
  }
}
@keyframes tf-spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}