/* Generated from the exact accepted assistant source. See vendor/assistant-demo/manifest.json. */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer assistant-demo-properties;
@layer assistant-demo-theme, assistant-demo-base, assistant-demo-components, assistant-demo-utilities;
@layer assistant-demo-theme {
  [data-agent-demo-player], [data-agent-demo-player] {
    --font-sans: Inter,system-ui,sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-950: oklch(25.8% 0.092 26.042);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --font-weight-medium: 500;
    --tracking-tight: -0.025em;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --animate-spin: assistant-demo-spin 1s linear infinite;
    --animate-pulse: assistant-demo-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-background: oklch(0.992 0.002 106);
    --color-foreground: oklch(0.145 0.006 106);
    --color-muted-foreground: oklch(0.556 0.007 106);
    --color-border: oklch(0.922 0.005 106);
    --color-popover: oklch(0.992 0.002 106);
  }
}
@layer assistant-demo-base {
  [data-agent-demo-player] *, [data-agent-demo-player] ::after, [data-agent-demo-player] ::before, [data-agent-demo-player] ::backdrop, [data-agent-demo-player] ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  [data-agent-demo-player], [data-agent-demo-player] {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    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;
  }
  [data-agent-demo-player] hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  [data-agent-demo-player] abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  [data-agent-demo-player] h1, [data-agent-demo-player] h2, [data-agent-demo-player] h3, [data-agent-demo-player] h4, [data-agent-demo-player] h5, [data-agent-demo-player] h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  [data-agent-demo-player] a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  [data-agent-demo-player] b, [data-agent-demo-player] strong {
    font-weight: bolder;
  }
  [data-agent-demo-player] code, [data-agent-demo-player] kbd, [data-agent-demo-player] samp, [data-agent-demo-player] 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;
  }
  [data-agent-demo-player] small {
    font-size: 80%;
  }
  [data-agent-demo-player] sub, [data-agent-demo-player] sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  [data-agent-demo-player] sub {
    bottom: -0.25em;
  }
  [data-agent-demo-player] sup {
    top: -0.5em;
  }
  [data-agent-demo-player] table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  [data-agent-demo-player] :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  [data-agent-demo-player] progress {
    vertical-align: baseline;
  }
  [data-agent-demo-player] summary {
    display: list-item;
  }
  [data-agent-demo-player] ol, [data-agent-demo-player] ul, [data-agent-demo-player] menu {
    list-style: none;
  }
  [data-agent-demo-player] img, [data-agent-demo-player] svg, [data-agent-demo-player] video, [data-agent-demo-player] canvas, [data-agent-demo-player] audio, [data-agent-demo-player] iframe, [data-agent-demo-player] embed, [data-agent-demo-player] object {
    display: block;
    vertical-align: middle;
  }
  [data-agent-demo-player] img, [data-agent-demo-player] video {
    max-width: 100%;
    height: auto;
  }
  [data-agent-demo-player] button, [data-agent-demo-player] input, [data-agent-demo-player] select, [data-agent-demo-player] optgroup, [data-agent-demo-player] textarea, [data-agent-demo-player] ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  [data-agent-demo-player] :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  [data-agent-demo-player] :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  [data-agent-demo-player] ::file-selector-button {
    margin-inline-end: 4px;
  }
  [data-agent-demo-player] ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    [data-agent-demo-player] ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  [data-agent-demo-player] textarea {
    resize: vertical;
  }
  [data-agent-demo-player] ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  [data-agent-demo-player] ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  [data-agent-demo-player] ::-webkit-datetime-edit {
    display: inline-flex;
  }
  [data-agent-demo-player] ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  [data-agent-demo-player] ::-webkit-datetime-edit, [data-agent-demo-player] ::-webkit-datetime-edit-year-field, [data-agent-demo-player] ::-webkit-datetime-edit-month-field, [data-agent-demo-player] ::-webkit-datetime-edit-day-field, [data-agent-demo-player] ::-webkit-datetime-edit-hour-field, [data-agent-demo-player] ::-webkit-datetime-edit-minute-field, [data-agent-demo-player] ::-webkit-datetime-edit-second-field, [data-agent-demo-player] ::-webkit-datetime-edit-millisecond-field, [data-agent-demo-player] ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  [data-agent-demo-player] ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  [data-agent-demo-player] :-moz-ui-invalid {
    box-shadow: none;
  }
  [data-agent-demo-player] button, [data-agent-demo-player] input:where([type="button"], [type="reset"], [type="submit"]), [data-agent-demo-player] ::file-selector-button {
    appearance: button;
  }
  [data-agent-demo-player] ::-webkit-inner-spin-button, [data-agent-demo-player] ::-webkit-outer-spin-button {
    height: auto;
  }
  [data-agent-demo-player] [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer assistant-demo-utilities {
  [data-agent-demo-player] .shimmer {
    --_gradient-width: calc(
    var(--_spread) + var(--ad-shimmer-track-height) * tan(var(--ad-shimmer-angle))
  );
    --_active-distance: calc(
    var(--shimmer-track-width, 200px) + var(--_gradient-width)
  );
    --_duration: var(
    --shimmer-duration,
    calc(var(--_active-distance) / var(--_speed) / 1px * 1000)
  );
    --_repeat-delay: var(--shimmer-repeat-delay, calc(20000 / var(--_speed)));
    --_repeat-delay-px: calc(
    var(--_repeat-delay) * var(--_active-distance) / var(--_duration)
  );
    --_xy-offset-px: calc(
    (var(--shimmer-x, 0) + var(--shimmer-y, 0) * tan(var(--ad-shimmer-angle))) *
      1px
  );
    --_bg-width: calc(
    100% + var(--shimmer-track-width, 100%) + var(--_gradient-width) +
      var(--_repeat-delay-px)
  );
    --_travel: calc(
    var(--shimmer-track-width, 100%) + var(--_gradient-width) +
      var(--_repeat-delay-px)
  );
    --_position: calc(var(--shimmer-track-width, (100% - var(--_gradient-width) -
    var(--_repeat-delay-px)) / 2) + var(--_gradient-width) / 2 +
    var(--_repeat-delay-px) - var(--_xy-offset-px));
    &:not(.shimmer-bg) {
      --_speed: var(--shimmer-speed, 200);
      --_spread: var(--shimmer-spread, calc(4ch + 80px));
      --_bg: currentColor;
      --_overlay: var(--shimmer-color, white);
      --_fg: var(
      --shimmer-color,
      oklch(from currentColor l c h / calc(alpha* 0.2))
    );
      @supports (background-clip: text) and (color: oklch(from red l c h)) {
        background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    }
    @media (prefers-color-scheme: dark) {
      &:not(.shimmer-bg) {
        --_fg: var(
        --shimmer-color,
        oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
      );
      }
    }
    @-moz-document url-prefix() {
      &:not(.shimmer-bg) {
        --_duration: var(--shimmer-duration, calc(375000 / var(--_speed)));
      }
    }
    --_mix-96: var(--_fg);
    @supports (color: color-mix(in lab, red, red)) {
      --_mix-96: color-mix(in oklch, var(--_fg), var(--_bg) 96%);
    }
    --_mix-83: var(--_fg);
    @supports (color: color-mix(in lab, red, red)) {
      --_mix-83: color-mix(in oklch, var(--_fg), var(--_bg) 83%);
    }
    --_mix-67: var(--_fg);
    @supports (color: color-mix(in lab, red, red)) {
      --_mix-67: color-mix(in oklch, var(--_fg), var(--_bg) 67%);
    }
    --_mix-50: var(--_fg);
    @supports (color: color-mix(in lab, red, red)) {
      --_mix-50: color-mix(in oklch, var(--_fg), var(--_bg) 50%);
    }
    --_mix-33: var(--_fg);
    @supports (color: color-mix(in lab, red, red)) {
      --_mix-33: color-mix(in oklch, var(--_fg), var(--_bg) 33%);
    }
    --_mix-17: var(--_fg);
    @supports (color: color-mix(in lab, red, red)) {
      --_mix-17: color-mix(in oklch, var(--_fg), var(--_bg) 17%);
    }
    --_mix-4: var(--_fg);
    @supports (color: color-mix(in lab, red, red)) {
      --_mix-4: color-mix(in oklch, var(--_fg), var(--_bg) 4%);
    }
    background: linear-gradient( calc(90deg + var(--ad-shimmer-angle)), var(--_bg) calc(var(--_position) - var(--_spread) * 0.5), var(--_mix-96) calc(var(--_position) - var(--_spread) * 0.44), var(--_mix-83) calc(var(--_position) - var(--_spread) * 0.37), var(--_mix-67) calc(var(--_position) - var(--_spread) * 0.31), var(--_mix-50) calc(var(--_position) - var(--_spread) * 0.25), var(--_mix-33) calc(var(--_position) - var(--_spread) * 0.19), var(--_mix-17) calc(var(--_position) - var(--_spread) * 0.12), var(--_mix-4) calc(var(--_position) - var(--_spread) * 0.06), var(--_fg) var(--_position), var(--_mix-4) calc(var(--_position) + var(--_spread) * 0.06), var(--_mix-17) calc(var(--_position) + var(--_spread) * 0.12), var(--_mix-33) calc(var(--_position) + var(--_spread) * 0.19), var(--_mix-50) calc(var(--_position) + var(--_spread) * 0.25), var(--_mix-67) calc(var(--_position) + var(--_spread) * 0.31), var(--_mix-83) calc(var(--_position) + var(--_spread) * 0.37), var(--_mix-96) calc(var(--_position) + var(--_spread) * 0.44), var(--_bg) calc(var(--_position) + var(--_spread) * 0.5) ) 0 0 / var(--_bg-width) 100% no-repeat;
    animation: assistant-demo-tw-shimmer 1s linear 0s infinite backwards;
    animation-duration: calc((var(--_duration) + var(--_repeat-delay)) * 1ms);
    @supports (-webkit-mask-clip: text) {
      &:where(:not(.shimmer-bg)) {
        position: relative;
      }
    }
    &:not(.shimmer-bg) {
      @supports not ((background-clip: text) and (color: oklch(from red l c h))) {
        background: none;
        animation: none;
      }
      @supports (-webkit-mask-clip: text) {
        animation: none;
        background: linear-gradient(transparent, transparent);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: currentColor;
        -webkit-mask-image: linear-gradient(#000, #000);
        -webkit-mask-clip: text;
        --_shimmer-play-state: running;
        &::before {
          content: "";
          position: absolute;
          inset-block: 0;
          left: calc(-1 * (var(--_gradient-width) + var(--_xy-offset-px)));
          width: 100%;
          pointer-events: none;
          background: linear-gradient( calc(90deg + var(--ad-shimmer-angle)), transparent calc(50% - var(--_spread) * 0.5), var(--_overlay) calc(50% - var(--_spread) * 0.44), var(--_overlay) calc(50% - var(--_spread) * 0.37), var(--_overlay) calc(50% - var(--_spread) * 0.31), var(--_overlay) calc(50% - var(--_spread) * 0.25), var(--_overlay) calc(50% - var(--_spread) * 0.19), var(--_overlay) calc(50% - var(--_spread) * 0.12), var(--_overlay) calc(50% - var(--_spread) * 0.06), var(--_overlay) 50%, var(--_overlay) calc(50% + var(--_spread) * 0.06), var(--_overlay) calc(50% + var(--_spread) * 0.12), var(--_overlay) calc(50% + var(--_spread) * 0.19), var(--_overlay) calc(50% + var(--_spread) * 0.25), var(--_overlay) calc(50% + var(--_spread) * 0.31), var(--_overlay) calc(50% + var(--_spread) * 0.37), var(--_overlay) calc(50% + var(--_spread) * 0.44), transparent calc(50% + var(--_spread) * 0.5) ) 0 0 / var(--_gradient-width) 100% no-repeat;
          @supports (color: color-mix(in lab, red, red)) {
            background: linear-gradient( calc(90deg + var(--ad-shimmer-angle)), transparent calc(50% - var(--_spread) * 0.5), color-mix(in oklch, var(--_overlay), transparent 96%) calc(50% - var(--_spread) * 0.44), color-mix(in oklch, var(--_overlay), transparent 83%) calc(50% - var(--_spread) * 0.37), color-mix(in oklch, var(--_overlay), transparent 67%) calc(50% - var(--_spread) * 0.31), color-mix(in oklch, var(--_overlay), transparent 50%) calc(50% - var(--_spread) * 0.25), color-mix(in oklch, var(--_overlay), transparent 33%) calc(50% - var(--_spread) * 0.19), color-mix(in oklch, var(--_overlay), transparent 17%) calc(50% - var(--_spread) * 0.12), color-mix(in oklch, var(--_overlay), transparent 4%) calc(50% - var(--_spread) * 0.06), var(--_overlay) 50%, color-mix(in oklch, var(--_overlay), transparent 4%) calc(50% + var(--_spread) * 0.06), color-mix(in oklch, var(--_overlay), transparent 17%) calc(50% + var(--_spread) * 0.12), color-mix(in oklch, var(--_overlay), transparent 33%) calc(50% + var(--_spread) * 0.19), color-mix(in oklch, var(--_overlay), transparent 50%) calc(50% + var(--_spread) * 0.25), color-mix(in oklch, var(--_overlay), transparent 67%) calc(50% + var(--_spread) * 0.31), color-mix(in oklch, var(--_overlay), transparent 83%) calc(50% + var(--_spread) * 0.37), color-mix(in oklch, var(--_overlay), transparent 96%) calc(50% + var(--_spread) * 0.44), transparent calc(50% + var(--_spread) * 0.5) ) 0 0 / var(--_gradient-width) 100% no-repeat;
          }
          @media (prefers-reduced-motion: no-preference) {
            will-change: translate;
          }
          animation: assistant-demo-tw-shimmer-translate calc((var(--_duration) + var(--_repeat-delay)) * 1ms) linear infinite;
          animation-play-state: var(--_shimmer-play-state);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        animation-play-state: paused;
        --_shimmer-play-state: paused;
      }
    }
  }
  [data-agent-demo-player] .pointer-events-none {
    pointer-events: none;
  }
  [data-agent-demo-player] .visible {
    visibility: visible;
  }
  [data-agent-demo-player] .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  [data-agent-demo-player] .relative {
    position: relative;
  }
  [data-agent-demo-player] .col-start-1 {
    grid-column-start: 1;
  }
  [data-agent-demo-player] .row-start-1 {
    grid-row-start: 1;
  }
  [data-agent-demo-player] .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  [data-agent-demo-player] .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  [data-agent-demo-player] .mt-\[calc\(\(1lh-0\.875rem\)\/2\)\] {
    margin-top: calc((1lh - 0.875rem) / 2);
  }
  [data-agent-demo-player] .-mb-0\.5 {
    margin-bottom: calc(var(--spacing) * -0.5);
  }
  [data-agent-demo-player] .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  [data-agent-demo-player] .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  [data-agent-demo-player] .flex {
    display: flex;
  }
  [data-agent-demo-player] .grid {
    display: grid;
  }
  [data-agent-demo-player] .inline-block {
    display: inline-block;
  }
  [data-agent-demo-player] .inline-flex {
    display: inline-flex;
  }
  [data-agent-demo-player] .table {
    display: table;
  }
  [data-agent-demo-player] .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  [data-agent-demo-player] .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  [data-agent-demo-player] .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  [data-agent-demo-player] .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  [data-agent-demo-player] .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  [data-agent-demo-player] .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  [data-agent-demo-player] .h-\(--collapsible-panel-height\) {
    height: var(--collapsible-panel-height);
  }
  [data-agent-demo-player] .h-4 {
    height: calc(var(--spacing) * 4);
  }
  [data-agent-demo-player] .h-5 {
    height: calc(var(--spacing) * 5);
  }
  [data-agent-demo-player] .h-7 {
    height: calc(var(--spacing) * 7);
  }
  [data-agent-demo-player] .h-8 {
    height: calc(var(--spacing) * 8);
  }
  [data-agent-demo-player] .h-\[3px\] {
    height: 3px;
  }
  [data-agent-demo-player] .h-full {
    height: 100%;
  }
  [data-agent-demo-player] .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  [data-agent-demo-player] .min-h-\[4\.25rem\] {
    min-height: 4.25rem;
  }
  [data-agent-demo-player] .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  [data-agent-demo-player] .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  [data-agent-demo-player] .w-full {
    width: 100%;
  }
  [data-agent-demo-player] .w-max {
    width: max-content;
  }
  [data-agent-demo-player] .max-w-\[85\%\] {
    max-width: 85%;
  }
  [data-agent-demo-player] .max-w-full {
    max-width: 100%;
  }
  [data-agent-demo-player] .max-w-none {
    max-width: none;
  }
  [data-agent-demo-player] .max-w-sm {
    max-width: var(--container-sm);
  }
  [data-agent-demo-player] .min-w-0 {
    min-width: 0px;
  }
  [data-agent-demo-player] .min-w-full {
    min-width: 100%;
  }
  [data-agent-demo-player] .flex-1 {
    flex: 1;
  }
  [data-agent-demo-player] .shrink-0 {
    flex-shrink: 0;
  }
  [data-agent-demo-player] .scale-100 {
    --ad-scale-x: 100%;
    --ad-scale-y: 100%;
    --ad-scale-z: 100%;
    scale: var(--ad-scale-x) var(--ad-scale-y);
  }
  [data-agent-demo-player] .scale-\[0\.25\] {
    scale: 0.25;
  }
  [data-agent-demo-player] .animate-in {
    animation: assistant-demo-enter var(--ad-animation-duration,var(--ad-duration,.15s))var(--ad-ease,ease)var(--ad-animation-delay,0s)var(--ad-animation-iteration-count,1)var(--ad-animation-direction,normal)var(--ad-animation-fill-mode,none);
  }
  [data-agent-demo-player] .animate-pulse {
    animation: var(--animate-pulse);
  }
  [data-agent-demo-player] .animate-spin {
    animation: var(--animate-spin);
  }
  [data-agent-demo-player] .cursor-default {
    cursor: default;
  }
  [data-agent-demo-player] .resize {
    resize: both;
  }
  [data-agent-demo-player] .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,2fr);
  }
  [data-agent-demo-player] .flex-col {
    flex-direction: column;
  }
  [data-agent-demo-player] .flex-wrap {
    flex-wrap: wrap;
  }
  [data-agent-demo-player] .items-center {
    align-items: center;
  }
  [data-agent-demo-player] .items-start {
    align-items: flex-start;
  }
  [data-agent-demo-player] .justify-between {
    justify-content: space-between;
  }
  [data-agent-demo-player] .justify-center {
    justify-content: center;
  }
  [data-agent-demo-player] .justify-end {
    justify-content: flex-end;
  }
  [data-agent-demo-player] .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  [data-agent-demo-player] .gap-1 {
    gap: var(--spacing);
  }
  [data-agent-demo-player] .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  [data-agent-demo-player] .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  [data-agent-demo-player] .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  [data-agent-demo-player] .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  [data-agent-demo-player] .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  [data-agent-demo-player] .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  [data-agent-demo-player] .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  [data-agent-demo-player] .self-end {
    align-self: flex-end;
  }
  [data-agent-demo-player] .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  [data-agent-demo-player] .overflow-hidden {
    overflow: hidden;
  }
  [data-agent-demo-player] .overflow-x-auto {
    overflow-x: auto;
  }
  [data-agent-demo-player] .overflow-x-clip {
    overflow-x: clip;
  }
  [data-agent-demo-player] .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  [data-agent-demo-player] .rounded-\[5px\] {
    border-radius: 5px;
  }
  [data-agent-demo-player] .rounded-\[20px\] {
    border-radius: 20px;
  }
  [data-agent-demo-player] .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  [data-agent-demo-player] .rounded-lg {
    border-radius: var(--radius-lg);
  }
  [data-agent-demo-player] .rounded-md {
    border-radius: var(--radius-md);
  }
  [data-agent-demo-player] .rounded-xl {
    border-radius: var(--radius-xl);
  }
  [data-agent-demo-player] .border {
    border-style: var(--ad-border-style);
    border-width: 1px;
  }
  [data-agent-demo-player] .border-0 {
    border-style: var(--ad-border-style);
    border-width: 0px;
  }
  [data-agent-demo-player] .border-s-2 {
    border-inline-start-style: var(--ad-border-style);
    border-inline-start-width: 2px;
  }
  [data-agent-demo-player] .border-border\/60 {
    border-color: color-mix(in srgb, oklch(0.922 0.005 106) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
  }
  [data-agent-demo-player] .border-foreground {
    border-color: var(--color-foreground);
  }
  [data-agent-demo-player] .border-foreground\/15 {
    border-color: color-mix(in srgb, oklch(0.145 0.006 106) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-foreground) 15%, transparent);
    }
  }
  [data-agent-demo-player] .border-transparent {
    border-color: transparent;
  }
  [data-agent-demo-player] .bg-background {
    background-color: var(--color-background);
  }
  [data-agent-demo-player] .bg-black {
    background-color: var(--color-black);
  }
  [data-agent-demo-player] .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  [data-agent-demo-player] .bg-foreground {
    background-color: var(--color-foreground);
  }
  [data-agent-demo-player] .bg-foreground\/80 {
    background-color: color-mix(in srgb, oklch(0.145 0.006 106) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-foreground) 80%, transparent);
    }
  }
  [data-agent-demo-player] .bg-foreground\/\[0\.04\] {
    background-color: color-mix(in srgb, oklch(0.145 0.006 106) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-foreground) 4%, transparent);
    }
  }
  [data-agent-demo-player] .bg-foreground\/\[0\.05\] {
    background-color: color-mix(in srgb, oklch(0.145 0.006 106) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
    }
  }
  [data-agent-demo-player] .bg-foreground\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(0.145 0.006 106) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-foreground) 6%, transparent);
    }
  }
  [data-agent-demo-player] .bg-foreground\/\[0\.08\] {
    background-color: color-mix(in srgb, oklch(0.145 0.006 106) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-foreground) 8%, transparent);
    }
  }
  [data-agent-demo-player] .bg-red-600 {
    background-color: var(--color-red-600);
  }
  [data-agent-demo-player] .bg-red-600\/10 {
    background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent);
    }
  }
  [data-agent-demo-player] .bg-transparent {
    background-color: transparent;
  }
  [data-agent-demo-player] .p-0 {
    padding: 0px;
  }
  [data-agent-demo-player] .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  [data-agent-demo-player] .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  [data-agent-demo-player] .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  [data-agent-demo-player] .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  [data-agent-demo-player] .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  [data-agent-demo-player] .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  [data-agent-demo-player] .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  [data-agent-demo-player] .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  [data-agent-demo-player] .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  [data-agent-demo-player] .py-1 {
    padding-block: var(--spacing);
  }
  [data-agent-demo-player] .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  [data-agent-demo-player] .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  [data-agent-demo-player] .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  [data-agent-demo-player] .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  [data-agent-demo-player] .pt-1 {
    padding-top: var(--spacing);
  }
  [data-agent-demo-player] .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  [data-agent-demo-player] .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  [data-agent-demo-player] .pb-1 {
    padding-bottom: var(--spacing);
  }
  [data-agent-demo-player] .text-end {
    text-align: end;
  }
  [data-agent-demo-player] .text-start {
    text-align: start;
  }
  [data-agent-demo-player] .font-mono {
    font-family: var(--font-mono);
  }
  [data-agent-demo-player] .text-sm {
    font-size: var(--text-sm);
    line-height: var(--ad-leading, var(--text-sm--line-height));
  }
  [data-agent-demo-player] .text-xs {
    font-size: var(--text-xs);
    line-height: var(--ad-leading, var(--text-xs--line-height));
  }
  [data-agent-demo-player] .text-\[11px\] {
    font-size: 11px;
  }
  [data-agent-demo-player] .text-\[13\.5px\] {
    font-size: 13.5px;
  }
  [data-agent-demo-player] .text-\[13px\] {
    font-size: 13px;
  }
  [data-agent-demo-player] .leading-4 {
    --ad-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  [data-agent-demo-player] .leading-5 {
    --ad-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  [data-agent-demo-player] .leading-none {
    --ad-leading: 1;
    line-height: 1;
  }
  [data-agent-demo-player] .leading-normal {
    --ad-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  [data-agent-demo-player] .leading-relaxed {
    --ad-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  [data-agent-demo-player] .font-medium {
    --ad-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  [data-agent-demo-player] .tracking-tight {
    --ad-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  [data-agent-demo-player] .break-words {
    overflow-wrap: break-word;
  }
  [data-agent-demo-player] .whitespace-nowrap {
    white-space: nowrap;
  }
  [data-agent-demo-player] .whitespace-pre {
    white-space: pre;
  }
  [data-agent-demo-player] .text-background {
    color: var(--color-background);
  }
  [data-agent-demo-player] .text-blue-500 {
    color: var(--color-blue-500);
  }
  [data-agent-demo-player] .text-emerald-500 {
    color: var(--color-emerald-500);
  }
  [data-agent-demo-player] .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  [data-agent-demo-player] .text-foreground\/60 {
    color: color-mix(in srgb, oklch(0.145 0.006 106) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-foreground) 60%, transparent);
    }
  }
  [data-agent-demo-player] .text-foreground\/65 {
    color: color-mix(in srgb, oklch(0.145 0.006 106) 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-foreground) 65%, transparent);
    }
  }
  [data-agent-demo-player] .text-foreground\/70 {
    color: color-mix(in srgb, oklch(0.145 0.006 106) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
    }
  }
  [data-agent-demo-player] .text-foreground\/80 {
    color: color-mix(in srgb, oklch(0.145 0.006 106) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-foreground) 80%, transparent);
    }
  }
  [data-agent-demo-player] .text-foreground\/90 {
    color: color-mix(in srgb, oklch(0.145 0.006 106) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-foreground) 90%, transparent);
    }
  }
  [data-agent-demo-player] .text-muted-foreground {
    color: var(--color-muted-foreground);
  }
  [data-agent-demo-player] .text-red-600 {
    color: var(--color-red-600);
  }
  [data-agent-demo-player] .text-white {
    color: var(--color-white);
  }
  [data-agent-demo-player] .tabular-nums {
    --ad-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--ad-ordinal,) var(--ad-slashed-zero,) var(--ad-numeric-figure,) var(--ad-numeric-spacing,) var(--ad-numeric-fraction,);
  }
  [data-agent-demo-player] .opacity-0 {
    opacity: 0%;
  }
  [data-agent-demo-player] .opacity-40 {
    opacity: 40%;
  }
  [data-agent-demo-player] .opacity-60 {
    opacity: 60%;
  }
  [data-agent-demo-player] .opacity-100 {
    opacity: 100%;
  }
  [data-agent-demo-player] .inset-ring {
    --ad-inset-ring-shadow: inset 0 0 0 1px var(--ad-inset-ring-color, currentcolor);
    box-shadow: var(--ad-inset-shadow), var(--ad-inset-ring-shadow), var(--ad-ring-offset-shadow), var(--ad-ring-shadow), var(--ad-shadow);
  }
  [data-agent-demo-player] .inset-ring-border {
    --ad-inset-ring-color: var(--color-border);
  }
  [data-agent-demo-player] .outline-hidden {
    --ad-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  [data-agent-demo-player] .blur-\[2px\] {
    --ad-blur: blur(2px);
    filter: var(--ad-blur,) var(--ad-brightness,) var(--ad-contrast,) var(--ad-grayscale,) var(--ad-hue-rotate,) var(--ad-invert,) var(--ad-saturate,) var(--ad-sepia,) var(--ad-drop-shadow,);
  }
  [data-agent-demo-player] .blur-\[4px\] {
    --ad-blur: blur(4px);
    filter: var(--ad-blur,) var(--ad-brightness,) var(--ad-contrast,) var(--ad-grayscale,) var(--ad-hue-rotate,) var(--ad-invert,) var(--ad-saturate,) var(--ad-sepia,) var(--ad-drop-shadow,);
  }
  [data-agent-demo-player] .blur-none {
    --ad-blur:  ;
    filter: var(--ad-blur,) var(--ad-brightness,) var(--ad-contrast,) var(--ad-grayscale,) var(--ad-hue-rotate,) var(--ad-invert,) var(--ad-saturate,) var(--ad-sepia,) var(--ad-drop-shadow,);
  }
  [data-agent-demo-player] .invert {
    --ad-invert: invert(100%);
    filter: var(--ad-blur,) var(--ad-brightness,) var(--ad-contrast,) var(--ad-grayscale,) var(--ad-hue-rotate,) var(--ad-invert,) var(--ad-saturate,) var(--ad-sepia,) var(--ad-drop-shadow,);
  }
  [data-agent-demo-player] .transition-\[background-color\,color\,scale\] {
    transition-property: background-color,color,scale;
    transition-timing-function: var(--ad-ease, var(--default-transition-timing-function));
    transition-duration: var(--ad-duration, var(--default-transition-duration));
  }
  [data-agent-demo-player] .transition-\[background-color\,scale\] {
    transition-property: background-color,scale;
    transition-timing-function: var(--ad-ease, var(--default-transition-timing-function));
    transition-duration: var(--ad-duration, var(--default-transition-duration));
  }
  [data-agent-demo-player] .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--ad-ease, var(--default-transition-timing-function));
    transition-duration: var(--ad-duration, var(--default-transition-duration));
  }
  [data-agent-demo-player] .transition-\[opacity\,filter\] {
    transition-property: opacity,filter;
    transition-timing-function: var(--ad-ease, var(--default-transition-timing-function));
    transition-duration: var(--ad-duration, var(--default-transition-duration));
  }
  [data-agent-demo-player] .transition-\[opacity\,scale\,filter\] {
    transition-property: opacity,scale,filter;
    transition-timing-function: var(--ad-ease, var(--default-transition-timing-function));
    transition-duration: var(--ad-duration, var(--default-transition-duration));
  }
  [data-agent-demo-player] .transition-\[opacity\,scale\] {
    transition-property: opacity,scale;
    transition-timing-function: var(--ad-ease, var(--default-transition-timing-function));
    transition-duration: var(--ad-duration, var(--default-transition-duration));
  }
  [data-agent-demo-player] .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--ad-ease, var(--default-transition-timing-function));
    transition-duration: var(--ad-duration, var(--default-transition-duration));
  }
  [data-agent-demo-player] .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --ad-gradient-from, --ad-gradient-via, --ad-gradient-to;
    transition-timing-function: var(--ad-ease, var(--default-transition-timing-function));
    transition-duration: var(--ad-duration, var(--default-transition-duration));
  }
  [data-agent-demo-player] .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--ad-ease, var(--default-transition-timing-function));
    transition-duration: var(--ad-duration, var(--default-transition-duration));
  }
  [data-agent-demo-player] .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--ad-ease, var(--default-transition-timing-function));
    transition-duration: var(--ad-duration, var(--default-transition-duration));
  }
  [data-agent-demo-player] .duration-150 {
    --ad-duration: 150ms;
    transition-duration: 150ms;
  }
  [data-agent-demo-player] .duration-200 {
    --ad-duration: 200ms;
    transition-duration: 200ms;
  }
  [data-agent-demo-player] .duration-300 {
    --ad-duration: 300ms;
    transition-duration: 300ms;
  }
  [data-agent-demo-player] .duration-500 {
    --ad-duration: 500ms;
    transition-duration: 500ms;
  }
  [data-agent-demo-player] .duration-700 {
    --ad-duration: 700ms;
    transition-duration: 700ms;
  }
  [data-agent-demo-player] .duration-1000 {
    --ad-duration: 1000ms;
    transition-duration: 1000ms;
  }
  [data-agent-demo-player] .ease-\[cubic-bezier\(0\.2\,0\,0\,1\)\] {
    --ad-ease: cubic-bezier(0.2,0,0,1);
    transition-timing-function: cubic-bezier(0.2,0,0,1);
  }
  [data-agent-demo-player] .ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] {
    --ad-ease: cubic-bezier(0.23,1,0.32,1);
    transition-timing-function: cubic-bezier(0.23,1,0.32,1);
  }
  [data-agent-demo-player] .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    --ad-ease: cubic-bezier(0.32,0.72,0,1);
    transition-timing-function: cubic-bezier(0.32,0.72,0,1);
  }
  [data-agent-demo-player] .forced-color-adjust-none {
    forced-color-adjust: none;
  }
  [data-agent-demo-player] .fill-mode-both {
    animation-fill-mode: both;
    --ad-animation-fill-mode: both;
  }
  [data-agent-demo-player] .outline-none {
    --ad-outline-style: none;
    outline-style: none;
  }
  [data-agent-demo-player] .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  [data-agent-demo-player] .zoom-in-90 {
    --ad-enter-scale: calc(90*1%);
    --ad-enter-scale: .9;
  }
  [data-agent-demo-player] .\[grid-area\:1\/1\] {
    grid-area: 1/1;
  }
  [data-agent-demo-player] .fade-in {
    --ad-enter-opacity: 0;
  }
  [data-agent-demo-player] .paused {
    animation-play-state: paused;
  }
  [data-agent-demo-player] .running {
    animation-play-state: running;
  }
  [data-agent-demo-player] .slide-in-from-bottom-1 {
    --ad-enter-translate-y: calc(1*var(--spacing));
  }
  [data-agent-demo-player] .slide-in-from-right-4 {
    --ad-enter-translate-x: calc(4*var(--spacing));
  }
  [data-agent-demo-player] .group-focus-within\/message\:opacity-100:is(:where(.group\/message):focus-within *) {
    opacity: 100%;
  }
  @media (hover: hover) {
    [data-agent-demo-player] .group-hover\/message\:opacity-100:is(:where(.group\/message):hover *) {
      opacity: 100%;
    }
  }
  [data-agent-demo-player] .group-data-open\/trigger\:rotate-90:is(:where(.group\/trigger)[data-open] *) {
    rotate: 90deg;
  }
  [data-agent-demo-player] .group-data-panel-open\/trigger\:rotate-90:is(:where(.group\/trigger)[data-panel-open] *) {
    rotate: 90deg;
  }
  [data-agent-demo-player] .group-data-\[state\=open\]\/trigger\:rotate-90:is(:where(.group\/trigger)[data-state="open"] *) {
    rotate: 90deg;
  }
  @media (hover: hover) {
    [data-agent-demo-player] .hover\:bg-foreground\/\[0\.06\]:hover {
      background-color: color-mix(in srgb, oklch(0.145 0.006 106) 6%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-agent-demo-player] .hover\:bg-foreground\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-foreground) 6%, transparent);
      }
    }
    [data-agent-demo-player] .hover\:bg-foreground\/\[0\.07\]:hover {
      background-color: color-mix(in srgb, oklch(0.145 0.006 106) 7.000000000000001%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-agent-demo-player] .hover\:bg-foreground\/\[0\.07\]:hover {
        background-color: color-mix(in oklab, var(--color-foreground) 7.000000000000001%, transparent);
      }
    }
    [data-agent-demo-player] .hover\:bg-foreground\/\[0\.035\]:hover {
      background-color: color-mix(in srgb, oklch(0.145 0.006 106) 3.5000000000000004%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-agent-demo-player] .hover\:bg-foreground\/\[0\.035\]:hover {
        background-color: color-mix(in oklab, var(--color-foreground) 3.5000000000000004%, transparent);
      }
    }
    [data-agent-demo-player] .hover\:bg-red-600\/90:hover {
      background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 90%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-agent-demo-player] .hover\:bg-red-600\/90:hover {
        background-color: color-mix(in oklab, var(--color-red-600) 90%, transparent);
      }
    }
    [data-agent-demo-player] .hover\:text-foreground\/90:hover {
      color: color-mix(in srgb, oklch(0.145 0.006 106) 90%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-agent-demo-player] .hover\:text-foreground\/90:hover {
        color: color-mix(in oklab, var(--color-foreground) 90%, transparent);
      }
    }
    [data-agent-demo-player] .hover\:opacity-40:hover {
      opacity: 40%;
    }
    [data-agent-demo-player] .hover\:opacity-90:hover {
      opacity: 90%;
    }
  }
  [data-agent-demo-player] .focus-visible\:ring-1:focus-visible {
    --ad-ring-shadow: var(--ad-ring-inset,) 0 0 0 calc(1px + var(--ad-ring-offset-width)) var(--ad-ring-color, currentcolor);
    box-shadow: var(--ad-inset-shadow), var(--ad-inset-ring-shadow), var(--ad-ring-offset-shadow), var(--ad-ring-shadow), var(--ad-shadow);
  }
  [data-agent-demo-player] .focus-visible\:ring-foreground\/20:focus-visible {
    --ad-ring-color: color-mix(in srgb, oklch(0.145 0.006 106) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --ad-ring-color: color-mix(in oklab, var(--color-foreground) 20%, transparent);
    }
  }
  [data-agent-demo-player] .active\:scale-\[0\.96\]:active {
    scale: 0.96;
  }
  [data-agent-demo-player] .data-\[ending-style\]\:h-0[data-ending-style] {
    height: 0px;
  }
  [data-agent-demo-player] .data-\[starting-style\]\:h-0[data-starting-style] {
    height: 0px;
  }
  @media (prefers-reduced-motion: reduce) {
    [data-agent-demo-player] .motion-reduce\:animate-none {
      animation: none;
    }
    [data-agent-demo-player] .motion-reduce\:transition-none {
      transition-property: none;
    }
  }
  @media (prefers-color-scheme: dark) {
    [data-agent-demo-player] .dark\:bg-black {
      background-color: var(--color-black);
    }
    [data-agent-demo-player] .dark\:bg-blue-400 {
      background-color: var(--color-blue-400);
    }
    [data-agent-demo-player] .dark\:bg-foreground\/\[0\.06\] {
      background-color: color-mix(in srgb, oklch(0.145 0.006 106) 6%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-agent-demo-player] .dark\:bg-foreground\/\[0\.06\] {
        background-color: color-mix(in oklab, var(--color-foreground) 6%, transparent);
      }
    }
    [data-agent-demo-player] .dark\:bg-popover {
      background-color: var(--color-popover);
    }
    [data-agent-demo-player] .dark\:bg-red-400 {
      background-color: var(--color-red-400);
    }
    [data-agent-demo-player] .dark\:bg-red-400\/10 {
      background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-agent-demo-player] .dark\:bg-red-400\/10 {
        background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
      }
    }
    [data-agent-demo-player] .dark\:bg-transparent {
      background-color: transparent;
    }
    [data-agent-demo-player] .dark\:text-blue-400 {
      color: var(--color-blue-400);
    }
    [data-agent-demo-player] .dark\:text-emerald-400 {
      color: var(--color-emerald-400);
    }
    [data-agent-demo-player] .dark\:text-red-400 {
      color: var(--color-red-400);
    }
    [data-agent-demo-player] .dark\:text-red-950 {
      color: var(--color-red-950);
    }
    @media (hover: hover) {
      [data-agent-demo-player] .dark\:hover\:bg-foreground\/\[0\.09\]:hover {
        background-color: color-mix(in srgb, oklch(0.145 0.006 106) 9%, transparent);
      }
      @supports (color: color-mix(in lab, red, red)) {
        [data-agent-demo-player] .dark\:hover\:bg-foreground\/\[0\.09\]:hover {
          background-color: color-mix(in oklab, var(--color-foreground) 9%, transparent);
        }
      }
      [data-agent-demo-player] .dark\:hover\:bg-red-400\/90:hover {
        background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 90%, transparent);
      }
      @supports (color: color-mix(in lab, red, red)) {
        [data-agent-demo-player] .dark\:hover\:bg-red-400\/90:hover {
          background-color: color-mix(in oklab, var(--color-red-400) 90%, transparent);
        }
      }
    }
  }
  @media (forced-colors: active) {
    [data-agent-demo-player] .forced-colors\:border {
      border-style: var(--ad-border-style);
      border-width: 1px;
    }
    [data-agent-demo-player] .forced-colors\:outline {
      outline-style: var(--ad-outline-style);
      outline-width: 1px;
    }
  }
}
@property --ad-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --ad-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --ad-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --ad-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --ad-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --ad-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --ad-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --ad-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --ad-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --ad-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --ad-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --ad-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --ad-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --ad-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --ad-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --ad-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --ad-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --ad-shimmer-track-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 200px;
}
@property --ad-shimmer-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 15deg;
}
[data-agent-demo-player] .ea-user-bubble {
  background: #f4f4f4;
  border-color: transparent;
  color: var(--color-foreground);
}
[data-agent-demo-player] .ea-prose {
  font-size: 14px;
  line-height: 1.625;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
[data-agent-demo-player] .ea-markdown {
  white-space: normal;
  overflow-wrap: anywhere;
}
[data-agent-demo-player] .ea-markdown>:first-child {
  margin-top: 0;
}
[data-agent-demo-player] .ea-markdown>:last-child {
  margin-bottom: 0;
}
[data-agent-demo-player] .ea-markdown p {
  margin: 0 0 1em;
}
[data-agent-demo-player] .ea-markdown strong {
  font-weight: 600;
}
[data-agent-demo-player] .ea-markdown h1,[data-agent-demo-player] .ea-markdown h2,[data-agent-demo-player] .ea-markdown h3,[data-agent-demo-player] .ea-markdown h4 {
  font-weight: 600;
  line-height: 1.4;
  margin: 1.3em 0 .6em;
}
[data-agent-demo-player] .ea-markdown h1 {
  font-size: 1.35em;
}
[data-agent-demo-player] .ea-markdown h2 {
  font-size: 1.2em;
}
[data-agent-demo-player] .ea-markdown h3 {
  font-size: 1.1em;
}
[data-agent-demo-player] .ea-markdown ul,[data-agent-demo-player] .ea-markdown ol {
  padding-left: 1.5em;
  margin: .6em 0 1em;
}
[data-agent-demo-player] .ea-markdown ul {
  list-style: disc;
}
[data-agent-demo-player] .ea-markdown ol {
  list-style: decimal;
}
[data-agent-demo-player] .ea-markdown li {
  margin: .3em 0;
}
[data-agent-demo-player] .ea-markdown li>p {
  margin: .3em 0;
}
[data-agent-demo-player] .ea-markdown a {
  color: #2563eb;
  text-decoration: underline;
  text-underline-offset: 3px;
}
[data-agent-demo-player] .ea-markdown blockquote {
  border-left: 2px solid #e5e7eb;
  padding-left: 1em;
  color: #737373;
  margin: 1em 0;
}
[data-agent-demo-player] .ea-markdown hr {
  border: 0;
  border-top: 1px solid #e5e7eb;
  margin: 1.2em 0;
}
[data-agent-demo-player] .ea-markdown code {
  font-size: .9em;
  background: rgb(23 23 23 / .04);
  border-radius: 4px;
  padding: .1em .3em;
}
[data-agent-demo-player] .ea-markdown pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding: 12px;
  background: rgb(23 23 23 / .04);
  border-radius: 10px;
  margin: 1em 0;
}
[data-agent-demo-player] .ea-markdown pre code {
  padding: 0;
  background: none;
}
[data-agent-demo-player] .ea-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  margin: 1em 0;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
}
[data-agent-demo-player] .ea-markdown table {
  border-collapse: collapse;
  width: 100%;
  min-width: 360px;
  font-size: 13px;
  line-height: 1.5;
}
[data-agent-demo-player] .ea-markdown th,[data-agent-demo-player] .ea-markdown td {
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e5e7eb;
}
[data-agent-demo-player] .ea-markdown th {
  font-weight: 600;
  background: rgb(23 23 23 / .04);
}
[data-agent-demo-player] .ea-markdown tr:last-child td {
  border-bottom: 0;
}
[data-agent-demo-player] {
  --aui-success: oklch(0.6 0.15 149);
  --aui-warning: oklch(0.68 0.16 70);
  --aui-panel: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --aui-panel: color-mix(in oklab, var(--foreground) 4%, transparent);
  }
  --aui-live: oklch(0.623 0.214 259.815);
}
[data-agent-demo-player] [data-aui] {
  box-sizing: border-box;
}
[data-agent-demo-player] [data-aui="header"] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
[data-agent-demo-player] [data-aui="text"] {
  line-height: 1.5;
}
[data-agent-demo-player] [data-aui="caption"] {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.4;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui="text"][data-aui-size="sm"], [data-agent-demo-player] [data-aui="header"][data-aui-size="sm"] {
  font-size: 0.75rem;
}
[data-agent-demo-player] [data-aui="text"][data-aui-size="md"], [data-agent-demo-player] [data-aui="header"][data-aui-size="md"] {
  font-size: 0.875rem;
}
[data-agent-demo-player] [data-aui="text"][data-aui-size="lg"], [data-agent-demo-player] [data-aui="header"][data-aui-size="lg"] {
  font-size: 1.125rem;
}
[data-agent-demo-player] [data-aui="text"][data-aui-size="xl"], [data-agent-demo-player] [data-aui="header"][data-aui-size="xl"] {
  font-size: 1.25rem;
}
[data-agent-demo-player] [data-aui="text"][data-aui-size="2xl"], [data-agent-demo-player] [data-aui="header"][data-aui-size="2xl"] {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}
[data-agent-demo-player] [data-aui="text"][data-aui-size="3xl"], [data-agent-demo-player] [data-aui="header"][data-aui-size="3xl"] {
  font-size: 2.25rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}
[data-agent-demo-player] [data-aui="text"][data-aui-weight="normal"] {
  font-weight: 400;
}
[data-agent-demo-player] [data-aui="text"][data-aui-weight="medium"] {
  font-weight: 500;
}
[data-agent-demo-player] [data-aui="text"][data-aui-weight="semibold"] {
  font-weight: 600;
}
[data-agent-demo-player] [data-aui="text"][data-aui-weight="bold"] {
  font-weight: 700;
}
[data-agent-demo-player] [data-aui="text"][data-aui-color="emphasis"] {
  color: var(--foreground);
}
[data-agent-demo-player] [data-aui="text"][data-aui-color="secondary"] {
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui="text"][data-aui-color="alpha-70"] {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 70%, transparent);
  }
}
[data-agent-demo-player] [data-aui="text"][data-aui-color="white"] {
  color: white;
}
[data-agent-demo-player] [data-aui="text"][data-aui-color="white-70"] {
  color: color-mix(in oklab, white 70%, transparent);
}
[data-agent-demo-player] [data-aui="text"][data-aui-color="white-50"] {
  color: color-mix(in oklab, white 50%, transparent);
}
[data-agent-demo-player] [data-aui="fact"] {
  margin: 0;
}
[data-agent-demo-player] [data-aui="fact-label"] {
  margin: 0;
  font-size: 0.75rem;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui="fact-value"] {
  margin: 0;
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
}
[data-agent-demo-player] [data-aui="row"] > [data-aui="fact"] > [data-aui="fact-value"] {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}
[data-agent-demo-player] [data-aui="card"] [data-aui="row"] > [data-aui="fact"] > [data-aui="fact-value"] {
  font-size: 0.9375rem;
  font-weight: 500;
}
[data-agent-demo-player] [data-aui="fact-delta"] {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  margin: 0 0 0 0.375rem;
  padding: 0.125rem 0.375rem;
  border-radius: 9999px;
  font-size: 0.6875rem;
  font-weight: 500;
  vertical-align: middle;
}
[data-agent-demo-player] [data-aui="fact-delta"][data-aui-tone="good"] {
  background-color: var(--aui-success);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--aui-success) 15%, transparent);
  }
  color: var(--aui-success);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--aui-success) 55%, currentColor);
  }
}
[data-agent-demo-player] [data-aui="fact-delta"][data-aui-tone="bad"] {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
  }
  color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--destructive) 55%, currentColor);
  }
}
[data-agent-demo-player] [data-aui="fact-delta"][data-aui-tone="neutral"] {
  background-color: var(--secondary);
  color: var(--secondary-foreground);
}
[data-agent-demo-player] [data-aui="button"], [data-agent-demo-player] [data-aui="card-confirm"], [data-agent-demo-player] [data-aui="card-cancel"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  height: var(--aui-control-height, 2.5rem);
  padding: 0 var(--aui-button-padding-x, 1.25rem);
  border-radius: calc(var(--radius) - 2px);
  font-size: var(--aui-control-font-size, 0.875rem);
  font-weight: 500;
  border: 1px solid transparent;
  cursor: pointer;
  background-color: var(--secondary);
  color: var(--secondary-foreground);
  transition: background-color 0.15s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
[data-agent-demo-player] [data-aui="button"]:focus-visible, [data-agent-demo-player] [data-aui="card-confirm"]:focus-visible, [data-agent-demo-player] [data-aui="card-cancel"]:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
[data-agent-demo-player] [data-aui="button"][data-aui-style="primary"], [data-agent-demo-player] [data-aui="card-confirm"] {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
[data-agent-demo-player] [data-aui="button"][data-aui-style="primary"]:hover, [data-agent-demo-player] [data-aui="card-confirm"]:hover {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--primary) 90%, transparent);
  }
}
[data-agent-demo-player] [data-aui="button"][data-aui-style="secondary"] {
  background-color: var(--secondary);
  color: var(--secondary-foreground);
}
[data-agent-demo-player] [data-aui="button"][data-aui-style="secondary"]:hover {
  background-color: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
  }
}
[data-agent-demo-player] [data-aui="button"][data-aui-style="outline"] {
  background-color: transparent;
  color: var(--foreground);
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--border) 60%, transparent);
  }
}
[data-agent-demo-player] [data-aui="button"][data-aui-style="outline"]:hover {
  background-color: var(--accent);
  color: var(--accent-foreground);
}
[data-agent-demo-player] [data-aui="button"][data-aui-style="ghost"], [data-agent-demo-player] [data-aui="card-cancel"] {
  background-color: transparent;
  color: var(--foreground);
}
[data-agent-demo-player] [data-aui="button"][data-aui-style="ghost"]:hover, [data-agent-demo-player] [data-aui="card-cancel"]:hover {
  background-color: var(--accent);
  color: var(--accent-foreground);
}
[data-agent-demo-player] [data-aui="button"][data-aui-style="danger"] {
  background-color: var(--destructive);
  color: var(--primary-foreground);
}
[data-agent-demo-player] [data-aui="button"][data-aui-style="danger"]:hover {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
  }
}
[data-agent-demo-player] [data-aui="button"][data-aui-state="pending"] {
  background-color: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--secondary) 72%, transparent);
  }
  font-variant-numeric: tabular-nums;
}
[data-agent-demo-player] [data-aui="button-undo-status"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
[data-agent-demo-player] [data-aui="button"][data-aui-block] {
  width: 100%;
}
[data-agent-demo-player] [data-aui="select"], [data-agent-demo-player] [data-aui="input"], [data-agent-demo-player] [data-aui="datepicker"] {
  display: block;
  width: 100%;
  min-width: 0;
  height: var(--aui-control-height, 2.5rem);
  padding: 0 var(--aui-field-padding-x, 0.875rem);
  border-radius: calc(var(--radius) - 2px);
  border: 1px solid var(--input);
  background-color: transparent;
  font-size: var(--aui-control-font-size, 0.875rem);
  color: var(--foreground);
}
[data-agent-demo-player] [data-aui="datepicker"] {
  max-width: 100%;
}
[data-agent-demo-player] [data-aui="input"][data-aui-multiline] {
  height: auto;
  min-height: 2.5rem;
  padding: 0.625rem var(--aui-field-padding-x, 0.875rem);
  line-height: 1.5;
  resize: vertical;
}
[data-agent-demo-player] [data-aui="input"]::placeholder {
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 45%, transparent);
  }
}
[data-agent-demo-player] [data-aui="select"]:focus-visible, [data-agent-demo-player] [data-aui="input"]:focus-visible, [data-agent-demo-player] [data-aui="datepicker"]:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
[data-agent-demo-player] [data-aui="slider-field"] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
[data-agent-demo-player] [data-aui="slider-label"] {
  font-size: var(--aui-control-font-size, 0.875rem);
  font-weight: 500;
}
[data-agent-demo-player] [data-aui="slider"] {
  width: 100%;
  height: 1.25rem;
  margin: 0;
  cursor: pointer;
  accent-color: var(--foreground);
  appearance: none;
  background-color: transparent;
}
[data-agent-demo-player] [data-aui="slider"]::-webkit-slider-runnable-track {
  height: 0.25rem;
  border-radius: 9999px;
  background-color: var(--foreground);
}
[data-agent-demo-player] [data-aui="slider"]::-moz-range-track {
  height: 0.25rem;
  border-radius: 9999px;
  background-color: var(--foreground);
}
[data-agent-demo-player] [data-aui="slider"]::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.375rem;
  border-radius: 9999px;
  appearance: none;
  background-color: var(--foreground);
}
[data-agent-demo-player] [data-aui="slider"]::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  border: 0;
  border-radius: 9999px;
  background-color: var(--foreground);
}
[data-agent-demo-player] [data-aui="slider"]:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
[data-agent-demo-player] [data-aui="slider-value"] {
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui="checkbox"] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
[data-agent-demo-player] [data-aui="radiogroup-option"], [data-agent-demo-player] [data-aui="checkboxgroup-option"] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  cursor: pointer;
}
[data-agent-demo-player] [data-aui="option-content"] {
  display: flex;
  flex-direction: column;
}
[data-agent-demo-player] [data-aui="option-description"] {
  font-size: 0.75rem;
  line-height: 1.4;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui="checkbox"] input, [data-agent-demo-player] [data-aui="radiogroup-option"] input, [data-agent-demo-player] [data-aui="checkboxgroup-option"] input {
  accent-color: var(--primary);
  width: 1rem;
  height: 1rem;
  margin: 0;
  cursor: pointer;
}
[data-agent-demo-player] [data-aui="radiogroup-option"] input, [data-agent-demo-player] [data-aui="checkboxgroup-option"] input {
  margin-top: 0.125rem;
}
[data-agent-demo-player] [data-aui="checkbox"][data-aui-variant="switch"] input {
  width: 2.25rem;
  height: 1.25rem;
  border: 0;
  border-radius: 9999px;
  appearance: none;
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
  }
  transition: background-color 0.15s ease;
}
[data-agent-demo-player] [data-aui="checkbox"][data-aui-variant="switch"] input::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0.125rem;
  border-radius: 9999px;
  background-color: var(--background);
  transition: transform 0.15s ease;
}
[data-agent-demo-player] [data-aui="checkbox"][data-aui-variant="switch"] input:checked {
  background-color: var(--foreground);
}
[data-agent-demo-player] [data-aui="checkbox"][data-aui-variant="switch"] input:checked::before {
  transform: translateX(1rem);
}
[data-agent-demo-player] [data-aui="checkbox"] input:focus-visible, [data-agent-demo-player] [data-aui="radiogroup-option"] input:focus-visible, [data-agent-demo-player] [data-aui="checkboxgroup-option"] input:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
[data-agent-demo-player] [data-aui="radiogroup"], [data-agent-demo-player] [data-aui="checkboxgroup"] {
  border: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
[data-agent-demo-player] [data-aui="checkboxgroup-progress"] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui="checkboxgroup-progress-track"] {
  flex: 1;
  height: 0.375rem;
  border-radius: 9999px;
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
  }
  overflow: hidden;
}
[data-agent-demo-player] [data-aui="checkboxgroup-progress-fill"] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: var(--primary);
  transition: width 0.2s ease;
}
[data-agent-demo-player] fieldset[data-aui="answered"] {
  border: 0;
  margin: 0;
  padding: 0;
  min-inline-size: 0;
}
[data-agent-demo-player] fieldset[data-aui="answered"] [data-aui="button"], [data-agent-demo-player] fieldset[data-aui="answered"] [data-aui="card-confirm"], [data-agent-demo-player] fieldset[data-aui="answered"] [data-aui="card-cancel"], [data-agent-demo-player] fieldset[data-aui="answered"] [data-aui="select"], [data-agent-demo-player] fieldset[data-aui="answered"] [data-aui="input"], [data-agent-demo-player] fieldset[data-aui="answered"] [data-aui="datepicker"], [data-agent-demo-player] fieldset[data-aui="answered"] [data-aui="checkbox"], [data-agent-demo-player] fieldset[data-aui="answered"] [data-aui="radiogroup-option"], [data-agent-demo-player] fieldset[data-aui="answered"] [data-aui="checkboxgroup-option"] {
  cursor: not-allowed;
  opacity: 0.55;
}
[data-agent-demo-player] [data-aui="root"] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  margin-block: 0.875rem;
}
[data-agent-demo-player] [data-gf-spec], [data-agent-demo-player] [data-gf-widget] {
  margin-block: 0.875rem;
}
[data-agent-demo-player] [data-aui="root"]:empty {
  display: none;
}
[data-agent-demo-player] [data-aui="card"] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  padding: var(--aui-card-padding, 1rem 1.125rem);
  border-radius: var(--radius);
  background-color: var(--aui-panel, var(--foreground));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: var(--aui-panel, color-mix(in oklab, var(--foreground) 4%, transparent));
  }
}
[data-agent-demo-player] [data-aui="card"] [data-aui="card"] {
  --aui-card-padding: 0;
  border-radius: 0;
  background-color: transparent;
}
[data-agent-demo-player] [data-aui="card"][data-aui-surface], [data-agent-demo-player] [data-aui="carousel"] [data-aui="card"] {
  --aui-card-padding: 1.25rem;
  background-color: var(--card);
  color: var(--card-foreground);
  border: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  }
  border-radius: var(--radius);
  box-shadow: none;
}
[data-agent-demo-player] [data-aui="card-title"] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
}
[data-agent-demo-player] [data-aui="card-footer"] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  }
}
[data-agent-demo-player] [data-aui-padding="0"] {
  padding: 0;
}
[data-agent-demo-player] [data-aui-padding="1"] {
  padding: calc(1 * 4px);
}
[data-agent-demo-player] [data-aui-padding="2"] {
  padding: calc(2 * 4px);
}
[data-agent-demo-player] [data-aui-padding="3"] {
  padding: calc(3 * 4px);
}
[data-agent-demo-player] [data-aui-padding="4"] {
  padding: calc(4 * 4px);
}
[data-agent-demo-player] [data-aui-padding="5"] {
  padding: calc(5 * 4px);
}
[data-agent-demo-player] [data-aui-padding="6"] {
  padding: calc(6 * 4px);
}
[data-agent-demo-player] [data-aui-padding="7"] {
  padding: calc(7 * 4px);
}
[data-agent-demo-player] [data-aui-padding="8"] {
  padding: calc(8 * 4px);
}
[data-agent-demo-player] [data-aui="row"] {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
[data-agent-demo-player] [data-aui="col"] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
[data-agent-demo-player] [data-aui="form"] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0;
}
[data-agent-demo-player] [data-aui="spacer"] {
  flex: 1;
}
[data-agent-demo-player] [data-aui="row"][data-aui-align="start"], [data-agent-demo-player] [data-aui="col"][data-aui-align="start"] {
  align-items: flex-start;
}
[data-agent-demo-player] [data-aui="row"][data-aui-align="center"], [data-agent-demo-player] [data-aui="col"][data-aui-align="center"] {
  align-items: center;
}
[data-agent-demo-player] [data-aui="row"][data-aui-align="end"], [data-agent-demo-player] [data-aui="col"][data-aui-align="end"] {
  align-items: flex-end;
}
[data-agent-demo-player] [data-aui="row"][data-aui-justify="start"] {
  justify-content: flex-start;
}
[data-agent-demo-player] [data-aui="row"][data-aui-justify="center"] {
  justify-content: center;
}
[data-agent-demo-player] [data-aui="row"][data-aui-justify="end"] {
  justify-content: flex-end;
}
[data-agent-demo-player] [data-aui="row"][data-aui-justify="between"] {
  justify-content: space-between;
}
[data-agent-demo-player] [data-aui-gap="0"] {
  gap: 0;
}
[data-agent-demo-player] [data-aui-gap="1"] {
  gap: calc(1 * 4px);
}
[data-agent-demo-player] [data-aui-gap="2"] {
  gap: calc(2 * 4px);
}
[data-agent-demo-player] [data-aui-gap="3"] {
  gap: calc(3 * 4px);
}
[data-agent-demo-player] [data-aui-gap="4"] {
  gap: calc(4 * 4px);
}
[data-agent-demo-player] [data-aui-gap="5"] {
  gap: calc(5 * 4px);
}
[data-agent-demo-player] [data-aui-gap="6"] {
  gap: calc(6 * 4px);
}
[data-agent-demo-player] [data-aui-gap="7"] {
  gap: calc(7 * 4px);
}
[data-agent-demo-player] [data-aui-gap="8"] {
  gap: calc(8 * 4px);
}
[data-agent-demo-player] [data-aui="box"] {
  display: block;
}
[data-agent-demo-player] [data-aui="icon"] {
  display: inline-block;
  vertical-align: -0.125em;
  flex-shrink: 0;
}
[data-agent-demo-player] [data-aui="alert"] {
  border-width: 1px;
  border-style: solid;
  border-radius: var(--radius);
  padding: 0.75rem 0.875rem;
}
[data-agent-demo-player] [data-aui="alert"][data-aui-tone="info"] {
  border-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--primary) 45%, transparent);
  }
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--primary) 8%, transparent);
  }
}
[data-agent-demo-player] [data-aui="alert"][data-aui-tone="success"] {
  border-color: var(--aui-success);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--aui-success) 45%, transparent);
  }
  background-color: var(--aui-success);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--aui-success) 8%, transparent);
  }
}
[data-agent-demo-player] [data-aui="alert"][data-aui-tone="warning"] {
  border-color: var(--aui-warning);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--aui-warning) 45%, transparent);
  }
  background-color: var(--aui-warning);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--aui-warning) 8%, transparent);
  }
}
[data-agent-demo-player] [data-aui="alert"][data-aui-tone="danger"] {
  border-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--destructive) 45%, transparent);
  }
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--destructive) 8%, transparent);
  }
}
[data-agent-demo-player] [data-aui="alert-title"] {
  margin: 0 0 0.25rem 0;
  font-weight: 500;
}
[data-agent-demo-player] [data-aui="alert-desc"] {
  margin: 0;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
  font-size: 0.8125rem;
}
[data-agent-demo-player] [data-aui="table"] {
  width: 100%;
  border-collapse: collapse;
}
[data-agent-demo-player] [data-aui="table-col"] {
  text-align: left;
  font-size: 0.75rem;
  font-weight: 500;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  }
}
[data-agent-demo-player] [data-aui="table"] td {
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  text-align: left;
  font-variant-numeric: tabular-nums;
}
[data-agent-demo-player] [data-aui="table-col"][data-aui-align="end"], [data-agent-demo-player] [data-aui="table"] td[data-aui-align="end"] {
  text-align: end;
}
[data-agent-demo-player] [data-aui="table-sort"] {
  appearance: none;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: inherit;
  cursor: pointer;
}
[data-agent-demo-player] [data-aui="table-sort-direction"] {
  margin: 0 0 0 0.25rem;
}
[data-agent-demo-player] [data-aui="table-sort"]:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
[data-agent-demo-player] [data-aui="table"] tbody tr:not(:last-child) td {
  border-bottom: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  }
}
[data-agent-demo-player] [data-aui="chart"] {
  display: block;
  width: 100%;
  height: 3rem;
  color: var(--chart-1);
}
[data-agent-demo-player] [data-aui="chart"] polyline, [data-agent-demo-player] [data-aui="chart"] polygon {
  stroke-width: 1.5;
}
[data-agent-demo-player] [data-aui="chart-zero"] {
  stroke: var(--muted-foreground);
  stroke-opacity: 0.5;
}
[data-agent-demo-player] [data-aui="chart"][data-aui-color] [data-aui="chart-series"]:only-child {
  color: inherit;
}
[data-agent-demo-player] [data-aui="chart"][data-aui-color="emphasis"] {
  color: var(--foreground);
}
[data-agent-demo-player] [data-aui="chart"][data-aui-color="secondary"] {
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui="chart"][data-aui-color="alpha-70"] {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 70%, transparent);
  }
}
[data-agent-demo-player] [data-aui="chart"][data-aui-color="white"] {
  color: white;
}
[data-agent-demo-player] [data-aui="chart"][data-aui-color="white-70"] {
  color: color-mix(in oklab, white 70%, transparent);
}
[data-agent-demo-player] [data-aui="chart"][data-aui-color="white-50"] {
  color: color-mix(in oklab, white 50%, transparent);
}
[data-agent-demo-player] [data-aui="chart-frame"] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25rem;
}
[data-agent-demo-player] [data-aui="chart-frame"] > [data-aui="chart-ticks"] {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: right;
}
[data-agent-demo-player] [data-aui="chart-frame"] > [data-aui="chart-ticks"], [data-agent-demo-player] [data-aui="chart-frame"] > [data-aui="chart-xlabels"] {
  font-size: 0.6875rem;
  color: var(--muted-foreground);
}
[data-agent-demo-player] [data-aui="chart-frame"] > svg[data-aui="chart"] {
  grid-column: 2;
  grid-row: 1;
  height: 6.5rem;
}
[data-agent-demo-player] [data-aui="chart-frame"] > [data-aui="chart-xlabels"] {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  justify-content: space-between;
}
[data-agent-demo-player] [data-aui="chart-frame"] > [data-aui="chart-legend"] {
  grid-column: 1 / -1;
  grid-row: 3;
  display: flex;
  gap: 0.75rem;
  font-size: 0.75rem;
  color: var(--muted-foreground);
}
[data-agent-demo-player] [data-aui="chart-legend-item"] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
[data-agent-demo-player] [data-aui="chart-legend-swatch"] {
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: calc(var(--radius) - 4px);
  background-color: var(--aui-series-color, currentColor);
}
[data-agent-demo-player] [data-aui="chart-series"][data-aui-series="0"] {
  color: var(--chart-1);
}
[data-agent-demo-player] [data-aui="chart-series"][data-aui-series="1"] {
  color: var(--chart-2);
}
[data-agent-demo-player] [data-aui="chart-series"][data-aui-series="2"] {
  color: var(--chart-3);
}
[data-agent-demo-player] [data-aui="chart-series"][data-aui-series="3"] {
  color: var(--chart-4);
}
[data-agent-demo-player] [data-aui="chart-series"][data-aui-series="4"] {
  color: var(--chart-5);
}
[data-agent-demo-player] [data-aui="chart-legend-item"][data-aui-series="0"] {
  --aui-series-color: var(--chart-1);
}
[data-agent-demo-player] [data-aui="chart-legend-item"][data-aui-series="1"] {
  --aui-series-color: var(--chart-2);
}
[data-agent-demo-player] [data-aui="chart-legend-item"][data-aui-series="2"] {
  --aui-series-color: var(--chart-3);
}
[data-agent-demo-player] [data-aui="chart-legend-item"][data-aui-series="3"] {
  --aui-series-color: var(--chart-4);
}
[data-agent-demo-player] [data-aui="chart-legend-item"][data-aui-series="4"] {
  --aui-series-color: var(--chart-5);
}
[data-agent-demo-player] [data-aui="chart-series"][data-aui-color="emphasis"] {
  color: var(--foreground);
}
[data-agent-demo-player] [data-aui="chart-legend-item"][data-aui-color="emphasis"] {
  --aui-series-color: var(--foreground);
}
[data-agent-demo-player] [data-aui="chart-series"][data-aui-color="secondary"] {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui="chart-legend-item"][data-aui-color="secondary"] {
  --aui-series-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --aui-series-color: color-mix(in oklab, var(--foreground) 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui="chart-series"][data-aui-color="alpha-70"] {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 70%, transparent);
  }
}
[data-agent-demo-player] [data-aui="chart-legend-item"][data-aui-color="alpha-70"] {
  --aui-series-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --aui-series-color: color-mix(in oklab, var(--foreground) 70%, transparent);
  }
}
[data-agent-demo-player] [data-aui="chart-series"][data-aui-color="white"] {
  color: white;
}
[data-agent-demo-player] [data-aui="chart-legend-item"][data-aui-color="white"] {
  --aui-series-color: white;
}
[data-agent-demo-player] [data-aui="chart-series"][data-aui-color="white-70"] {
  color: color-mix(in oklab, white 70%, transparent);
}
[data-agent-demo-player] [data-aui="chart-legend-item"][data-aui-color="white-70"] {
  --aui-series-color: color-mix(in oklab, white 70%, transparent);
}
[data-agent-demo-player] [data-aui="chart-series"][data-aui-color="white-50"] {
  color: color-mix(in oklab, white 50%, transparent);
}
[data-agent-demo-player] [data-aui="chart-legend-item"][data-aui-color="white-50"] {
  --aui-series-color: color-mix(in oklab, white 50%, transparent);
}
[data-agent-demo-player] [data-aui="carousel-frame"] {
  min-width: 0;
}
[data-agent-demo-player] [data-aui="carousel"] {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  gap: 0.75rem;
  padding-bottom: 0.5rem;
  scrollbar-width: thin;
}
[data-agent-demo-player] [data-aui="carousel"]:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
[data-agent-demo-player] [data-aui="carousel-slide"] {
  scroll-snap-align: start;
  flex: 0 0 auto;
  min-width: 14rem;
}
[data-agent-demo-player] [data-aui="carousel-controls"] {
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
  margin: 0.5rem 0 0;
}
[data-agent-demo-player] [data-aui="carousel-prev"], [data-agent-demo-player] [data-aui="carousel-next"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: calc(var(--radius) - 2px);
  appearance: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
}
[data-agent-demo-player] [data-aui="carousel-prev"]:hover, [data-agent-demo-player] [data-aui="carousel-next"]:hover {
  background-color: var(--muted);
}
[data-agent-demo-player] [data-aui="carousel-prev"]:focus-visible, [data-agent-demo-player] [data-aui="carousel-next"]:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
[data-agent-demo-player] [data-aui="carousel-prev"]:disabled, [data-agent-demo-player] [data-aui="carousel-next"]:disabled {
  opacity: 0.5;
  cursor: default;
}
@media (prefers-reduced-motion: reduce) {
  [data-agent-demo-player] [data-aui="carousel"] {
    scroll-behavior: auto;
  }
  [data-agent-demo-player] [data-aui="checkbox"][data-aui-variant="switch"] input, [data-agent-demo-player] [data-aui="checkbox"][data-aui-variant="switch"] input::before {
    transition: none;
  }
  [data-agent-demo-player] [data-aui="button"][data-aui-state="pending"] {
    transition: none;
  }
  [data-agent-demo-player] [data-aui="checkboxgroup-progress-fill"] {
    transition: none;
  }
}
[data-agent-demo-player] [data-aui="listview"] {
  list-style: none;
  margin: 0;
  padding: 0;
}
[data-agent-demo-player] [data-aui="listview-item"] + [data-aui="listview-item"] {
  border-top: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  }
}
[data-agent-demo-player] [data-aui="listview-item-trigger"] {
  padding: 0.75rem 0.875rem;
  border-radius: calc(var(--radius) - 2px);
  cursor: pointer;
}
[data-agent-demo-player] [data-aui="listview-item-trigger"]:hover {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted) 50%, transparent);
  }
}
[data-agent-demo-player] [data-aui="listview-item-trigger"] > button:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
  border-radius: inherit;
}
[data-agent-demo-player] [data-aui="tabs"] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}
[data-agent-demo-player] [data-aui="tabs-list"] {
  display: flex;
  gap: 0.25rem;
  overflow-x: auto;
  border-bottom: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  }
}
[data-agent-demo-player] [data-aui="tabs-tab"] {
  appearance: none;
  border: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding: 0.5rem 0.75rem;
  background: transparent;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
  font: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}
[data-agent-demo-player] [data-aui="tabs-tab"]:hover {
  color: inherit;
}
[data-agent-demo-player] [data-aui="tabs-tab"][aria-selected="true"] {
  color: inherit;
  border-bottom-color: currentColor;
}
[data-agent-demo-player] [data-aui="tabs-tab"]:focus-visible, [data-agent-demo-player] [data-aui="tabs-panel"]:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
  border-radius: calc(var(--radius) - 4px);
}
[data-agent-demo-player] [data-aui="steps"], [data-agent-demo-player] [data-aui="timeline"] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
[data-agent-demo-player] [data-aui="steps"] {
  counter-reset: aui-step;
}
[data-agent-demo-player] [data-aui="steps-item"] {
  position: relative;
  min-height: 1.5rem;
  padding-inline-start: 2.25rem;
  counter-increment: aui-step;
}
[data-agent-demo-player] [data-aui="steps-item"]::before {
  content: counter(aui-step);
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  background-color: var(--muted);
  color: var(--foreground);
  font-size: 0.75rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
[data-agent-demo-player] [data-aui="timeline-item"] {
  position: relative;
  padding-inline-start: 1.5rem;
}
[data-agent-demo-player] [data-aui="timeline-item"]::before {
  content: "";
  position: absolute;
  top: 0.4375rem;
  inset-inline-start: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: currentColor;
}
[data-agent-demo-player] [data-aui="steps-item"]:not(:last-child)::after, [data-agent-demo-player] [data-aui="timeline-item"]:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -0.875rem;
  width: 1px;
  background-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--border) 60%, transparent);
  }
}
[data-agent-demo-player] [data-aui="steps-item"]:not(:last-child)::after {
  top: 1.875rem;
  inset-inline-start: 0.75rem;
}
[data-agent-demo-player] [data-aui="timeline-item"]:not(:last-child)::after {
  top: 1.125rem;
  inset-inline-start: 0.5rem;
}
[data-agent-demo-player] [data-aui="steps-title"], [data-agent-demo-player] [data-aui="timeline-title"] {
  font-weight: 600;
  line-height: 1.5;
}
[data-agent-demo-player] [data-aui="steps-detail"], [data-agent-demo-player] [data-aui="timeline-detail"] {
  margin-top: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 70%, transparent);
  }
}
[data-agent-demo-player] [data-aui="timeline-time"] {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui="citation"] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  }
  border-radius: calc(var(--radius) - 2px);
}
[data-agent-demo-player] [data-aui="citation-source"] {
  font-size: 0.75rem;
  line-height: 1.4;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui="citation-title"] {
  color: inherit;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}
[data-agent-demo-player] a[data-aui="citation-title"]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: calc(var(--radius) - 2px);
}
[data-agent-demo-player] a[data-aui="citation-title"]:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
[data-agent-demo-player] a[data-aui="citation-title"]:focus-visible {
  outline: none;
}
[data-agent-demo-player] a[data-aui="citation-title"]:focus-visible::after {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
[data-agent-demo-player] [data-aui="citation-snippet"] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 70%, transparent);
  }
}
[data-agent-demo-player] [data-aui="divider"] {
  border: none;
  border-top: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  }
  margin: 0.75rem 0;
}
[data-agent-demo-player] [data-aui="divider"][data-aui-flush] {
  margin: 0;
}
[data-agent-demo-player] [data-aui="card"] > [data-aui="divider"] {
  margin: 0;
}
[data-agent-demo-player] [data-aui="diagram"] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
}
[data-agent-demo-player] [data-aui="diagram-code"] {
  margin: 0;
  padding: 0.75rem 0.875rem;
  overflow-x: auto;
  border-radius: calc(var(--radius) - 2px);
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted) 60%, transparent);
  }
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.8125rem;
  line-height: 1.5;
}
[data-agent-demo-player] [data-aui="diagram-title"] {
  font-size: 0.75rem;
  line-height: 1.4;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
}
[data-agent-demo-player] ol[data-aui="map"] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
[data-agent-demo-player] [data-aui="map-place-label"] {
  color: inherit;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}
[data-agent-demo-player] [data-aui="map-place-detail"] {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 70%, transparent);
  }
}
[data-agent-demo-player] [data-aui="image"] {
  max-width: 100%;
  display: block;
  border-radius: calc(var(--radius) - 2px);
}
[data-agent-demo-player] [data-aui="image"][data-aui-size="sm"] {
  max-width: 8rem;
}
[data-agent-demo-player] [data-aui="image"][data-aui-size="md"] {
  max-width: 16rem;
}
[data-agent-demo-player] [data-aui="image"][data-aui-size="lg"] {
  max-width: 24rem;
}
[data-agent-demo-player] [data-aui="image"][data-aui-round] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}
[data-agent-demo-player] [data-aui="image"][data-aui-round][data-aui-size="sm"] {
  width: 2rem;
  height: 2rem;
}
[data-agent-demo-player] [data-aui="image"][data-aui-round][data-aui-size="md"] {
  width: 2.5rem;
  height: 2.5rem;
}
[data-agent-demo-player] [data-aui="image"][data-aui-round][data-aui-size="lg"] {
  width: 3.25rem;
  height: 3.25rem;
}
[data-agent-demo-player] [data-aui="row"] > [data-aui="image"]:not([data-aui-size="sm"], [data-aui-sized], [data-aui-round]) {
  flex: 1 1 0;
  min-width: max(5rem, 22%);
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
[data-agent-demo-player] [data-aui="row"] > [data-aui="image"]:first-child:nth-last-child(n+4):not([data-aui-size="sm"], [data-aui-sized], [data-aui-round]), [data-agent-demo-player] [data-aui="row"] > [data-aui="image"]:first-child:nth-last-child(n+4) ~ [data-aui="image"]:not([data-aui-size="sm"], [data-aui-sized], [data-aui-round]) {
  min-width: 0;
}
[data-agent-demo-player] [data-aui="row"] > [data-aui="image"][data-aui-size="sm"]:not([data-aui-round]) {
  flex: none;
  width: 4.5rem;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
[data-agent-demo-player] [data-aui="markdown"] {
  font-size: 0.875rem;
  line-height: 1.6;
}
[data-agent-demo-player] [data-aui="markdown"] p {
  margin: 0 0 0.5rem 0;
}
[data-agent-demo-player] [data-aui="markdown"] p:last-child {
  margin-bottom: 0;
}
[data-agent-demo-player] [data-aui="markdown"] a {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}
[data-agent-demo-player] [data-aui="markdown"] code {
  font-size: 0.8125em;
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted) 60%, transparent);
  }
  padding: 0.125rem 0.375rem;
  border-radius: calc(var(--radius) - 4px);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
[data-agent-demo-player] [data-aui="markdown"] pre {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted) 60%, transparent);
  }
  padding: 0.75rem;
  border-radius: calc(var(--radius) - 2px);
  overflow-x: auto;
}
[data-agent-demo-player] [data-aui="markdown"] pre code {
  background-color: transparent;
  padding: 0;
}
[data-agent-demo-player] [data-aui="markdown"] ul, [data-agent-demo-player] [data-aui="markdown"] ol {
  padding-left: 1.25rem;
}
[data-agent-demo-player] [data-aui="markdown"] ol {
  list-style-type: decimal;
}
[data-agent-demo-player] [data-aui="markdown"] ul {
  list-style-type: disc;
}
[data-agent-demo-player] [data-aui="markdown"] li {
  margin: 0.25rem 0;
}
[data-agent-demo-player] [data-aui="markdown"] h1, [data-agent-demo-player] [data-aui="markdown"] h2, [data-agent-demo-player] [data-aui="markdown"] h3 {
  margin: 0.75em 0 0.25em;
  font-weight: 600;
}
[data-agent-demo-player] [data-aui="markdown"] h1 {
  font-size: 1.125em;
}
[data-agent-demo-player] [data-aui="markdown"] h2 {
  font-size: 1.0625em;
}
[data-agent-demo-player] [data-aui="markdown"] h3 {
  font-size: 1em;
}
[data-agent-demo-player] [data-aui="markdown"] blockquote {
  border-left: 2px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-left: 2px solid color-mix(in oklab, var(--border) 60%, transparent);
  }
  padding-left: 0.75rem;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
  margin: 0.5em 0;
}
[data-agent-demo-player] [data-aui="markdown"] table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 0.5rem 0;
  font-size: 0.8125rem;
}
[data-agent-demo-player] [data-aui="markdown"] th, [data-agent-demo-player] [data-aui="markdown"] td {
  padding: 0.375rem 0.75rem;
  vertical-align: top;
}
[data-agent-demo-player] [data-aui="markdown"] th:not([align]), [data-agent-demo-player] [data-aui="markdown"] td:not([align]) {
  text-align: start;
}
[data-agent-demo-player] [data-aui="markdown"] th {
  font-weight: 500;
  border-bottom: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  }
}
[data-agent-demo-player] [data-aui="markdown"] tbody tr:not(:last-child) td {
  border-bottom: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  }
}
[data-agent-demo-player] [data-aui="badge"] {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 0.25rem;
  border-radius: 9999px;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
  background-color: var(--muted);
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
  flex-shrink: 0;
  white-space: nowrap;
}
[data-agent-demo-player] [data-aui="row"][data-aui-align="start"] > [data-aui="badge"], [data-agent-demo-player] [data-aui="col"][data-aui-align="start"] > [data-aui="badge"] {
  align-self: flex-start;
}
[data-agent-demo-player] [data-aui="row"][data-aui-align="center"] > [data-aui="badge"], [data-agent-demo-player] [data-aui="col"][data-aui-align="center"] > [data-aui="badge"] {
  align-self: center;
}
[data-agent-demo-player] [data-aui="row"][data-aui-align="end"] > [data-aui="badge"], [data-agent-demo-player] [data-aui="col"][data-aui-align="end"] > [data-aui="badge"] {
  align-self: flex-end;
}
[data-agent-demo-player] [data-aui="badge"][data-aui-variant="info"] {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--primary) 15%, transparent);
  }
  color: var(--primary);
}
[data-agent-demo-player] [data-aui="card"][data-aui-background][data-aui-surface] [data-aui="badge"]:not([data-aui-variant="info"]):not([data-aui-variant="success"]):not([data-aui-variant="warning"]):not([data-aui-variant="danger"]) {
  background-color: var(--muted);
  color: var(--secondary-foreground);
}
[data-agent-demo-player] [data-aui="card"][data-aui-background][data-aui-surface] [data-aui="badge"][data-aui-variant="info"] {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
[data-agent-demo-player] [data-aui="badge"][data-aui-variant="success"] {
  background-color: var(--aui-success);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--aui-success) 15%, transparent);
  }
  color: var(--aui-success);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--aui-success) 55%, currentColor);
  }
}
[data-agent-demo-player] [data-aui="badge"][data-aui-variant="warning"] {
  background-color: var(--aui-warning);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--aui-warning) 15%, transparent);
  }
  color: var(--aui-warning);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--aui-warning) 55%, currentColor);
  }
}
[data-agent-demo-player] [data-aui="badge"][data-aui-variant="danger"] {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
  }
  color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--destructive) 55%, currentColor);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card"] {
  border-radius: 14px;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card"][data-aui-surface], [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="carousel"] [data-aui="card"] {
  border: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  }
  border-radius: 20px;
  background-color: var(--background);
  box-shadow: none;
}
[data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="card"][data-aui-surface], [data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="carousel"] [data-aui="card"] {
  background-color: var(--popover);
  box-shadow: none;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card-footer"] {
  border-top: none;
  padding-top: 0.25rem;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="select"], [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="input"], [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="datepicker"] {
  border: none;
  border-radius: 12px;
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
  }
  caret-color: var(--aui-live);
  transition: background-color 0.15s ease;
}
[data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="select"], [data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="input"], [data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="datepicker"] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="select"]:focus-visible, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="input"]:focus-visible, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="datepicker"]:focus-visible {
  outline: none;
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 7%, transparent);
  }
}
[data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="select"]:focus-visible, [data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="input"]:focus-visible, [data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="datepicker"]:focus-visible {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 9%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="input"]::placeholder {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 35%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"], [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card-confirm"], [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card-cancel"] {
  border: none;
  border-radius: 9999px;
  transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease, transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"]:active, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card-confirm"]:active, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card-cancel"]:active {
  transform: scale(0.96);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"]:focus-visible, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card-confirm"]:focus-visible, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card-cancel"]:focus-visible {
  outline: 2px solid var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    outline: 2px solid color-mix(in oklab, var(--foreground) 20%, transparent);
  }
  outline-offset: 2px;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"][data-aui-style="primary"], [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card-confirm"] {
  background-color: var(--foreground);
  color: var(--background);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"][data-aui-style="primary"]:hover, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card-confirm"]:hover {
  background-color: var(--foreground);
  opacity: 0.9;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"][data-aui-style="secondary"], [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"][data-aui-style="outline"], [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"]:not([data-aui-style]) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
  }
  color: var(--foreground);
  border-color: transparent;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"][data-aui-style="secondary"]:hover, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"][data-aui-style="outline"]:hover, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"]:not([data-aui-style]):hover {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 7%, transparent);
  }
  color: var(--foreground);
}
[data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="button"][data-aui-style="secondary"], [data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="button"][data-aui-style="outline"], [data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="button"]:not([data-aui-style]) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"][data-aui-style="ghost"], [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card-cancel"], [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="carousel-prev"], [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="carousel-next"] {
  background-color: transparent;
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 55%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="button"][data-aui-style="ghost"]:hover, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card-cancel"]:hover, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="carousel-prev"]:hover, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="carousel-next"]:hover {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 90%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="checkbox"] input, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="radiogroup-option"] input, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="checkboxgroup-option"] input {
  accent-color: var(--foreground);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="alert"] {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--border) 60%, transparent);
  }
  border-radius: 14px;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="alert-title"] {
  font-size: 0.875rem;
  font-weight: 500;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="alert-desc"] {
  font-size: 0.8125rem;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="divider"] {
  border-top-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    border-top-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="listview-item"] + [data-aui="listview-item"] {
  border-top-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    border-top-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="listview-item-trigger"] {
  border-radius: 10px;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="listview-item-trigger"]:hover {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="tabs-list"] {
  border-bottom-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="steps-item"]::before {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="steps-item"]:not(:last-child)::after, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="timeline-item"]:not(:last-child)::after {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="citation"] {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
  border-radius: 14px;
}
[data-agent-demo-player] [data-aui-theme="elements"] a[data-aui="citation-title"]::after {
  border-radius: 14px;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="checkboxgroup-progress-track"] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="checkboxgroup-progress-fill"] {
  background-color: var(--foreground);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="table-col"] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.6875rem;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 35%, transparent);
  }
  border-bottom-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="table"] tbody tr:not(:last-child) td {
  border-bottom-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="fact-label"] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 35%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="badge"] {
  align-self: center;
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 70%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="badge"][data-aui-variant="info"] {
  background-color: var(--aui-live);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--aui-live) 12%, transparent);
  }
  color: var(--aui-live);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card"][data-aui-background][data-aui-surface] [data-aui="badge"]:not([data-aui-variant="info"]):not([data-aui-variant="success"]):not([data-aui-variant="warning"]):not([data-aui-variant="danger"]) {
  background-color: var(--muted);
  color: var(--secondary-foreground);
}
[data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="card"][data-aui-background][data-aui-surface] [data-aui="badge"]:not([data-aui-variant="info"]):not([data-aui-variant="success"]):not([data-aui-variant="warning"]):not([data-aui-variant="danger"]) {
  background-color: var(--muted);
  color: var(--secondary-foreground);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="card"][data-aui-background][data-aui-surface] [data-aui="badge"][data-aui-variant="info"] {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
[data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="card"][data-aui-background][data-aui-surface] [data-aui="badge"][data-aui-variant="info"] {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart"] {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 70%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart"] polygon {
  fill-opacity: 0.12;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-series"][data-aui-series="0"] {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 80%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-series"][data-aui-series="1"] {
  color: var(--aui-live);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-series"][data-aui-series="2"] {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 45%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-series"][data-aui-series="3"] {
  color: var(--aui-success);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-series"][data-aui-series="4"] {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 30%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-legend-item"][data-aui-series="0"] {
  --aui-series-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --aui-series-color: color-mix(in oklab, var(--foreground) 80%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-legend-item"][data-aui-series="1"] {
  --aui-series-color: var(--aui-live);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-legend-item"][data-aui-series="2"] {
  --aui-series-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --aui-series-color: color-mix(in oklab, var(--foreground) 45%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-legend-item"][data-aui-series="3"] {
  --aui-series-color: var(--aui-success);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-legend-item"][data-aui-series="4"] {
  --aui-series-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --aui-series-color: color-mix(in oklab, var(--foreground) 30%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-series"][data-aui-color="emphasis"] {
  color: var(--foreground);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-legend-item"][data-aui-color="emphasis"] {
  --aui-series-color: var(--foreground);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-series"][data-aui-color="secondary"] {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-legend-item"][data-aui-color="secondary"] {
  --aui-series-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --aui-series-color: color-mix(in oklab, var(--foreground) 62%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-series"][data-aui-color="alpha-70"] {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 70%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-legend-item"][data-aui-color="alpha-70"] {
  --aui-series-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --aui-series-color: color-mix(in oklab, var(--foreground) 70%, transparent);
  }
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-series"][data-aui-color="white"] {
  color: white;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-legend-item"][data-aui-color="white"] {
  --aui-series-color: white;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-series"][data-aui-color="white-70"] {
  color: color-mix(in oklab, white 70%, transparent);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-legend-item"][data-aui-color="white-70"] {
  --aui-series-color: color-mix(in oklab, white 70%, transparent);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-series"][data-aui-color="white-50"] {
  color: color-mix(in oklab, white 50%, transparent);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-legend-item"][data-aui-color="white-50"] {
  --aui-series-color: color-mix(in oklab, white 50%, transparent);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="chart-legend-swatch"] {
  border-radius: 9999px;
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="image"] {
  border-radius: 12px;
  outline: 1px solid oklch(0 0 0 / 0.08);
  outline-offset: -1px;
}
[data-agent-demo-player] .dark [data-aui-theme="elements"] [data-aui="image"] {
  outline: 1px solid oklch(1 0 0 / 0.1);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="markdown"] a {
  color: var(--aui-live);
}
[data-agent-demo-player] [data-aui-theme="elements"] [data-aui="markdown"] code, [data-agent-demo-player] [data-aui-theme="elements"] [data-aui="markdown"] pre {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
  }
}
[data-agent-demo-player] .ar-root {
  --background: #fff;
  --foreground: #171717;
  --card: #fff;
  --card-foreground: #171717;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --popover: #fff;
  --primary: #171717;
  --primary-foreground: #fff;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --ring: #a3a3a3;
  --radius: .625rem;
  margin-top: 16px;
  min-width: 0;
  max-width: 100%;
  font-size: 14px;
  line-height: 1.5;
  white-space: normal;
}
[data-agent-demo-player] .ar-root form {
  width: 100%;
}
[data-agent-demo-player] .ar-root svg {
  flex-shrink: 0;
  color: #737373;
}
[data-agent-demo-player] .ar-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}
[data-agent-demo-player] .ar-fields {
  display: grid;
  gap: 10px;
}
[data-agent-demo-player] .ar-field {
  display: grid;
  gap: 6px;
  font-size: 12px;
  color: #737373;
}
[data-agent-demo-player] .ar-field input,[data-agent-demo-player] .ar-field textarea {
  width: 100%;
  min-width: 0;
}
[data-agent-demo-player] .ar-field textarea {
  min-height: 178px !important;
  max-height: none;
  overflow: hidden;
  resize: none;
}
[data-agent-demo-player] .ar-field textarea[data-ar-subject] {
  min-height: 40px !important;
}
[data-agent-demo-player] .ar-recipient {
  display: flex;
  align-items: baseline;
  gap: 14px;
  overflow-wrap: anywhere;
}
[data-agent-demo-player] .ar-root small {
  display: block;
  font-size: 12px;
  color: #737373;
}
[data-agent-demo-player] .ar-attachment {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  padding: 9px 10px;
  background: var(--muted);
  border-radius: 12px;
  overflow-wrap: anywhere;
}
[data-agent-demo-player] .ar-attachment small {
  display: inline;
}
[data-agent-demo-player] .ar-caption {
  font-size: 12px;
  color: #737373;
  line-height: 1.5;
}
[data-agent-demo-player] .ar-subject {
  font-size: 14px;
}
[data-agent-demo-player] .ar-date {
  display: flex;
  gap: 14px;
  align-items: center;
}
[data-agent-demo-player] .ar-date>span {
  font-size: 36px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -1.5px;
}
[data-agent-demo-player] .ar-meeting {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 16px;
}
[data-agent-demo-player] .ar-fact {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  min-width: 0;
  overflow-wrap: anywhere;
}
[data-agent-demo-player] .ar-fact svg {
  margin-top: 2px;
}
[data-agent-demo-player] .ar-change {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
[data-agent-demo-player] .ar-change>span {
  min-width: 0;
  overflow-wrap: anywhere;
}
[data-agent-demo-player] .ar-change>svg {
  align-self: center;
}
[data-agent-demo-player] .ar-before {
  color: #737373;
  text-decoration: line-through;
  text-decoration-color: #bdbdbd;
}
[data-agent-demo-player] .ar-actions {
  --aui-button-padding-x: clamp(.25rem,calc(25% - 3.5rem),1.25rem);
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
  gap: 0;
}
[data-agent-demo-player] .ar-chips {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
[data-agent-demo-player] .ar-receipt {
  display: flex;
  align-items: center;
  gap: 10px;
  outline: none;
}
[data-agent-demo-player] .ar-description {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
[data-agent-demo-player] .ar-root summary {
  cursor: pointer;
}
[data-agent-demo-player] .ar-root p {
  margin: 0;
}
@property --ad-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --ad-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --ad-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --ad-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --ad-leading {
  syntax: "*";
  inherits: false;
}
@property --ad-font-weight {
  syntax: "*";
  inherits: false;
}
@property --ad-tracking {
  syntax: "*";
  inherits: false;
}
@property --ad-ordinal {
  syntax: "*";
  inherits: false;
}
@property --ad-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --ad-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --ad-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --ad-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --ad-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --ad-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --ad-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --ad-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --ad-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --ad-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --ad-ring-color {
  syntax: "*";
  inherits: false;
}
@property --ad-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --ad-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --ad-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --ad-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --ad-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --ad-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --ad-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --ad-blur {
  syntax: "*";
  inherits: false;
}
@property --ad-brightness {
  syntax: "*";
  inherits: false;
}
@property --ad-contrast {
  syntax: "*";
  inherits: false;
}
@property --ad-grayscale {
  syntax: "*";
  inherits: false;
}
@property --ad-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --ad-invert {
  syntax: "*";
  inherits: false;
}
@property --ad-opacity {
  syntax: "*";
  inherits: false;
}
@property --ad-saturate {
  syntax: "*";
  inherits: false;
}
@property --ad-sepia {
  syntax: "*";
  inherits: false;
}
@property --ad-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --ad-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --ad-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --ad-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --ad-duration {
  syntax: "*";
  inherits: false;
}
@property --ad-ease {
  syntax: "*";
  inherits: false;
}
@property --ad-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@keyframes assistant-demo-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes assistant-demo-pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes assistant-demo-enter {
  from {
    opacity: var(--ad-enter-opacity,1);
    transform: translate3d(var(--ad-enter-translate-x,0),var(--ad-enter-translate-y,0),0)scale3d(var(--ad-enter-scale,1),var(--ad-enter-scale,1),var(--ad-enter-scale,1))rotate(var(--ad-enter-rotate,0));
    filter: blur(var(--ad-enter-blur,0));
  }
}
@keyframes assistant-demo-tw-shimmer {
  from {
    background-position: 100% 0;
  }
}
@keyframes assistant-demo-tw-shimmer-translate {
  to {
    translate: var(--_travel) 0;
  }
}
@layer assistant-demo-properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    [data-agent-demo-player], [data-agent-demo-player] {
      --ad-shimmer-track-height: 200px;
      --ad-shimmer-angle: 15deg;
    }
    [data-agent-demo-player] *, [data-agent-demo-player] ::before, [data-agent-demo-player] ::after, [data-agent-demo-player] ::backdrop {
      --ad-scale-x: 1;
      --ad-scale-y: 1;
      --ad-scale-z: 1;
      --ad-border-style: solid;
      --ad-leading: initial;
      --ad-font-weight: initial;
      --ad-tracking: initial;
      --ad-ordinal: initial;
      --ad-slashed-zero: initial;
      --ad-numeric-figure: initial;
      --ad-numeric-spacing: initial;
      --ad-numeric-fraction: initial;
      --ad-shadow: 0 0 #0000;
      --ad-shadow-color: initial;
      --ad-shadow-alpha: 100%;
      --ad-inset-shadow: 0 0 #0000;
      --ad-inset-shadow-color: initial;
      --ad-inset-shadow-alpha: 100%;
      --ad-ring-color: initial;
      --ad-ring-shadow: 0 0 #0000;
      --ad-inset-ring-color: initial;
      --ad-inset-ring-shadow: 0 0 #0000;
      --ad-ring-inset: initial;
      --ad-ring-offset-width: 0px;
      --ad-ring-offset-color: #fff;
      --ad-ring-offset-shadow: 0 0 #0000;
      --ad-blur: initial;
      --ad-brightness: initial;
      --ad-contrast: initial;
      --ad-grayscale: initial;
      --ad-hue-rotate: initial;
      --ad-invert: initial;
      --ad-opacity: initial;
      --ad-saturate: initial;
      --ad-sepia: initial;
      --ad-drop-shadow: initial;
      --ad-drop-shadow-color: initial;
      --ad-drop-shadow-alpha: 100%;
      --ad-drop-shadow-size: initial;
      --ad-duration: initial;
      --ad-ease: initial;
      --ad-outline-style: solid;
      --ad-animation-delay: 0s;
      --ad-animation-direction: normal;
      --ad-animation-duration: initial;
      --ad-animation-fill-mode: none;
      --ad-animation-iteration-count: 1;
      --ad-enter-blur: 0;
      --ad-enter-opacity: 1;
      --ad-enter-rotate: 0;
      --ad-enter-scale: 1;
      --ad-enter-translate-x: 0;
      --ad-enter-translate-y: 0;
      --ad-exit-blur: 0;
      --ad-exit-opacity: 1;
      --ad-exit-rotate: 0;
      --ad-exit-scale: 1;
      --ad-exit-translate-x: 0;
      --ad-exit-translate-y: 0;
    }
  }
}

[data-agent-demo-player] { font-family:Inter,system-ui,sans-serif; color:var(--color-foreground); background:var(--agent-demo-canvas,transparent); -webkit-font-smoothing:antialiased; }

@layer assistant-demo-layout {
[data-agent-demo-player]{min-width:0;}
[data-agent-demo-player] .demo-player{min-width:0;padding:40px clamp(20px,3vw,48px) 64px;}
[data-agent-demo-player] .demo-player-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:36px;}
[data-agent-demo-player] .demo-player-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
[data-agent-demo-player] .demo-player-feed{display:flex;flex-direction:column;gap:28px;min-height:240px;}
[data-agent-demo-player] .demo-player-turn{min-width:0;max-width:100%;}
[data-agent-demo-player] .demo-player-user{display:flex;justify-content:flex-end;}
[data-agent-demo-player] .demo-player-assistant{min-width:0;}
[data-agent-demo-player] .demo-player-card{min-width:0;width:min(100%,760px);}
@media(max-width:640px){[data-agent-demo-player] .demo-player{padding-bottom:32px;}[data-agent-demo-player] .demo-player-controls{margin-bottom:28px;}[data-agent-demo-player] .demo-player-feed{gap:24px;}}

[data-agent-demo-player] .demo-meeting-review .ar-meeting{gap:24px 20px;}
[data-agent-demo-player] .demo-meeting-description{margin-top:12px;}

}