/* Generated by scripts/site-snapshot.cjs from the app's stylesheets — do not edit by hand. */
/* [project]/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-manrope), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-mono: var(--font-jetbrains), ui-monospace, "JetBrains Mono", Consolas, monospace;
    --color-red-100: #ffe2e2;
    --color-red-300: #ffa3a3;
    --color-red-600: #e40014;
    --color-red-800: #9f0712;
    --color-orange-100: #ffedd5;
    --color-orange-300: #ffb96d;
    --color-orange-600: #f05100;
    --color-orange-800: #9f2d00;
    --color-yellow-100: #fef9c2;
    --color-yellow-300: #ffe02a;
    --color-yellow-500: #edb200;
    --color-yellow-600: #cd8900;
    --color-yellow-800: #874b00;
    --color-green-100: #dcfce7;
    --color-green-300: #7bf1a8;
    --color-green-500: #00c758;
    --color-green-600: #00a544;
    --color-green-800: #016630;
    --color-blue-100: #dbeafe;
    --color-blue-300: #90c5ff;
    --color-blue-500: #3080ff;
    --color-blue-600: #155dfc;
    --color-blue-800: #193cb8;
    --color-violet-100: #ede9fe;
    --color-violet-300: #c4b4ff;
    --color-violet-600: #7f22fe;
    --color-violet-800: #5d0ec0;
    --color-gray-700: #364153;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --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);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-wide: .025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 12px;
    --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-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-md: 12px;
    --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-page: #f6f7f8;
    --color-surface: #fff;
    --color-line: #e4e6ea;
    --color-ink: #14161a;
    --color-body: #3a3f47;
    --color-muted: #6b7280;
    --color-faint: #9aa1ad;
    --color-accent: #3b6fd6;
    --color-accent-hover: #2f5ab3;
    --color-accent-soft: #e8effc;
    --color-accent-soft-border: #cfdcf7;
    --color-amber: #dc8a10;
    --color-amber-soft: #fdf1dc;
    --color-amber-text: #9a5b00;
    --color-danger: #b42318;
    --color-danger-soft: #fdecea;
    --color-success: #1f7a4d;
    --color-success-soft: #e6f4ec;
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-100: lab(92.243% 10.2865 3.83865);
      --color-red-300: lab(76.5514% 36.422 15.5335);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-800: lab(33.7174% 55.8993 41.0293);
      --color-orange-100: lab(94.7127% 3.58394 14.3151);
      --color-orange-300: lab(80.8059% 21.7313 50.4455);
      --color-orange-600: lab(57.1026% 64.2584 89.8886);
      --color-orange-800: lab(37.1566% 46.6433 50.5562);
      --color-yellow-100: lab(97.3564% -4.51407 27.344);
      --color-yellow-300: lab(89.7033% -.480294 84.4917);
      --color-yellow-500: lab(76.3898% 14.5258 98.4589);
      --color-yellow-600: lab(62.7799% 22.4197 86.1544);
      --color-yellow-800: lab(38.7484% 23.5833 51.4916);
      --color-green-100: lab(96.1861% -13.8464 6.52365);
      --color-green-300: lab(86.9953% -47.2691 25.0054);
      --color-green-500: lab(70.5521% -66.5147 45.8073);
      --color-green-600: lab(59.0978% -58.6621 41.2579);
      --color-green-800: lab(37.4616% -36.7971 22.9692);
      --color-blue-100: lab(92.0301% -2.24757 -11.6453);
      --color-blue-300: lab(77.5052% -6.4629 -36.42);
      --color-blue-500: lab(54.1736% 13.3369 -74.6839);
      --color-blue-600: lab(44.0605% 29.0279 -86.0352);
      --color-blue-800: lab(30.2514% 27.7853 -70.2699);
      --color-violet-100: lab(93.0838% 4.35197 -9.88284);
      --color-violet-300: lab(76.7419% 18.3911 -37.0706);
      --color-violet-600: lab(41.088% 68.9966 -91.995);
      --color-violet-800: lab(29.3188% 57.7986 -76.1493);
      --color-gray-700: lab(27.1134% -.956401 -12.3224);
    }
  }
}

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

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

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -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 {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring: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 {
    vertical-align: middle;
    display: block;
  }

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  html {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  body {
    background-color: var(--color-page);
    font-family: var(--font-sans);
    color: var(--color-ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  h1, h2, h3, h4 {
    color: var(--color-ink);
  }

  :focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-accent);
    --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);
    --tw-ring-offset-color: var(--color-page);
    --tw-outline-style: none;
    outline-style: none;
  }
}

@layer components {
  .btn-primary {
    height: calc(var(--spacing) * 10);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    background-color: var(--color-accent);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
    color: var(--color-white);
    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));
    display: inline-flex;
  }

  @media (hover: hover) {
    .btn-primary:hover {
      background-color: var(--color-accent-hover);
    }
  }

  .btn-primary:disabled {
    pointer-events: none;
    opacity: .5;
  }

  .btn-outline {
    height: calc(var(--spacing) * 9);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line);
    background-color: var(--color-surface);
    padding-inline: calc(var(--spacing) * 3.5);
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 13px;
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-ink);
    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));
    display: inline-flex;
  }

  @media (hover: hover) {
    .btn-outline:hover {
      background-color: #f0f1f3;
    }
  }

  .btn-dark {
    height: calc(var(--spacing) * 10);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    background-color: var(--color-surface);
    padding-inline: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-bold);
    font-size: 13px;
    font-weight: var(--font-weight-bold);
    color: var(--color-ink);
    display: inline-flex;
  }

  .btn-dark:disabled {
    opacity: .6;
  }

  .pill {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line);
    background-color: var(--color-surface);
    height: 30px;
    padding-inline: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 12.5px;
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-body);
    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: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .pill:hover {
      border-color: #d1d5db;
    }
  }

  @media (hover: hover) {
    .pill:hover {
      color: var(--color-ink);
    }
  }

  .eyebrow {
    --tw-font-weight: var(--font-weight-bold);
    font-size: 11px;
    font-weight: var(--font-weight-bold);
    --tw-tracking: .08em;
    letter-spacing: .08em;
    color: var(--color-faint);
    text-transform: uppercase;
  }

  .card {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line);
    background-color: var(--color-surface);
  }

  .tag-amber {
    height: calc(var(--spacing) * 5);
    background-color: var(--color-amber-soft);
    padding-inline: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 11px;
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-amber-text);
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  .tag-grey {
    height: calc(var(--spacing) * 5);
    padding-inline: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 11px;
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-muted);
    background-color: #f0f1f3;
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  .step-number {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    background-color: var(--color-ink);
    --tw-font-weight: var(--font-weight-extrabold);
    font-size: 11px;
    font-weight: var(--font-weight-extrabold);
    color: var(--color-white);
    border-radius: 3.40282e38px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

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

  .vh-chip:has(:checked) {
    border-color: var(--color-accent-soft-border);
  }

  .vh-chip:has(:checked) {
    background-color: var(--color-accent-soft);
  }

  .vh-chip:has(:checked) {
    color: var(--color-accent-hover);
  }

  .vh-chip:has(:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .vh-chip:has(:focus-visible) {
    --tw-ring-color: var(--color-accent);
  }

  .vh-chip:has(:focus-visible) {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .vh-chip > svg {
    display: none;
  }

  .vh-chip:has(:checked) > svg {
    display: inline-block;
  }

  .vh-cell-editor {
    min-height: calc(var(--spacing) * 16);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-body);
    --tw-outline-style: none;
    outline-style: none;
  }

  .vh-cell-editor p + p {
    margin-top: calc(var(--spacing) * 2);
  }

  .vh-cell-editor ul {
    margin-block: var(--spacing);
    padding-left: calc(var(--spacing) * 5);
    list-style-type: disc;
  }

  .vh-cell-editor ol {
    margin-block: var(--spacing);
    padding-left: calc(var(--spacing) * 5);
    list-style-type: decimal;
  }

  .vh-cell-editor li > p {
    margin-block: 0;
  }

  .vh-cell-editor a {
    color: var(--color-accent);
    text-underline-offset: 2px;
    text-decoration-line: underline;
  }

  .vh-cell-editor strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
  }

  .vh-cell-editor p.is-editor-empty:first-child:before {
    pointer-events: none;
    float: left;
    height: 0;
    color: var(--color-faint);
    content: "Not filled yet.";
  }
}

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

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

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

  .\[inset\:var\(--dc-toolpaint-inset\,0px\)\] {
    inset: var(--dc-toolpaint-inset, 0px);
  }

  .inset-0 {
    inset: 0;
  }

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

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

  .inset-x-0 {
    inset-inline: 0;
  }

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

  .-inset-y-0, .inset-y-0 {
    inset-block: 0;
  }

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

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

  .top-0 {
    top: 0;
  }

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

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

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

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

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

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

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

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

  .top-full {
    top: 100%;
  }

  .top-px {
    top: 1px;
  }

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

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

  .right-0 {
    right: 0;
  }

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

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

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

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

  .right-px {
    right: 1px;
  }

  .bottom-0 {
    bottom: 0;
  }

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

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

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

  .bottom-full {
    bottom: 100%;
  }

  .bottom-px {
    bottom: 1px;
  }

  .-left-0 {
    left: 0;
  }

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

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

  .left-0 {
    left: 0;
  }

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

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

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

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

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

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

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

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

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

  .isolate {
    isolation: isolate;
  }

  .isolation-auto {
    isolation: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .row-span-full {
    grid-row: 1 / -1;
  }

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

  .float-right {
    float: right;
  }

  .container {
    width: 100%;
  }

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

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

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

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

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

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

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

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

  .m-0 {
    margin: 0;
  }

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

  .m-auto {
    margin: auto;
  }

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

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

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

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

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

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

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

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

  .mx-px {
    margin-inline: 1px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-\[calc\(\(1lh_-_var\(--cds-checkbox\,16px\)\)_\/_2\)\] {
    margin-top: calc((1lh - var(--cds-checkbox, 16px)) / 2);
  }

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

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

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

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

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

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

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

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

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

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

  .mr-\[calc\(min\(3px\,\(var\(--cds-h-control-nested\)-12px\)\/2\)-var\(--cds-pad-sm\)\)\] {
    margin-right: calc(min(3px, (var(--cds-h-control-nested) - 12px) / 2) - var(--cds-pad-sm));
  }

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

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

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

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

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

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

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

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

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

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

  .-ml-\[calc\(var\(--cds-pad-md\)-\(var\(--cds-h-control\)-var\(--cds-checkbox\)\)\/2\)\] {
    margin-left: calc(calc(var(--cds-pad-md) - (var(--cds-h-control) - var(--cds-checkbox)) / 2) * -1);
  }

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

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

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

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

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

  .ml-\[calc\(\(var\(--cds-h-control-nested\)-12px\)\/2-var\(--cds-pad-sm\)\+1px\)\] {
    margin-left: calc((var(--cds-h-control-nested) - 12px) / 2 - var(--cds-pad-sm) + 1px);
  }

  .ml-\[calc\(\(var\(--cds-h-control-nested\)-16px\)\/2-var\(--cds-pad-sm\)\+1px\)\] {
    margin-left: calc((var(--cds-h-control-nested) - 16px) / 2 - var(--cds-pad-sm) + 1px);
  }

  .ml-\[calc\(\(var\(--cds-h-control-nested\)-20px\)\/2-var\(--cds-pad-sm\)\+1px\)\] {
    margin-left: calc((var(--cds-h-control-nested) - 20px) / 2 - var(--cds-pad-sm) + 1px);
  }

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

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

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

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

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

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

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

  .table {
    display: table;
  }

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

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

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

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

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

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

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

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

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

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

  .\!size-\[var\(--fhn\)\] {
    width: var(--fhn) !important;
    height: var(--fhn) !important;
  }

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

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

  .size-\[calc\(var\(--cds-checkbox\,16px\)-10px\)\] {
    width: calc(var(--cds-checkbox, 16px) - 10px);
    height: calc(var(--cds-checkbox, 16px) - 10px);
  }

  .size-\[calc\(var\(--cds-h-control-nested\)-4px\)\] {
    width: calc(var(--cds-h-control-nested) - 4px);
    height: calc(var(--cds-h-control-nested) - 4px);
  }

  .size-\[max\(calc\(var\(--cds-h-control-nested\)-6px\)\,12px\)\] {
    width: max(calc(var(--cds-h-control-nested) - 6px), 12px);
    height: max(calc(var(--cds-h-control-nested) - 6px), 12px);
  }

  .size-\[var\(--cds-checkbox\)\] {
    width: var(--cds-checkbox);
    height: var(--cds-checkbox);
  }

  .size-\[var\(--dc-toolglyph\,14px\)\] {
    width: var(--dc-toolglyph, 14px);
    height: var(--dc-toolglyph, 14px);
  }

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

  .h-0 {
    height: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[var\(--cds-h-control\,32px\)\] {
    height: var(--cds-h-control, 32px);
  }

  .h-\[var\(--dc-toolbtn\,25px\)\] {
    height: var(--dc-toolbtn, 25px);
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

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

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

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

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

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

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

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

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

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

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

  .max-h-\[calc\(100dvh_-_max\(2rem\,2\*var\(--desktop-titlebar-inset\,0px\)\)\)\] {
    max-height: calc(100dvh - max(2rem, 2 * var(--desktop-titlebar-inset, 0px)));
  }

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

  .max-h-\[min\(var\(--available-height\,100dvh\)\,var\(--cds-popup-max-h\,320px\)\)\] {
    max-height: min(var(--available-height, 100dvh), var(--cds-popup-max-h, 320px));
  }

  .max-h-\[var\(--cds-popup-list-max-h\,none\)\] {
    max-height: var(--cds-popup-list-max-h, none);
  }

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

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

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

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

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

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

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

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

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

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

  .min-h-\[calc\(var\(--cds-textarea-rows\)\*1lh\)\] {
    min-height: calc(var(--cds-textarea-rows) * 1lh);
  }

  .min-h-\[calc\(var\(--cds-textarea-rows\)\*1lh\+2\*var\(--cds-pad-sm\)\)\] {
    min-height: calc(var(--cds-textarea-rows) * 1lh + 2 * var(--cds-pad-sm));
  }

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

  .w-0 {
    width: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[1\.5px\] {
    width: 1.5px;
  }

  .w-\[1em\] {
    width: 1em;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[calc\(100\%\+8px\)\] {
    width: calc(100% + 8px);
  }

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

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

  .w-\[var\(--anchor-width\)\] {
    width: var(--anchor-width);
  }

  .w-\[var\(--dc-toolbtn\,25px\)\] {
    width: var(--dc-toolbtn, 25px);
  }

  .w-auto {
    width: auto;
  }

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

  .w-full {
    width: 100%;
  }

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

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-w-\[calc\(100vw-16px\)\] {
    max-width: calc(100vw - 16px);
  }

  .max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }

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

  .max-w-\[min\(440px\,calc\(100vw-32px\)\)\] {
    max-width: min(440px, 100vw - 32px);
  }

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

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

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

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

  .min-w-0 {
    min-width: 0;
  }

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

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

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

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

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

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

  .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-\[2ch\] {
    min-width: 2ch;
  }

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

  .flex-auto {
    flex: auto;
  }

  .flex-initial {
    flex: 0 auto;
  }

  .flex-none {
    flex: none;
  }

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

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

  .shrink {
    flex-shrink: 1;
  }

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

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

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

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

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

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

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

  .border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .origin-\[var\(--transform-origin\)\] {
    transform-origin: var(--transform-origin);
  }

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

  .origin-left {
    transform-origin: 0;
  }

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

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

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .translate-x-3\.5 {
    --tw-translate-x: calc(var(--spacing) * 3.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

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

  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1 {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-none {
    translate: none;
  }

  .scale-3d {
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
  }

  .scale-\[0\.4\] {
    scale: .4;
  }

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

  .rotate-0 {
    rotate: none;
  }

  .rotate-45 {
    rotate: 45deg;
  }

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

  .animate-\[spin_1s_linear_infinite\] {
    animation: 1s linear infinite spin;
  }

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

  .cursor-\[var\(--cds-cursor-interactive\)\] {
    cursor: var(--cds-cursor-interactive);
  }

  .cursor-cell {
    cursor: cell;
  }

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

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-default {
    cursor: default;
  }

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

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

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

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

  .cursor-pointer {
    cursor: pointer;
  }

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

  .cursor-text {
    cursor: text;
  }

  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
  }

  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
  }

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

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .appearance-none {
    appearance: none;
  }

  .auto-rows-\[180px\] {
    grid-auto-rows: 180px;
  }

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

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

  .grid-cols-\[repeat\(auto-fill\,minmax\(220px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-0 {
    gap: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  .gap-\[22px\] {
    gap: 22px;
  }

  .gap-\[34px\] {
    gap: 34px;
  }

  .gap-\[inherit\] {
    gap: inherit;
  }

  .gap-\[var\(--cds-pad-sm\,6px\)\] {
    gap: var(--cds-pad-sm, 6px);
  }

  .gap-px {
    gap: 1px;
  }

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

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

  :where(.space-x-reverse > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }

  .gap-y-0 {
    row-gap: 0;
  }

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

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

  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

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

  :where(.divide-y-reverse > :not(:last-child)) {
    --tw-divide-y-reverse: 1;
  }

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

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

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

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

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

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

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

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

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

  .\!rounded-\[calc\(var\(--fr\)-\(var\(--fh\)-var\(--fhn\)\)\/2\)\] {
    border-radius: calc(var(--fr) - (var(--fh) - var(--fhn)) / 2) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

  .rounded-\[calc\(var\(--cds-h-control-nested\)\/4-2px\)\] {
    border-radius: calc(var(--cds-h-control-nested) / 4 - 2px);
  }

  .rounded-\[calc\(var\(--cds-h-control-nested\)\/4-min\(3px\,\(var\(--cds-h-control-nested\)-12px\)\/2\)\)\] {
    border-radius: calc(var(--cds-h-control-nested) / 4 - min(3px, (var(--cds-h-control-nested) - 12px) / 2));
  }

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

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

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

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

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

  .rounded-none {
    border-radius: 0;
  }

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

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

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

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

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

  .rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

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

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

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

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

  .rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

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

  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

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

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

  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

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

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

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

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

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

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

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

  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: .5px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }

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

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

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

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

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

  .border-be {
    border-block-end-style: var(--tw-border-style);
    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-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

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

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

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

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

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

  .border-\[\#b9bec6\] {
    border-color: #b9bec6;
  }

  .border-\[color-mix\(in_srgb\,var\(--om-accent-error\)_40\%\,var\(--om-border-default\)\)\] {
    border-color: var(--om-accent-error);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--om-accent-error\)_40\%\,var\(--om-border-default\)\)\] {
      border-color: color-mix(in srgb,var(--om-accent-error) 40%,var(--om-border-default));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--om-accent-success\)_40\%\,var\(--om-border-default\)\)\] {
    border-color: var(--om-accent-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--om-accent-success\)_40\%\,var\(--om-border-default\)\)\] {
      border-color: color-mix(in srgb,var(--om-accent-success) 40%,var(--om-border-default));
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--om-accent-warning\)_40\%\,var\(--om-border-default\)\)\] {
    border-color: var(--om-accent-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--om-accent-warning\)_40\%\,var\(--om-border-default\)\)\] {
      border-color: color-mix(in srgb,var(--om-accent-warning) 40%,var(--om-border-default));
    }
  }

  .border-\[rgba\(0\,0\,0\,0\.12\)\] {
    border-color: #0000001f;
  }

  .border-\[rgba\(0\,0\,0\,0\.15\)\] {
    border-color: #00000026;
  }

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

  .border-accent\/30 {
    border-color: #3b6fd64d;
  }

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

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

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

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

  .border-black\/25 {
    border-color: #00000040;
  }

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

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

  .border-danger\/40 {
    border-color: #b4231866;
  }

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

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

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

  .border-success\/40 {
    border-color: #1f7a4d66;
  }

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

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

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

  .border-b-\[var\(--cds-border\)\] {
    border-bottom-color: var(--cds-border);
  }

  .bg-\[\#b9bec6\] {
    background-color: #b9bec6;
  }

  .bg-\[\#dfe2e6\] {
    background-color: #dfe2e6;
  }

  .bg-\[\#e6e5f0\] {
    background-color: #e6e5f0;
  }

  .bg-\[\#fbfbfc\] {
    background-color: #fbfbfc;
  }

  .bg-\[color-mix\(in_srgb\,var\(--om-accent-error\)_8\%\,var\(--om-bg-surface\)\)\] {
    background-color: var(--om-accent-error);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--om-accent-error\)_8\%\,var\(--om-bg-surface\)\)\] {
      background-color: color-mix(in srgb,var(--om-accent-error) 8%,var(--om-bg-surface));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--om-accent-success\)_8\%\,var\(--om-bg-surface\)\)\] {
    background-color: var(--om-accent-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--om-accent-success\)_8\%\,var\(--om-bg-surface\)\)\] {
      background-color: color-mix(in srgb,var(--om-accent-success) 8%,var(--om-bg-surface));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--om-accent-warning\)_8\%\,var\(--om-bg-surface\)\)\] {
    background-color: var(--om-accent-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--om-accent-warning\)_8\%\,var\(--om-bg-surface\)\)\] {
      background-color: color-mix(in srgb,var(--om-accent-warning) 8%,var(--om-bg-surface));
    }
  }

  .bg-\[var\(--cds-button-on-content\)\] {
    background-color: var(--cds-button-on-content);
  }

  .bg-\[var\(--cds-on-accent\)\] {
    background-color: var(--cds-on-accent);
  }

  .bg-\[var\(--cds-skeleton-base\)\] {
    background-color: var(--cds-skeleton-base);
  }

  .bg-\[var\(--cds-tooltip-bg\)\] {
    background-color: var(--cds-tooltip-bg);
  }

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

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

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

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

  .bg-black\/40 {
    background-color: #0006;
  }

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

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

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

  .bg-current {
    background-color: currentColor;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-\[linear-gradient\(to_right\,\#f00_0\%\,\#ff0_17\%\,\#0f0_33\%\,\#0ff_50\%\,\#00f_67\%\,\#f0f_83\%\,\#f00_100\%\)\] {
    background-image: linear-gradient(to right, red 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .\[mask-image\:linear-gradient\(to_right\,\#000_calc\(100\%-24px\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 24px), #0000);
    mask-image: linear-gradient(to right, #000 calc(100% - 24px), #0000);
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .bg-\[right_8px_center\] {
    background-position: right 8px center;
  }

  .bg-bottom {
    background-position: bottom;
  }

  .bg-top {
    background-position: top;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .bg-repeat {
    background-repeat: repeat;
  }

  .mask-no-clip {
    -webkit-mask-clip: no-clip;
    mask-clip: no-clip;
  }

  .mask-repeat {
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
  }

  .fill-accent {
    fill: var(--color-accent);
  }

  .fill-accent-hover {
    fill: var(--color-accent-hover);
  }

  .fill-danger {
    fill: var(--color-danger);
  }

  .fill-success {
    fill: var(--color-success);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: 0;
  }

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

  .p-1 {
    padding: var(--spacing);
  }

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

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

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

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

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

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

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

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

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

  .p-\[3px\] {
    padding: 3px;
  }

  .p-px {
    padding: 1px;
  }

  .px-0 {
    padding-inline: 0;
  }

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

  .px-1 {
    padding-inline: var(--spacing);
  }

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

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

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

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

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

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-\[5px\] {
    padding-inline: 5px;
  }

  .px-\[7px\] {
    padding-inline: 7px;
  }

  .px-\[calc\(var\(--cds-pad-md\)\+4px\)\] {
    padding-inline: calc(var(--cds-pad-md) + 4px);
  }

  .py-0 {
    padding-block: 0;
  }

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

  .py-1 {
    padding-block: var(--spacing);
  }

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

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

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

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

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

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-px {
    padding-block: 1px;
  }

  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }

  .pe-1 {
    padding-inline-end: var(--spacing);
  }

  .pt-0 {
    padding-top: 0;
  }

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

  .pt-1 {
    padding-top: var(--spacing);
  }

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

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

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

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

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

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

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

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

  .pr-0 {
    padding-right: 0;
  }

  .pr-1 {
    padding-right: var(--spacing);
  }

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

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

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

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

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

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

  .pr-\[22px\] {
    padding-right: 22px;
  }

  .pb-0 {
    padding-bottom: 0;
  }

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

  .pb-1 {
    padding-bottom: var(--spacing);
  }

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

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

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

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

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

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

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

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

  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }

  .pb-\[0\.05em\] {
    padding-bottom: .05em;
  }

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

  .pl-0 {
    padding-left: 0;
  }

  .pl-1 {
    padding-left: var(--spacing);
  }

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

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

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

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

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

  .pl-\[18px\] {
    padding-left: 18px;
  }

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

  .pl-\[34px\] {
    padding-left: 34px;
  }

  .pl-\[calc\(\(var\(--cds-h-control\)-var\(--cds-h-control-nested\)\)\/2\)\] {
    padding-left: calc((var(--cds-h-control) - var(--cds-h-control-nested)) / 2);
  }

  .pl-\[calc\(4px\+1em\)\] {
    padding-left: calc(4px + 1em);
  }

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

  .text-end {
    text-align: end;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

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

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .\[font-family\:ui-monospace\,\'SF_Mono\'\,monospace\] {
    font-family: ui-monospace, SF Mono, monospace;
  }

  .font-\[inherit\] {
    font-family: inherit;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .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-\[11px\]\/\[14px\] {
    font-size: 11px;
    line-height: 14px;
  }

  .text-\[13px\]\/\[18px\] {
    font-size: 13px;
    line-height: 18px;
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.6rem\] {
    font-size: .6rem;
  }

  .text-\[9\.5px\] {
    font-size: 9.5px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10\.5px\] {
    font-size: 10.5px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11\.5px\] {
    font-size: 11.5px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12\.5px\] {
    font-size: 12.5px;
  }

  .text-\[13\.5px\] {
    font-size: 13.5px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[15\.5px\] {
    font-size: 15.5px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[26px\] {
    font-size: 26px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[46px\] {
    font-size: 46px;
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .leading-\[1\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }

  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }

  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-\[450\] {
    --tw-font-weight: 450;
    font-weight: 450;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.045em\] {
    --tw-tracking: -.045em;
    letter-spacing: -.045em;
  }

  .tracking-\[0\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[0\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .\[overflow-wrap\:break-word\], .break-words {
    overflow-wrap: break-word;
  }

  .wrap-anywhere {
    overflow-wrap: anywhere;
  }

  .break-all {
    word-break: break-all;
  }

  .text-clip {
    text-overflow: clip;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .\[tab-size\:2\] {
    tab-size: 2;
  }

  .tab-1 {
    tab-size: 1;
  }

  .text-\[\#b42318\] {
    color: #b42318;
  }

  .text-\[\#d1d5db\] {
    color: #d1d5db;
  }

  .text-\[var\(--cds-tooltip-fg\)\] {
    color: var(--cds-tooltip-fg);
  }

  .text-accent {
    color: var(--color-accent);
  }

  .text-accent-hover {
    color: var(--color-accent-hover);
  }

  .text-amber-text {
    color: var(--color-amber-text);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-body {
    color: var(--color-body);
  }

  .text-current {
    color: currentColor;
  }

  .text-danger {
    color: var(--color-danger);
  }

  .text-faint {
    color: var(--color-faint);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-inherit {
    color: inherit;
  }

  .text-ink {
    color: var(--color-ink);
  }

  .text-muted {
    color: var(--color-muted);
  }

  .text-orange-600 {
    color: var(--color-orange-600);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-success {
    color: var(--color-success);
  }

  .text-transparent {
    color: #0000;
  }

  .text-violet-600 {
    color: var(--color-violet-600);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-600 {
    color: var(--color-yellow-600);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .normal-nums {
    font-variant-numeric: normal;
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .overline {
    text-decoration-line: overline;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .accent-muted {
    accent-color: var(--color-muted);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-\[0\.15\] {
    opacity: .15;
  }

  .opacity-\[0\.45\] {
    opacity: .45;
  }

  .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-\[-1px_0_0_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: -1px 0 0 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_-1px_0_color-mix\(in_srgb\,var\(--om-text-primary\)_18\%\,transparent\)\] {
    --tw-shadow: 0 -1px 0 var(--tw-shadow-color, var(--om-text-primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_-1px_0_color-mix\(in_srgb\,var\(--om-text-primary\)_18\%\,transparent\)\] {
      --tw-shadow: 0 -1px 0 var(--tw-shadow-color, color-mix(in srgb,var(--om-text-primary) 18%,transparent));
    }
  }

  .shadow-\[0_-1px_0_color-mix\(in_srgb\,var\(--om-text-primary\)_18\%\,transparent\)\] {
    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_0\.5px_var\(--om-border-default\)\,0_1px_2px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 0 0 .5px var(--tw-shadow-color, var(--om-border-default)), 0 1px 2px var(--tw-shadow-color, #0000000f);
    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_1\.5px_var\(--om-text-primary\)\,0_2px_6px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 0 0 1.5px var(--tw-shadow-color, var(--om-text-primary)), 0 2px 6px var(--tw-shadow-color, #00000026);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0000004d);
    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_var\(--ring-w\,0px\)_var\(--color-om-border-strong\)\] {
    --tw-shadow: 0 0 0 var(--ring-w, 0px) var(--color-om-border-strong);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_2px_rgba\(90\,139\,187\,0\.3\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.15\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #5a8bbb4d), inset 0 1px 0 var(--tw-shadow-color, #ffffff26);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_3px_rgba\(166\,50\,68\,0\.3\)\,0_2px_6px_rgba\(166\,50\,68\,0\.18\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.12\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #a632444d), 0 2px 6px var(--tw-shadow-color, #a632442e), inset 0 1px 0 var(--tw-shadow-color, #ffffff1f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_3px_rgba\(180\,90\,30\,0\.35\)\,0_2px_6px_rgba\(180\,90\,30\,0\.2\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.15\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #b45a1e59), 0 2px 6px var(--tw-shadow-color, #b45a1e33), inset 0 1px 0 var(--tw-shadow-color, #ffffff26);
    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_6px_22px_rgba\(20\,20\,19\,0\.16\)\] {
    --tw-shadow: 0 6px 22px var(--tw-shadow-color, #14141329);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_28px_rgba\(20\,22\,26\,0\.1\)\] {
    --tw-shadow: 0 8px 28px var(--tw-shadow-color, #14161a1a);
    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_50px_rgba\(59\,111\,214\,0\.08\)\,0_1px_2px_rgba\(20\,22\,26\,0\.06\)\] {
    --tw-shadow: 0 16px 50px var(--tw-shadow-color, #3b6fd614), 0 1px 2px var(--tw-shadow-color, #14161a0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_-3px_0_0_\#b42318\] {
    --tw-shadow: inset -3px 0 0 var(--tw-shadow-color, #b42318);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #00000026);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_var\(--cds-button-on-content-ring\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--cds-button-on-content-ring));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_var\(--om-accent-blue-hover\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--om-accent-blue-hover));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_var\(--om-border-strong\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--om-border-strong));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_var\(--t-border-strong\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--t-border-strong));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .inset-ring {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-accent {
    --tw-ring-color: var(--color-accent);
  }

  .ring-black {
    --tw-ring-color: var(--color-black);
  }

  .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-danger {
    --tw-ring-color: var(--color-danger);
  }

  .ring-success {
    --tw-ring-color: var(--color-success);
  }

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

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

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

  .outline-offset-1 {
    outline-offset: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000004d));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .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-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-invert {
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .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\,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-\[color\,background-color\,box-shadow\,--cds-badge-x-wght\] {
    transition-property: color, background-color, box-shadow, --cds-badge-x-wght;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\,transform\] {
    transition-property: height, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,width\] {
    transition-property: left, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,scale\,filter\] {
    transition-property: opacity, scale, filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,scale\] {
    transition-property: opacity, scale;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,box-shadow\] {
    transition-property: transform, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .delay-200 {
    transition-delay: .2s;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-\[80ms\] {
    --tw-duration: 80ms;
    transition-duration: 80ms;
  }

  .duration-\[120ms\] {
    --tw-duration: .12s;
    transition-duration: .12s;
  }

  .ease-\[cubic-bezier\(\.3\,\.7\,\.4\,1\)\] {
    --tw-ease: cubic-bezier(.3,.7,.4,1);
    transition-timing-function: cubic-bezier(.3, .7, .4, 1);
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-transform {
    will-change: transform;
  }

  .forced-color-adjust-none {
    forced-color-adjust: none;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }

  .\[--cds-badge-x-wght\:577\.8\] {
    --cds-badge-x-wght: 577.8;
  }

  .\[--dc-toolbtn\:32px\] {
    --dc-toolbtn: 32px;
  }

  .\[--fh\:var\(--cds-h-control\)\] {
    --fh: var(--cds-h-control);
  }

  .\[--fhn\:var\(--cds-h-control-nested\)\] {
    --fhn: var(--cds-h-control-nested);
  }

  .\[--fr\:var\(--cds-radius\)\] {
    --fr: var(--cds-radius);
  }

  .\[--ring-w\:var\(--hair\)\] {
    --ring-w: var(--hair);
  }

  .\[-webkit-appearance\:none\] {
    -webkit-appearance: none;
  }

  .\[animation-delay\:0\.3s\] {
    animation-delay: .3s;
  }

  .\[animation-delay\:0\.15s\] {
    animation-delay: .15s;
  }

  .\[animation-duration\:0\.18s\] {
    animation-duration: .18s;
  }

  .\[animation-timing-function\:ease\] {
    animation-timing-function: ease;
  }

  .\[direction\:rtl\] {
    direction: rtl;
  }

  :where(.divide-x-reverse > :not(:last-child)) {
    --tw-divide-x-reverse: 1;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }

    .group-hover\:scale-100:is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\/btn\:bg-\[var\(--cds-button-on-content-hover\)\]:is(:where(.group\/btn):hover *) {
      background-color: var(--cds-button-on-content-hover);
    }
  }

  .group-focus-visible\/btn\:\!shadow-\[inset_0_0_0_1px_var\(--cds-button-on-content-ring\)\]:is(:where(.group\/btn):focus-visible *) {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--cds-button-on-content-ring)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .group-focus-visible\/btn\:shadow-\[inset_0_0_0_1px_var\(--cds-page-bg\)\]:is(:where(.group\/btn):focus-visible *) {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--cds-page-bg));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .group-disabled\:group-hover\:bg-transparent:is(:where(.group):disabled *):is(:where(.group):hover *) {
      background-color: #0000;
    }
  }

  .group-aria-pressed\/btn\:bg-accent:is(:where(.group\/btn)[aria-pressed="true"] *) {
    background-color: var(--color-accent);
  }

  @media (hover: hover) {
    .group-hover\/btn\:group-aria-pressed\/btn\:bg-accent:is(:where(.group\/btn):hover *):is(:where(.group\/btn)[aria-pressed="true"] *) {
      background-color: var(--color-accent);
    }
  }

  .group-data-\[checked\]\/rd\:border-0:is(:where(.group\/rd)[data-checked] *) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .group-\[\[aria-haspopup\]\[aria-expanded\=true\]\]\/btn\:bg-\[var\(--cds-button-on-content-hover\)\]:is(:where(.group\/btn)[aria-haspopup][aria-expanded="true"] *) {
    background-color: var(--cds-button-on-content-hover);
  }

  .placeholder\:text-faint::placeholder {
    color: var(--color-faint);
  }

  .placeholder\:text-muted::placeholder {
    color: var(--color-muted);
  }

  .placeholder\:text-transparent::placeholder {
    color: #0000;
  }

  .placeholder\:opacity-80::placeholder {
    opacity: .8;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
  }

  .before\:left-\[-2px\]:before {
    content: var(--tw-content);
    left: -2px;
  }

  .before\:h-\[max\(24px\,100\%\)\]:before {
    content: var(--tw-content);
    height: max(24px, 100%);
  }

  .before\:w-\[max\(24px\,calc\(100\%\+2px\)\)\]:before {
    content: var(--tw-content);
    width: max(24px, 100% + 2px);
  }

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

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: 0;
  }

  .after\:z-50:after {
    content: var(--tw-content);
    z-index: 50;
  }

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

  .after\:w-7:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 7);
  }

  .after\:animate-\[cds-shimmer_2s_linear_infinite\]:after {
    content: var(--tw-content);
    animation: 2s linear infinite cds-shimmer;
  }

  .after\:rounded-\[1px\]:after {
    content: var(--tw-content);
    border-radius: 1px;
  }

  .after\:rounded-\[inherit\]:after {
    content: var(--tw-content);
    border-radius: inherit;
  }

  .after\:bg-\[linear-gradient\(90deg\,transparent\,var\(--cds-skeleton-sheen\)\,transparent\)\]:after {
    content: var(--tw-content);
    background-image: linear-gradient(90deg,transparent,var(--cds-skeleton-sheen),transparent);
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:duration-\[80ms\]:after {
    content: var(--tw-content);
    --tw-duration: 80ms;
    transition-duration: 80ms;
  }

  .after\:ease-out:after {
    content: var(--tw-content);
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:content-\[\'\\xD7\'\]:after {
    --tw-content: "xD7";
    content: var(--tw-content);
  }

  @media (hover: hover) {
    .group-hover\:after\:opacity-100:is(:where(.group):hover *):after {
      content: var(--tw-content);
      opacity: 1;
    }
  }

  .empty\:hidden:empty {
    display: none;
  }

  @media (hover: hover) {
    .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:scale-\[1\.15\]:hover {
      scale: 1.15;
    }

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

    .hover\:bg-\[\#f0f1f3\]:hover {
      background-color: #f0f1f3;
    }

    .hover\:bg-\[color-mix\(in_srgb\,currentColor_10\%\,transparent\)\]:hover {
      background-color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,currentColor_10\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,currentColor 10%,transparent);
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,currentColor_20\%\,transparent\)\]:hover {
      background-color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,currentColor_20\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,currentColor 20%,transparent);
      }
    }

    .hover\:bg-\[rgba\(180\,35\,24\,0\.06\)\]:hover {
      background-color: #b423180f;
    }

    .hover\:bg-accent-hover:hover {
      background-color: var(--color-accent-hover);
    }

    .hover\:bg-accent-soft:hover {
      background-color: var(--color-accent-soft);
    }

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

    .hover\:bg-page:hover {
      background-color: var(--color-page);
    }

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

    .hover\:text-accent-hover:hover {
      color: var(--color-accent-hover);
    }

    .hover\:text-ink:hover {
      color: var(--color-ink);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:shadow-\[0_0_0_0\.5px_var\(--om-border-strong\)\,0_4px_10px_rgba\(0\,0\,0\,0\.12\)\]:hover {
      --tw-shadow: 0 0 0 .5px var(--tw-shadow-color, var(--om-border-strong)), 0 4px 10px 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);
    }

    .hover\:\[--cds-badge-x-wght\:700\]:hover {
      --cds-badge-x-wght: 700;
    }

    .hover\:\[--ring-w\:var\(--hair\)\]:hover {
      --ring-w: var(--hair);
    }
  }

  .focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--om-accent-blue\)_22\%\,transparent\)\]:focus {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--om-accent-blue));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--om-accent-blue\)_22\%\,transparent\)\]:focus {
      --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,var(--om-accent-blue) 22%,transparent));
    }
  }

  .focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--om-accent-blue\)_22\%\,transparent\)\]: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\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:\!shadow-\[0_0_0_2px_rgb\(255_255_255\/0\.7\)\]:focus-visible {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #ffffffb3) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus-visible\:shadow-\[0_0_0_2px_var\(--om-text-secondary\)\]:focus-visible {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--om-text-secondary));
    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\:shadow-none:focus-visible {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:\[box-shadow\:inset_0_0_0_1px_var\(--cds-fill-accent\)\]:focus-visible {
    box-shadow: inset 0 0 0 1px var(--cds-fill-accent);
  }

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

  @media (forced-colors: active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .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-transparent:focus-visible {
    outline-color: #0000;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:bg-\[rgba\(180\,35\,24\,0\.10\)\]:active {
    background-color: #b423181a;
  }

  .active\:brightness-\[\.8\]:active {
    --tw-brightness: brightness(.8);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

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

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

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

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-100:disabled {
    opacity: 1;
  }

  .disabled\:opacity-\[0\.35\]:disabled {
    opacity: .35;
  }

  .disabled\:opacity-\[0\.45\]:disabled {
    opacity: .45;
  }

  .has-\[input\:disabled\]\:opacity-50:has(:is(input:disabled)) {
    opacity: .5;
  }

  .has-\[\~\[data-nested\]\]\:bg-transparent:has( ~ [data-nested]) {
    background-color: #0000;
  }

  .has-\[\~\[data-nested\]\]\:backdrop-blur-none:has( ~ [data-nested]) {
    --tw-backdrop-blur:  ;
    -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, );
  }

  .aria-disabled\:cursor-default[aria-disabled="true"] {
    cursor: default;
  }

  .aria-pressed\:font-medium[aria-pressed="true"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .aria-pressed\:text-accent[aria-pressed="true"] {
    color: var(--color-accent);
  }

  .aria-\[invalid\=true\]\:border-danger[aria-invalid="true"] {
    border-color: var(--color-danger);
  }

  .data-\[anchor-hidden\]\:invisible[data-anchor-hidden] {
    visibility: hidden;
  }

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

  .data-\[checked\]\:bg-\[var\(--cds-radio-group-card-selected\)\][data-checked] {
    background-color: var(--cds-radio-group-card-selected);
  }

  @media (hover: hover) {
    .data-\[checked\]\:hover\:border-accent[data-checked]:hover {
      border-color: var(--color-accent);
    }
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:cursor-default[data-disabled] {
    cursor: default;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[ending-style\]\:hidden[data-ending-style] {
    display: none;
  }

  .data-\[ending-style\]\:scale-\[0\.98\][data-ending-style] {
    scale: .98;
  }

  .data-\[ending-style\]\:opacity-0[data-ending-style] {
    opacity: 0;
  }

  .data-\[instant\]\:duration-0[data-instant] {
    --tw-duration: 0s;
    transition-duration: 0s;
  }

  .data-\[nested-dialog-open\]\:blur-\[2px\][data-nested-dialog-open] {
    --tw-blur: blur(2px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .data-\[nested-dialog-open\]\:after\:opacity-100[data-nested-dialog-open]:after {
    content: var(--tw-content);
    opacity: 1;
  }

  .data-\[starting-style\]\:scale-\[0\.98\][data-starting-style] {
    scale: .98;
  }

  .data-\[starting-style\]\:opacity-0[data-starting-style] {
    opacity: 0;
  }

  .data-\[unchecked\]\:hidden[data-unchecked] {
    display: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none {
      transition-property: none;
    }

    .motion-reduce\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }
  }

  @media not (min-width: 599px) {
    .max-\[599px\]\:h-auto {
      height: auto;
    }

    .max-\[599px\]\:w-full {
      width: 100%;
    }

    .max-\[599px\]\:-rotate-90 {
      rotate: -90deg;
    }

    .max-\[599px\]\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }

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

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

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

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

  @media (min-width: 48rem) {
    .md\:order-2 {
      order: 2;
    }

    .md\:order-3 {
      order: 3;
    }

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

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

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

    .md\:contents {
      display: contents;
    }

    .md\:grid {
      display: grid;
    }

    .md\:hidden {
      display: none;
    }

    .md\:inline {
      display: inline;
    }

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

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

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

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

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

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

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

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

    .md\:grid-cols-\[5fr_7fr\] {
      grid-template-columns: 5fr 7fr;
    }

    .md\:grid-cols-\[8fr_4fr\] {
      grid-template-columns: 8fr 4fr;
    }

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

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

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

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

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

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

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

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

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

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

    .md\:gap-7 {
      gap: calc(var(--spacing) * 7);
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

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

    .md\:gap-\[9px\] {
      gap: 9px;
    }

    .md\:gap-\[26px\] {
      gap: 26px;
    }

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

    .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

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

    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-\[18px\] {
      padding-inline: 18px;
    }

    .md\:px-\[22px\] {
      padding-inline: 22px;
    }

    .md\:px-\[clamp\(20px\,8\.3vw\,120px\)\] {
      padding-inline: clamp(20px, 8.3vw, 120px);
    }

    .md\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .md\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }

    .md\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .md\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }

    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .md\:pt-9 {
      padding-top: calc(var(--spacing) * 9);
    }

    .md\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }

    .md\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }

    .md\:pt-\[84px\] {
      padding-top: 84px;
    }

    .md\:pt-\[88px\] {
      padding-top: 88px;
    }

    .md\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }

    .md\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }

    .md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }

    .md\:pb-11 {
      padding-bottom: calc(var(--spacing) * 11);
    }

    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .md\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }

    .md\:pb-\[72px\] {
      padding-bottom: 72px;
    }

    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .md\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .md\:text-\[13px\] {
      font-size: 13px;
    }

    .md\:text-\[22px\] {
      font-size: 22px;
    }

    .md\:text-\[26px\] {
      font-size: 26px;
    }

    .md\:text-\[28px\] {
      font-size: 28px;
    }

    .md\:text-\[34px\] {
      font-size: 34px;
    }

    .md\:text-\[clamp\(56px\,6\.1vw\,88px\)\] {
      font-size: clamp(56px, 6.1vw, 88px);
    }

    .md\:leading-\[1\.15\] {
      --tw-leading: 1.15;
      line-height: 1.15;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-blue-800 {
      background-color: var(--color-blue-800);
    }

    .dark\:bg-green-800 {
      background-color: var(--color-green-800);
    }

    .dark\:bg-orange-800 {
      background-color: var(--color-orange-800);
    }

    .dark\:bg-red-800 {
      background-color: var(--color-red-800);
    }

    .dark\:bg-violet-800 {
      background-color: var(--color-violet-800);
    }

    .dark\:bg-yellow-800 {
      background-color: var(--color-yellow-800);
    }

    .dark\:text-blue-300 {
      color: var(--color-blue-300);
    }

    .dark\:text-green-300 {
      color: var(--color-green-300);
    }

    .dark\:text-orange-300 {
      color: var(--color-orange-300);
    }

    .dark\:text-red-300 {
      color: var(--color-red-300);
    }

    .dark\:text-violet-300 {
      color: var(--color-violet-300);
    }

    .dark\:text-yellow-300 {
      color: var(--color-yellow-300);
    }
  }

  @media (pointer: coarse) {
    .pointer-coarse\:right-10 {
      right: calc(var(--spacing) * 10);
    }

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

    .pointer-coarse\:block {
      display: block;
    }

    .pointer-coarse\:hidden {
      display: none;
    }

    .pointer-coarse\:inline {
      display: inline;
    }

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

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

    .pointer-coarse\:h-\[40px\] {
      height: 40px;
    }

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

    .pointer-coarse\:max-h-none {
      max-height: none;
    }

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

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

    .pointer-coarse\:w-\[42px\] {
      width: 42px;
    }

    .pointer-coarse\:max-w-none {
      max-width: none;
    }

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

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

    .pointer-coarse\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .pointer-coarse\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .pointer-coarse\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .pointer-coarse\:after\:absolute:after {
      content: var(--tw-content);
      position: absolute;
    }

    .pointer-coarse\:after\:-inset-2:after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * -2);
    }

    .pointer-coarse\:after\:content-\[\'\'\]:after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }

  .\[\&_\*\]\:\!pointer-events-none * {
    pointer-events: none !important;
  }

  .\[\&_\*\]\:\!cursor-cell * {
    cursor: cell !important;
  }

  .\[\&_\*\]\:\!cursor-crosshair * {
    cursor: crosshair !important;
  }

  .\[\&_\*\]\:\!cursor-text * {
    cursor: text !important;
  }

  .\[\&_a\]\:cursor-pointer a {
    cursor: pointer;
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_a\:hover\]\:opacity-80 a:hover {
    opacity: .8;
  }

  .\[\&_input\]\:select-text input {
    -webkit-user-select: text;
    user-select: text;
  }

  .\[\&_option\]\:\[direction\:ltr\] option {
    direction: ltr;
  }

  .\[\&_textarea\]\:select-text textarea {
    -webkit-user-select: text;
    user-select: text;
  }

  .\[\&\+\.pp-panel-section\]\:border-t + .pp-panel-section {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
    width: calc(var(--spacing) * 1.5);
  }

  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-\[3px\]::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }

  .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
    display: none;
  }

  .\[\&\:\:-webkit-search-decoration\]\:hidden::-webkit-search-decoration {
    display: none;
  }

  .\[\&\:\:-webkit-search-results-button\]\:hidden::-webkit-search-results-button {
    display: none;
  }

  .\[\&\:\:-webkit-search-results-decoration\]\:hidden::-webkit-search-results-decoration {
    display: none;
  }

  .\[\&\:disabled\:not\(\[aria-busy\]\)\]\:opacity-50:disabled:not([aria-busy]) {
    opacity: .5;
  }

  .\[\&\:not\(\:first-child\)\]\:mt-1:not(:first-child) {
    margin-top: var(--spacing);
  }

  .\[\&\:not\(\:first-child\)\]\:border-t:not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .\[\&\:not\(\:first-child\)\]\:pt-3:not(:first-child) {
    padding-top: calc(var(--spacing) * 3);
  }

  .\[\&\>\*\]\:relative > * {
    position: relative;
  }

  .\[\&\>\*\]\:z-\[var\(--cds-portal-z\)\] > * {
    z-index: var(--cds-portal-z);
  }

  .\[\&\>\.om-menu-item-btn\]\:pb-0 > .om-menu-item-btn {
    padding-bottom: 0;
  }

  .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:relative > [data-selected] + [role="option"]:not([data-selected]) {
    position: relative;
  }

  .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:mt-2 > [data-selected] + [role="option"]:not([data-selected]) {
    margin-top: calc(var(--spacing) * 2);
  }

  .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:before\:absolute > [data-selected] + [role="option"]:not([data-selected]):before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:before\:inset-x-0 > [data-selected] + [role="option"]:not([data-selected]):before {
    content: var(--tw-content);
    inset-inline: 0;
  }

  .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:before\:-top-1 > [data-selected] + [role="option"]:not([data-selected]):before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -1);
  }

  .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:before\:border-t > [data-selected] + [role="option"]:not([data-selected]):before {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .\[\&\[aria-expanded\=\'true\'\]\[aria-expanded\]\]\:font-medium[aria-expanded="true"][aria-expanded] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&\[list\]\:\:-webkit-calendar-picker-indicator\]\:hidden\![list]::-webkit-calendar-picker-indicator {
    display: none !important;
  }

  [data-theme="dark"] .\[\[data-theme\=dark\]_\&\]\:bg-\[color-mix\(in_srgb\,\#e6e5f0_20\%\,transparent\)\] {
    background-color: #e6e5f033;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-pan-x {
  syntax: "*";
  inherits: false
}

@property --tw-pan-y {
  syntax: "*";
  inherits: false
}

@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

/* [project]/app/a13.css [app-client] (css) */
.vh-app {
  color: var(--color-ink);
  background: var(--color-page);
  -webkit-font-smoothing: antialiased;
  min-height: 100dvh;
  font-size: 13px;
}

