/* src/styles.scss */
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme {
  :root,
  :host {
    --color-white: #fff;
    --spacing: 0.25rem;
    --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);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --animate-spin: spin 1s linear infinite;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .static {
    position: static;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-auto {
    margin: auto;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-7 {
    margin-block: calc(var(--spacing) * 7);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-\[3\.625rem\] {
    margin-top: 3.625rem;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .inline {
    display: inline;
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-\[8\.1875rem\] {
    height: 8.1875rem;
  }
  .h-full {
    height: 100%;
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .max-w-none {
    max-width: none;
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-\[\#CBD5E1\] {
    border-color: #CBD5E1;
  }
  .border-\[\#e5e7eb\] {
    border-color: #e5e7eb;
  }
  .border-t-\[\#2563eb\] {
    border-top-color: #2563eb;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.625rem\] {
    font-size: 0.625rem;
  }
  .text-\[1\.5625rem\] {
    font-size: 1.5625rem;
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-\[\#005EB8\] {
    color: #005EB8;
  }
  .text-\[\#64748B\] {
    color: #64748B;
  }
  .shadow-\[4px_4px_9px_2px_rgba\(0\,94\,184\,0\.20\)\] {
    --tw-shadow: 4px 4px 9px 2px var(--tw-shadow-color, rgba(0,94,184,0.20));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  @media (hover: hover) {
    .hover\:bg-\[\#e7eef7\]:hover {
      background-color: #e7eef7;
    }
  }
  @media (width >= 40rem) {
    .sm\:min-h-auto {
      min-height: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:max-w-\[50\%\] {
      max-width: 50%;
    }
  }
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons.woff2") format("woff2"), url("./media/material-icons.woff") format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-outlined.woff2") format("woff2"), url("./media/material-icons-outlined.woff") format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-round.woff2") format("woff2"), url("./media/material-icons-round.woff") format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-sharp.woff2") format("woff2"), url("./media/material-icons-sharp.woff") format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-two-tone.woff2") format("woff2"), url("./media/material-icons-two-tone.woff") format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
.aiops-messenger__pane {
  height: 400px;
  overflow-y: auto;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}
.aiops-messenger .aiops-messenger__box {
  border: 1px solid #CBD5E1;
}
.aiops-messenger .aiops-messenger__box input {
  border: none;
  box-shadow: none;
}
.aiops-messenger .aiops-messenger__box input:focus {
  box-shadow: none;
  border: none;
}
body {
  display: flex;
}
body app-root {
  flex: 1;
}
.sidebar-open-right {
  flex: 1;
  border-left: 1px solid var(--divider-border-color);
  transition: margin-right 0.3s ease;
}
.sidebar-open-left {
  flex: 1;
  border-right: 1px solid var(--divider-border-color);
  transition: margin-left 0.3s ease;
}
.sidebar-open-left .p-drawer,
.sidebar-open-right .p-drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 320px;
  box-shadow: none;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: 1000;
}
.sidebar-open-left .p-drawer.p-drawer-open,
.sidebar-open-right .p-drawer.p-drawer-open {
  transform: translateX(0);
}
@media (min-width: 1024px) {
  .sidebar-open-left .p-drawer,
  .sidebar-open-right .p-drawer {
    position: relative;
    transform: none !important;
    box-shadow: none;
  }
  .sidebar-open-left .p-drawer.p-drawer-open,
  .sidebar-open-right .p-drawer.p-drawer-open {
    transform: none !important;
  }
  .sidebar-open-right {
    margin-right: 320px;
  }
  .sidebar-open-left {
    margin-left: 320px;
  }
  .p-overlay-mask {
    display: none;
  }
}
.aiops-agent-header__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  gap: 16px;
  color: var(--color__white);
}
.aiops-agent-header__wrapper .logo {
  display: flex;
  gap: 8px;
}
.aiops-agent-header__wrapper .logo__img {
  min-width: 40px;
  min-height: 40px;
  overflow: hidden;
  position: relative;
}
.aiops-agent-header__wrapper .logo__img img {
  position: absolute;
  object-fit: cover;
}
.aiops-agent-header__wrapper .logo__text {
  display: flex;
  gap: 8px;
  font-weight: 700;
}
.aiops-agent-header__wrapper .logo__text-version {
  font-weight: normal;
}
.aiops-agent-header__wrapper.dark {
  border-bottom: 1px solid var(--divider-border-color, #B0CDE9);
  background:
    conic-gradient(
      from 150deg at 44.5% 214.84%,
      var(--primary-950, #002140) 190.3846120834deg,
      var(--primary-color, #005EB8) 258.7208819389deg,
      var(--primary-700, #00478A) 284.2111587524deg,
      var(--primary-900, #002A53) 300.0879693031deg),
    var(--EDA-gradient-background, #FFF);
  background-blend-mode: multiply, normal;
}
.aiops-agent-header__wrapper.dark .logo__text {
  color: white;
}
.aiops-agent-header__wrapper.dark .logo__text-version {
  color: white;
}
.aiops-agent-header__wrapper.dark .menu-item {
  color: #fff;
}
.aiops-agent-header__wrapper.dark .menu-item a.menu-link,
.aiops-agent-header__wrapper.dark .menu-item .pi {
  color: #fff;
}
.aiops-agent-header__wrapper.dark .menu-item > svg {
  fill: #fff;
  stroke: #fff;
}
.aiops-agent-header__wrapper.dark .menu-item > svg path {
  fill: #fff;
}
.aiops-agent-header__wrapper.white {
  background-color: white;
  border-bottom: 1px solid #E5E5E5;
}
.aiops-agent-header__wrapper.white .logo__text {
  color: #005EB8;
}
.aiops-agent-header__wrapper.white .logo__text-version {
  color: #005EB8;
}
.aiops-agent-header__wrapper.white .menu-item {
  color: #005EB8;
}
.aiops-agent-header__wrapper.white .menu-item a.menu-link,
.aiops-agent-header__wrapper.white .menu-item .pi {
  color: #005EB8;
}
.aiops-agent-header__wrapper.white .menu-item > svg {
  fill: #005EB8;
  stroke: #005EB8;
}
.aiops-agent-header__wrapper.white .menu-item > svg path {
  fill: #005EB8;
}
.aiops-agent-header__wrapper .menu-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.aiops-agent-header__wrapper .menu-wrapper .menu-item p-button button {
  background: transparent;
  border: none;
}
.aiops-agent-header .d-flex-center {
  display: flex;
  align-items: center;
}
.inf-reaction__copy {
  width: 32px;
  height: 32px;
}
.inf-reaction__feedbacks {
  width: 64px;
  height: 32px;
}
.inf-reaction__feedbacks button {
  padding: 6px;
}
.active svg path {
  fill: var(--primary-color, #005EB8);
}
p-dialog .p-text-secondary {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
textarea {
  display: flex;
  width: 100%;
  height: 10rem;
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #CBD5E1;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("./media/open-sans-cyrillic-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("./media/open-sans-cyrillic-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("./media/open-sans-greek-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("./media/open-sans-greek-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("./media/open-sans-hebrew-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0307-0308,
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("./media/open-sans-math-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0302-0303,
    U+0305,
    U+0307-0308,
    U+0310,
    U+0312,
    U+0315,
    U+031A,
    U+0326-0327,
    U+032C,
    U+032F-0330,
    U+0332-0333,
    U+0338,
    U+033A,
    U+0346,
    U+034D,
    U+0391-03A1,
    U+03A3-03A9,
    U+03B1-03C9,
    U+03D1,
    U+03D5-03D6,
    U+03F0-03F1,
    U+03F4-03F5,
    U+2016-2017,
    U+2034-2038,
    U+203C,
    U+2040,
    U+2043,
    U+2047,
    U+2050,
    U+2057,
    U+205F,
    U+2070-2071,
    U+2074-208E,
    U+2090-209C,
    U+20D0-20DC,
    U+20E1,
    U+20E5-20EF,
    U+2100-2112,
    U+2114-2115,
    U+2117-2121,
    U+2123-214F,
    U+2190,
    U+2192,
    U+2194-21AE,
    U+21B0-21E5,
    U+21F1-21F2,
    U+21F4-2211,
    U+2213-2214,
    U+2216-22FF,
    U+2308-230B,
    U+2310,
    U+2319,
    U+231C-2321,
    U+2336-237A,
    U+237C,
    U+2395,
    U+239B-23B7,
    U+23D0,
    U+23DC-23E1,
    U+2474-2475,
    U+25AF,
    U+25B3,
    U+25B7,
    U+25BD,
    U+25C1,
    U+25CA,
    U+25CC,
    U+25FB,
    U+266D-266F,
    U+27C0-27FF,
    U+2900-2AFF,
    U+2B0E-2B11,
    U+2B30-2B4C,
    U+2BFE,
    U+3030,
    U+FF5B,
    U+FF5D,
    U+1D400-1D7FF,
    U+1EE00-1EEFF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("./media/open-sans-symbols-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0001-000C,
    U+000E-001F,
    U+007F-009F,
    U+20DD-20E0,
    U+20E2-20E4,
    U+2150-218F,
    U+2190,
    U+2192,
    U+2194-2199,
    U+21AF,
    U+21E6-21F0,
    U+21F3,
    U+2218-2219,
    U+2299,
    U+22C4-22C6,
    U+2300-243F,
    U+2440-244A,
    U+2460-24FF,
    U+25A0-27BF,
    U+2800-28FF,
    U+2921-2922,
    U+2981,
    U+29BF,
    U+29EB,
    U+2B00-2BFF,
    U+4DC0-4DFF,
    U+FFF9-FFFB,
    U+10140-1018E,
    U+10190-1019C,
    U+101A0,
    U+101D0-101FD,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+1D2C0-1D2D3,
    U+1D2E0-1D37F,
    U+1F000-1F0FF,
    U+1F100-1F1AD,
    U+1F1E6-1F1FF,
    U+1F30D-1F30F,
    U+1F315,
    U+1F31C,
    U+1F31E,
    U+1F320-1F32C,
    U+1F336,
    U+1F378,
    U+1F37D,
    U+1F382,
    U+1F393-1F39F,
    U+1F3A7-1F3A8,
    U+1F3AC-1F3AF,
    U+1F3C2,
    U+1F3C4-1F3C6,
    U+1F3CA-1F3CE,
    U+1F3D4-1F3E0,
    U+1F3ED,
    U+1F3F1-1F3F3,
    U+1F3F5-1F3F7,
    U+1F408,
    U+1F415,
    U+1F41F,
    U+1F426,
    U+1F43F,
    U+1F441-1F442,
    U+1F444,
    U+1F446-1F449,
    U+1F44C-1F44E,
    U+1F453,
    U+1F46A,
    U+1F47D,
    U+1F4A3,
    U+1F4B0,
    U+1F4B3,
    U+1F4B9,
    U+1F4BB,
    U+1F4BF,
    U+1F4C8-1F4CB,
    U+1F4D6,
    U+1F4DA,
    U+1F4DF,
    U+1F4E3-1F4E6,
    U+1F4EA-1F4ED,
    U+1F4F7,
    U+1F4F9-1F4FB,
    U+1F4FD-1F4FE,
    U+1F503,
    U+1F507-1F50B,
    U+1F50D,
    U+1F512-1F513,
    U+1F53E-1F54A,
    U+1F54F-1F5FA,
    U+1F610,
    U+1F650-1F67F,
    U+1F687,
    U+1F68D,
    U+1F691,
    U+1F694,
    U+1F698,
    U+1F6AD,
    U+1F6B2,
    U+1F6B9-1F6BA,
    U+1F6BC,
    U+1F6C6-1F6CF,
    U+1F6D3-1F6D7,
    U+1F6E0-1F6EA,
    U+1F6F0-1F6F3,
    U+1F6F7-1F6FC,
    U+1F700-1F7FF,
    U+1F800-1F80B,
    U+1F810-1F847,
    U+1F850-1F859,
    U+1F860-1F887,
    U+1F890-1F8AD,
    U+1F8B0-1F8BB,
    U+1F8C0-1F8C1,
    U+1F900-1F90B,
    U+1F93B,
    U+1F946,
    U+1F984,
    U+1F996,
    U+1F9E9,
    U+1FA00-1FA6F,
    U+1FA70-1FA7C,
    U+1FA80-1FA89,
    U+1FA8F-1FAC6,
    U+1FACE-1FADC,
    U+1FADF-1FAE9,
    U+1FAF0-1FAF8,
    U+1FB00-1FBFF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("./media/open-sans-vietnamese-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("./media/open-sans-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url("./media/open-sans-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
.aiops-agent-header__wrapper {
  padding: 0.5rem 2rem !important;
}
@media (max-width: 47.9375rem) {
  .aiops-agent-header__wrapper {
    padding: 0.5rem 2.875rem 0.5rem 2rem !important;
  }
}
.aiops-agent-header .d-flex-center {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.aiops-agent-header .menu-item:empty {
  display: none;
}
.aiops-agent-header .menu-link {
  display: flex;
}
.aiops-agent-header .menu-link span {
  display: flex;
  align-items: center;
}
.aiops-agent-header .logo__img {
  min-width: 4rem !important;
}
.aiops-agent-header .logo__img > img.logoImage {
  width: 4rem;
}
.p-menu-overlay {
  top: 3.375rem !important;
  border-radius: 0 !important;
}
@media (max-width: 47.9375rem) {
  .p-menu-overlay {
    left: auto !important;
    right: 0 !important;
  }
}
.message-wrapper {
  gap: 1rem;
  animation: slideIn 0.3s ease-out;
  font-size: 0.875rem;
}
.message-wrapper img {
  max-width: 21.875rem !important;
}
.message-wrapper.user-message {
  flex-direction: row-reverse;
}
.message-wrapper.user-message .message-content {
  align-items: flex-end;
}
.message-wrapper.user-message .message-bubble {
  align-items: flex-start;
  border-radius: 0.625rem;
  background: var(--EDA-message-background, #e6eff8);
}
.message-wrapper.user-message .message-footer {
  justify-content: flex-end;
}
.message-wrapper.agent-message .message-bubble {
  font-size: 0.875rem;
}
.message-wrapper.agent-message .message-bubble .message-reactions__text {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--tag-secondary-color, #475569);
  border-radius: var(--checkboxes, 0.25rem);
  background: var(--tag-secondary-background, #f1f5f9);
  max-width: 15rem;
}
.message-wrapper.error-message .message-bubble {
  background-color: #fee2e2;
  color: #ef4444;
  border: 0.0625rem solid #ef4444;
  border-bottom-left-radius: 0.25rem;
}
@media (max-width: 40rem) {
  .message-wrapper {
    gap: 0.5rem;
  }
}
.message-reactions .inf-reaction__copy {
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-avatar {
  flex-shrink: 0;
  padding: 1rem 0.25rem;
}
.avatar-circle {
  width: 1.875rem;
  height: 1.875rem;
  padding: 0.5rem;
  border-radius: 50%;
  border: 0.09375rem solid #005eb8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #005eb8;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.05);
}
.avatar-circle svg {
  width: 1.25rem;
  height: 1.25rem;
}
.avatar-circle.error-avatar {
  background-color: #ef4444;
  color: white;
}
@media (max-width: 40rem) {
  .avatar-circle {
    width: 2rem;
    height: 2rem;
  }
  .avatar-circle svg {
    width: 1.125rem;
    height: 1.125rem;
  }
}
.message-footer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 0.5rem;
}
.message-timestamp {
  font-size: 0.75rem;
  color: #9ca3af;
}
.typing-indicator {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  animation: slideIn 0.3s ease-out;
}
@media (max-width: 40rem) {
  .typing-indicator {
    gap: 0.5rem;
  }
}
.typing-avatar {
  flex-shrink: 0;
}
.typing-bubble {
  padding: 1rem 1.5rem;
  background-color: #f3f4f6;
  border-radius: 1rem;
  border-bottom-left-radius: 0.25rem;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 40rem) {
  .typing-bubble {
    padding: 0.5rem 1rem;
  }
}
.typing-dots {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.dot {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #9ca3af;
  border-radius: 624.9375rem;
  animation: typingAnimation 1.4s infinite;
}
.dot:nth-child(2) {
  animation-delay: 0.2s;
}
.dot:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes typingAnimation {
  0%, 60%, 100% {
    transform: translateY(0);
    opacity: 0.5;
  }
  30% {
    transform: translateY(-0.625rem);
    opacity: 1;
  }
}
.input-area {
  display: flex;
  padding: 0.75rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.5rem;
  border-bottom: 0.25rem solid #00478a;
  background: var(--textbox, #fff);
  box-shadow: 0.125rem 0.25rem 0.75rem 0.125rem var(--dropShadow, rgba(0, 85, 166, 0.25));
}
.input-container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.connection-status {
  display: flex;
  justify-content: center;
}
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 624.9375rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.status-badge.disconnected {
  background-color: #fee2e2;
  color: #ef4444;
}
.status-badge.connected {
  background-color: #d1fae5;
  color: #10b981;
}
.status-badge svg {
  width: 0.75rem;
  height: 0.75rem;
}
.input-wrapper {
  display: flex;
  padding: 0.75rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.5rem;
  border-bottom: 0.25rem solid #00478a;
  background: var(--textbox, #fff);
  box-shadow: 0.125rem 0.25rem 0.75rem 0.125rem var(--dropShadow, rgba(0, 85, 166, 0.25));
}
.message-input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  width: 100%;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #111827;
  font-family: inherit;
  padding: 0.25rem;
  overflow-y: auto;
}
.message-input::placeholder {
  color: #9ca3af;
}
.message-input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.message-input::-webkit-scrollbar {
  width: 0.25rem;
}
.message-input::-webkit-scrollbar-thumb {
  background: #e5e7eb;
  border-radius: 624.9375rem;
}
@media (max-width: 40rem) {
  .message-input {
    font-size: 1rem;
  }
}
.button-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.button-wrapper .divider-span {
  display: block;
  flex: 0 0 0.0625rem;
  width: 0.0625rem;
  height: 1.25rem;
  background-color: #B0CDE9;
  align-self: center;
}
.button-wrapper .char-counter {
  display: flex;
  flex: 1;
  font-size: 0.75rem;
  color: #9ca3af;
  background-color: #ffffff;
  padding: 0.25rem 0.5rem;
}
.button-wrapper .char-counter .counter-warning {
  color: #ef4444;
  font-weight: 600;
}
.button-wrapper .send-button {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: transparent;
  border: none;
  box-shadow: none;
  transition: all 200ms ease;
  opacity: 0.8;
}
.button-wrapper .send-button:hover:not(:disabled) {
  opacity: 1;
}
.button-wrapper .send-button:active:not(:disabled) {
  opacity: 1;
}
.button-wrapper .send-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.button-wrapper .send-button.loading .spinner {
  animation: spin 1s linear infinite;
}
@media (max-width: 40rem) {
  .button-wrapper .send-button {
    width: 2.25rem;
    height: 2.25rem;
  }
  .button-wrapper .send-button svg {
    width: 1.125rem;
    height: 1.125rem;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.input-hint {
  text-align: center;
  font-size: 0.75rem;
  color: #9ca3af;
}
.input-hint kbd {
  display: inline-block;
  padding: 0.125rem 0.375rem;
  background-color: #f9fafb;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.375rem;
  font-family: monospace;
  font-size: 0.7rem;
  font-weight: 600;
  color: #6b7280;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 40rem) {
  .input-hint {
    display: none;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.formatted-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 0.875rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.formatted-table th {
  padding: 0.75rem;
  text-align: left;
  font-weight: 600;
  border: 0.0625rem solid #000;
}
.formatted-table td {
  padding: 0.75rem;
  border: 0.0625rem solid #000;
  vertical-align: top;
}
.table-image {
  max-width: 6.25rem;
  height: auto;
  display: block;
}
.suggestion-chip {
  background: var(--suggestion-default, #F8FAFC);
  border: 0.09375rem solid var(--EDA-gradient-background, #CBD5E1);
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.popup-button {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.messenger-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 12.5rem;
  margin: auto;
  padding: 1rem;
  overflow: auto;
  max-height: 100%;
  max-width: 85%;
}
@media (max-width: 49.125rem) {
  .messenger-container {
    max-width: 100%;
    padding: 0 1rem 1rem;
  }
}
.messager-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 3.75rem;
  bottom: 0;
}
@media (min-width: 64rem) {
  .sidebar-open-right .messager-wrapper {
    right: 20rem;
  }
  .sidebar-open-left .messager-wrapper {
    left: 20rem;
  }
}
.messages-feed {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  scrollbar-width: thin;
  scrollbar-color: #e5e7eb transparent;
}
.messages-feed::-webkit-scrollbar {
  width: 0.375rem;
}
.messages-feed::-webkit-scrollbar-track {
  background: transparent;
}
.messages-feed::-webkit-scrollbar-thumb {
  background: #e5e7eb;
  border-radius: 624.9375rem;
}
.messages-feed::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}
@media (max-width: 40rem) {
  .messages-feed {
    padding: 0 1rem 1rem;
  }
}
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.625rem);
  }
}
.messages-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 1rem;
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(0.625rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.message-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.25rem;
}
.message-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 0.5rem;
}
.message-sender {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
}
.message-role {
  font-size: 0.75rem;
  color: #6b7280;
  padding: 0.25rem 0.5rem;
  background-color: #f9fafb;
  border-radius: 0.375rem;
}
.message-bubble {
  word-wrap: break-word;
  word-break: break-word;
  transition: transform 150ms ease;
}
@media (max-width: 40rem) {
  .message-bubble {
    padding: 0.5rem 1rem;
  }
}
.p-dialog {
  border-radius: 0 !important;
}
@layer theme, base, components, utilities;
:root {
  --eui-font-sans:
    Open Sans Variable,
    Inter Variable,
    sans-serif;
  --eui-weight-light: 300;
  --eui-weight-regular: 400;
  --eui-weight-semibold: 600;
  --eui-weight-bold: 700;
  --eui-h-mt-divisor: 1.125;
  --eui-h-mb-multiplier: 0.25;
  --eui-b-mt-divisor: 1.125;
  --eui-b-mb-multiplier: 0.25;
  --eui-d-mt-divisor: 1.125;
  --eui-d-mb-multiplier: 0.25;
  --eui-h-xxxl-size: 3.75rem;
  --eui-h-xxxl-lh: 4.875rem;
  --eui-h-xxl-size: 2.8125rem;
  --eui-h-xxl-lh: 3.625rem;
  --eui-h-xl-size: 2.25rem;
  --eui-h-xl-lh: 2.875rem;
  --eui-h-lg-size: 1.75rem;
  --eui-h-lg-lh: 2.25rem;
  --eui-h-md-size: 1.375rem;
  --eui-h-md-lh: 1.75rem;
  --eui-h-sm-size: 1.125rem;
  --eui-h-sm-lh: 1.5rem;
  --eui-h-xs-size: 1rem;
  --eui-h-xs-lh: 1.25rem;
  --eui-h-2xs-size: 0.875rem;
  --eui-h-2xs-lh: 1.125rem;
  --eui-b-xxxl-size: 1.5625rem;
  --eui-b-xxxl-lh: 2.375rem;
  --eui-b-xxl-size: 1.375rem;
  --eui-b-xxl-lh: 2.0625rem;
  --eui-b-xl-size: 1.25rem;
  --eui-b-xl-lh: 1.875rem;
  --eui-b-lg-size: 1.125rem;
  --eui-b-lg-lh: 1.6875rem;
  --eui-b-md-size: 1rem;
  --eui-b-md-lh: 1.5rem;
  --eui-b-sm-size: 0.875rem;
  --eui-b-sm-lh: 1.3125rem;
  --eui-b-xs-size: 0.75rem;
  --eui-b-xs-lh: 1.125rem;
  --eui-d-xl-size: 1rem;
  --eui-d-xl-lh: 1.25rem;
  --eui-d-lg-size: 0.875rem;
  --eui-d-lg-lh: 1.125rem;
  --eui-d-md-size: 0.75rem;
  --eui-d-md-lh: 1rem;
  --eui-d-sm-size: 0.6875rem;
  --eui-d-sm-lh: 0.875rem;
}
body {
  margin: 0;
  font-family: var(--eui-font-sans);
  font-size: var(--eui-font-regular);
  color: #020617;
  background: #f8fafc;
}
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */