/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/commons/separated-list/styles.module.scss ***!
  \**************************************************************************************************************************************************************************/
.src-pages-commons-separated-list-__root--brE9VfvYwiakndh4v6H9 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.src-pages-commons-separated-list-__root--brE9VfvYwiakndh4v6H9 li {
  border-top: 1px solid var(--color-border-divider-secondary-alwp8z, #ebebf0);
  padding: 0.8rem 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.src-pages-commons-separated-list-__root--brE9VfvYwiakndh4v6H9 li:first-child {
  padding-top: 0;
  border-top: none;
}
.src-pages-commons-separated-list-__root--brE9VfvYwiakndh4v6H9 li:last-child {
  padding-bottom: 0;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/styles/chat.scss ***!
  \*******************************************************************************************************************************************/
.chat-container {
  display: flex;
  flex-direction: column;
  gap: var(--space-static-l-0xsx8r, 20px);
  min-block-size: 100%;
}
@media only screen and (min-width: 688px) and (max-width: 1280px) {
  .chat-container:not(.classic) {
    padding-inline: 60px;
  }
}
.chat-container.classic {
  inline-size: 100%;
  block-size: 1000px;
}

.messages {
  display: flex;
  flex-direction: column;
  gap: var(--space-scaled-xs-26e2du, 8px);
  padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
  padding-block-end: var(--space-container-horizontal-wfukh3, 20px);
  padding-inline: var(--space-container-horizontal-wfukh3, 20px);
}

.access-denied-alert-wrapper {
  display: flex;
  gap: var(--space-scaled-s-aqzyko, 12px);
}
.access-denied-alert-wrapper__box {
  flex: 1;
  overflow-x: auto;
  padding-inline: var(--space-scaled-m-mo5yse, 16px);
  padding-block: var(--space-scaled-s-aqzyko, 12px);
  border: 2px solid var(--color-border-input-default-l7v83d, #8c8c94);
  border-radius: var(--border-radius-input-plgbrq, 8px);
  background: var(--color-background-input-default-u56ls1, #ffffff);
}

.support-prompt-group-wrapper {
  margin-inline-start: 36px;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/styles/base.scss ***!
  \*******************************************************************************************************************************************/
body {
  background: var(--color-background-layout-main-nqw91u, #ffffff);
  position: relative;
}

.custom-main-header {
  display: block;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  margin: 0;
  background-color: #0f1b2a;
  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
  border-bottom: solid 1px #414d5c;
}

ul.menu-list {
  display: flex;
  align-items: center;
  height: 39px;
  margin: 0;
  padding: 0 40px;
  list-style: none;
  font-size: 14px;
}
ul.menu-list > li {
  padding: 0;
  margin: 0;
  margin-right: 8px;
}
ul.menu-list > li > a {
  padding: 0 6px;
}
ul.menu-list > li a,
ul.menu-list > li div,
ul.menu-list > li button,
ul.menu-list > li input,
ul.menu-list > li label {
  float: left;
  color: var(--color-text-interactive-default-tkx8fe, #424650);
  line-height: 16px;
}
ul.menu-list > li #visual-refresh-toggle {
  margin-right: 5px;
  margin-top: 1px;
}
ul.menu-list > li a,
ul.menu-list > li a:hover {
  cursor: pointer;
  text-decoration: none;
}
ul.menu-list > li.title {
  font-weight: bold;
}
@media only screen and (max-width: 493px) {
  ul.menu-list {
    padding: 4px 20px;
    flex-wrap: wrap;
    height: fit-content;
  }
  ul.menu-list .title {
    flex: 1 1 100%;
    margin-bottom: 8px;
  }
  ul.menu-list li {
    width: min-content;
  }
  ul.menu-list li button,
  ul.menu-list li a {
    text-align: left;
  }
  ul.menu-list li a {
    padding: 0;
  }
}

/*# sourceMappingURL=chat.css.map*/