.vh-app svg {
  vertical-align: middle;
  flex: none;
}

.vh-app button {
  cursor: pointer;
}

.vh-app button:disabled {
  cursor: not-allowed;
}

.vh-app .btn:disabled, .vh-app .icon-btn:disabled, .vh-app .link-btn:disabled {
  opacity: .55;
}

.vh-app h1, .vh-app h2, .vh-app h3 {
  margin: 0;
}

.vh-app .skip-link {
  z-index: 30;
  background: #fff;
  border-radius: 6px;
  padding: 10px;
  position: fixed;
  top: -50px;
  left: 10px;
}

.vh-app .skip-link:focus {
  top: 12px;
}

.vh-app .shell {
  grid-template-columns: 204px minmax(0, 1fr);
  min-height: 100dvh;
  display: grid;
}

.vh-app .sidebar {
  border-right: 1px solid var(--color-line);
  scrollbar-width: thin;
  background: #fff;
  flex-direction: column;
  height: 100dvh;
  min-height: 0;
  padding: 22px 12px 17px;
  display: flex;
  position: sticky;
  top: 0;
  overflow-y: auto;
}

.vh-app .sidebar > nav {
  scrollbar-width: thin;
  flex: 1;
  min-height: 0;
  overflow: hidden auto;
}

.vh-app .brand-row {
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.vh-app .brand {
  letter-spacing: -.8px;
  color: var(--color-ink);
  align-items: center;
  gap: 6px;
  padding: 0 0 0 7px;
  font-size: 17px;
  font-weight: 800;
  display: flex;
}

.vh-app .nav-collapse {
  color: #95a2b4;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 28px;
  margin-left: auto;
  display: grid;
}

.vh-app .nav-collapse:hover {
  color: #5579b0;
  background: #edf3fb;
}

.vh-app .workspace-switch {
  border: 1px solid var(--color-line);
  color: inherit;
  background: #fcfcfd;
  border-radius: 8px;
  flex: none;
  align-items: center;
  gap: 7px;
  margin: 26px 0 22px;
  padding: 10px 8px;
  display: flex;
}

.vh-app .workspace-switch > span:nth-child(2) {
  min-width: 0;
}

.vh-app .workspace-avatar {
  color: #63738b;
  text-transform: uppercase;
  background: #eef1f5;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 27px;
  height: 27px;
  font-size: 10px;
  font-weight: 750;
  display: grid;
}

.vh-app .workspace-switch strong {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  display: block;
}

.vh-app .workspace-switch small {
  color: #7b8593;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10px;
  line-height: 1.5;
  display: block;
  overflow: hidden;
}

.vh-app .workspace-switch > svg {
  color: #8390a1;
  margin-left: auto;
}

.vh-app .side-label {
  color: #929ba8;
  margin: 21px 11px 9px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.vh-app .sidebar nav .side-label:first-child {
  margin-top: 0;
}

.vh-app .nav-link {
  color: #3a3f47;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 7px;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 38px;
  margin: 2px 0;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.vh-app .nav-link.selected {
  background: var(--color-accent-soft);
  color: #2f5ab3;
}

.vh-app .nav-link:hover {
  color: var(--color-ink);
  background: #f1f4f8;
}

.vh-app .nav-link.selected:hover {
  background: var(--color-accent-soft);
}

.vh-app .nav-link svg {
  width: 15px;
  height: 15px;
}

.vh-app .nav-link > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.vh-app .nav-count {
  color: #768294;
  background: #f0f2f6;
  border-radius: 4px;
  margin-left: auto;
  padding: 1px 5px;
  font-size: 11px;
  font-weight: 500;
}

.vh-app .nav-divider {
  background: var(--color-line);
  height: 1px;
  margin: 18px 10px;
}

.vh-app .project-label {
  color: #3a3f47;
  align-items: center;
  gap: 9px;
  min-width: 0;
  margin: 7px 10px 13px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.vh-app .project-label > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.vh-app .project-symbol {
  background: var(--color-accent-soft);
  color: #2f5ab3;
  text-transform: uppercase;
  border: 1px solid #d9e4f6;
  border-radius: 10px;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 16px;
  font-weight: 750;
  display: grid;
}

.vh-app .project-symbol.sage {
  color: #5a7b6b;
  background: #edf4ef;
  border-color: #dbe6df;
}

.vh-app .project-symbol.sand {
  color: #9d7e4f;
  background: #f8f1e6;
  border-color: #ebe1d2;
}

.vh-app .project-label .project-symbol {
  border-radius: 6px;
  width: 24px;
  height: 24px;
  font-size: 10px;
}

.vh-app .side-foot {
  flex: none;
  margin-top: auto;
  padding-top: 20px;
}

.vh-app .profile {
  text-align: left;
  border-top: 1px solid var(--color-line);
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 11px;
  padding: 15px 9px 0;
  display: flex;
  position: relative;
}

.vh-app .profile > span:nth-child(2) {
  min-width: 0;
}

.vh-app .avatar {
  color: #fff;
  text-transform: uppercase;
  background: #273142;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 27px;
  height: 27px;
  font-size: 10px;
  font-weight: 700;
  display: grid;
}

.vh-app .profile strong {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  display: block;
  overflow: hidden;
}

.vh-app .profile small {
  color: #778294;
  font-size: 11px;
  line-height: 1.5;
  display: block;
}

.vh-app .account-trigger {
  color: #8590a0;
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-left: auto;
  display: grid;
}

.vh-app .account-trigger:hover, .vh-app .account-trigger:focus-visible {
  border-color: var(--color-line);
  background: #f1f4f8;
}

.account-menu {
  border: 1px solid var(--color-line);
  width: 192px;
  color: var(--color-ink);
  background: #fff;
  border-radius: 9px;
  margin: 0;
  padding: 7px;
  font-size: 12px;
  position: fixed;
  inset: auto;
  box-shadow: 0 8px 28px #23314e18;
}

.account-menu::backdrop {
  background: none;
}

.account-menu a, .account-menu button {
  text-align: left;
  width: 100%;
  min-height: 36px;
  font-size: 12px;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 9px;
  padding: 0 10px;
  display: flex;
}

.account-menu a svg, .account-menu button svg {
  color: #7c8797;
  margin: 0;
}

.account-menu a:hover, .account-menu button:hover {
  background: var(--color-accent-soft);
  color: #2f5ab3;
}

.account-menu .account-email {
  color: #778294;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid var(--color-line);
  margin-bottom: 4px;
  padding: 6px 10px 8px;
  font-size: 11px;
  display: block;
  overflow: hidden;
}

.vh-app .shade {
  display: none;
}

.vh-app .stage {
  min-width: 0;
}

.vh-app .topbar {
  border-bottom: 1px solid var(--color-line);
  background: #ffffffeb;
  align-items: center;
  gap: 12px;
  height: 63px;
  padding: 0 28px;
  display: flex;
}

.vh-app .breadcrumbs {
  color: #8994a3;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-size: 12px;
  display: flex;
}

.vh-app .breadcrumbs a:hover {
  color: #2f5ab3;
}

.vh-app .breadcrumbs strong {
  color: #495365;
  font-weight: 650;
}

.vh-app .separator {
  color: #b1bac8;
}

.vh-app .topbar-end {
  align-items: center;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.vh-app .mobile-menu {
  display: none;
}

.vh-app .btn {
  border: 1px solid var(--color-line);
  white-space: nowrap;
  min-height: 36px;
  color: var(--color-ink);
  background: #fff;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.vh-app .btn:hover:not(:disabled) {
  background: #fafbfd;
  border-color: #bccbdd;
}

.vh-app .btn.primary {
  background: var(--color-accent);
  color: #fff;
  border-color: var(--color-accent);
}

.vh-app .btn.primary:hover:not(:disabled) {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

.vh-app .btn.soft {
  background: var(--color-accent-soft);
  color: #2f5ab3;
  border-color: #0000;
}

.vh-app .icon-btn {
  border: 1px solid var(--color-line);
  width: 30px;
  height: 30px;
  color: inherit;
  background: #fff;
  border-radius: 6px;
  place-items: center;
  display: grid;
}

.vh-app .link-btn {
  color: #2f5ab3;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 2px 0;
  font-size: 11px;
  font-weight: 650;
  display: inline-flex;
}

.vh-app .link-btn:hover:not(:disabled) {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.vh-app .link-btn.muted {
  color: #738198;
}

.vh-app .compact-icon {
  color: #6b829f;
  background: none;
  border-color: #0000;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  display: inline-flex;
}

.vh-app .compact-icon:hover:not(:disabled) {
  background: #edf3fc;
  border-color: #e2eafa;
}

.vh-app .compact-icon[aria-pressed="true"] {
  background: var(--color-accent-soft);
  color: #2f5ab3;
  border-color: #dbe6f9;
}

.vh-app .compact-icon:disabled {
  opacity: .35;
}

.vh-app .chip {
  color: #788497;
  white-space: nowrap;
  background: #f0f2f5;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  padding: 3px 6px;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.4;
  display: inline-flex;
}

.vh-app .chip.green {
  color: #42745c;
  background: #edf5f0;
}

.vh-app .chip.amber {
  color: #a36812;
  background: #fff5e4;
}

.vh-app .chip.red {
  color: #b75445;
  background: #fff0ed;
}

.vh-app .chip.blue {
  color: #2f5ab3;
  background: var(--color-accent-soft);
}

.vh-app .eyebrow {
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #7d8796;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.5;
}

.vh-app .panel {
  border: 1px solid var(--color-line);
  background: #fff;
  border-radius: 12px;
}

.vh-app .main {
  outline: none;
  max-width: 1680px;
  margin: auto;
  padding: 29px 28px 36px;
}

.vh-app .workspace-main {
  max-width: 1480px;
  padding: 43px 44px;
}

.vh-app .page-heading {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
  display: flex;
}

.vh-app .workspace-main .page-heading {
  margin-bottom: 33px;
}

.vh-app .page-heading h1 {
  letter-spacing: -1px;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.4;
}

.vh-app .workspace-main h1 {
  font-size: 31px;
}

.vh-app .page-heading p {
  color: var(--color-muted);
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.7;
}

.vh-app .heading-title {
  align-items: center;
  gap: 13px;
  display: flex;
}

.vh-app .heading-actions {
  align-items: center;
  gap: 11px;
  display: flex;
}

.vh-app .workspace-intro {
  color: #7d8ca0;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 7px;
  font-size: 10px;
}

.vh-app .list-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
  display: flex;
}

.vh-app .tabs {
  align-items: center;
  gap: 22px;
  min-height: 37px;
  display: flex;
}

.vh-app .tabs a {
  color: #7c8798;
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: 7px;
  padding: 8px 0;
  font-size: 12px;
  display: flex;
}

.vh-app .tabs .selected {
  color: var(--color-ink);
  border-color: var(--color-ink);
  font-weight: 700;
}

.vh-app .tab-number {
  color: #8f99a8;
  background: #eceff4;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 10px;
}

.vh-app .search {
  border: 1px solid var(--color-line);
  color: #8b97a7;
  background: #fff;
  border-radius: 7px;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 10px;
  display: flex;
}

.vh-app .search input {
  color: #55647b;
  background: none;
  border: 0;
  outline: none;
  width: 150px;
  font-size: 11px;
}

.vh-app .search input::placeholder {
  color: #98a1af;
}

.vh-app .project-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 21px;
  display: grid;
}

.vh-app .project-card {
  border: 1px solid var(--color-line);
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  transition: box-shadow .2s, border-color .2s, transform .2s;
  display: flex;
  overflow: hidden;
}

.vh-app .project-card:hover {
  border-color: #bdcce4;
  transform: translateY(-2px);
  box-shadow: 0 10px 28px #273b6508;
}

.vh-app .project-card-main {
  color: inherit;
  padding: 21px 21px 0;
  display: block;
}

.vh-app .project-card-header {
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  padding-right: 34px;
  display: flex;
}

.vh-app .project-card {
  position: relative;
}

.vh-app .project-card > .project-menu {
  z-index: 5;
  position: absolute;
  top: 18px;
  right: 16px;
}

.vh-app .project-menu {
  position: relative;
}

.vh-app .project-menu .icon-btn {
  width: 28px;
  height: 28px;
}

.vh-app .project-menu-panel {
  z-index: 60;
  border: 1px solid var(--color-line);
  background: #fff;
  border-radius: 9px;
  min-width: 190px;
  padding: 5px;
  display: grid;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  box-shadow: 0 14px 36px #1c325a1f;
}

.vh-app .project-menu-panel button {
  text-align: left;
  color: var(--color-ink);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 13px;
}

.vh-app .project-menu-panel button:hover:not(:disabled) {
  background: #f3f6fb;
}

.vh-app .project-menu-panel button:disabled {
  color: #a3acb9;
  cursor: not-allowed;
}

.vh-app .project-menu-panel button.danger:not(:disabled) {
  color: #b3261e;
}

.vh-app .project-menu > .record-form-error {
  z-index: 60;
  background: #fff;
  border: 1px solid #f0c8c3;
  border-radius: 8px;
  width: 260px;
  margin: 0;
  padding: 9px 11px;
  font-size: 12px;
  line-height: 1.5;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  box-shadow: 0 10px 28px #1c325a14;
}

.vh-app .btn.danger {
  color: #b3261e;
  border-color: #f0c8c3;
}

.vh-app .btn.danger:hover:not(:disabled) {
  background: #fdf2f1;
}

.vh-app .project-actions {
  border-top: 1px solid var(--color-line);
  margin-top: 18px;
  padding-top: 16px;
}

.vh-app .project-actions .button-row {
  margin-top: 8px;
}

.vh-app .project-card-header .project-symbol {
  border-radius: 8px;
  width: 31px;
  height: 31px;
  font-size: 12px;
}

.vh-app .project-card-header h2 {
  letter-spacing: -.35px;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 16px;
  font-weight: 750;
  overflow: hidden;
}

.vh-app .project-card-header .chip {
  flex: none;
  margin-left: auto;
  font-size: 9px;
}

.vh-app .project-description {
  color: #7a879a;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 43px;
  font-size: 11px;
  line-height: 1.8;
  display: -webkit-box;
  overflow: hidden;
}

.vh-app .mini-canvas {
  background: #e4e9f0;
  border: 1px solid #e4e9f0;
  border-radius: 7px;
  grid-template-rows: 53px 53px 39px;
  grid-template-columns: repeat(5, 1fr);
  gap: 3px;
  margin: 19px 0 18px;
  display: grid;
  overflow: hidden;
}

.vh-app .mini-cell {
  background: #fcfdff;
  min-width: 0;
  padding: 8px 6px;
}

.vh-app .mini-cell.value {
  background: #f0f5fe;
}

.vh-app .mini-cell:before {
  content: attr(data-label);
  letter-spacing: .15px;
  color: #98a4b6;
  white-space: nowrap;
  margin-bottom: 7px;
  font-size: 5px;
  font-weight: 700;
  display: block;
  overflow: hidden;
}

.vh-app .mini-line {
  background: #dce4f0;
  border-radius: 3px;
  width: 100%;
  height: 2px;
  margin-bottom: 5px;
}

.vh-app .mini-line.short {
  width: 66%;
}

.vh-app .mini-cell.blank:after {
  content: "+";
  color: #d4dce7;
  text-align: center;
  margin-top: 8px;
  font-size: 13px;
  display: block;
}

.vh-app .mini-cell.blank .mini-line {
  display: none;
}

.vh-app .mini-empty {
  color: #97a2b3;
  border: 1px dashed #d3dce9;
  border-radius: 7px;
  place-items: center;
  height: 148px;
  margin: 19px 0 18px;
  font-size: 10px;
  display: grid;
}

.vh-app .project-card-info {
  color: #8190a4;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 7px 10px;
  padding-bottom: 17px;
  font-size: 9px;
  display: flex;
}

.vh-app .edited-time {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.vh-app .edited-time svg {
  color: #9aa6b8;
}

.vh-app .project-card-stats {
  color: #7c8a9e;
  border-top: 1px solid #edf0f5;
  justify-content: space-between;
  gap: 7px;
  padding: 13px 21px;
  font-size: 9px;
  display: flex;
}

.vh-app .project-card-stats.no-check {
  min-height: 49px;
  line-height: 1.7;
}

.vh-app .project-card-next {
  color: #566f95;
  background: #f9faff;
  border-top: 1px solid #edf0f5;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 13px 21px;
  font-size: 10px;
  display: flex;
}

.vh-app .project-card-next > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.vh-app .project-card-next > svg:last-child {
  margin-left: auto;
}

.vh-app .new-project-card {
  text-align: center;
  color: #8190a4;
  background: #f9fafc;
  border: 1px dashed #d3dce9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11px;
  min-height: 350px;
  padding: 26px;
  display: flex;
}

.vh-app .new-project-card:hover {
  background: #f1f5fc;
  border-color: #8faede;
}

.vh-app .plus-circle {
  color: #7a98c4;
  background: #fff;
  border: 1px solid #dce4ef;
  border-radius: 50%;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.vh-app .new-project-card h3 {
  color: #5d708c;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 650;
}

.vh-app .new-project-card p {
  color: #97a2b3;
  max-width: 160px;
  font-size: 11px;
  line-height: 1.7;
}

.vh-app .workspace-note {
  color: #8b96a8;
  align-items: center;
  gap: 8px;
  margin-top: 25px;
  font-size: 10px;
  display: flex;
}

.vh-app .empty-search {
  border: 1px dashed var(--color-line);
  text-align: center;
  color: #8b96a8;
  background: #fafbfd;
  border-radius: 10px;
  padding: 45px 20px;
}

.vh-app .empty-search h2 {
  color: var(--color-ink);
  margin: 12px;
  font-size: 18px;
}

.vh-app .empty-search p {
  font-size: 12px;
}

.vh-app .canvas-only .main {
  padding-top: 15px;
}

.vh-app .workflow-line {
  color: #9ba8ba;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  min-height: 24px;
  margin: 0 0 3px;
  font-size: 10px;
  display: flex;
}

.vh-app .workflow-line > span:first-child {
  letter-spacing: 1px;
  margin-right: 8px;
  font-size: 9px;
}

.vh-app .workflow-state {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.vh-app .workflow-state.current {
  color: #5a7cba;
  font-weight: 650;
}

.vh-app .workflow-state i {
  background: #5f84ca;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.vh-app .workflow-separator {
  color: #b6c0ce;
}

.vh-app .journey-views {
  border-bottom: 1px solid #dfe7f1;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
  padding-bottom: 6px;
  display: flex;
}

.vh-app .journey-views a, .vh-app .journey-views button {
  color: #8194af;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  font-size: 12px;
  display: flex;
}

.vh-app .journey-views [aria-current] {
  color: #5278be;
  background: #eaf1ff;
}

.vh-app .journey-views [aria-disabled="true"] {
  opacity: .55;
  cursor: not-allowed;
}

.vh-app .journey-views button span {
  font-size: 10px;
}

.vh-app .journey-views .journey-build-link {
  color: #738198;
  margin-left: auto;
  font-size: 11px;
}

.vh-app .canvas-compact-status {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin: 0 0 10px;
  display: flex;
}

.vh-app .compact-lights {
  flex-wrap: wrap;
  flex: none;
  gap: 5px;
  display: flex;
}

.vh-app .compact-light {
  color: #6981a5;
  background: #fff;
  border: 1px solid #e0e7f1;
  border-radius: 6px;
  align-items: center;
  gap: 7px;
  min-height: 29px;
  padding: 5px 9px;
  font-size: 10px;
  display: flex;
}

.vh-app .compact-light:hover {
  background: #f8fbff;
  border-color: #a9bfdf;
}

.vh-app .compact-next {
  color: #5e7eaf;
  text-align: left;
  background: #edf3ff;
  border-radius: 6px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  max-width: 680px;
  min-height: 29px;
  padding: 6px 12px;
  display: flex;
}

.vh-app .compact-next > span {
  text-transform: uppercase;
  letter-spacing: .6px;
  flex: none;
  font-size: 9px;
}

.vh-app .compact-next strong {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
}

.vh-app .health-dot {
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
  display: inline-block;
}

.vh-app .health-dot.red {
  background: #d14a43;
}

.vh-app .health-dot.yellow {
  background: #dc8a10;
}

.vh-app .health-dot.green {
  background: #2e9864;
}

.vh-app .health-dot.unassessed {
  background: #fff;
  border: 1.5px solid #cbd5e1;
}

.vh-app .canvas-recheck {
  color: #9d8356;
  background: #fffaef;
  border: 1px solid #eee2c6;
  border-radius: 8px;
  margin-top: 15px;
  padding: 13px 16px;
  font-size: 11px;
}

.vh-app .writing-panel {
  border: 1px solid var(--color-line);
  background: #fff;
  border-radius: 11px;
  min-width: 0;
  overflow: hidden;
}

.vh-app .product-toolbar {
  background: #fbfcff;
  border-bottom: 1px solid #e4eaf3;
  border-radius: 11px 11px 0 0;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0 12px;
  display: flex;
}

.vh-app .product-tabs-wrap {
  flex: 1;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 6px 0 0;
  display: flex;
}

.vh-app .product-tabs {
  scrollbar-width: none;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.vh-app .product-tab-item {
  align-items: center;
  display: flex;
}

.vh-app .product-tabs [role="tab"] {
  color: #7c8ba3;
  white-space: nowrap;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: 7px;
  padding: 10px 9px;
  font-size: 12px;
  display: flex;
}

.vh-app .product-tabs [role="tab"][aria-selected="true"] {
  color: #2f5ab3;
  border-bottom-color: #2f5ab3;
  font-weight: 700;
}

.vh-app .product-tabs [role="tab"] small {
  color: #98a4b6;
  background: #f0f3f7;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 9px;
  font-weight: 500;
}

.vh-app .product-logo {
  background: var(--color-accent-soft);
  width: 20px;
  height: 20px;
  color: var(--color-accent);
  text-transform: uppercase;
  border-radius: 5px;
  flex: none;
  place-items: center;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}

.vh-app .add-product-tab {
  border: 1px solid var(--color-line);
  color: #7a94ba;
  background: #fff;
  border-radius: 6px;
  place-items: center;
  width: 26px;
  height: 26px;
  margin-bottom: 5px;
  display: grid;
}

.vh-app .add-product-tab:disabled {
  opacity: .35;
}

.vh-app .product-tab-count {
  color: #97a5b9;
  margin-bottom: 5px;
  font-size: 10px;
}

.vh-app .product-tabs-all {
  white-space: nowrap;
  flex: none;
  margin-bottom: 5px;
  font-size: 10px;
}

.vh-app .product-tab-item {
  border-radius: 7px 7px 0 0;
  flex: none;
}

.vh-app .product-tabs .product-tab-item [role="tab"] {
  max-width: 190px;
}

.vh-app .product-tabs .product-tab-item [role="tab"] > span:not(.product-logo) {
  text-overflow: ellipsis;
  overflow: hidden;
}

.vh-app .product-logo.competitor {
  color: #6c7d96;
  background: #eef1f5;
}

.vh-app .product-pending {
  background: #d4a458;
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
}

.vh-app .product-tab-close {
  color: #7084a0;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 26px;
  margin: 0 2px 3px 0;
  font-size: 19px;
  line-height: 1;
  display: grid;
}

.vh-app .product-tab-close:hover:not(:disabled) {
  color: #344f76;
  background: #e9eef5;
}

.vh-app .product-tab-close:disabled {
  opacity: .4;
}

.vh-app .comparison-canvas-toolbar {
  border-bottom: 1px solid var(--color-line);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  display: flex;
}

.vh-app .comparison-canvas-toolbar > div {
  flex: 220px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.vh-app .comparison-canvas-toolbar strong {
  color: #526786;
  font-size: 13px;
  display: block;
}

.vh-app .comparison-canvas-toolbar small {
  color: #8d9bb0;
  overflow-wrap: anywhere;
  font-size: 10px;
  display: block;
}

.vh-app .comparison-canvas-toolbar .product-logo {
  width: 30px;
  height: 30px;
  font-size: 13px;
}

.vh-app .analysis-empty {
  text-align: center;
  color: #8495ad;
  padding: 56px 24px 64px;
}

.vh-app .analysis-empty > svg {
  color: #829abe;
  margin: 0 auto 16px;
}

.vh-app .analysis-empty h2 {
  color: #4e6587;
  margin: 0 0 12px;
  font-size: 19px;
}

.vh-app .analysis-empty p {
  overflow-wrap: anywhere;
  max-width: 500px;
  margin: 8px auto 16px;
  font-size: 12px;
  line-height: 1.9;
}

.vh-app .analysis-empty .analysis-url {
  font-family: var(--font-mono, ui-monospace, monospace);
  color: #6d819f;
  font-size: 11px;
}

.vh-app .analysis-empty .button-row {
  justify-content: center;
}

.vh-app .competitor-canvas-link {
  margin-top: 6px;
  font-size: 10px;
}

.vh-app .compact-tools {
  flex: none;
  align-items: center;
  gap: 4px;
  padding: 6px 0;
  display: flex;
}

.vh-app .review-btn {
  background: var(--color-accent-soft);
  color: #2f5ab3;
  border-color: #0000;
  min-height: 30px;
  margin-right: 6px;
  padding: 0 11px;
  font-size: 11px;
}

.vh-app .review-btn:hover:not(:disabled) {
  background: #dbe6fb;
  border-color: #0000;
}

.vh-app .review-btn:disabled {
  color: #8e99aa;
  opacity: 1;
  background: #f0f2f5;
}

.vh-app .review-chip {
  color: #42745c;
  white-space: nowrap;
  background: #edf5f0;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  height: 26px;
  margin-right: 6px;
  padding: 0 9px;
  font-size: 11px;
  font-weight: 650;
  display: inline-flex;
}

.vh-app .review-needs {
  color: #8e99aa;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 260px;
  margin-right: 2px;
  font-size: 10px;
  overflow: hidden;
}

.vh-app .review-needs.error {
  color: #b75445;
  white-space: normal;
}

.vh-app .last-edit-text {
  color: #91a1b5;
  white-space: nowrap;
  align-self: center;
  padding: 0 8px;
  font-size: 9px;
}

.vh-app .writing-format {
  border-bottom: 1px solid var(--color-line);
  background: #fafbfd;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-height: 45px;
  padding: 9px 15px;
  display: flex;
}

.vh-app .writing-format > span:first-child {
  color: #7c8ca3;
  min-width: 112px;
  margin-right: 10px;
  font-size: 10px;
}

.vh-app .writing-format button {
  color: #5e7596;
  background: none;
  border: 0;
  border-radius: 4px;
  min-width: 29px;
  min-height: 27px;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 650;
}

.vh-app .writing-format button:hover:not(:disabled), .vh-app .writing-format button[aria-pressed="true"] {
  background: var(--color-accent-soft);
  color: #2f5ab3;
}

.vh-app .writing-viewport {
  scrollbar-width: thin;
  scrollbar-color: #b8c7dd #f3f5f8;
  background: #f6f8fc;
  max-width: 100%;
  padding: 16px 17px 24px;
  overflow: auto;
}

.vh-app .board-frame {
  background: #fff;
  border: 1px solid #dfe5ee;
  flex: none;
  max-width: none;
  position: relative;
  box-shadow: 0 3px 15px #324d7310;
}

.vh-app .board-frame[data-locked="false"] {
  border-color: #bccfeb;
}

.vh-app .writing-grid {
  background: #dfe5ee;
  gap: 1px;
  min-width: 0;
  display: grid;
}

.vh-app .writing-cell {
  background: #fff;
  flex-direction: column;
  min-width: 0;
  padding: 18px 13px;
  display: flex;
  position: relative;
  overflow: visible;
}

.vh-app .writing-cell.value {
  background: #f8faff;
}

.vh-app .writing-cell > header {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-height: 19px;
  margin-bottom: 20px;
  display: flex;
}

.vh-app .writing-cell > header > span:first-child {
  color: #a6b4c6;
  font-size: 9px;
  font-weight: 650;
}

.vh-app .writing-cell h2 {
  color: #3b4c65;
  flex: auto;
  min-width: 0;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.45;
}

.vh-app .cell-flags {
  flex: none;
  gap: 4px;
  margin-left: auto;
  display: inline-flex;
}

.vh-app .cell-badge {
  color: #9a5b00;
  white-space: nowrap;
  background: #fdf1dc;
  border-radius: 8px;
  flex: none;
  padding: 1px 6px;
  font-size: 8px;
  font-weight: 600;
}

.vh-app .cell-badge.state {
  color: #788497;
  background: #f0f2f5;
}

.vh-app .cell-badge.failed {
  color: #b75445;
  background: #fff0ed;
}

.vh-app .writing-cell .vh-cell-editor {
  color: #67788f;
  overflow-wrap: anywhere;
  word-break: normal;
  min-height: 85px;
  padding: 0;
  font-size: 11px;
  line-height: 1.9;
  overflow: visible;
}

.vh-app .writing-cell .vh-cell-editor p {
  margin: 0 0 13px;
}

.vh-app .writing-cell .vh-cell-editor p:last-child {
  margin-bottom: 0;
}

.vh-app .writing-cell .vh-cell-editor ul, .vh-app .writing-cell .vh-cell-editor ol {
  margin: 7px 0;
}

.vh-app .writing-cell .vh-cell-editor li p {
  margin-bottom: 5px;
}

.vh-app .writing-cell .vh-cell-editor a {
  color: #2f5ab3;
}

.vh-app .writing-cell .vh-cell-editor strong {
  color: #3b4c65;
}

.vh-app .writing-cell.value .vh-cell-editor p:first-child {
  color: #476894;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
}

.vh-app .writing-cell .vh-cell-editor[contenteditable="true"] {
  caret-color: var(--color-accent);
}

.vh-app .writing-cell:focus-within {
  box-shadow: inset 0 0 0 1px #aac1e6;
}

.vh-app .writing-cell.failed {
  box-shadow: inset 0 0 0 1px #e3b5ad;
}

.vh-app .grid-controls {
  pointer-events: none;
}

.vh-app .grid-grip, .vh-app .board-edge, .vh-app .board-corner {
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: auto;
  position: absolute;
}

.vh-app .grid-grip {
  color: #7a94ba;
  z-index: 3;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.vh-app .grid-grip:before {
  content: "";
  background: none;
  border-radius: 2px;
  transition: background .15s;
  position: absolute;
}

.vh-app .grid-grip:hover:before, .vh-app .grid-grip:focus-visible:before, .vh-app .grid-grip.is-dragging:before {
  background: #8fb0e4;
}

.vh-app .grid-grip:after {
  box-sizing: border-box;
  background: #eef4fe;
  border: 1px solid #c7d5e9;
  border-radius: 4px;
  place-items: center;
  width: 14px;
  height: 14px;
  font-size: 12px;
  display: grid;
  position: absolute;
}

.vh-app .grid-grip:hover:after, .vh-app .grid-grip.is-dragging:after {
  background: #dfe9fb;
  border-color: #9fb8e0;
}

.vh-app .grid-grip:focus-visible {
  outline: none;
}

.vh-app .grid-grip:focus-visible:after {
  outline-offset: 1px;
  outline: 2px solid #668aca;
}

.vh-app .column-grip {
  cursor: col-resize;
  width: 10px;
  height: 100%;
  top: 0;
}

.vh-app .column-grip:before {
  width: 2px;
  top: 0;
  bottom: 0;
  left: 4px;
}

.vh-app .column-grip:after {
  content: "⋮";
  line-height: 11px;
  top: -9px;
  left: -2px;
}

.vh-app .row-grip {
  cursor: row-resize;
  width: 100%;
  height: 10px;
  left: 0;
}

.vh-app .row-grip:before {
  height: 2px;
  top: 4px;
  left: 0;
  right: 0;
}

.vh-app .row-grip:after {
  content: "⋯";
  line-height: 10px;
  top: -2px;
  left: -9px;
}

.vh-app .board-edge-x {
  cursor: ew-resize;
  width: 9px;
  height: calc(100% - 14px);
  top: 7px;
  right: -5px;
}

.vh-app .board-edge-y {
  cursor: ns-resize;
  width: calc(100% - 14px);
  height: 9px;
  bottom: -5px;
  left: 7px;
}

.vh-app .board-corner {
  color: #6f92c5;
  cursor: nwse-resize;
  z-index: 4;
  background: #e9f1ff;
  border: 1px solid #b7cbe8;
  border-radius: 4px;
  width: 21px;
  height: 21px;
  padding: 0;
  font-size: 19px;
  line-height: 12px;
  inset: auto -10px -10px auto;
}

.vh-app .writing-footer {
  color: #8e9eb3;
  border-top: 1px solid var(--color-line);
  flex-wrap: wrap;
  align-items: center;
  gap: 9px 16px;
  padding: 7px 14px 8px;
  font-size: 9px;
  display: flex;
}

.vh-app .writing-footer > span:first-child {
  color: #718bad;
}

.vh-app .writing-footer .footer-hint {
  margin-left: auto;
}

.vh-app .writing-footer .footer-hint.failed {
  color: #b75445;
}

.vh-app .creation-panel {
  border: 1px solid var(--color-line);
  background: #fff;
  border-radius: 12px;
  padding: 24px;
}

.vh-app .settings-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  display: grid;
}

.vh-app .meta-list {
  gap: 0;
  display: grid;
}

.vh-app .meta-list > div {
  border-top: 1px solid #edf0f4;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 0;
  font-size: 12px;
  display: grid;
}

.vh-app .meta-list > div:first-child {
  border-top: 0;
  padding-top: 0;
}

.vh-app .meta-list dt {
  color: #7d8ca3;
}

.vh-app .meta-list dd {
  color: var(--color-ink);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  margin: 0;
}

body.chat-open .vh-app .main {
  margin-right: 360px;
}

body.chat-open .vh-app .product-toolbar {
  flex-wrap: wrap;
}

body.chat-open .vh-app .product-toolbar .product-tabs-wrap {
  flex-basis: 100%;
}

body.chat-open .vh-app .compact-tools {
  margin-left: auto;
}

#scan-panel[popover] {
  inset: var(--chat-top, 63px) 0 0 auto;
  width: 360px;
  max-width: 100vw;
  height: calc(100dvh - var(--chat-top, 63px));
  min-height: 0;
  max-height: none;
  color: var(--color-ink);
  background: #fff;
  border: 0;
  border-left: 1px solid #dae4f1;
  border-radius: 0;
  margin: 0;
  padding: 0;
  font-size: 13px;
  animation: .2s ease-out chat-slide-in;
  position: fixed;
  overflow: hidden;
  box-shadow: -10px 0 32px #24416912;
}

#scan-panel[popover]:popover-open {
  flex-direction: column;
  display: flex;
}

#scan-panel::backdrop {
  pointer-events: none;
  background: none;
}

#scan-panel svg {
  vertical-align: middle;
  flex: none;
  display: inline-block;
}

#scan-panel button {
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
}

#scan-panel button:disabled {
  cursor: not-allowed;
}

.scan-head {
  border-bottom: 1px solid var(--color-line);
  flex: none;
  padding: 19px 17px 14px;
}

.scan-head > div {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.scan-title {
  color: #334c71;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  font-weight: 750;
  display: flex;
}

.scan-title > svg {
  color: #6385ba;
}

.scan-head .scan-close {
  color: #95a4b7;
  background: none;
  border: 0;
  border-radius: 6px;
  place-items: center;
  width: 25px;
  height: 25px;
  display: grid;
}

.scan-head .scan-close:hover {
  background: #f1f4f8;
}

.scan-head p {
  color: #95a2b5;
  margin: 6px 0 0;
  font-size: 10px;
}

.scan-context {
  color: #7a8fae;
  background: #f8fafd;
  border: 1px solid #e8eef7;
  border-radius: 5px;
  align-items: center;
  gap: 7px;
  margin: 14px 17px 0;
  padding: 9px 10px;
  font-size: 9px;
  display: flex;
}

.scan-context > span:first-of-type {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.scan-preview-badge {
  color: #97a6ba;
  font-size: 8px;
}

.scan-thread {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  flex-direction: column;
  flex: 1;
  gap: 22px;
  min-height: 0;
  padding: 22px 17px;
  display: flex;
  overflow-y: auto;
}

.scan-message {
  flex: none;
  align-items: flex-start;
  gap: 9px;
  display: flex;
}

.scan-avatar {
  color: #fff;
  background: #547ac0;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}

.scan-message > div {
  min-width: 0;
}

.scan-message strong {
  color: #4c6080;
  margin: 4px 0 9px;
  font-size: 10px;
  font-weight: 700;
  display: block;
}

.scan-message p {
  color: #687c99;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  margin: 0;
  font-size: 12px;
  line-height: 1.9;
}

.scan-composer {
  border-top: 1px solid var(--color-line);
  background: #fdfdff;
  flex: none;
  padding: 15px 17px 14px;
}

.scan-composer label {
  color: #90a0b7;
  margin-bottom: 8px;
  font-size: 9px;
  display: block;
}

.chat-input-box {
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 12px;
  display: block;
  overflow: hidden;
}

.chat-input-box:focus-within {
  border-color: #7fa0ed;
  box-shadow: 0 0 0 2px #5378da12;
}

.chat-input-box textarea {
  width: 100%;
  box-shadow: none;
  resize: vertical;
  min-height: 84px;
  max-height: 30dvh;
  font: inherit;
  color: #536a8a;
  background: none;
  border: 0;
  outline: none;
  margin: 0;
  padding: 11px 12px;
  font-size: 11px;
  line-height: 1.8;
  display: block;
}

.chat-input-box textarea::placeholder {
  color: #9caabc;
}

.chat-input-box textarea:disabled {
  cursor: not-allowed;
  background: #f8fafc;
}

.chat-toolbar {
  border-top: 1px solid #f1f3f8;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  padding: 8px;
  display: flex;
}

.chat-selectors {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.chat-selectors select {
  font: inherit;
  color: #526889;
  cursor: pointer;
  field-sizing: content;
  background: #f1f4fa;
  border: 0;
  border-radius: 6px;
  min-width: 0;
  max-width: 100%;
  padding: 7px 22px 7px 8px;
  font-size: 11px;
}

.chat-selectors select#chat-mode {
  color: #2f5ab3;
  background: #edf3ff;
  font-weight: 700;
}

.chat-toolbar-row {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.scan-send {
  background: var(--color-accent);
  color: #fff;
  white-space: nowrap;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  margin-left: auto;
  padding: 0 14px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

#scan-panel .scan-send {
  background: var(--color-accent);
  color: #fff;
}

#scan-panel .scan-send:hover:not(:disabled) {
  background: var(--color-accent-hover);
}

#scan-panel .scan-send:disabled {
  color: #fff;
  cursor: default;
  background: #d5dfef;
}

.chat-lock {
  color: #7688a3;
  white-space: nowrap;
  background: #f1f4f9;
  border: 1px solid #e3e9f2;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  font-size: 9px;
  display: inline-flex;
}

.chat-foot {
  color: #a2adc0;
  margin-top: 9px;
  font-size: 8px;
}

@keyframes chat-slide-in {
  from {
    opacity: .6;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

#scan-panel .btn {
  border: 1px solid var(--color-line);
  color: var(--color-ink);
  background: #fff;
  border-radius: 7px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 700;
}

#scan-panel .btn:hover:not(:disabled) {
  background: #fafbfd;
  border-color: #bccbdd;
}

#scan-panel .btn.primary {
  background: var(--color-accent);
  color: #fff;
  border-color: var(--color-accent);
}

#scan-panel .btn.primary:hover:not(:disabled) {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

#scan-panel .btn.soft {
  background: var(--color-accent-soft);
  color: #2f5ab3;
  border-color: #0000;
}

#scan-panel .link-btn {
  color: #2f5ab3;
  font-size: 11px;
  font-weight: 650;
}

#scan-panel .link-btn.muted {
  color: #738198;
}

.scan-panel.check-mode .scan-head {
  background: #f7faff;
}

.scan-message strong small {
  color: #a0acbd;
  margin-left: 5px;
  font-size: 8px;
  font-weight: 400;
}

.scan-source {
  color: #9aa8ba;
  margin-top: 10px;
  font-size: 9px;
  line-height: 1.8;
  display: block;
}

.scan-message.user {
  background: #eff4fd;
  border: 1px solid #e2ebfb;
  border-radius: 9px 9px 2px;
  align-self: flex-end;
  max-width: 92%;
  padding: 11px 13px;
}

.scan-message.user strong {
  margin: 0 0 5px;
  font-size: 9px;
}

.scan-message.user p {
  color: #5576a3;
  font-size: 11px;
}

.scan-message.user.skipped p {
  color: #8f9cb0;
  font-style: italic;
}

.check-why {
  color: #8b9ab0;
  margin-top: 8px;
  font-size: 10px;
  line-height: 1.7;
  display: block;
}

.check-why b {
  color: #6d7d95;
  font-weight: 600;
}

.check-choice, .check-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

#scan-panel .check-choice .btn, #scan-panel .check-actions .btn {
  min-height: 32px;
  font-size: 10px;
}

#scan-panel .check-actions .link-btn {
  font-size: 10px;
}

