elevenlabs-convai {
  z-index: 38;
  --f-chat-inset: calc(var(--f-stage-h, 0px) + clamp(12px, 2.5vw, 22px));
}
elevenlabs-convai.f-chat-dark {
  --el-base: var(--brand-surface-dark, #1A1A1A);
  --el-base-hover: color-mix(in srgb, var(--brand-surface-dark, #1A1A1A) 88%, #FFFFFF);
  --el-base-active: color-mix(in srgb, var(--brand-surface-dark, #1A1A1A) 80%, #FFFFFF);
  --el-base-border: rgba(255, 255, 255, 0.16);
  --el-base-subtle: color-mix(in srgb, var(--brand-ink-on-dark, #FCFCFC) 70%, transparent);
  --el-base-primary: var(--brand-ink-on-dark, #FCFCFC);
  --el-accent: var(--brand-ink-on-dark, #FCFCFC);
  --el-accent-hover: color-mix(in srgb, var(--brand-ink-on-dark, #FCFCFC) 88%, #000000);
  --el-accent-active: color-mix(in srgb, var(--brand-ink-on-dark, #FCFCFC) 80%, #000000);
  --el-accent-border: rgba(255, 255, 255, 0.16);
  --el-accent-primary: var(--brand-surface-dark, #1A1A1A);
}
@property --el-base          { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --el-base-hover    { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --el-base-active   { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --el-base-border   { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --el-base-subtle   { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --el-base-primary  { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --el-accent        { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --el-accent-hover  { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --el-accent-active { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --el-accent-border { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --el-accent-primary { syntax: "<color>"; inherits: true; initial-value: transparent; }
@media (prefers-reduced-motion: no-preference) {
  elevenlabs-convai.f-chat-fade {
    transition: --el-base 0.28s var(--f-ease, ease),
                --el-base-border 0.28s var(--f-ease, ease),
                --el-base-subtle 0.28s var(--f-ease, ease),
                --el-base-primary 0.28s var(--f-ease, ease),
                --el-accent 0.28s var(--f-ease, ease),
                --el-accent-border 0.28s var(--f-ease, ease),
                --el-accent-primary 0.28s var(--f-ease, ease);
  }
}
html.f-menu-open elevenlabs-convai { display: none; }
@media (max-width: 760px) {
  body:has(.f-consent:not([hidden])) elevenlabs-convai { display: none; }
}