.check-intro-note {
  color: #93a1b5;
  margin-top: 8px;
  font-size: 9px;
  display: block;
}

.scan-message p.check-error {
  color: #a9544a;
}

.check-notice {
  color: #4f6a91;
  background: #eef4fd;
  border: 1px solid #dbe6f7;
  border-radius: 6px;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-size: 10px;
  display: flex;
}

.check-notice span {
  flex: 1;
}

#scan-panel .check-notice .btn {
  min-height: 26px;
  padding: 0 8px;
  font-size: 9px;
}

#chat-toggle.has-session {
  position: relative;
}

#chat-toggle.has-session:after {
  content: "";
  background: #d8a255;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: -3px;
  right: -3px;
}

body.chat-open #chat-toggle.has-session:after {
  display: none;
}

@media (max-width: 760px) {
  #scan-panel .check-choice .btn {
    flex: 1;
  }
}

.vh-app .writing-cell {
  position: relative;
}

.vh-app .writing-cell.has-proposal {
  background: #fbfffc;
  box-shadow: inset 0 0 0 2px #9fd3b6;
}

.vh-app .cell-diff {
  color: #67788f;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.9;
}

.vh-app .writing-cell.value .cell-diff {
  color: #476894;
  font-size: 14px;
}

.vh-app .diff-ins, #scan-panel .diff-ins {
  color: #2f6b4c;
  background: #e3f5ea;
  border-radius: 3px;
  padding: 0 2px;
  text-decoration: none;
}

.vh-app .diff-del, #scan-panel .diff-del {
  color: #b0574d;
  background: #fdeceb;
  border-radius: 3px;
  padding: 0 2px;
  text-decoration: line-through;
}

.vh-app .cell-review {
  background: #fff;
  border: 1px solid #cfe7d9;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  width: max-content;
  max-width: 100%;
  margin: -6px 0 12px auto;
  padding: 3px 4px 3px 8px;
  display: flex;
  box-shadow: 0 4px 12px #1f3a2a14;
}

.vh-app .cell-review-label {
  color: #2f7a55;
  letter-spacing: .3px;
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  font-weight: 700;
  display: inline-flex;
}

.vh-app .cell-review-label svg {
  color: #3a9a6a;
  transform: rotate(-45deg);
}

.vh-app .cell-review-btn {
  border: 1px solid #0000;
  border-radius: 5px;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}

.vh-app .cell-review-btn.keep {
  color: #2f7a55;
  background: #e3f5ea;
}

.vh-app .cell-review-btn.keep:hover:not(:disabled) {
  background: #cdeedb;
}

.vh-app .cell-review-btn.restore {
  color: #a9544a;
  background: #fdeceb;
}

.vh-app .cell-review-btn.restore:hover:not(:disabled) {
  background: #f9d9d6;
}

.vh-app .cell-review-btn:focus-visible, .vh-app .cell-history-btn:focus-visible {
  outline-offset: 1px;
  outline: 2px solid #5279da;
}

.vh-app .cell-review-note {
  color: #a9544a;
  margin: 0 0 8px;
  font-size: 10px;
}

.vh-app .cell-history {
  z-index: 2;
  gap: 2px;
  display: flex;
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.vh-app .cell-history-btn {
  color: #6b829f;
  background: #fff;
  border: 1px solid #e0e7f1;
  border-radius: 5px;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  display: grid;
}

.vh-app .cell-history-btn:hover {
  background: #edf3fc;
  border-color: #c9d8ee;
}

.vh-app button.compact-next {
  font: inherit;
  text-align: left;
  cursor: pointer;
  border: 0;
}

.vh-app button.compact-next:hover:not(:disabled) {
  filter: brightness(.98);
}

.check-skipped-target {
  color: #8b95a6;
  margin-top: 6px;
  font-size: 10px;
  font-style: italic;
  display: block;
}

.check-proposal {
  background: #fbfcff;
  border: 1px solid #dde7f5;
  border-radius: 8px;
  flex: none;
  padding: 13px 14px;
}

.check-proposal.kept {
  background: #f7fcf9;
  border-color: #cfe7d9;
}

.check-proposal.dropped {
  opacity: .75;
}

.check-proposal-label {
  letter-spacing: .4px;
  color: #7793ba;
  text-transform: uppercase;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
}

.check-proposal .cell-diff, .check-proposal-text {
  color: #5f7391;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 11px;
  line-height: 1.8;
}

.check-proposal-state {
  color: #6f8a7a;
  margin-top: 8px;
  font-size: 10px;
  display: block;
}

.check-proposal.dropped .check-proposal-state {
  color: #8b95a6;
}

.check-rows {
  font-size: 10px;
}

.check-rows th, .check-rows td {
  white-space: nowrap;
  padding: 6px 8px;
}

.check-progress {
  background: #fbfcff;
  border: 1px solid #dde7f5;
  border-radius: 8px;
  flex: none;
  padding: 14px 15px;
}

.check-progress h4 {
  color: #47658f;
  margin: 0 0 10px;
  font-size: 11px;
}

.check-step {
  color: #8393ab;
  align-items: center;
  gap: 9px;
  padding: 5px 0;
  font-size: 11px;
  display: flex;
}

.check-step i {
  border: 1.5px solid #c6d3e6;
  border-radius: 50%;
  flex: none;
  width: 10px;
  height: 10px;
}

.check-step.active i {
  border-color: #0000 #3b6fd6 #3b6fd6;
  animation: .8s linear infinite check-spin;
}

@keyframes check-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .check-step.active i {
    border-top-color: #3b6fd6;
    animation: none;
  }
}

.check-result {
  background: #fbfcff;
  border: 1px solid #dde7f5;
  border-radius: 8px;
  flex: none;
  padding: 15px;
}

.check-result h4 {
  letter-spacing: .6px;
  text-transform: uppercase;
  color: #7793ba;
  margin: 0 0 10px;
  font-size: 9px;
}

.check-lights {
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
  display: flex;
}

.check-lights span {
  color: #6981a5;
  background: #fff;
  border: 1px solid #e0e7f1;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  font-size: 10px;
  display: inline-flex;
}

.check-lights .health-dot {
  width: 7px;
  height: 7px;
}

.check-decision {
  color: #3c577f;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.check-decision small {
  color: #8b9ab0;
  font-size: 10px;
  font-weight: 500;
}

.check-decision svg {
  color: #3b6fd6;
}

.check-result p {
  color: #687c99;
  white-space: normal;
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.8;
}

.check-result .record-muted {
  color: #95a0af;
  font-size: 10px;
}

.check-next {
  color: #3c577f;
  background: #edf3ff;
  border-radius: 6px;
  margin-top: 10px;
  padding: 8px 10px;
  font-size: 11px;
}

.check-next b {
  text-transform: uppercase;
  letter-spacing: .6px;
  color: #6380b0;
  margin-bottom: 3px;
  font-size: 9px;
  display: block;
}

.check-found {
  color: #8b5a2b;
  background: #fff7e9;
  border: 1px solid #f0e1c5;
  border-radius: 6px;
  margin-top: 10px;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1.7;
}

.check-review-note {
  color: #7a6a4e !important;
  font-size: 10px !important;
}

#scan-panel .check-review-note .link-btn {
  font-size: 10px;
}

#scan-panel .check-proposal .btn {
  min-height: 30px;
  font-size: 10px;
}

#scan-panel[popover].collapsed {
  border-top: 1px solid #dae4f1;
  border-left: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  animation: none;
  inset: auto 0 0;
  box-shadow: 0 -8px 24px #24416914;
}

#scan-panel .check-collapsed-bar {
  color: #3c577f;
  text-align: left;
  background: #f7faff;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 14px 18px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.check-collapsed-bar span {
  flex: 1;
}

.check-collapsed-bar > svg:last-child {
  transform: rotate(-90deg);
}

body.chat-open.chat-collapsed .vh-app .main {
  visibility: visible;
  margin-right: 0;
}

body.canvas-expanded .vh-app .sidebar, body.canvas-expanded .vh-app .workflow-line, body.canvas-expanded .vh-app .journey-views, body.canvas-expanded .vh-app .canvas-compact-status, body.canvas-expanded .vh-app .canvas-recheck, body.canvas-expanded .vh-app .mobile-menu {
  display: none !important;
}

body.canvas-expanded .vh-app .shell {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.canvas-expanded .vh-app .main {
  max-width: none;
  padding: 12px;
}

body.canvas-expanded .vh-app .topbar {
  z-index: 5;
  min-height: 56px;
  position: sticky;
  top: 0;
}

body.canvas-expanded .vh-app .writing-viewport {
  min-height: calc(100dvh - 230px);
  max-height: calc(100dvh - 190px);
}

body.canvas-expanded .vh-app .writing-panel {
  border-radius: 8px;
}

@media (min-width: 761px) {
  .vh-app.nav-collapsed .shell {
    grid-template-columns: 66px minmax(0, 1fr);
  }

  .vh-app.nav-collapsed .sidebar {
    padding: 20px 8px 15px;
  }

  .vh-app.nav-collapsed .brand-row {
    flex-direction: column;
    gap: 12px;
  }

  .vh-app.nav-collapsed .brand {
    padding: 0;
  }

  .vh-app.nav-collapsed .brand > span, .vh-app.nav-collapsed .workspace-switch > span:not(.workspace-avatar), .vh-app.nav-collapsed .workspace-switch > svg, .vh-app.nav-collapsed .nav-link > span, .vh-app.nav-collapsed .side-label, .vh-app.nav-collapsed .project-label, .vh-app.nav-collapsed .profile > span:not(.avatar) {
    display: none;
  }

  .vh-app.nav-collapsed .nav-collapse {
    margin: 0;
    transform: rotate(180deg);
  }

  .vh-app.nav-collapsed .workspace-switch {
    background: none;
    border-color: #0000;
    justify-content: center;
    margin: 18px 0 19px;
    padding: 9px 0;
  }

  .vh-app.nav-collapsed .nav-link {
    justify-content: center;
    min-height: 39px;
    margin: 4px 0;
    padding: 0;
  }

  .vh-app.nav-collapsed .nav-divider {
    margin: 13px 3px;
  }

  .vh-app.nav-collapsed .profile {
    flex-direction: column;
    gap: 10px;
    padding: 15px 0 0;
  }

  .vh-app.nav-collapsed .profile .account-trigger {
    margin: 0;
  }

  .vh-app.nav-collapsed .side-foot {
    margin-top: 15px;
  }
}

@media (min-width: 1650px) {
  .vh-app .shell {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .vh-app .main {
    padding: 37px 36px;
  }

  .vh-app .workspace-main {
    padding: 49px;
  }

  .vh-app .writing-cell {
    padding: 21px 17px;
  }

  .vh-app .writing-cell h2, .vh-app .writing-cell .vh-cell-editor {
    font-size: 12px;
  }

  .vh-app .writing-cell.value .vh-cell-editor p:first-child {
    font-size: 16px;
  }
}

@media (max-width: 1270px) {
  .vh-app .shell {
    grid-template-columns: 188px minmax(0, 1fr);
  }

  .vh-app .brand {
    font-size: 16px;
  }

  .vh-app .main {
    padding: 26px 22px;
  }

  .vh-app .workspace-main {
    padding: 35px 28px;
  }

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

  .vh-app .new-project-card {
    min-height: 260px;
  }

  .vh-app .workspace-switch small {
    display: none;
  }

  .vh-app .workspace-switch {
    min-height: 52px;
  }

  .vh-app .breadcrumbs {
    font-size: 10px;
  }
}

@media (max-width: 1020px) {
  .vh-app .workspace-main {
    padding: 31px 24px;
  }

  .vh-app .workspace-main h1 {
    font-size: 28px;
  }

  .vh-app .project-grid {
    gap: 17px;
  }

  .vh-app .project-card-main {
    padding: 18px 18px 0;
  }

  .vh-app .project-card-stats {
    padding: 12px 18px;
    font-size: 8px;
  }

  .vh-app .settings-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 950px) {
  .vh-app .product-toolbar {
    flex-wrap: wrap;
    gap: 0;
    padding: 0 8px;
  }

  .vh-app .product-toolbar .product-tabs-wrap {
    flex-basis: 100%;
  }

  .vh-app .compact-tools {
    margin-left: auto;
  }

  .vh-app .canvas-compact-status {
    gap: 7px;
  }

  .vh-app .compact-next {
    flex: 1;
    max-width: none;
  }
}

@media (min-width: 761px) and (max-width: 1050px) {
  body.chat-open .vh-app .main {
    margin-right: 310px;
  }

  #scan-panel[popover] {
    width: 310px;
  }

  .vh-app .compact-lights {
    gap: 4px;
  }

  .vh-app .compact-light {
    padding: 5px 7px;
    font-size: 9px;
  }
}

@media (max-width: 760px) {
  .vh-app .shell {
    min-height: 100dvh;
    display: block;
  }

  .vh-app .sidebar {
    display: none;
  }

  .vh-app .sidebar.open {
    z-index: 21;
    width: 230px;
    height: 100dvh;
    min-height: 0;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
  }

  .vh-app .sidebar.open > nav {
    flex: none;
    overflow: visible;
  }

  .vh-app .sidebar.open .side-foot {
    margin-top: auto;
    padding-top: 20px;
  }

  .vh-app .nav-collapse {
    display: none;
  }

  .vh-app .shade.visible {
    z-index: 20;
    background: #1b2c4847;
    border: 0;
    padding: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .vh-app .mobile-menu {
    display: grid;
  }

  .vh-app .topbar {
    gap: 9px;
    height: 57px;
    padding: 0 15px;
  }

  .vh-app .breadcrumbs {
    flex-wrap: wrap;
    gap: 6px;
    font-size: 9px;
  }

  .vh-app .workspace-crumb {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 58px;
    overflow: hidden;
  }

  .vh-app .breadcrumbs .current-view {
    display: none;
  }

  .vh-app .topbar-end {
    gap: 6px;
  }

  .vh-app .main, .vh-app .workspace-main {
    padding: 25px 16px 30px;
  }

  .vh-app .page-heading {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 22px;
  }

  .vh-app .page-heading h1, .vh-app .workspace-main h1 {
    font-size: 24px;
    line-height: 1.5;
  }

  .vh-app .page-heading p {
    max-width: 245px;
    font-size: 11px;
    line-height: 1.8;
  }

  .vh-app .heading-actions {
    gap: 6px;
    margin-top: 4px;
  }

  .vh-app .workspace-main .heading-actions .btn span {
    display: none;
  }

  .vh-app .workspace-intro {
    margin-bottom: 4px;
    font-size: 9px;
  }

  .vh-app .list-toolbar {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
  }

  .vh-app .tabs {
    gap: 18px;
  }

  .vh-app .tabs a {
    font-size: 11px;
  }

  .vh-app .search {
    height: 31px;
    padding: 0 8px;
  }

  .vh-app .search input {
    width: 112px;
    font-size: 10px;
  }

  .vh-app .project-grid {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .vh-app .project-card-main {
    padding: 22px 22px 0;
  }

  .vh-app .project-description {
    min-height: auto;
    font-size: 12px;
  }

  .vh-app .mini-canvas {
    grid-template-rows: 61px 61px 43px;
    margin-top: 21px;
  }

  .vh-app .mini-cell:before {
    font-size: 6px;
  }

  .vh-app .mini-cell {
    padding: 9px 6px;
  }

  .vh-app .project-card-info {
    padding-bottom: 19px;
    font-size: 10px;
  }

  .vh-app .project-card-stats {
    padding: 15px 22px;
    font-size: 10px;
  }

  .vh-app .project-card-next {
    padding: 15px 22px;
    font-size: 11px;
  }

  .vh-app .new-project-card {
    min-height: 190px;
  }

  .vh-app .workspace-note {
    align-items: flex-start;
    font-size: 9px;
    line-height: 1.8;
  }

  .vh-app .workflow-line {
    gap: 6px;
    font-size: 9px;
  }

  .vh-app .workflow-line > span:first-child {
    letter-spacing: .3px;
    flex-basis: 100%;
    margin-right: 0;
    font-size: 8px;
  }

  .vh-app .journey-views {
    gap: 2px;
  }

  .vh-app .journey-views a, .vh-app .journey-views button {
    padding: 8px 7px;
    font-size: 10px;
  }

  .vh-app .journey-views .journey-build-link {
    font-size: 9px;
  }

  .vh-app .canvas-only .main {
    padding-top: 10px;
  }

  .vh-app .canvas-compact-status {
    flex-wrap: wrap;
    gap: 6px;
  }

  .vh-app .compact-lights {
    flex: 1;
    gap: 4px;
  }

  .vh-app .compact-light {
    gap: 4px;
    min-height: 29px;
    padding: 6px 7px;
    font-size: 9px;
  }

  .vh-app .compact-next {
    flex-basis: 100%;
    max-width: 100%;
  }

  .vh-app .compact-next strong {
    font-size: 10px;
  }

  .vh-app .product-toolbar .product-tabs [role="tab"] {
    padding-inline: 6px;
  }

  .vh-app .compact-tools {
    gap: 3px;
    padding: 2px 0 5px;
  }

  .vh-app .compact-icon {
    width: 34px;
    min-width: 34px;
    height: 34px;
  }

  .vh-app .writing-format {
    padding: 8px 13px;
  }

  .vh-app .writing-format > span:first-child {
    min-width: 75px;
    font-size: 9px;
  }

  .vh-app .writing-viewport {
    padding: 16px 15px 24px;
  }

  .vh-app .writing-footer {
    padding: 8px 13px;
    font-size: 8px;
    line-height: 1.7;
  }

  .vh-app .creation-panel {
    padding: 18px 16px;
  }

  body.chat-open .vh-app .main {
    visibility: hidden;
    margin-right: 0;
  }

  body.chat-open .vh-app .main #scan-panel, body.chat-open .vh-app .main dialog[open] {
    visibility: visible;
  }

  #scan-panel[popover] {
    width: 100%;
    max-width: 100%;
  }

  .vh-app .product-tabs-all {
    display: none;
  }

  .vh-app .comparison-canvas-toolbar {
    flex-wrap: wrap;
    padding: 14px 15px;
  }

  .vh-app .comparison-canvas-toolbar .record-chip {
    white-space: nowrap;
  }

  .vh-app .analysis-empty {
    padding: 36px 16px 44px;
  }

  .vh-app .last-edit-text {
    padding: 0 5px;
    font-size: 8px;
  }

  body.canvas-expanded .vh-app .writing-viewport {
    min-height: calc(100dvh - 245px);
    max-height: calc(100dvh - 215px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .vh-app *, .vh-app :before, .vh-app :after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }

  #scan-panel[popover] {
    animation: none;
  }
}

.vh-app .compact-light {
  cursor: pointer;
  font: inherit;
  font-size: 10px;
}

.vh-app .compact-light:focus-visible {
  outline-offset: 1px;
  outline: 2px solid #5279da;
}

.vh-app .compact-light.has-candidates {
  border-style: dashed;
  border-color: #e0a7a2;
}

.vh-app .health-dot.dashed {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #d98c86;
}

.vh-app .writing-cell.cell-flash {
  outline-offset: -2px;
  outline: 2px solid #8fb0ea;
  transition: outline-color .3s;
}

.vh-app #journey-drawer {
  color: #4e6688;
  background: #f8fafd;
  border: 0;
  border-left: 1px solid #dce6f4;
  border-radius: 14px 0 0 14px;
  width: min(940px, 100vw - 36px);
  max-width: 100vw;
  height: 100dvh;
  max-height: 100dvh;
  margin: 0;
  padding: 0;
  inset: 0 0 0 auto;
  overflow: auto;
  box-shadow: -15px 0 70px #233b6320;
}

.vh-app #journey-drawer::backdrop {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #273f6130;
}

.vh-app #journey-drawer[open] {
  flex-direction: column;
  display: flex;
}

.vh-app .journey-drawer-head {
  background: #fff;
  justify-content: space-between;
  gap: 16px;
  padding: 26px 28px 18px;
  display: flex;
}

.vh-app .journey-drawer-head h2 {
  color: #3a5275;
  letter-spacing: -.5px;
  margin: 12px 0 9px;
  font-size: 23px;
}

.vh-app .journey-drawer-head p {
  color: #899bb4;
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
}

.vh-app .journey-head-actions {
  flex-shrink: 0;
  align-items: flex-start;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.vh-app .journey-head-actions .icon-btn {
  width: 38px;
  height: 38px;
}

.vh-app .journey-drawer-tabs {
  z-index: 3;
  background: #fff;
  border-bottom: 1px solid #dfe8f3;
  gap: 8px;
  padding: 12px 28px;
  display: flex;
  position: sticky;
  top: 0;
}

.vh-app .journey-drawer-tabs button {
  color: #788da9;
  background: none;
  border: 0;
  border-radius: 7px;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  font-size: 12px;
  display: flex;
}

.vh-app .journey-drawer-tabs button[aria-current] {
  color: #4a70af;
  background: #edf3ff;
}

.vh-app .journey-drawer-tabs b {
  font-weight: 700;
}

.vh-app .journey-light {
  background: #9aa7b8;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.vh-app .journey-light.red {
  background: #d57673;
  box-shadow: 0 0 0 3px #faeceb;
}

.vh-app .journey-light.amber {
  background: #d4a756;
  box-shadow: 0 0 0 3px #fbf3e4;
}

.vh-app .journey-light.green {
  background: #66a68b;
  box-shadow: 0 0 0 3px #edf7f1;
}

.vh-app .cand-badge {
  color: #b0574d;
  background: #fdeceb;
  border: 1px dashed #e0a7a2;
  border-radius: 4px;
  margin-left: 2px;
  padding: 1px 5px;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

.vh-app .journey-drawer-body {
  flex: 1;
  min-width: 0;
  padding: 25px 28px;
}

.vh-app .journey-drawer-foot {
  z-index: 3;
  background: #fff;
  border-top: 1px solid #e1e7f0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 16px 28px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.vh-app .journey-drawer-foot > span {
  color: #899bb3;
  font-size: 10px;
}

.vh-app .batch-bar {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.vh-app .batch-bar > span {
  color: #5f7596;
  font-size: 11px;
}

.vh-app .batch-status {
  color: #5f7596;
  flex-basis: 100%;
  font-size: 10px;
}

.vh-app .batch-status:empty {
  display: none;
}

.vh-app .banner {
  color: #997039;
  background: #fff7e9;
  border: 1px solid #f0e1c5;
  border-radius: 8px;
  align-items: flex-start;
  gap: 9px;
  margin-bottom: 20px;
  padding: 13px 15px;
  font-size: 11px;
  line-height: 1.65;
  display: flex;
}

.vh-app .light-explain, .vh-app .rating-card {
  border: 1px solid var(--color-line);
  background: #fff;
  border-radius: 11px;
  margin-bottom: 24px;
  padding: 20px 22px;
}

.vh-app .light-explain-head {
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.vh-app .light-explain-head > .health-dot {
  width: 10px;
  height: 10px;
  margin-top: 9px;
}

.vh-app .light-explain-head h3 {
  color: #37465a;
  letter-spacing: -.3px;
  font-size: 17px;
}

.vh-app .light-explain-head p {
  color: #8795a8;
  margin: 3px 0 0;
  font-size: 11px;
}

.vh-app .light-explain-flags {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  margin-left: auto;
  display: flex;
}

.vh-app .light-explain-summary {
  color: #5f7089;
  margin: 14px 0 4px;
  font-size: 12px;
  line-height: 1.7;
}

.vh-app .light-explain-sub {
  color: #8d99a9;
  text-transform: uppercase;
  letter-spacing: .6px;
  margin: 16px 0 0;
  font-size: 10px;
  font-weight: 600;
}

.vh-app .light-explain-next {
  margin: 12px 0 0;
}

.vh-app .light-reasons {
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.vh-app .light-reason {
  background: #fcfdfe;
  border: 1px solid #edf0f4;
  border-radius: 8px;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.vh-app .light-reason.red {
  background: #fffaf9;
  border-color: #f3dad6;
}

.vh-app .light-reason.yellow {
  background: #fffdf7;
  border-color: #f1e5cc;
}

.vh-app .reason-mark {
  border-radius: 50%;
  flex: none;
  width: 9px;
  height: 9px;
  margin-top: 5px;
}

.vh-app .reason-mark.red {
  background: #d14a43;
}

.vh-app .reason-mark.red.dashed {
  background: #fff;
  border: 2px dashed #d14a43;
  width: 11px;
  height: 11px;
  margin-top: 4px;
}

.vh-app .reason-mark.yellow {
  background: #dc8a10;
}

.vh-app .reason-mark.white {
  background: #fff;
  border: 1.5px solid #b8c4d4;
}

.vh-app .reason-body {
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: grid;
}

.vh-app .reason-kind {
  color: #8a97a9;
  font-size: 10px;
}

.vh-app .reason-body strong {
  color: #3d4b60;
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
}

.vh-app .reason-body small {
  color: #939cab;
  font-size: 10px;
  line-height: 1.6;
}

.vh-app .reason-cta {
  flex: none;
  align-items: center;
  gap: 10px;
  display: flex;
}

.vh-app .reason-actions {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.vh-app .rating-lights {
  gap: 6px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.vh-app .rating-lights button {
  text-align: left;
  width: 100%;
  font: inherit;
  color: #5f7089;
  background: #fcfdfe;
  border: 1px solid #edf0f4;
  border-radius: 8px;
  grid-template-columns: auto 110px 90px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: grid;
}

.vh-app .rating-lights button:hover {
  background: #f8fbff;
  border-color: #c9d7ec;
}

.vh-app .rating-lights strong {
  color: #3d4b60;
  font-size: 12px;
}

.vh-app .rating-lights span, .vh-app .rating-lights small {
  font-size: 11px;
}

.vh-app .rating-lights small {
  color: #8d99a9;
}

.vh-app .readiness {
  border: 1px solid #e9edf3;
  border-radius: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 16px 0 12px;
  display: grid;
  overflow: hidden;
}

.vh-app .readiness > div {
  background: #f8fafc;
  border-right: 1px solid #e9edf3;
  min-width: 0;
  padding: 12px 14px;
}

.vh-app .readiness > div:last-child {
  border-right: 0;
}

.vh-app .readiness dt {
  color: #45566f;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 700;
}

.vh-app .readiness dd {
  color: #6f7d91;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 10px;
  line-height: 1.7;
}

.vh-app .page-heading.record-heading {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 18px;
  display: flex;
}

.vh-app .record-heading h1 {
  letter-spacing: -.8px;
  color: #3a4a61;
  font-size: 23px;
  font-weight: 800;
}

.vh-app .record-heading p {
  color: #7a879a;
  max-width: 700px;
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.8;
}

.vh-app .record-card {
  border: 1px solid var(--color-line);
  background: #fff;
  border-radius: 11px;
  min-width: 0;
  box-shadow: 0 2px 3px #26395003;
}

.vh-app .record-chip {
  white-space: nowrap;
  color: #697586;
  vertical-align: middle;
  text-overflow: ellipsis;
  background: #f1f3f6;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.5;
  display: inline-flex;
  overflow: hidden;
}

.vh-app .record-chip.blue {
  color: #456dbc;
  background: #edf3ff;
}

.vh-app .record-chip.amber {
  color: #996c20;
  background: #fff5e4;
}

.vh-app .record-chip.red {
  color: #b65249;
  background: #fff0ed;
}

.vh-app .record-chip.green {
  color: #3b7f5c;
  background: #edf6f0;
}

.vh-app .record-chip.dimension {
  padding: 1px 5px;
  font-size: 9px;
  font-weight: 500;
}

.vh-app .record-dot {
  background: #7c92bd;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
}

.vh-app .record-dot.amber {
  background: #dba344;
}

.vh-app .record-dot.red {
  background: #cc6b64;
}

.vh-app .record-dot.green {
  background: #6b9d82;
}

.vh-app .record-stats {
  border: 1px solid var(--color-line);
  background: #fff;
  border-radius: 11px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 20px;
  display: grid;
  overflow: hidden;
}

.vh-app .record-stat {
  border-right: 1px solid var(--color-line);
  min-width: 0;
  padding: 18px 22px;
}

.vh-app .record-stat:last-child {
  border: 0;
}

.vh-app .record-stat-label {
  color: #697689;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: flex;
}

.vh-app .record-stat > strong {
  letter-spacing: -1px;
  color: #35445b;
  margin: 7px 0 4px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  display: block;
}

.vh-app .record-stat > small {
  color: #95a0af;
  font-size: 10px;
}

.vh-app .records-panel {
  padding: 0;
  overflow: hidden;
}

.vh-app .records-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 15px 20px;
  display: flex;
}

.vh-app .record-tabs {
  gap: 5px;
  display: flex;
}

.vh-app .record-tabs button {
  color: #8992a0;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 11px;
}

.vh-app .record-tabs button[aria-pressed="true"] {
  color: #45669c;
  background: #eff3fa;
}

.vh-app .record-tabs span {
  opacity: .7;
  margin-left: 5px;
}

.vh-app .record-search-tools {
  align-items: center;
  gap: 9px;
  display: flex;
}

.vh-app .record-search {
  border: 1px solid var(--color-line);
  color: #96a1b0;
  background: #fff;
  border-radius: 6px;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  display: flex;
}

.vh-app .record-search input {
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  width: 142px;
  font-size: 11px;
}

.vh-app .record-search:focus-within {
  outline: 2px solid #9db8ea;
}

.vh-app .record-search-tools select {
  border: 1px solid var(--color-line);
  max-width: 160px;
  font: inherit;
  color: #758298;
  background: #fff;
  border-radius: 6px;
  padding: 7px 8px;
  font-size: 11px;
}

.vh-app .record-scroll-hint {
  display: none;
}

.vh-app .record-table-scroll {
  width: 100%;
  position: relative;
  overflow: auto;
}

.vh-app .record-table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: 11px;
}

.vh-app .record-table th {
  color: #8791a1;
  white-space: nowrap;
  background: #fafbfd;
  border-block: 1px solid #edf0f4;
  padding: 11px 18px;
  font-size: 10px;
  font-weight: 500;
}

.vh-app .record-table td {
  color: #677387;
  vertical-align: middle;
  border-bottom: 1px solid #edf0f4;
  padding: 18px;
  line-height: 1.8;
}

.vh-app .record-table tr:last-child td {
  border-bottom: 0;
}

.vh-app .record-table tbody tr:hover {
  background: #fcfdff;
}

.vh-app .record-table small {
  color: #939cab;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.7;
  display: block;
}

.vh-app .record-title {
  color: #37465a;
  text-align: left;
  overflow-wrap: anywhere;
  background: none;
  border: 0;
  border-radius: 3px;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.7;
}

.vh-app .record-title:hover {
  color: var(--color-accent);
}

.vh-app .record-title:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 4px;
}

.vh-app .record-row-meta {
  color: #94a0b1;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  font-size: 9px;
  display: flex;
}

.vh-app .record-severity {
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.vh-app .record-time {
  white-space: nowrap;
  font-size: 10px !important;
}

.vh-app .record-card-foot {
  color: #8a95a4;
  background: #fdfdfe;
  border-top: 1px solid #edf0f4;
  padding: 12px 22px;
  font-size: 10px;
  line-height: 1.8;
}

.vh-app .record-guidance {
  color: #8c99aa;
  align-items: flex-start;
  gap: 9px;
  max-width: 900px;
  padding: 18px 4px 0;
  display: flex;
}

.vh-app .record-guidance svg {
  margin-top: 3px;
}

.vh-app .record-guidance p {
  margin: 0;
  font-size: 10px;
  line-height: 1.9;
}

.vh-app .records-empty-state {
  text-align: center;
  color: #8795a7;
  border: 1px solid var(--color-line);
  background: #fff;
  border-radius: 10px;
  padding: 44px 20px;
}

.vh-app .records-panel .records-empty-state {
  border: 0;
}

.vh-app .records-empty-state > svg {
  color: #98aac4;
  margin-bottom: 12px;
}

.vh-app .records-empty-state h2 {
  color: #546780;
  margin-bottom: 8px;
  font-size: 16px;
}

.vh-app .records-empty-state p {
  margin: 0 0 14px;
  font-size: 12px;
  line-height: 1.9;
}

.vh-app .record-muted {
  color: #8d99a9;
  font-size: 11px;
  line-height: 1.8;
}

.vh-app .record-callout {
  color: #93733d;
  background: #fff8ed;
  border: 1px solid #f3e6cf;
  border-radius: 7px;
  margin: 14px 0;
  padding: 12px 15px;
  font-size: 11px;
  line-height: 1.9;
}

.vh-app .candidate-list {
  gap: 8px;
  padding: 6px 20px 14px;
  display: grid;
}

.vh-app .candidate-head {
  color: #8a97a9;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 4px 2px;
  font-size: 10px;
  display: flex;
}

.vh-app .candidate-head label {
  color: #5f7596;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  display: flex;
}

.vh-app .candidate-row {
  background: #fffaf7;
  border: 1px solid #f0d9d0;
  border-left: 3px dashed #d47e79;
  border-radius: 8px;
  align-items: center;
  gap: 14px;
  padding: 13px 15px;
  display: flex;
}

.vh-app .candidate-row.duplicate {
  background: #fafbfc;
  border-color: #e6e9ef #e6e9ef #e6e9ef #c3ccd8;
}

.vh-app .candidate-row.duplicate .record-title {
  color: #8e99a9;
}

.vh-app .candidate-row.failed {
  border-color: #eab3ab;
  box-shadow: 0 0 0 2px #fbe3de;
}

.vh-app .candidate-row[aria-busy="true"] {
  opacity: .7;
}

.vh-app .cand-select {
  accent-color: var(--color-accent);
  flex: none;
  width: 15px;
  height: 15px;
}

.vh-app .candidate-main {
  flex: 1;
  min-width: 0;
}

.vh-app .candidate-main small {
  color: #939cab;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.7;
  display: block;
}

.vh-app .candidate-main small.candidate-error {
  color: #b1534a;
}

.vh-app .candidate-main small.candidate-state {
  color: #5f7596;
}

.vh-app .candidate-actions {
  flex: none;
  gap: 6px;
  display: flex;
}

.vh-app .cand-btn {
  border: 1px solid #0000;
  border-radius: 6px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.vh-app .cand-btn.keep {
  color: #2f7a55;
  background: #e3f5ea;
}

.vh-app .cand-btn.keep:hover:not(:disabled) {
  background: #cdeedb;
}

.vh-app .cand-btn.drop {
  color: #a9544a;
  background: #fdeceb;
}

.vh-app .cand-btn.drop:hover:not(:disabled) {
  background: #f9d9d6;
}

.vh-app .cand-btn:disabled {
  opacity: .35;
}

.vh-app .cand-btn:focus-visible {
  outline-offset: 1px;
  outline: 2px solid #5279da;
}

.vh-app .ignored-candidates {
  color: #8b95a6;
  margin: 6px 20px 14px;
  font-size: 11px;
}

.vh-app .ignored-candidates summary {
  cursor: pointer;
  padding: 8px 0;
  font-weight: 600;
}

.vh-app .ignored-candidates ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vh-app .ignored-candidates li {
  border-top: 1px solid #edf0f4;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 7px 0;
  display: flex;
}

.vh-app .ignored-candidates li > span {
  color: #6f7b8d;
}

.vh-app .ignored-candidates li small {
  color: #a0a9b7;
  flex: 1;
  min-width: 160px;
}

.vh-app .ignored-candidates.earlier .candidate-row {
  background: #fafbfc;
  border-color: #e6e9ef;
  border-left-style: solid;
  margin-top: 8px;
}

.vh-app dialog.record-dialog {
  border: 1px solid var(--color-line);
  width: min(750px, 100% - 28px);
  max-height: calc(100dvh - 70px);
  color: var(--color-ink);
  background: #fff;
  border-radius: 13px;
  margin: auto;
  padding: 0;
  overflow: auto;
  box-shadow: 0 22px 90px #1c325a24;
}

.vh-app dialog.record-dialog.wide {
  width: min(860px, 100% - 28px);
}

.vh-app dialog.record-dialog::backdrop {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #22345138;
}

.vh-app .record-dialog-head {
  border-bottom: 1px solid var(--color-line);
  z-index: 1;
  background: #fff;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 24px;
  display: flex;
  position: sticky;
  top: 0;
}

.vh-app .record-dialog-head h2 {
  letter-spacing: -.4px;
  color: #33435a;
  overflow-wrap: anywhere;
  margin-top: 6px;
  font-size: 19px;
  line-height: 1.5;
}

.vh-app .record-detail {
  color: #5f6d82;
  padding: 20px 24px 24px;
  font-size: 12px;
  line-height: 1.8;
}

.vh-app .record-detail h3 {
  color: #45566f;
  align-items: center;
  gap: 8px;
  margin: 18px 0 8px;
  font-size: 13px;
  display: flex;
}

.vh-app .record-detail p {
  margin: 0 0 8px;
}

.vh-app .record-detail .record-lead {
  color: #66748a;
  margin: 14px 0;
  font-size: 13px;
}

.vh-app .record-detail-meta {
  color: #98a2b1;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  display: flex;
}

.vh-app .record-detail-grid {
  background: #f8fafc;
  border: 1px solid #e9edf3;
  border-radius: 8px;
  grid-template-columns: 1fr 1fr;
  margin: 16px 0;
  display: grid;
  overflow: hidden;
}

.vh-app .record-detail-grid > section {
  border-right: 1px solid #e9edf3;
  padding: 14px 16px;
}

.vh-app .record-detail-grid > section:last-child {
  border: 0;
}

.vh-app .record-detail-grid label, .vh-app .criteria-grid label:not(.record-field) {
  color: #8491a3;
  margin-bottom: 6px;
  font-size: 10px;
  display: block;
}

.vh-app .record-detail-grid p {
  color: #7b889b;
  margin: 8px 0 0;
  font-size: 11px;
}

.vh-app .criteria-grid {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  display: grid;
}

.vh-app .criteria-grid > p {
  grid-column: 1 / -1;
}

.vh-app .detail-link {
  color: #2f5ab3;
  text-align: left;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 8px 0;
  font-size: 11px;
  font-weight: 650;
  display: flex;
}

.vh-app .button-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}

.vh-app .record-form {
  gap: 14px;
  display: grid;
}

.vh-app .record-form p {
  margin: 0;
}

.vh-app .record-field {
  color: #5f7089;
  gap: 6px;
  min-width: 0;
  font-size: 11px;
  display: grid;
}

.vh-app .record-field.narrow {
  max-width: 200px;
}

.vh-app .record-field > span {
  font-weight: 600;
}

.vh-app .record-field > span small {
  color: #98a1ae;
  margin-left: 5px;
  font-weight: 400;
}

.vh-app .record-field input, .vh-app .record-field textarea, .vh-app .record-field select {
  color: #46566e;
  width: 100%;
  min-width: 0;
  font: inherit;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: 6px;
  padding: 9px 11px;
  font-size: 12px;
  line-height: 1.7;
  display: block;
}

.vh-app .record-field textarea {
  resize: vertical;
  min-height: 64px;
}

.vh-app .record-field [aria-invalid="true"], .vh-app .record-dimensions[aria-invalid="true"] {
  background: snow;
  border-color: #e2a59c;
}

.vh-app .record-field input:focus, .vh-app .record-field textarea:focus, .vh-app .record-field select:focus {
  border-color: #94b2e5;
  outline: 2px solid #b1c7ed;
}

.vh-app .record-dimensions {
  color: #687a95;
  border: 1px solid #e3e8f0;
  border-radius: 7px;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0;
  padding: 11px 14px;
  font-size: 11px;
  display: flex;
}

.vh-app .record-dimensions legend {
  padding: 0 5px;
  font-weight: 600;
}

.vh-app .record-dimensions input {
  accent-color: var(--color-accent);
}

.vh-app .confirm-item {
  border: 1px solid #e3e8f0;
  border-radius: 9px;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 14px 16px 16px;
  display: grid;
}

.vh-app .confirm-item > legend {
  color: #45566f;
  overflow-wrap: anywhere;
  max-width: 100%;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 700;
}

.vh-app .confirm-item.has-error {
  border-color: #e2a59c;
}

.vh-app .confirm-item h3 {
  margin: 4px 0 0;
  font-size: 12px;
}

.vh-app .record-form-actions {
  background: #fff;
  border-top: 1px solid #e8edf4;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 4px;
  padding-top: 16px;
  padding-bottom: 4px;
  display: flex;
  position: sticky;
  bottom: -24px;
}

.vh-app .record-form-error {
  color: #b1534a;
  background: #fff1ee;
  border: 1px solid #eed1cb;
  border-radius: 6px;
  margin: 0;
  padding: 10px 13px;
}

@media (max-width: 760px) {
  .vh-app #journey-drawer {
    border-radius: 0;
    width: 100vw;
  }

  .vh-app .journey-drawer-head {
    flex-wrap: wrap;
    gap: 12px;
    padding: 18px 16px;
  }

  .vh-app .journey-drawer-head h2 {
    font-size: 20px;
  }

  .vh-app .journey-drawer-tabs {
    gap: 3px;
    padding: 10px 8px;
  }

  .vh-app .journey-drawer-tabs button {
    gap: 6px;
    padding: 10px 7px;
    font-size: 10px;
  }

  .vh-app .journey-drawer-body {
    padding: 18px 12px;
  }

  .vh-app .journey-drawer-foot {
    padding: 12px;
  }

  .vh-app .batch-bar {
    flex-wrap: wrap;
  }

  .vh-app .batch-bar .btn {
    width: 100%;
  }

  .vh-app .record-stats {
    grid-template-columns: 1fr;
  }

  .vh-app .record-stat {
    border-right: 0;
    border-bottom: 1px solid var(--color-line);
    padding: 14px 16px;
  }

  .vh-app .record-stat > strong {
    font-size: 22px;
  }

  .vh-app .records-toolbar {
    padding: 12px;
  }

  .vh-app .record-search-tools {
    width: 100%;
  }

  .vh-app .record-search {
    flex: 1;
  }

  .vh-app .record-search input {
    width: 100%;
  }

  .vh-app .record-scroll-hint {
    color: #98a3b3;
    margin: 0;
    padding: 0 12px 6px;
    font-size: 10px;
    display: block;
  }

  .vh-app .candidate-list {
    padding: 6px 12px 12px;
  }

  .vh-app .candidate-row {
    flex-wrap: wrap;
  }

  .vh-app .candidate-actions {
    margin-left: auto;
  }

  .vh-app .light-explain, .vh-app .rating-card {
    padding: 16px;
  }

  .vh-app .light-explain-head {
    flex-wrap: wrap;
  }

  .vh-app .light-explain-flags {
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
  }

  .vh-app .light-reason {
    flex-wrap: wrap;
  }

  .vh-app .reason-cta {
    width: 100%;
    padding-left: 21px;
  }

  .vh-app .rating-lights button {
    grid-template-columns: auto 1fr auto;
  }

  .vh-app .rating-lights small {
    grid-column: 2 / 3;
  }

  .vh-app .readiness {
    grid-template-columns: 1fr;
  }

  .vh-app .readiness > div {
    border-bottom: 1px solid #e9edf3;
    border-right: 0;
  }

  .vh-app .record-detail-grid, .vh-app .criteria-grid {
    grid-template-columns: 1fr;
  }

  .vh-app .record-detail-grid > section {
    border-bottom: 1px solid #e9edf3;
    border-right: 0;
  }

  .vh-app .record-dialog-head, .vh-app .record-detail {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vh-app .writing-cell.cell-flash {
    transition: none;
  }
}

.vh-app .record-timeline {
  border-left: 1px solid #dfe6f1;
  margin: 12px 0 18px;
  padding: 0 0 0 16px;
  list-style: none;
}

.vh-app .record-timeline li {
  gap: 5px;
  padding: 0 0 16px 9px;
  display: grid;
  position: relative;
}

.vh-app .record-timeline li:last-child {
  padding-bottom: 0;
}

.vh-app .record-timeline li:before {
  content: "";
  box-sizing: content-box;
  background: #9ab0d4;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  left: -20px;
}

.vh-app .record-timeline li > div {
  color: #8996a8;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  display: flex;
}

.vh-app .record-timeline p {
  color: #66758c;
  margin: 2px 0;
  font-size: 12px;
}

.vh-app .record-timeline small {
  color: #919bac;
  font-size: 10px;
}

.vh-app .record-timeline li.attempt-inactive {
  opacity: .62;
}

.vh-app .record-timeline li.attempt-inactive:before {
  background: #c8d0dc;
}

.vh-app .evidence-card {
  background: #fbfcfe;
  border: 1px solid #e8edf4;
  border-radius: 7px;
  gap: 3px;
  padding: 9px 11px;
  display: grid;
}

.vh-app .evidence-card strong {
  color: #46566e;
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 600;
}

.vh-app .evidence-card .link-btn, .vh-app .evidence-card .record-source {
  justify-self: start;
}

.vh-app .record-source {
  color: var(--color-accent);
  text-underline-offset: 3px;
  font-size: 11px;
  text-decoration: underline;
}

.vh-app .judge-card {
  background: #f7faff;
  border: 1px dashed #b9cbef;
  border-radius: 9px;
  gap: 6px;
  margin: 14px 0;
  padding: 13px 15px;
  display: grid;
}

.vh-app .judge-card p {
  margin: 0;
}

.vh-app .judge-card .link-btn {
  justify-self: start;
}

.vh-app .status-choices {
  border: 0;
  gap: 6px;
  margin: 0;
  padding: 0;
  display: grid;
}

.vh-app .status-choices legend {
  color: #5f7089;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 600;
}

.vh-app .status-choices label {
  cursor: pointer;
  border: 1px solid #e3e8f0;
  border-radius: 7px;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 11px;
  display: flex;
}

.vh-app .status-choices label.selected {
  background: #f5f8ff;
  border-color: #9db8ea;
}

.vh-app .status-choices input {
  accent-color: var(--color-accent);
  margin-top: 3px;
}

.vh-app .status-choices strong {
  color: #3d4b60;
  font-size: 12px;
  display: block;
}

.vh-app .status-choices small {
  color: #8d99a9;
  font-size: 10px;
}

.vh-app .record-checkbox {
  color: #697992;
  align-items: flex-start;
  gap: 9px;
  padding: 4px 0;
  font-size: 12px;
  line-height: 1.7;
  display: flex;
}

.vh-app .competitor-url-input {
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: 6px;
  align-items: center;
  gap: 2px;
  padding: 0 0 0 11px;
  display: flex;
}

.vh-app .competitor-url-input:focus-within {
  border-color: #95b2e1;
  box-shadow: 0 0 0 3px #eff4fc;
}

.vh-app .competitor-url-input[data-invalid] {
  border-color: #d98b83;
}

.vh-app .record-field .competitor-url-input input, .vh-app .record-field .competitor-url-input input:focus {
  width: 100%;
  min-width: 0;
  box-shadow: none;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  padding-left: 1px;
}

.vh-app .url-prefix {
  color: #8ca0bc;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  font-size: 12px;
}

.vh-app .compare-note {
  align-items: flex-start;
  gap: 6px;
  margin: -2px 0 0;
  font-size: 10px;
  line-height: 1.7;
  display: flex;
}

.vh-app .compare-note svg {
  flex: none;
  margin-top: 3px;
}

.vh-app .competitor-details {
  border-top: 1px solid var(--color-line);
  padding-top: 10px;
}

.vh-app .competitor-details summary {
  color: #6982a5;
  cursor: pointer;
  font-size: 11px;
  font-weight: 650;
}

.vh-app .competitor-details summary small {
  color: #97a5b9;
  margin-left: 6px;
  font-weight: 400;
}

.vh-app .competitor-details .record-field, .vh-app .competitor-details .criteria-grid {
  margin-top: 10px;
}

.vh-app .record-checkbox input {
  accent-color: var(--color-accent);
  flex: none;
  margin-top: 5px;
}

.vh-app .record-checkbox small {
  color: #98a1ae;
}

.vh-app .cite-cards summary {
  cursor: pointer;
  color: #5f7596;
  padding: 4px 0;
  font-size: 11px;
  font-weight: 600;
}

.vh-app .metric-pair {
  gap: 6px;
  display: flex;
}

.vh-app .metric-pair input:first-child {
  flex: 1;
}

.vh-app .metric-pair input:last-child {
  width: 90px;
}

.vh-app .empty-hint {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.vh-app .detail-more {
  border-top: 1px solid #edf0f4;
  padding-top: 14px;
}

.vh-app .record-detail h3 .link-btn {
  margin-left: auto;
  font-weight: 600;
}

@media (max-width: 760px) {
  .vh-app .detail-more .btn, .vh-app .record-detail .button-row .btn {
    flex: auto;
  }

  .vh-app .metric-pair input:last-child {
    width: 70px;
  }
}

.vh-app .mitigation-list {
  gap: 6px;
  margin: 6px 0 12px;
  padding: 0;
  list-style: none;
  display: grid;
}

.vh-app .mitigation-list li {
  color: #5f6f86;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: flex;
}

.vh-app .mitigation-list li small {
  color: #919bac;
  flex-basis: 100%;
  font-size: 10px;
}

.vh-app .mitigation-list .link-btn {
  text-align: left;
  overflow-wrap: anywhere;
}

.vh-app .mitigation-choice {
  gap: 4px;
  padding: 4px 0;
  display: grid;
}

.vh-app .mitigation-choice > input {
  border: 1px solid #dfe5ee;
  border-radius: 6px;
  margin-left: 24px;
  padding: 7px 9px;
  font-size: 12px;
}

.vh-app .detail-label {
  color: #8491a3;
  margin: 10px 0 2px;
  font-size: 10px;
  display: block;
}

.vh-app .record-timeline li.inactive {
  opacity: .72;
}

.vh-app .record-timeline li.inactive:before {
  background: #c8d0dc;
}

.vh-app .record-timeline details summary {
  cursor: pointer;
  color: #6b7a90;
  padding: 2px 0;
  font-size: 11px;
}

.vh-app .record-timeline details.detail-more {
  border-top: 0;
  padding-top: 0;
}

.vh-app .pick-list {
  margin: 6px 0 12px;
  padding: 0;
  list-style: none;
}

.vh-app .pick-list li {
  color: #4f5f76;
  border-top: 1px solid #edf0f4;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  font-size: 12px;
  display: flex;
}

.vh-app .pick-list li > span {
  overflow-wrap: anywhere;
  flex: 200px;
}

.vh-app .pick-list li small {
  color: #98a1ae;
}

.vh-app .risk-review-callout {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.vh-app .risk-review-callout p {
  flex: 240px;
  margin: 0;
}

.vh-app .review-queue {
  margin: 0 0 16px;
}

.vh-app .review-queue p {
  margin: 0 0 6px;
}

.vh-app .review-queue ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vh-app .review-queue li {
  border-top: 1px solid #f3e6cf;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  display: flex;
}

.vh-app .review-queue li > span {
  color: #7d6334;
  overflow-wrap: anywhere;
  flex: 220px;
}

.vh-app .review-queue li small {
  color: #a88c5a;
}

.vh-app .record-checkbox .stack small {
  display: block;
}

.vh-app .record-callout .callout-note {
  margin-top: 4px;
  display: block;
}

.vh-app .competitors-page {
  margin-top: 22px;
}

.vh-app .record-section-label {
  letter-spacing: .4px;
  color: #8792a3;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.vh-app .qtag {
  color: #9aa6b8;
  letter-spacing: 0;
  background: #f3f5f9;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 9px;
  font-weight: 500;
}

.vh-app .competition-doc .record-card {
  padding: 22px;
}

.vh-app .competition-doc .record-card p {
  color: #657185;
  overflow-wrap: anywhere;
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.9;
}

.vh-app .competition-doc .record-card h2 {
  letter-spacing: -.3px;
  margin: 6px 0 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.vh-app .prose-list {
  color: #657185;
  margin: 8px 0 0;
  padding-left: 18px;
  font-size: 12px;
  line-height: 1.8;
}

.vh-app .competition-meta {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  display: flex;
}

.vh-app .competition-meta > div {
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  display: flex;
}

.vh-app .competition-meta > div > span:not(.record-chip) {
  color: #8b94a2;
  font-size: 10px;
}

.vh-app .competition-meta .button-row {
  margin-top: 0;
}

.vh-app .competition-meta .btn {
  min-height: 31px;
  font-size: 11px;
}

.vh-app .market-grid {
  grid-template-columns: 1.2fr 1fr;
  gap: 18px;
  margin-bottom: 20px;
  display: grid;
}

.vh-app .competition-doc .market-definition {
  background: linear-gradient(125deg, #fff 60%, #f3f6fc);
}

.vh-app .competition-doc .market-definition > p {
  color: #536278;
  font-size: 14px;
}

.vh-app .competition-doc .market-size > p {
  font-size: 11px;
}

.vh-app .market-size > .record-chip {
  margin-top: 12px;
}

.vh-app .competition-doc .competitor-card {
  margin-bottom: 20px;
  padding: 0;
  overflow: hidden;
}

.vh-app .record-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 22px 24px 16px;
  display: flex;
}

.vh-app .competition-doc .record-card-head p {
  color: #8b94a2;
  margin: 0;
  font-size: 10px;
}

.vh-app .competitor-table {
  table-layout: fixed;
  min-width: 860px;
}

.vh-app .competitor-table th:first-child {
  width: 20%;
}

.vh-app .competitor-table th:last-child {
  width: 48px;
}

.vh-app .competitor-table td {
  vertical-align: top;
  overflow-wrap: anywhere;
}

.vh-app .competitor-table tr.competitor-type td {
  background: #fcfcfd;
}

.vh-app .competitor-empty {
  text-align: center;
  color: #8d99a9;
}

.vh-app .competition-doc .competitor-card > .record-callout {
  margin: 14px 22px !important;
}

.vh-app .strategy-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

.vh-app .strategy-grid p {
  font-size: 11px !important;
}

.vh-app .record-footnote {
  color: #909ba9;
  align-items: flex-start;
  gap: 7px;
  margin: 18px 0 0;
  font-size: 10px;
  line-height: 1.8;
  display: flex;
}

.vh-app .record-footnote svg {
  flex: none;
  margin-top: 3px;
}

.vh-app .records-empty-state .button-row.centered {
  justify-content: center;
  margin-top: 4px;
}

.vh-app .competition-doc .records-empty-state > svg {
  margin: 0 auto 12px;
  display: block;
}

.vh-app .detail-section h3 {
  margin-top: 14px;
}

@media (max-width: 1100px) {
  .vh-app .market-grid, .vh-app .strategy-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .vh-app .competition-meta {
    align-items: flex-start;
  }

  .vh-app .competition-meta .btn {
    padding-inline: 9px;
    font-size: 10px;
  }

  .vh-app .competition-doc .record-card {
    padding: 18px;
  }

  .vh-app .competition-doc .competitor-card {
    padding: 0;
  }

  .vh-app .record-card-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 18px 16px 12px;
  }

  .vh-app .market-grid, .vh-app .strategy-grid {
    gap: 14px;
  }
}

.vh-app .journey-views .journey-build-link[aria-current] {
  color: #5278be;
}

.vh-app .journey-asset-page {
  margin-top: 22px;
}

.vh-app .journey-asset-heading {
  flex-wrap: wrap;
}

.vh-app .journey-asset-heading .heading-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.vh-app .asset-stepper {
  background: #fff;
  border: 1px solid #e1e8f2;
  border-radius: 12px;
  align-items: stretch;
  gap: 10px;
  margin: 2px 0 22px;
  padding: 10px;
  display: flex;
}

.vh-app .asset-step {
  text-align: left;
  color: #6b7d97;
  background: none;
  border: 1px solid #0000;
  border-radius: 9px;
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 11px 13px;
  display: flex;
}

.vh-app a.asset-step:hover {
  background: #f7f9fc;
}

.vh-app .asset-step:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #5279da;
}

.vh-app .asset-step[aria-current] {
  color: #3f5f9c;
  background: #f0f5ff;
  border-color: #d8e4fa;
}

.vh-app .asset-step[aria-disabled="true"] {
  cursor: default;
}

.vh-app .asset-step-index {
  letter-spacing: 1px;
  color: #98a5b8;
  flex: none;
  font-size: 9px;
}

.vh-app .asset-step-dot {
  color: #fff;
  background: #fff;
  border: 1.5px solid #c9d3e0;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 18px;
  height: 18px;
  display: grid;
}

.vh-app .asset-step[data-state="locked"] .asset-step-dot {
  color: #9aa6b6;
  background: #eef1f5;
  border-color: #dde3ec;
}

.vh-app .asset-step[data-state="ready"] .asset-step-dot {
  border-color: #3b6fd6;
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 9px #3b6fd6;
}

.vh-app .asset-step[data-state="generating"] .asset-step-dot {
  border-color: #0000 #3b6fd6 #3b6fd6;
  animation: 1s linear infinite asset-spin;
}

.vh-app .asset-step[data-state="pending"] .asset-step-dot {
  background: #dc8a10;
  border-color: #dc8a10;
}

.vh-app .asset-step[data-state="reviewed"] .asset-step-dot {
  background: #2e9864;
  border-color: #2e9864;
}

.vh-app .asset-step[data-state="stale"] .asset-step-dot {
  color: #dc8a10;
  background: #fff;
  border-color: #dc8a10;
  box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 9px #dc8a10;
}

.vh-app .asset-step-text {
  min-width: 0;
}

.vh-app .asset-step-text strong {
  color: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}

.vh-app .asset-step-text small {
  color: #8b98ab;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10px;
  line-height: 1.5;
  display: block;
  overflow: hidden;
}

.vh-app .asset-step[aria-current] .asset-step-text small {
  color: #6b83ad;
}

.vh-app .asset-step-line {
  border-top: 1px solid #d9e1ec;
  flex: none;
  align-self: center;
  width: 18px;
}

@keyframes asset-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .vh-app .asset-step[data-state="generating"] .asset-step-dot {
    border-style: dashed;
    border-top-color: #3b6fd6;
    animation: none;
  }
}

.vh-app .asset-meta {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}

.vh-app .asset-meta > div:first-child {
  color: #8b95a6;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  display: flex;
}

.vh-app .asset-meta .button-row {
  margin-top: 0;
}

.vh-app .asset-review-rule {
  color: #6c7a90;
  background: #fafbfd;
  border: 1px solid #e4e9f1;
  border-radius: 8px;
  align-items: flex-start;
  gap: 8px;
  margin: 18px 0 0;
  padding: 13px 16px;
  font-size: 11px;
  line-height: 1.8;
  display: flex;
}

.vh-app .asset-review-rule svg {
  color: #7a8ba5;
  flex: none;
  margin-top: 4px;
}

.vh-app .asset-next {
  color: #4b678f;
  background: #edf3ff;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 20px;
  padding: 16px 18px;
  font-size: 11px;
  line-height: 1.7;
  display: flex;
}

.vh-app .precheck-list {
  color: #5f7089;
  margin: 10px 0 14px 18px;
  font-size: 12px;
  line-height: 1.8;
  list-style: outside;
}

.vh-app .review-checklist {
  color: #5f7089;
  margin: 0 0 6px;
  padding: 0;
  font-size: 12px;
  line-height: 1.8;
  list-style: none;
}

.vh-app .review-checklist li {
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  display: flex;
}

.vh-app .review-checklist li.ok svg {
  color: #2e9864;
}

.vh-app .review-checklist li.no svg {
  color: #b75445;
}

.vh-app .record-fieldset {
  border: 0;
  gap: 14px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.vh-app .record-loading {
  border: 1px solid var(--color-line);
  background: #fff;
  border-radius: 10px;
  padding: 30px;
}

.vh-app .record-loading div {
  background: linear-gradient(90deg, #f4f6fa, #eaf0f8, #f4f6fa);
  border-radius: 8px;
  height: 53px;
  margin-bottom: 15px;
}

.vh-app .record-loading p {
  color: #8591a2;
  margin: 0;
  font-size: 12px;
}

.vh-app .journey-asset-page .records-empty-state > svg {
  margin: 0 auto 12px;
  display: block;
}

.vh-app .change-hints > span {
  gap: 4px;
  display: grid;
}

.vh-app .change-hints strong {
  font-weight: 650;
}

.vh-app .tier-card {
  margin-bottom: 16px;
  padding: 0;
  overflow: hidden;
}

.vh-app .tier-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 22px 12px;
  display: flex;
}

.vh-app .tier-head h2 {
  align-items: center;
  gap: 10px;
  margin: 0 0 4px;
  font-size: 15px;
  display: flex;
}

.vh-app .tier-head p {
  color: #8b95a6;
  margin: 0;
  font-size: 10px;
}

.vh-app .tier-empty {
  color: #98a2b1;
  margin: 0;
  padding: 0 22px 18px;
  font-size: 11px;
}

.vh-app .feature-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vh-app .feature-item {
  border-top: 1px solid #edf0f4;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 22px;
  display: flex;
}

.vh-app .feature-item.unmapped {
  background: #fffaf1;
}

.vh-app .feature-item.stale {
  background: #fffdf7;
}

.vh-app .feature-main {
  flex: 1;
  min-width: 0;
}

.vh-app .feature-main .record-row-meta {
  flex-wrap: wrap;
}

.vh-app .feature-main .record-title {
  font-size: 13px;
  line-height: 1.6;
  display: inline;
}

.vh-app .feature-value {
  color: #6b7a90;
  overflow-wrap: anywhere;
  margin: 6px 0 0;
  font-size: 11px;
  line-height: 1.8;
}

.vh-app .feature-acceptance {
  color: #7d8a9d;
  overflow-wrap: anywhere;
  margin: 8px 0 0 18px;
  padding: 0;
  font-size: 10px;
  line-height: 1.8;
  list-style: outside;
}

.vh-app .feature-missing {
  color: #b07a2b;
  margin: 8px 0 0;
  font-size: 10px;
}

.vh-app .feature-notes {
  color: #8e98a8;
  white-space: pre-line;
  overflow-wrap: anywhere;
  margin: 8px 0 0;
  font-size: 10px;
  font-style: italic;
}

.vh-app .feature-actions {
  flex: none;
  align-items: center;
  gap: 5px;
  display: flex;
}

.vh-app .feature-actions select {
  font: inherit;
  color: #526889;
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: 6px;
  max-width: 96px;
  padding: 6px 7px;
  font-size: 10px;
}

.vh-app .feature-actions .icon-btn {
  width: 28px;
  height: 28px;
}

.vh-app .feature-actions .icon-btn:disabled {
  opacity: .4;
}

@media (max-width: 760px) {
  .vh-app .journey-asset-heading .heading-actions {
    row-gap: 6px;
  }

  .vh-app .asset-stepper {
    flex-direction: column;
    gap: 4px;
    padding: 8px;
  }

  .vh-app .asset-step-line {
    display: none;
  }

  .vh-app .asset-step {
    padding: 10px;
  }

  .vh-app .asset-meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .vh-app .tier-head {
    padding: 16px 14px 10px;
  }

  .vh-app .feature-item {
    flex-direction: column;
    gap: 10px;
    padding: 14px;
  }

  .vh-app .feature-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .vh-app .asset-next {
    flex-direction: column;
    align-items: flex-start;
  }

  .vh-app .asset-next .btn {
    justify-content: center;
    width: 100%;
  }
}

.vh-app .tech-sections {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.vh-app .tech-section {
  flex-direction: column;
  min-width: 0;
  padding: 22px;
  display: flex;
}

.vh-app .tech-section > .button-row {
  margin-top: auto;
  padding-top: 14px;
}

.vh-app .tech-body {
  color: #5f6f86;
  overflow-wrap: anywhere;
  margin-top: 10px;
  font-size: 11px;
  line-height: 1.85;
}

.vh-app .tech-body p {
  color: #5f6f86;
  margin: 0 0 10px;
  font-size: 11px;
  line-height: 1.85;
}

.vh-app .tech-body ul, .vh-app .tech-body ol {
  margin: 0 0 10px 18px;
  padding: 0;
}

.vh-app .tech-body ul {
  list-style: outside;
}

.vh-app .tech-body ol {
  list-style: decimal;
}

.vh-app .tech-body li {
  margin-bottom: 5px;
}

.vh-app .tech-body strong {
  color: #3f5171;
}

.vh-app .tech-body code {
  background: #f3f5f9;
  border-radius: 4px;
  padding: 1px 4px;
  font-size: 10px;
}

.vh-app .md-table {
  min-width: 420px;
  font-size: 10px;
}

.vh-app .md-table th {
  white-space: nowrap;
  padding: 8px 10px;
}

.vh-app .md-table td {
  vertical-align: top;
  padding: 8px 10px;
  line-height: 1.6;
}

.vh-app .md-table td:first-child {
  white-space: nowrap;
  color: #4b5d7a;
  font-weight: 600;
}

.vh-app .tech-body .record-table-scroll {
  border: 1px solid #edf0f4;
  border-radius: 8px;
  margin: 4px 0 10px;
}

.vh-app .not-introducing {
  border-top: 1px dashed #e2e8f0;
  margin-top: 14px;
  padding-top: 12px;
}

.vh-app .not-introducing h3 {
  color: #4f627f;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-size: 11px;
  display: flex;
}

.vh-app .not-introducing ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vh-app .not-introducing li {
  color: #647389;
  border-bottom: 1px solid #f1f4f8;
  align-items: flex-start;
  gap: 8px;
  padding: 7px 0;
  font-size: 11px;
  line-height: 1.7;
  display: flex;
}

.vh-app .not-introducing li > span:first-child {
  overflow-wrap: anywhere;
  flex: 1;
  min-width: 0;
}

.vh-app .not-introducing li strong {
  color: #3f5171;
}

.vh-app .not-introducing li .record-chip {
  flex: none;
}

.vh-app .not-introducing li .icon-btn {
  flex: none;
  width: 24px;
  height: 24px;
}

.vh-app .not-introducing .button-row {
  margin-top: 8px;
  padding-top: 0;
}

.vh-app .change-hint {
  display: block;
}

.vh-app textarea.tech-editor {
  min-height: 260px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  line-height: 1.7;
}

@media (max-width: 1100px) {
  .vh-app .tech-sections {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .vh-app .tech-section {
    padding: 18px;
  }

  .vh-app .not-introducing li {
    flex-wrap: wrap;
  }
}

.vh-app .export-menu {
  position: relative;
}

.vh-app .export-panel {
  z-index: 60;
  border: 1px solid var(--color-line);
  background: #fff;
  border-radius: 11px;
  width: min(340px, 100vw - 24px);
  padding: 12px 14px 14px;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  box-shadow: 0 18px 50px #1c325626;
}

.vh-app .export-panel-head {
  letter-spacing: .4px;
  color: #8792a3;
  text-transform: uppercase;
  margin: 0 0 6px;
  font-size: 10px;
  font-weight: 650;
}

.vh-app .export-panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vh-app .export-panel li {
  color: #3f5171;
  border-top: 1px solid #f1f4f8;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 7px 0;
  font-size: 12px;
  display: flex;
}

.vh-app .export-panel li:first-child {
  border-top: 0;
}

.vh-app .export-panel li.disabled {
  color: #a3adbb;
}

.vh-app .export-name {
  min-width: 0;
}

.vh-app .export-name small {
  color: #98a2b1;
  font-size: 10px;
  display: block;
}

.vh-app .export-formats {
  flex: none;
  gap: 6px;
  display: flex;
}

.vh-app .export-formats a, .vh-app .export-formats span {
  color: #456dbc;
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 11px;
}

.vh-app .export-formats a:hover {
  background: #edf3ff;
}

.vh-app .export-formats span {
  color: #b6bfcb;
  border-style: dashed;
}

.vh-app .export-zip {
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}

.vh-app .export-panel .record-muted {
  margin: 8px 0 0;
  font-size: 10px;
  line-height: 1.6;
}

.vh-app .export-import {
  margin-top: 10px;
  font-size: 11px;
}

.vh-app .import-dialog code {
  background: #f3f5f9;
  border-radius: 4px;
  padding: 1px 4px;
  font-size: 11px;
}

.vh-app .import-choose {
  cursor: pointer;
  align-self: flex-start;
}

.vh-app .import-choose:focus-within {
  outline: 2px solid #b1c7ed;
}

.vh-app .import-summary {
  color: #5f7089;
  font-size: 12px;
  line-height: 1.8;
}

.vh-app .import-canvas {
  border: 1px solid #e4e9f1;
  border-radius: 10px;
  padding: 14px 16px;
}

.vh-app .import-canvas h3 {
  color: #3f5171;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  font-size: 13px;
  display: flex;
}

.vh-app .import-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.vh-app .import-columns h4 {
  letter-spacing: .4px;
  text-transform: uppercase;
  color: #8792a3;
  margin: 0 0 6px;
  font-size: 10px;
  font-weight: 650;
}

.vh-app .import-cells, .vh-app .import-unmapped {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vh-app .import-cells li {
  color: #5f7089;
  border-top: 1px solid #f1f4f8;
  gap: 2px;
  padding: 6px 0;
  font-size: 11px;
  display: grid;
}

.vh-app .import-cells li strong {
  color: #3f5171;
  font-size: 11px;
}

.vh-app .import-cells li span {
  overflow-wrap: anywhere;
}

.vh-app .import-cells li.empty span {
  color: #a3adbb;
}

.vh-app .import-unmapped li {
  color: #6c5a33;
  background: #fffaf1;
  border: 1px dashed #e2c98f;
  border-radius: 8px;
  gap: 6px;
  margin-bottom: 8px;
  padding: 8px 10px;
  font-size: 11px;
  display: grid;
}

.vh-app .import-unmapped li p {
  white-space: pre-line;
  overflow-wrap: anywhere;
  margin: 0;
}

.vh-app .import-unmapped li small {
  color: #9b7b39;
}

.vh-app .import-assign select {
  font: inherit;
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: 6px;
  max-width: 100%;
  padding: 5px 7px;
  font-size: 11px;
}

.vh-app .canvas-switcher-wrap {
  margin: 0 0 10px;
}

.vh-app .canvas-switcher {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.vh-app .canvas-switcher-label {
  letter-spacing: .4px;
  text-transform: uppercase;
  color: #8792a3;
  margin-right: 4px;
  font-size: 10px;
  font-weight: 650;
}

.vh-app .canvas-switcher-label small {
  text-transform: none;
  margin-left: 4px;
  font-weight: 500;
}

.vh-app .canvas-switcher a {
  color: #52678a;
  background: #fff;
  border: 1px solid #e1e8f2;
  border-radius: 7px;
  align-items: baseline;
  gap: 6px;
  padding: 5px 10px;
  font-size: 11px;
  display: inline-flex;
}

.vh-app .canvas-switcher a small {
  color: #98a2b1;
  font-size: 9px;
}

.vh-app .canvas-switcher a.active {
  color: #3f5f9c;
  background: #eaf1ff;
  border-color: #d8e4fa;
}

@media (max-width: 760px) {
  .vh-app .import-columns {
    grid-template-columns: 1fr;
  }
}

.vh-app.admin-shell {
  background: var(--color-bg, #f5f7fb);
  min-height: 100vh;
}

.vh-app .admin-top {
  border-bottom: 1px solid var(--color-line);
  background: #fff;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  padding: 14px 28px;
  font-size: 13px;
  display: flex;
}

.vh-app .admin-top nav {
  gap: 6px;
  display: flex;
}

.vh-app .admin-top nav a {
  color: #52678a;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 12px;
}

.vh-app .admin-top nav a:hover {
  background: #edf3ff;
}

.vh-app .admin-back {
  color: #738198;
  margin-left: auto;
  font-size: 12px;
}

.vh-app .admin-main {
  gap: 18px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px;
  display: grid;
}

.vh-app .admin-env {
  gap: 6px;
  display: flex;
}

.vh-app .admin-env a {
  color: #52678a;
  background: #fff;
  border: 1px solid #e1e8f2;
  border-radius: 7px;
  padding: 6px 12px;
  font-size: 12px;
}

.vh-app .admin-env a[aria-current] {
  color: #3f5f9c;
  background: #eaf1ff;
  border-color: #d8e4fa;
}

.vh-app .admin-card {
  padding: 18px 20px;
}

.vh-app .admin-card h2 {
  margin: 0 0 10px;
  font-size: 14px;
}

.vh-app .admin-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.vh-app .admin-table td {
  vertical-align: top;
}

.vh-app .admin-table td small {
  color: #98a2b1;
  margin-top: 3px;
  font-size: 10px;
  display: block;
}

.vh-app .admin-table tr.active td {
  background: #f6fbf7;
}

.vh-app .admin-actions {
  gap: 6px;
  margin-top: 0;
}

.vh-app .admin-grid {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.4fr);
  align-items: start;
  gap: 18px;
  display: grid;
}

.vh-app .admin-versions {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vh-app .admin-account {
  color: #5f7089;
  border-top: 1px solid #f1f4f8;
  margin-top: 12px;
  padding-top: 12px;
  font-size: 12px;
}

.vh-app .admin-account strong {
  color: #2d3a4f;
}

.vh-app .admin-versions li {
  color: #5f7089;
  border-top: 1px solid #f1f4f8;
  padding: 10px 0;
  font-size: 12px;
}

.vh-app .admin-versions li.active {
  background: #f6fbf7;
}

.vh-app .admin-versions li > div:first-child {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.vh-app .admin-versions li small {
  color: #98a2b1;
  margin-left: auto;
}

.vh-app .admin-versions li p {
  margin: 6px 0 0;
}

.vh-app .admin-versions .button-row {
  gap: 6px;
  margin-top: 8px;
}

.vh-app .admin-inline {
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.vh-app .admin-inline label {
  flex: 1;
}

.vh-app .admin-inline input {
  width: 100%;
  font: inherit;
  border: 1px solid #dfe5ed;
  border-radius: 6px;
  padding: 7px 9px;
  font-size: 12px;
}

.vh-app textarea.admin-code, .vh-app input.admin-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  line-height: 1.6;
}

.vh-app .admin-row {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  display: grid;
}

.vh-app .admin-grid .batch-status, .vh-app .admin-main > .batch-status {
  grid-column: 1 / -1;
}

@media (max-width: 900px) {
  .vh-app .admin-grid {
    grid-template-columns: 1fr;
  }

  .vh-app .admin-main {
    padding: 18px 14px;
  }
}

/* [project]/app/manrope_e19b02ab.module.css [app-client] (css) */
@font-face {
  font-family: manrope;
  src: url("../fonts/manrope-latin.woff2") format("woff2");
  font-display: swap;
  font-weight: 200 800;
}

@font-face {
  font-family: manrope Fallback;
  src: local(Arial);
  ascent-override: 106.45%;
  descent-override: 29.96%;
  line-gap-override: 0.0%;
  size-adjust: 100.14%;
}

.manrope_e19b02ab-module__aIOKwW__className {
  font-family: manrope, manrope Fallback;
}

.manrope_e19b02ab-module__aIOKwW__variable {
  --font-manrope: "manrope", "manrope Fallback";
}

/* [project]/app/jetbrains_43f34b9f.module.css [app-client] (css) */
@font-face {
  font-family: jetbrains;
  src: url("../fonts/jetbrains-mono-latin.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 800;
}

@font-face {
  font-family: jetbrains Fallback;
  src: local(Arial);
  ascent-override: 77.57%;
  descent-override: 22.82%;
  line-gap-override: 0.0%;
  size-adjust: 131.49%;
}

.jetbrains_43f34b9f-module__-cZzJa__className {
  font-family: jetbrains, jetbrains Fallback;
}

.jetbrains_43f34b9f-module__-cZzJa__variable {
  --font-jetbrains: "jetbrains", "jetbrains Fallback";
}

/*# sourceMappingURL=app_0y9oj29._.css.map*/
/* [project]/components/home/demo.module.css [app-client] (css) */
.demo-module__-Fh0_G__stage {
  width: calc(660px * var(--demo-scale));
  height: calc(520px * var(--demo-scale));
  --demo-scale: 1.36;
  display: none;
  position: relative;
}

@media (min-width: 761px) {
  .demo-module__-Fh0_G__stage {
    display: block;
  }
}

@media (max-width: 1100px) {
  .demo-module__-Fh0_G__stage {
    --demo-scale: 1.1;
  }
}

@media (max-width: 860px) {
  .demo-module__-Fh0_G__stage {
    --demo-scale: 1;
  }
}

.demo-module__-Fh0_G__frame {
  width: 660px;
  height: 520px;
  transform: scale(var(--demo-scale));
  transform-origin: 0 0;
  color: #14161a;
  background: #fff;
  border: 1px solid #e4e6ea;
  border-radius: 12px;
  flex-direction: column;
  font-size: 11px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  box-shadow: 0 30px 60px #14161a1a, 0 1px 2px #14161a0f;
}

.demo-module__-Fh0_G__cur {
  z-index: 5;
  opacity: 0;
  animation: 12s ease-in-out infinite demo-module__-Fh0_G__curD;
  position: absolute;
  top: 0;
  left: 0;
}

.demo-module__-Fh0_G__top {
  border-bottom: 1px solid #e4e6ea;
  flex: none;
  align-items: center;
  gap: 12px;
  height: 44px;
  padding: 0 14px;
  display: flex;
}

.demo-module__-Fh0_G__crumb {
  color: #6b7280;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.demo-module__-Fh0_G__crumb strong {
  color: #14161a;
  font-weight: 700;
}

.demo-module__-Fh0_G__tag {
  color: #6b7280;
  white-space: nowrap;
  background: #f0f1f3;
  border-radius: 10px;
  align-items: center;
  height: 18px;
  padding: 0 8px;
  font-size: 9px;
  font-weight: 600;
  display: inline-flex;
}

.demo-module__-Fh0_G__topEnd {
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.demo-module__-Fh0_G__saved {
  color: #9aa1ad;
  font-size: 10.5px;
}

.demo-module__-Fh0_G__scanBtn {
  color: #fff;
  background: #3b6fd6;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  position: relative;
}

.demo-module__-Fh0_G__ripple {
  opacity: 0;
  pointer-events: none;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.demo-module__-Fh0_G__rip1 {
  animation: 12s linear infinite demo-module__-Fh0_G__rip1;
}

.demo-module__-Fh0_G__rip2 {
  animation: 12s linear infinite demo-module__-Fh0_G__rip2;
}

.demo-module__-Fh0_G__body {
  flex: 1;
  min-height: 0;
  display: flex;
}

.demo-module__-Fh0_G__side {
  background: #fbfbfc;
  border-right: 1px solid #e4e6ea;
  flex-direction: column;
  flex: none;
  gap: 3px;
  width: 126px;
  padding: 10px 8px;
  display: flex;
}

.demo-module__-Fh0_G__project {
  background: #fff;
  border: 1px solid #e4e6ea;
  border-radius: 8px;
  margin-bottom: 6px;
  padding: 6px 8px;
}

.demo-module__-Fh0_G__project strong {
  font-size: 10.5px;
  font-weight: 700;
  display: block;
}

.demo-module__-Fh0_G__project span {
  color: #6b7280;
  font-size: 9px;
}

.demo-module__-Fh0_G__sideItem {
  color: #3a3f47;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.demo-module__-Fh0_G__sideOn {
  color: #2f5ab3;
  background: #e8effc;
  font-weight: 700;
}

.demo-module__-Fh0_G__n {
  color: #6b7280;
  background: #f0f1f3;
  border-radius: 8px;
  padding: 0 5px;
  font-size: 8.5px;
}

.demo-module__-Fh0_G__st {
  color: #9aa1ad;
  font-size: 8.5px;
}

.demo-module__-Fh0_G__rule {
  background: #e4e6ea;
  height: 1px;
  margin: 6px 0;
}

.demo-module__-Fh0_G__sideLabel {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #9aa1ad;
  padding: 0 8px 2px;
  font-size: 8.5px;
  font-weight: 700;
}

.demo-module__-Fh0_G__main {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 0;
  padding: 12px 14px;
  display: flex;
}

.demo-module__-Fh0_G__lights {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.demo-module__-Fh0_G__lcard {
  background: #fff;
  border: 1px solid #e4e6ea;
  border-radius: 8px;
  flex-direction: column;
  gap: 4px;
  padding: 8px 9px;
  display: flex;
}

.demo-module__-Fh0_G__lcardAnim {
  animation: 12s linear infinite demo-module__-Fh0_G__lcard;
}

.demo-module__-Fh0_G__lhead {
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.demo-module__-Fh0_G__ltext {
  color: #6b7280;
  font-size: 9.5px;
  line-height: 1.35;
  position: relative;
}

.demo-module__-Fh0_G__dot {
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}

.demo-module__-Fh0_G__off {
  background: #fff;
  border: 1.5px solid #cbd5e1;
}

.demo-module__-Fh0_G__light {
  background: #dc8a10;
  border: 1.5px solid #dc8a10;
  animation: 12s linear infinite demo-module__-Fh0_G__light;
}

.demo-module__-Fh0_G__ltA {
  opacity: 0;
  animation: 12s linear infinite demo-module__-Fh0_G__ltA;
  position: absolute;
  top: 0;
  left: 0;
}

.demo-module__-Fh0_G__ltB {
  animation: 12s linear infinite demo-module__-Fh0_G__ltB;
}

.demo-module__-Fh0_G__nba {
  background: #e8effc;
  border: 1px solid #cfdcf7;
  border-radius: 8px;
  flex-direction: column;
  gap: 3px;
  padding: 8px 10px;
  animation: 12s ease-out infinite demo-module__-Fh0_G__nba;
  display: flex;
}

.demo-module__-Fh0_G__nbaLabel {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #2f5ab3;
  font-size: 8.5px;
  font-weight: 700;
}

.demo-module__-Fh0_G__nbaText {
  color: #14161a;
  font-size: 10.5px;
  line-height: 1.4;
}

.demo-module__-Fh0_G__doc {
  background: #fff;
  border: 1px solid #e4e6ea;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-height: 0;
  padding: 12px 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.demo-module__-Fh0_G__docHead {
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.demo-module__-Fh0_G__docHead strong {
  font-size: 13px;
  font-weight: 800;
}

.demo-module__-Fh0_G__docHead span {
  color: #9aa1ad;
  font-size: 9px;
}

.demo-module__-Fh0_G__gen {
  color: #6b7280;
  opacity: 0;
  background: #f0f1f3;
  border-radius: 9px;
  align-items: center;
  gap: 5px;
  height: 18px;
  padding: 0 7px;
  font-size: 8.5px;
  font-weight: 600;
  animation: 12s linear infinite demo-module__-Fh0_G__gen;
  display: inline-flex;
  position: absolute;
  top: 9px;
  right: 84px;
}

.demo-module__-Fh0_G__spinner {
  border: 1.5px solid #9aa1ad;
  border-top-color: #0000;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.demo-module__-Fh0_G__cell {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.demo-module__-Fh0_G__cellHead {
  align-items: center;
  gap: 8px;
  display: flex;
}

.demo-module__-Fh0_G__cellLabel {
  font-size: 10.5px;
  font-weight: 700;
}

.demo-module__-Fh0_G__cellBody {
  position: relative;
}

.demo-module__-Fh0_G__cellP {
  color: #3a3f47;
  margin: 0;
  font-size: 11.5px;
  line-height: 1.5;
}

.demo-module__-Fh0_G__t1 {
  animation: 12s ease-out infinite demo-module__-Fh0_G__t1;
}

.demo-module__-Fh0_G__t2 {
  animation: 12s ease-out infinite demo-module__-Fh0_G__t2;
}

.demo-module__-Fh0_G__t3 {
  animation: 12s ease-out infinite demo-module__-Fh0_G__t3;
}

.demo-module__-Fh0_G__t4 {
  animation: 12s ease-out infinite demo-module__-Fh0_G__t4;
}

.demo-module__-Fh0_G__skel {
  opacity: 0;
  flex-direction: column;
  gap: 7px;
  animation: 12s linear infinite demo-module__-Fh0_G__skel;
  display: flex;
  position: absolute;
  inset: 3px 0 0;
}

.demo-module__-Fh0_G__bar {
  background: #dfe2e6;
  border-radius: 3px;
  height: 6px;
}

.demo-module__-Fh0_G__chip {
  color: #9a5b00;
  background: #fdf1dc;
  border-radius: 8px;
  padding: 1px 6px;
  font-size: 8.5px;
  font-weight: 600;
  animation: 12s ease-out infinite demo-module__-Fh0_G__chip;
}

.demo-module__-Fh0_G__cs {
  color: #14161a;
  animation: 12s linear infinite demo-module__-Fh0_G__cs;
}

.demo-module__-Fh0_G__empty {
  color: #6b7280;
  border: 1px dashed #d1d5db;
  border-radius: 6px;
  padding: 7px 9px;
  font-size: 10.5px;
  line-height: 1.4;
}

.demo-module__-Fh0_G__right {
  background: #fff;
  border-left: 1px solid #e4e6ea;
  flex-direction: column;
  flex: none;
  width: 222px;
  min-height: 0;
  display: flex;
}

.demo-module__-Fh0_G__rightHead {
  border-bottom: 1px solid #e4e6ea;
  flex-direction: column;
  gap: 9px;
  padding: 12px 12px 10px;
  display: flex;
}

.demo-module__-Fh0_G__rightTitle {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.demo-module__-Fh0_G__rightTitle strong {
  font-size: 12.5px;
  font-weight: 800;
}

.demo-module__-Fh0_G__rightTitle span {
  color: #9aa1ad;
  font-size: 9.5px;
}

.demo-module__-Fh0_G__segs {
  background: #f0f1f3;
  border-radius: 7px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
  padding: 3px;
  display: grid;
}

.demo-module__-Fh0_G__seg {
  color: #6b7280;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 24px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.demo-module__-Fh0_G__segOn {
  color: #14161a;
  background: #fff;
  font-weight: 700;
  box-shadow: 0 1px 2px #14161a14;
}

.demo-module__-Fh0_G__thread {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-height: 0;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.demo-module__-Fh0_G__q {
  gap: 8px;
  animation: 12s ease-out infinite demo-module__-Fh0_G__q;
  display: flex;
}

.demo-module__-Fh0_G__qAvatar {
  color: #fff;
  background: #14161a;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}

.demo-module__-Fh0_G__qBody {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.demo-module__-Fh0_G__qText {
  color: #14161a;
  margin: 0;
  font-size: 10.5px;
  line-height: 1.5;
}

.demo-module__-Fh0_G__qWhy {
  color: #9aa1ad;
  font-size: 9px;
}

.demo-module__-Fh0_G__r {
  color: #14161a;
  background: #e8effc;
  border-radius: 10px 10px 2px;
  align-self: flex-end;
  max-width: 88%;
  padding: 7px 10px;
  font-size: 10.5px;
  line-height: 1.45;
  animation: 12s linear infinite demo-module__-Fh0_G__r;
}

.demo-module__-Fh0_G__p {
  background: #f3f7fe;
  border: 1px solid #cfdcf7;
  border-radius: 8px;
  flex-direction: column;
  gap: 7px;
  padding: 9px 10px;
  animation: 12s ease-out infinite demo-module__-Fh0_G__p, 12s linear infinite demo-module__-Fh0_G__pTint;
  display: flex;
}

.demo-module__-Fh0_G__pHead {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.demo-module__-Fh0_G__pTarget {
  color: #2f5ab3;
  font-size: 9px;
  font-weight: 700;
}

.demo-module__-Fh0_G__pMode {
  color: #9aa1ad;
  font-size: 9px;
}

.demo-module__-Fh0_G__pText {
  color: #3a3f47;
  font-size: 10px;
  line-height: 1.45;
}

.demo-module__-Fh0_G__pActions {
  align-items: center;
  gap: 6px;
  display: flex;
}

.demo-module__-Fh0_G__btns {
  opacity: .35;
  gap: 6px;
  animation: 12s linear infinite demo-module__-Fh0_G__btns;
  display: inline-flex;
}

.demo-module__-Fh0_G__sbtn {
  border-radius: 6px;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  font-size: 10.5px;
  font-weight: 600;
  display: inline-flex;
  position: relative;
}

.demo-module__-Fh0_G__sbtnDark {
  color: #fff;
  background: #14161a;
}

.demo-module__-Fh0_G__sbtnLight {
  color: #3a3f47;
  border: 1px solid #e4e6ea;
}

.demo-module__-Fh0_G__applied {
  color: #2f9e5b;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  font-size: 10px;
  font-weight: 700;
  animation: 12s linear infinite demo-module__-Fh0_G__applied;
  display: inline-flex;
}

.demo-module__-Fh0_G__rightFoot {
  border-top: 1px solid #e4e6ea;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px 12px;
  display: flex;
}

.demo-module__-Fh0_G__cta {
  color: #fff;
  background: #3b6fd6;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 32px;
  font-size: 10.5px;
  font-weight: 700;
  animation: 12s ease-out infinite demo-module__-Fh0_G__cta;
  display: flex;
}

.demo-module__-Fh0_G__end {
  color: #6b7280;
  text-align: center;
  font-size: 9.5px;
}

.demo-module__-Fh0_G__mframe {
  color: #14161a;
  background: #fff;
  border: 1px solid #e4e6ea;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 350px;
  display: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px #14161a14, 0 1px 2px #14161a0f;
}

@media (max-width: 760px) {
  .demo-module__-Fh0_G__mframe {
    display: flex;
  }
}

.demo-module__-Fh0_G__mframe .demo-module__-Fh0_G__cur {
  animation-name: demo-module__-Fh0_G__curM;
}

.demo-module__-Fh0_G__mtop {
  border-bottom: 1px solid #e4e6ea;
  flex: none;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 12px;
  display: flex;
}

.demo-module__-Fh0_G__mtop .demo-module__-Fh0_G__scanBtn {
  gap: 5px;
  height: 26px;
  padding: 0 9px;
  font-size: 10.5px;
}

.demo-module__-Fh0_G__mbody {
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.demo-module__-Fh0_G__mlights {
  background: #fff;
  border: 1px solid #e4e6ea;
  border-radius: 8px;
  flex-direction: column;
  gap: 7px;
  padding: 9px 10px;
  display: flex;
}

.demo-module__-Fh0_G__lrow {
  align-items: center;
  gap: 8px;
  font-size: 10.5px;
  display: flex;
}

.demo-module__-Fh0_G__lname {
  flex: none;
  width: 74px;
  font-weight: 700;
}

.demo-module__-Fh0_G__lstat {
  color: #6b7280;
  flex: 1;
  font-size: 9.5px;
  line-height: 1.3;
  position: relative;
}

.demo-module__-Fh0_G__mdoc {
  border: 1px solid #e4e6ea;
  border-radius: 8px;
  flex-direction: column;
  gap: 9px;
  padding: 11px 12px;
  display: flex;
  position: relative;
}

.demo-module__-Fh0_G__mdoc .demo-module__-Fh0_G__gen {
  top: 8px;
  right: 86px;
}

.demo-module__-Fh0_G__mscan {
  border: 1px solid #e4e6ea;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.demo-module__-Fh0_G__mscanHead {
  border-bottom: 1px solid #e4e6ea;
  justify-content: space-between;
  align-items: center;
  padding: 9px 11px;
  display: flex;
}

.demo-module__-Fh0_G__mscanHead strong {
  font-size: 11.5px;
  font-weight: 800;
}

.demo-module__-Fh0_G__mscanHead span {
  color: #9aa1ad;
  font-size: 9.5px;
}

.demo-module__-Fh0_G__mthread {
  flex-direction: column;
  gap: 9px;
  padding: 11px;
  display: flex;
}

@keyframes demo-module__-Fh0_G__curD {
  0%, 23% {
    opacity: 0;
    translate: 640px 250px;
    scale: 1;
  }

  25% {
    opacity: 1;
    translate: 640px 250px;
    scale: 1;
  }

  28% {
    opacity: 1;
    translate: 591px 20px;
    scale: 1;
  }

  29% {
    opacity: 1;
    translate: 591px 20px;
    scale: .8;
  }

  30%, 56% {
    opacity: 1;
    translate: 591px 20px;
    scale: 1;
  }

  61% {
    opacity: 1;
    translate: 483px 410px;
    scale: 1;
  }

  62% {
    opacity: 1;
    translate: 483px 410px;
    scale: .8;
  }

  63%, 76% {
    opacity: 1;
    translate: 483px 410px;
    scale: 1;
  }

  79%, 100% {
    opacity: 0;
    translate: 483px 410px;
    scale: 1;
  }
}

@keyframes demo-module__-Fh0_G__curM {
  0%, 23% {
    opacity: 0;
    translate: 320px 130px;
    scale: 1;
  }

  25% {
    opacity: 1;
    translate: 320px 130px;
    scale: 1;
  }

  28% {
    opacity: 1;
    translate: 306px 18px;
    scale: 1;
  }

  29% {
    opacity: 1;
    translate: 306px 18px;
    scale: .8;
  }

  30%, 56% {
    opacity: 1;
    translate: 306px 18px;
    scale: 1;
  }

  61% {
    opacity: 1;
    translate: 57px 709px;
    scale: 1;
  }

  62% {
    opacity: 1;
    translate: 57px 709px;
    scale: .8;
  }

  63%, 76% {
    opacity: 1;
    translate: 57px 709px;
    scale: 1;
  }

  79%, 100% {
    opacity: 0;
    translate: 57px 709px;
    scale: 1;
  }
}

@keyframes demo-module__-Fh0_G__rip1 {
  0%, 29% {
    opacity: 0;
    scale: 1;
  }

  29.5% {
    opacity: .9;
    scale: 1;
  }

  33% {
    opacity: 0;
    scale: 4;
  }

  33.5%, 100% {
    opacity: 0;
    scale: 1;
  }
}

@keyframes demo-module__-Fh0_G__rip2 {
  0%, 62% {
    opacity: 0;
    scale: 1;
  }

  62.5% {
    opacity: .9;
    scale: 1;
  }

  66% {
    opacity: 0;
    scale: 4;
  }

  66.5%, 100% {
    opacity: 0;
    scale: 1;
  }
}

@keyframes demo-module__-Fh0_G__skel {
  0%, 9% {
    opacity: 1;
  }

  13%, 96% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes demo-module__-Fh0_G__gen {
  0%, 10% {
    opacity: 1;
  }

  13%, 97% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes demo-module__-Fh0_G__t1 {
  0%, 11% {
    opacity: 0;
    transform: translateY(4px);
  }

  15%, 95% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
  }
}

@keyframes demo-module__-Fh0_G__t2 {
  0%, 14% {
    opacity: 0;
    transform: translateY(4px);
  }

  18%, 95% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
  }
}

@keyframes demo-module__-Fh0_G__t3 {
  0%, 17% {
    opacity: 0;
    transform: translateY(4px);
  }

  21%, 95% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
  }
}

@keyframes demo-module__-Fh0_G__t4 {
  0%, 20% {
    opacity: 0;
    transform: translateY(4px);
  }

  24%, 95% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
  }
}

@keyframes demo-module__-Fh0_G__q {
  0%, 31% {
    opacity: 0;
    transform: translateY(6px);
  }

  35%, 95% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
  }
}

@keyframes demo-module__-Fh0_G__r {
  0%, 43% {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
  }

  44% {
    opacity: 1;
    clip-path: inset(0 100% 0 0);
    animation-timing-function: steps(28, end);
  }

  48%, 95% {
    opacity: 1;
    clip-path: inset(0);
  }

  100% {
    opacity: 0;
    clip-path: inset(0);
  }
}

@keyframes demo-module__-Fh0_G__p {
  0%, 51% {
    opacity: 0;
    transform: translateY(6px);
  }

  55%, 95% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
  }
}

@keyframes demo-module__-Fh0_G__pTint {
  0%, 63% {
    background: #fff;
    border-color: #e4e6ea;
  }

  66%, 95% {
    background: #f3f7fe;
    border-color: #cfdcf7;
  }

  100% {
    background: #fff;
    border-color: #e4e6ea;
  }
}

@keyframes demo-module__-Fh0_G__btns {
  0%, 63% {
    opacity: 1;
  }

  66%, 95% {
    opacity: .35;
  }

  100% {
    opacity: 1;
  }
}

@keyframes demo-module__-Fh0_G__applied {
  0%, 63% {
    opacity: 0;
  }

  66%, 95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes demo-module__-Fh0_G__cs {
  0%, 64% {
    opacity: 0;
  }

  68%, 95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes demo-module__-Fh0_G__chip {
  0%, 64% {
    opacity: 0;
  }

  68%, 95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes demo-module__-Fh0_G__lcard {
  0%, 63% {
    background: #fff;
  }

  67% {
    background: #fdf1dc;
  }

  82%, 100% {
    background: #fff;
  }
}

@keyframes demo-module__-Fh0_G__light {
  0%, 63% {
    background: #fff;
    border-color: #cbd5e1;
    box-shadow: 0 0 #dc8a1000;
  }

  66% {
    background: #dc8a10;
    border-color: #dc8a10;
    box-shadow: 0 0 #dc8a108c;
  }

  76%, 95% {
    background: #dc8a10;
    border-color: #dc8a10;
    box-shadow: 0 0 0 16px #dc8a1000;
  }

  100% {
    background: #fff;
    border-color: #cbd5e1;
    box-shadow: 0 0 #dc8a1000;
  }
}

@keyframes demo-module__-Fh0_G__ltA {
  0%, 64% {
    opacity: 1;
  }

  67%, 100% {
    opacity: 0;
  }
}

@keyframes demo-module__-Fh0_G__ltB {
  0%, 64% {
    opacity: 0;
  }

  67%, 95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes demo-module__-Fh0_G__nba {
  0%, 68% {
    opacity: 0;
    transform: translateX(8px);
  }

  72%, 95% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
  }
}

@keyframes demo-module__-Fh0_G__cta {
  0%, 71% {
    opacity: .35;
  }

  75%, 100% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .demo-module__-Fh0_G__frame *, .demo-module__-Fh0_G__mframe * {
    animation: none !important;
  }

  .demo-module__-Fh0_G__cur, .demo-module__-Fh0_G__skel, .demo-module__-Fh0_G__gen, .demo-module__-Fh0_G__btns, .demo-module__-Fh0_G__ltA {
    display: none !important;
  }

  .demo-module__-Fh0_G__light {
    background: #dc8a10;
    border-color: #dc8a10;
  }
}

/* [project]/components/entry/idea-form.module.css [app-client] (css) */
.idea-form-module__MnyOOG__overlay {
  pointer-events: none;
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  inset: 0;
}

.idea-form-module__MnyOOG__placeholder {
  color: #9aa1ad;
  animation: 18s linear infinite idea-form-module__MnyOOG__ph;
}

.idea-form-module__MnyOOG__tw {
  white-space: nowrap;
  color: #14161a;
  max-width: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  box-shadow: inset -2px 0 #14161a;
}

.idea-form-module__MnyOOG__tw1 {
  animation: 18s linear infinite idea-form-module__MnyOOG__tw1, .8s steps(2, jump-none) infinite idea-form-module__MnyOOG__caret;
}

.idea-form-module__MnyOOG__tw2 {
  animation: 18s linear infinite idea-form-module__MnyOOG__tw2, .8s steps(2, jump-none) infinite idea-form-module__MnyOOG__caret;
}

.idea-form-module__MnyOOG__tw3 {
  animation: 18s linear infinite idea-form-module__MnyOOG__tw3, .8s steps(2, jump-none) infinite idea-form-module__MnyOOG__caret;
}

.idea-form-module__MnyOOG__desktop {
  display: inline;
}

.idea-form-module__MnyOOG__phone {
  display: none;
}

@media (max-width: 760px) {
  .idea-form-module__MnyOOG__desktop {
    display: none;
  }

  .idea-form-module__MnyOOG__phone {
    display: inline;
  }

  .idea-form-module__MnyOOG__tw1, .idea-form-module__MnyOOG__tw2, .idea-form-module__MnyOOG__tw3 {
    --steps: 33;
  }
}

@keyframes idea-form-module__MnyOOG__ph {
  0%, 100% {
    opacity: 0;
  }
}

@keyframes idea-form-module__MnyOOG__caret {
  0%, 100% {
    box-shadow: inset -2px 0 #14161a;
  }

  50% {
    box-shadow: inset -2px 0 #0000;
  }
}

@keyframes idea-form-module__MnyOOG__tw1 {
  0%, 3% {
    max-width: 0;
    animation-timing-function: steps(58, end);
  }

  15%, 30% {
    max-width: 100%;
  }

  31%, 100% {
    max-width: 0;
  }
}

@keyframes idea-form-module__MnyOOG__tw2 {
  0%, 34% {
    max-width: 0;
    animation-timing-function: steps(67, end);
  }

  47%, 62% {
    max-width: 100%;
  }

  63%, 100% {
    max-width: 0;
  }
}

@keyframes idea-form-module__MnyOOG__tw3 {
  0%, 66% {
    max-width: 0;
    animation-timing-function: steps(64, end);
  }

  78%, 94% {
    max-width: 100%;
  }

  95%, 100% {
    max-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .idea-form-module__MnyOOG__placeholder {
    animation: none;
  }

  .idea-form-module__MnyOOG__tw {
    display: none;
  }
}

/* [project]/components/home/hero.module.css [app-client] (css) */
.hero-module__VtfGiq__hero {
  background: radial-gradient(at 50% 45%, #fff 15%, #fbfcfe 60%, #f1f4fa 100%);
  position: relative;
  overflow: hidden;
}

@media (max-width: 760px) {
  .hero-module__VtfGiq__hero {
    background: radial-gradient(at 50% 40%, #fff 15%, #fbfcfe 60%, #f1f4fa 100%);
  }
}

.hero-module__VtfGiq__layer {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.hero-module__VtfGiq__solar {
  --solar-x: 50%;
  --solar-y: 49%;
  -webkit-mask-composite: source-in;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(460px 255px at 50% 26%, #0000 66%, #000 96%), radial-gradient(370px 68px at 50% 77%, #0000 62%, #000 100%);
  mask-image: radial-gradient(460px 255px at 50% 26%, #0000 66%, #000 96%), radial-gradient(370px 68px at 50% 77%, #0000 62%, #000 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.hero-module__VtfGiq__sun {
  left: var(--solar-x);
  top: var(--solar-y);
  filter: blur(22px);
  opacity: .25;
  background: radial-gradient(circle, #f0dca61a, #0000 70%);
  width: 180px;
  height: 180px;
  margin: -90px;
  position: absolute;
}

.hero-module__VtfGiq__track {
  left: var(--solar-x);
  top: var(--solar-y);
  width: var(--orbit-w);
  height: var(--orbit-h);
  border: 1px solid #b9c9e62b;
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%)rotate(-12deg);
}

.hero-module__VtfGiq__track:nth-of-type(n+6) {
  border-color: #b9c9e61c;
}

.hero-module__VtfGiq__body {
  width: var(--diameter);
  height: var(--diameter);
  opacity: .65;
  offset-path: ellipse(50% 50% at 50% 50%);
  offset-anchor: 50% 50%;
  offset-rotate: 0deg;
  offset-distance: var(--phase);
  animation: hero-module__VtfGiq__orbit calc(var(--period) / 2) linear infinite reverse;
  animation-delay: calc(var(--delay) / 2);
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset -2px -3px 5px #1c2e4d20, 2px 4px 12px #3347650c;
}

.hero-module__VtfGiq__mercury {
  background: radial-gradient(circle at 30% 25%, #e8e5dd, #b8b4ae 48%, #898888);
}

.hero-module__VtfGiq__venus {
  background: radial-gradient(circle at 30% 25%, #fff0ce, #dfbc85 50%, #c7a174);
}

.hero-module__VtfGiq__earth {
  background: radial-gradient(at 34% 25%, #edfaff 0%, #c9e1f9 13%, #0000 29%), radial-gradient(at 58% 43%, #8db9a7 0 12%, #0000 15%), radial-gradient(at 27% 58%, #9ec5ad 0 15%, #0000 18%), linear-gradient(145deg, #a2c8e7, #6791cd 60%, #5077ac);
}

.hero-module__VtfGiq__mars {
  background: radial-gradient(circle at 30% 25%, #efd1b5, #ce977f 49%, #b47d6b);
}

.hero-module__VtfGiq__jupiter {
  background: radial-gradient(circle at 25% 23%, #fff6e5a1, #0000 50%), repeating-linear-gradient(172deg, #d4bfa5 0 9%, #ebddc8 12% 18%, #b9a38c 23% 27%, #e8d9c4 33% 40%);
}

.hero-module__VtfGiq__saturn {
  background: radial-gradient(circle at 27% 23%, #fff7df, #ddcba0 44%, #bfae87 80%, #a59778);
}

.hero-module__VtfGiq__saturn:before {
  content: "";
  border: 3px solid #c5b18b8c;
  border-color: #c5b18b8c #b6a08091 #c5b18b8c #e8dbbbb0;
  border-radius: 50%;
  position: absolute;
  inset: 28% -43%;
  transform: rotate(-18deg);
  box-shadow: 0 0 0 1px #d7c4a032;
}

.hero-module__VtfGiq__uranus {
  background: radial-gradient(circle at 29% 22%, #edfeff, #bddfe3 45%, #92bec6 81%, #729eac);
}

.hero-module__VtfGiq__neptune {
  background: radial-gradient(circle at 29% 23%, #dce9fc, #98b5e2 38%, #7a98cb 76%, #6886b8);
}

.hero-module__VtfGiq__track:first-of-type {
  --orbit-w: 1040px;
  --orbit-h: 500px;
  --diameter: 9px;
  --period: 180s;
  --phase: 52%;
  --delay: -86.4s;
}

.hero-module__VtfGiq__track:nth-of-type(2) {
  --orbit-w: 1120px;
  --orbit-h: 550px;
  --diameter: 13px;
  --period: 230s;
  --phase: 4%;
  --delay: -220.8s;
}

.hero-module__VtfGiq__track:nth-of-type(3) {
  --orbit-w: 1200px;
  --orbit-h: 610px;
  --diameter: 17px;
  --period: 300s;
  --phase: 64%;
  --delay: -108s;
}

.hero-module__VtfGiq__track:nth-of-type(4) {
  --orbit-w: 1280px;
  --orbit-h: 650px;
  --diameter: 11px;
  --period: 380s;
  --phase: 36%;
  --delay: -243.2s;
}

.hero-module__VtfGiq__track:nth-of-type(5) {
  --orbit-w: 1360px;
  --orbit-h: 670px;
  --diameter: 30px;
  --period: 480s;
  --phase: 91%;
  --delay: -43.2s;
}

.hero-module__VtfGiq__track:nth-of-type(6) {
  --orbit-w: 1440px;
  --orbit-h: 700px;
  --diameter: 25px;
  --period: 580s;
  --phase: 14%;
  --delay: -498.8s;
}

.hero-module__VtfGiq__track:nth-of-type(7) {
  --orbit-w: 1500px;
  --orbit-h: 730px;
  --diameter: 20px;
  --period: 720s;
  --phase: 72%;
  --delay: -201.6s;
}

.hero-module__VtfGiq__track:nth-of-type(8) {
  --orbit-w: 1560px;
  --orbit-h: 750px;
  --diameter: 19px;
  --period: 860s;
  --phase: 45%;
  --delay: -473s;
}

@media (max-width: 760px) {
  .hero-module__VtfGiq__solar {
    --solar-y: 45%;
    -webkit-mask-image: radial-gradient(220px 135px at 50% 190px, #0000 87%, #000 110%), radial-gradient(175px 83px at 50% 87%, #0000 70%, #000 105%);
    mask-image: radial-gradient(220px 135px at 50% 190px, #0000 87%, #000 110%), radial-gradient(175px 83px at 50% 87%, #0000 70%, #000 105%);
  }

  .hero-module__VtfGiq__sun {
    display: none;
  }

  .hero-module__VtfGiq__track {
    border-color: #b9c9e621;
    transform: translate(-50%, -50%)rotate(-8deg);
  }

  .hero-module__VtfGiq__body {
    opacity: .45;
  }

  .hero-module__VtfGiq__saturn:before {
    border-width: 2px;
  }

  .hero-module__VtfGiq__track:first-of-type {
    --orbit-w: 300px;
    --orbit-h: 490px;
    --diameter: 6px;
  }

  .hero-module__VtfGiq__track:nth-of-type(2) {
    --orbit-w: 330px;
    --orbit-h: 520px;
    --diameter: 9px;
  }

  .hero-module__VtfGiq__track:nth-of-type(3) {
    --orbit-w: 350px;
    --orbit-h: 550px;
    --diameter: 12px;
  }

  .hero-module__VtfGiq__track:nth-of-type(4) {
    --orbit-w: 370px;
    --orbit-h: 580px;
    --diameter: 8px;
  }

  .hero-module__VtfGiq__track:nth-of-type(5) {
    --orbit-w: 385px;
    --orbit-h: 600px;
    --diameter: 20px;
  }

  .hero-module__VtfGiq__track:nth-of-type(6) {
    --orbit-w: 405px;
    --orbit-h: 620px;
    --diameter: 18px;
  }

  .hero-module__VtfGiq__track:nth-of-type(7) {
    --orbit-w: 425px;
    --orbit-h: 640px;
    --diameter: 14px;
  }

  .hero-module__VtfGiq__track:nth-of-type(8) {
    --orbit-w: 445px;
    --orbit-h: 660px;
    --diameter: 13px;
  }
}

@keyframes hero-module__VtfGiq__orbit {
  from {
    offset-distance: 0%;
  }

  to {
    offset-distance: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-module__VtfGiq__body {
    animation: none !important;
  }
}

/*# sourceMappingURL=components_15ow4x3._.css.map*/