*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}

body {
  min-height: 100vh;
}

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

ul, ol {
  list-style: none;
}

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

img, picture, video, canvas, svg {
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

table {
  border-collapse: collapse;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

b, strong {
  font-weight: bolder;
}

body {
  font-family: Meiryo, sans-serif;
  font-size: 12px;
}

html {
  height: 100%;
}
html > body {
  height: 100%;
  display: flex;
  flex-direction: column;
  font-size: 11pt;
}
html > body > header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 auto;
  background: #EFF7FC;
  padding: 0px 16px;
  height: 48px;
}
html > body > header > h1 {
  font-size: 12pt;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
}
html > body > header > nav.login > ul {
  display: flex;
  flex-direction: row;
}
html > body > header > nav.login > ul > li:not(:last-child)::after {
  margin: 0 0.5em;
  content: "|";
}
html > body > footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 0 0 auto;
}
html > body > div.container {
  display: flex;
  flex-direction: row;
  flex: 1 0 auto;
  background: #EFF7FC;
}
html > body > div.container > aside {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 200px;
  padding: 8px 16px;
  background: #EFF7FC;
  transition: width 0.2s ease, padding 0.2s ease;
  overflow: hidden;
}
html > body > div.container > aside > .sidebar-toggle {
  display: block;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 6px;
  text-align: left;
  flex-shrink: 0;
}
html > body > div.container > aside > .sidebar-toggle > img {
  vertical-align: middle;
}
html > body > div.container > aside > .sidebar-toggle:hover {
  background: #dde8f0;
  border-radius: 4px;
}
html > body > div.container > aside > nav.menu {
  flex: 1;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.15s ease, visibility 0s;
}
html > body > div.container > aside > nav.menu > ul {
  display: flex;
  flex-direction: column;
}
html > body > div.container > aside > nav.menu > ul > li > a {
  display: inline-block;
  height: 32px;
  line-height: 20px;
  width: 100%;
  padding: 5px 12px;
  border-radius: 4px;
  font-size: 14px;
  vertical-align: middle;
  white-space: nowrap;
}
html > body > div.container > aside > nav.menu > ul > li > a:hover {
  background: #00F7FC;
}
html > body > div.container > aside.collapsed {
  width: 48px;
  padding: 8px 4px;
}
html > body > div.container > aside.collapsed > .sidebar-toggle {
  text-align: center;
  width: 100%;
}
html > body > div.container > aside.collapsed > nav.menu {
  opacity: 0;
  visibility: hidden;
}
html > body > div.container > div.container {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  background: #EFF7FC;
}
html > body > div.container > div.container > nav.breadcrumb {
  font-size: 14px;
  padding: 4px 16px;
}
html > body > div.container > div.container > nav.breadcrumb > ul {
  display: flex;
  flex-direction: row;
}
html > body > div.container > div.container > nav.breadcrumb > ul > li:not(:first-child)::before {
  margin: 0 0.5em;
  content: ">";
}
html > body > div.container > div.container > nav.breadcrumb > ul > li > a:hover {
  text-decoration: underline;
}
html > body > div.container > div.container > main {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  padding: 0 16px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-top-left-radius: 16px;
  background-color: #fff;
}
html > body > div.container > div.container > main h2 {
  font-size: 24px;
  color: #002a3e;
  margin: 16px 0 0 0;
  /*
  padding-bottom: 4px;
  border-bottom: 1px solid #002a3e;
  margin: 16px 0;*/
}
html > body > div.container > div.container > main h3 {
  font-size: 18px;
  color: #002a3e;
  margin: 16px 0 8px 0;
  border-bottom: 1px solid #002a3e;
  /*
  font-weight: 700;
  */
  /*padding-top: 24px;*/
  /*padding-bottom: 4px;
  border-bottom: 2px solid #D5DDE0;
  margin: 16px 0;*/
}
html > body > div.container > div.container > main .button {
  display: inline-block;
  height: 32px;
  line-height: 20px;
  min-width: 100px;
  padding: 5px 12px;
  border: 1px solid #006aa6;
  border-radius: 4px;
  background-color: #006aa6;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;
}
html > body > div.container > div.container > main input[type=text]:not(.webchat__send-box-text-box__input),
html > body > div.container > div.container > main input[type=number],
html > body > div.container > div.container > main input[type=url],
html > body > div.container > div.container > main input[type=email],
html > body > div.container > div.container > main input[type=time],
html > body > div.container > div.container > main input[type=date],
html > body > div.container > div.container > main textarea,
html > body > div.container > div.container > main select {
  font-size: 14px;
  border: 1px solid #D5DDE0;
  padding: 0 5px;
  border-radius: 4px;
  height: 32px;
}
html > body > div.container > div.container > main input[type=text]:not(.webchat__send-box-text-box__input):focus,
html > body > div.container > div.container > main input[type=number]:focus,
html > body > div.container > div.container > main input[type=url]:focus,
html > body > div.container > div.container > main input[type=email]:focus,
html > body > div.container > div.container > main input[type=time]:focus,
html > body > div.container > div.container > main input[type=date]:focus,
html > body > div.container > div.container > main textarea:focus,
html > body > div.container > div.container > main select:focus {
  border: 1px solid #42C1FF;
  outline: 1px solid #42C1FF;
}
html > body > div.container > div.container > main .input-short {
  width: 10em;
}
html > body > div.container > div.container > main .input-medium {
  width: 20em;
}
html > body > div.container > div.container > main .input-long {
  width: 40em;
}
html > body > div.container > div.container > main .input-full {
  width: 100%;
}
html > body > div.container > div.container > main div.upload {
  font-size: 14px;
  border: 1px solid #D5DDE0;
  padding: 4px 5px;
  border-radius: 4px;
}
html > body > div.container > div.container > main div.upload-box {
  margin: 16px 0;
  padding: 32px;
  border: 2px dashed #D5DDE0;
  border-radius: 8px;
  background: #f9fafb;
  text-align: center;
}
html > body > div.container > div.container > main div.upload-box > p {
  margin: 1em 0;
  text-align: center;
}
html > body > div.container > div.container > main div.upload-box input[type=file] {
  display: none;
}
html > body > div.container > div.container > main table.list {
  width: 100%;
  /*        width: 100%;
          border-collapse: collapse;

          > colgroup {
              > col {
                  &.datetime {
                      width: 1%;
                  }

                  &.checkbox {
                      width: 1%;
                  }

                  &.commands {
                      width: 1%;
                  }
              }
          }

          > thead {
              > tr {
                  > th {
                      border: 1px solid #ccc;
                      background: #eee;
                      text-align: center;
                      white-space: nowrap;
                  }
              }
          }

          > tbody {
              > tr {
                  > td {
                      border: 1px solid #ccc;

                      &.datetime {
                          text-align: center;
                          white-space: nowrap;
                      }

                      &.checkbox {
                          text-align: center;
                          white-space: nowrap;
                      }

                      &.commands {
                          text-align: center;
                          white-space: nowrap;

                          .button {
                              min-width: auto;
                          }
                      }
                  }
              }
          }
  */
}
html > body > div.container > div.container > main table.list > colgroup > col.commands {
  width: 1%;
}
html > body > div.container > div.container > main table.list > thead > tr > th {
  height: 32px;
  border: 1px solid #D5DDE0;
  background: #eee;
  text-align: center;
  white-space: nowrap;
  padding: 0 5px;
}
html > body > div.container > div.container > main table.list > tbody > tr > td {
  height: 32px;
  border: 1px solid #D5DDE0;
  padding: 0 5px;
}
html > body > div.container > div.container > main table.list > tbody > tr > td.commands {
  text-align: center;
  white-space: nowrap;
}
html > body > div.container > div.container > main table.list > tbody > tr > td.commands .button {
  min-width: auto;
  height: 26px;
  line-height: 24px;
  padding: 1px 12px;
}
html > body > div.container > div.container > main div.commands {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 16px 0;
  border: 1px solid #D5DDE0;
  padding: 4px;
  border-radius: 8px;
}
html > body > div.container > div.container > main div.commands > search > form .button {
  min-width: auto;
}
html > body > div.container > div.container > main dl.fields > dt {
  font-size: 14px;
  margin: 16px 0 4px 0;
}
html > body > div.container > div.container > main nav.menu4 {
  margin-top: 16px;
}
html > body > div.container > div.container > main nav.menu4 ul {
  display: flex;
  flex-wrap: wrap;
}
html > body > div.container > div.container > main nav.menu4 ul li {
  padding: 8px 16px;
  width: 25%;
  box-sizing: border-box;
}
html > body > div.container > div.container > main nav.menu4 ul li:not(:nth-child(4n+1)) {
  border-left: 2px solid #D5DDE0;
}
html > body > div.container > div.container > main nav.menu4 ul li a {
  color: #006aa6;
}
html > body > div.container > div.container > main nav.menu4 ul li a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  background: url("/images/image_arrownext.png") no-repeat center/contain;
  vertical-align: middle;
}

/*@use 'components/button';
@use 'components/form';
@use 'components/breadcrumb';
@use 'components/heading';
@use 'components/commands';
@use 'components/table';

html {
    height: 100%;

    > body {
        display: flex;
        flex-direction: row;
        height: 100%;
        font-size: 12px;

        > aside {
            flex-shrink: 0;
            width: 200px;
            padding: 0 10px;*/
/*border-right: 1px solid #ccc;*/
/*background-color: #eff7fc;
        transition: width 0.2s ease;
        overflow: hidden;
        display: flex;
        flex-direction: column;

        &.collapsed {
            width: 48px;
            padding: 0;

            nav.menu {
                opacity: 0;
                visibility: hidden;
            }

            .sidebar-bottom span {
                display: none;
            }
        }

        .sidebar-toggle {
            display: block;
            width: 100%;
            padding: 4px 6px;
            background: none;
            border: none;
            cursor: pointer;
            text-align: left;
            outline: none;

            > img {
                border: 0;
                vertical-align: middle;
            }

            &:hover {
                background: #ddd;
            }
        }

        &.collapsed .sidebar-toggle {
            text-align: center;
            padding: 4px 0;
        }

        nav.menu {
            flex: 1;
            opacity: 1;
            visibility: visible;
            transition: opacity 0.1s, visibility 0s;

            ul {
                li {
                    display: block;
                    margin: 0 -4px;
                    padding: 2px 4px;
                    border: 1px solid #eff7fc;

                    &:hover {
                        border: 1px solid #999;
                        background: #f9f9f9;
                    }

                    a {
                        color: inherit;
                    }
                }
            }
        }

        .sidebar-bottom {
            flex-shrink: 0;
            padding: 8px 0;
            border-top: 1px solid #ccc;

            .sidebar-settings {
                display: flex;
                align-items: center;
                gap: 8px;
                padding: 6px;
                color: inherit;
                text-decoration: none;

                &:hover {
                    background: #ddd;
                }

                > img {
                    border: 0;
                    flex-shrink: 0;
                }
            }
        }
    }

    > div.container {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        overflow: auto;

        > header {
            display: flex;
            flex-direction: row;
            justify-content: space-between;*/
/*background-color: #eff7fc;*/
/*padding: 0 16px;

                > h1 {
                    font-size: 12pt;
                    font-weight: bold;
                }

                > nav.login {
                    > ul {
                        display: flex;
                        flex-direction: row;

                        > li {
                            &:not(:last-child)::after {
                                margin: 0 0.5em;
                                content: '|';
                            }
                        }
                    }
                }
            }

            > div.container {
                flex-grow: 0;
                @include breadcrumb.styles;
            }

            > main {
                flex: 1 0 auto;
                display: flex;
                flex-direction: column;
                padding: 0 28px 80px 28px;

                @include button.styles;
                @include form.styles;
                @include breadcrumb.styles;
                @include heading.styles;
                @include commands.styles;
                @include table.styles;
            }
        }
    }
}*/
body.login-page {
  background: #EFF7FC;
  min-height: 100vh;
  margin: 0;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-page-main {
  width: 100%;
  max-width: 480px;
}

.login-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 24px;
}
.login-brand > img {
  flex-shrink: 0;
  vertical-align: middle;
}
.login-brand .login-brand-name {
  font-size: 16pt;
  font-weight: bold;
}

.login-container {
  width: 100%;
  margin: 0 auto;
  padding: 32px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}
.login-container .login-title {
  margin: 0 0 8px 0;
  font-size: 20pt;
  font-weight: bold;
  text-align: center;
}
.login-container .login-subtitle {
  margin: 0 0 32px 0;
  text-align: center;
  color: #666;
}
.login-container .login-idp-options {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.login-container .login-idp-options .login-idp-option {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.login-container .login-idp-options .login-idp-option .login-idp-button {
  display: block;
  width: 100%;
  padding: 14px 16px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #0078d4;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s ease, transform 0.1s ease;
}
.login-container .login-idp-options .login-idp-option .login-idp-button:hover {
  background: #106ebe;
}
.login-container .login-idp-options .login-idp-option .login-idp-button:active {
  background: #005a9e;
  transform: translateY(1px);
}
.login-container .login-idp-options .login-idp-option .login-idp-description {
  margin: 0;
  font-size: 11px;
  color: #888;
  text-align: center;
}

table.list-chat-message-log > colgroup > col.date {
  width: 1%;
}
table.list-chat-message-log > colgroup > col.user-name {
  width: 1%;
}
table.list-chat-message-log > colgroup > col.role {
  width: 1%;
}
table.list-chat-message-log > colgroup > col.message {
  width: auto;
}
table.list-chat-message-log > colgroup > col.input-token-count {
  width: 1%;
}
table.list-chat-message-log > colgroup > col.output-token-count {
  width: 1%;
}
table.list-chat-message-log > colgroup > col.total-token-count {
  width: 1%;
}
table.list-chat-message-log > tbody > tr > td.date {
  text-align: center;
}
table.list-chat-message-log > tbody > tr > td.user-name {
  text-align: center;
  overflow-wrap: anywhere;
}
table.list-chat-message-log > tbody > tr > td.role {
  text-align: center;
  white-space: nowrap;
}
table.list-chat-message-log > tbody > tr > td.message {
  max-width: 1px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
table.list-chat-message-log > tbody > tr > td.input-token-count {
  text-align: right;
}
table.list-chat-message-log > tbody > tr > td.output-token-count {
  text-align: right;
}
table.list-chat-message-log > tbody > tr > td.total-token-count {
  text-align: right;
}
table.list-chat-message-log > tbody > tr > td.load-more {
  padding: 1em;
  background: #ffe;
  text-align: center;
  cursor: pointer;
}

table.list-settings-data-sources > colgroup > col.container-name {
  width: 25%;
}
table.list-settings-data-sources > colgroup > col.description {
  width: auto;
}
table.list-settings-data-sources-documents > colgroup > col.selected {
  width: 1%;
}
table.list-settings-data-sources-documents > colgroup > col.file-name {
  width: auto;
}
table.list-settings-data-sources-documents > colgroup > col.last-modified {
  width: 12.5%;
}
table.list-settings-data-sources-documents > colgroup > col.content-length {
  width: 12.5%;
}
table.list-settings-data-sources-documents > tbody > tr > td.selected {
  text-align: center;
}
table.list-settings-data-sources-documents > tbody > tr > td.last-modified {
  text-align: center;
}
table.list-settings-data-sources-documents > tbody > tr > td.content-length {
  text-align: right;
}

table.list-settings-timepro-expand-summed-free-custom-filters > colgroup > col.summed-attendances-free-custom-item-no {
  width: 10%;
}
table.list-settings-timepro-expand-summed-free-custom-filters > colgroup > col.name {
  width: 20%;
}
table.list-settings-timepro-expand-summed-free-custom-filters > colgroup > col.note {
  width: 70%;
}
table.list-settings-timepro-expand-summed-free-custom-filters > tbody > tr > td.summed-attendances-free-custom-item-no {
  text-align: center;
}
table.list-settings-timepro-absentee-nos > colgroup > col.absentee-no {
  width: 20%;
}
table.list-settings-timepro-absentee-nos > colgroup > col.name {
  width: 80%;
}
table.list-settings-timepro-absentee-nos > tbody > tr > td.absentee-no {
  text-align: center;
}
table.list-settings-timepro-calender-nos > colgroup > col.calendar-no {
  width: 20%;
}
table.list-settings-timepro-calender-nos > colgroup > col.name {
  width: 80%;
}
table.list-settings-timepro-calender-nos > tbody > tr > td.calendar-no {
  text-align: center;
}
table.list-settings-timepro-exception-codes > colgroup > col.exception-code {
  width: 20%;
}
table.list-settings-timepro-exception-codes > colgroup > col.name {
  width: 80%;
}
table.list-settings-timepro-exception-codes > tbody > tr > td.exception-code {
  text-align: center;
}
table.list-settings-timepro-expand-attendances-data-free-custom-filters > colgroup > col.shift-no {
  width: 10%;
}
table.list-settings-timepro-expand-attendances-data-free-custom-filters > colgroup > col.name {
  width: 20%;
}
table.list-settings-timepro-expand-attendances-data-free-custom-filters > colgroup > col.comment {
  width: 70%;
}
table.list-settings-timepro-expand-attendances-data-free-custom-filters > tbody > tr > td.shift-no {
  text-align: center;
}
table.list-settings-timepro-expand-hourly-free-custom-filters > colgroup > col.hourly-free-custom-item-no {
  width: 10%;
}
table.list-settings-timepro-expand-hourly-free-custom-filters > colgroup > col.name {
  width: 20%;
}
table.list-settings-timepro-expand-hourly-free-custom-filters > colgroup > col.comment {
  width: 70%;
}
table.list-settings-timepro-expand-hourly-free-custom-filters > tbody > tr > td.hourly-free-custom-item-no {
  text-align: center;
}
table.list-settings-timepro-expand-summed-free-custom-filters > colgroup > col.summed-attendances-free-custom-item-no {
  width: 10%;
}
table.list-settings-timepro-expand-summed-free-custom-filters > colgroup > col.name {
  width: 20%;
}
table.list-settings-timepro-expand-summed-free-custom-filters > colgroup > col.note {
  width: 70%;
}
table.list-settings-timepro-expand-summed-free-custom-filters > tbody > tr > td.summed-attendances-free-custom-item-no {
  text-align: center;
}
table.list-settings-timepro-reason-codes > colgroup > col.reason-code {
  width: 20%;
}
table.list-settings-timepro-reason-codes > colgroup > col.name {
  width: 80%;
}
table.list-settings-timepro-reason-codes > tbody > tr > td.reason-code {
  text-align: center;
}
table.list-settings-timepro-shift-nos > colgroup > col.shift-no {
  width: 20%;
}
table.list-settings-timepro-shift-nos > colgroup > col.name {
  width: 80%;
}
table.list-settings-timepro-shift-nos > tbody > tr > td.shift-no {
  text-align: center;
}
table.list-usage > colgroup > col.date {
  width: 20%;
}
table.list-usage > colgroup > col.input-token-count {
  width: 20%;
}
table.list-usage > colgroup > col.cached-token-count {
  width: 20%;
}
table.list-usage > colgroup > col.output-token-count {
  width: 20%;
}
table.list-usage > colgroup > col.total-token-count {
  width: 20%;
}
table.list-usage > tbody > tr > td.date {
  text-align: center;
  white-space: nowrap;
}
table.list-usage > tbody > tr > td.input-token-count {
  text-align: right;
}
table.list-usage > tbody > tr > td.cached-token-count {
  text-align: right;
}
table.list-usage > tbody > tr > td.output-token-count {
  text-align: right;
}
table.list-usage > tbody > tr > td.total-token-count {
  text-align: right;
}

body > div.container > div.container > main:has(> #webchat) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  background: #ffffff;
}

.webchat-greeting {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin: 0 0 16px;
  flex-shrink: 0;
}

#webchat:not(.has-messages) {
  flex: 0 0 50px;
  position: relative;
  overflow: hidden;
}
#webchat:not(.has-messages) > div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 300px;
}

#webchat.has-messages {
  flex: 1 1 0;
  min-height: 0;
  overflow: hidden;
}

#webchat .webchat__send-box__main {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin: 0 10px 10px;
  background: #ffffff;
}

#webchat .webchat__render-markdown h1, #webchat .webchat__render-markdown h2, #webchat .webchat__render-markdown h3, #webchat .webchat__render-markdown h4, #webchat .webchat__render-markdown h5, #webchat .webchat__render-markdown h6 {
  margin: 1em 0 0.5em;
  font-weight: 600;
  line-height: 1.25;
}
#webchat .webchat__render-markdown h1 {
  font-size: 1.5em;
}
#webchat .webchat__render-markdown h2 {
  font-size: 1.3em;
}
#webchat .webchat__render-markdown h3 {
  font-size: 1.15em;
}
#webchat .webchat__render-markdown h4 {
  font-size: 1em;
}
#webchat .webchat__render-markdown h5 {
  font-size: 0.9em;
}
#webchat .webchat__render-markdown h6 {
  font-size: 0.85em;
  color: #555;
}
#webchat .webchat__render-markdown p {
  margin: 0.5em 0;
  line-height: 1.5;
}
#webchat .webchat__render-markdown ul, #webchat .webchat__render-markdown ol {
  margin: 0.5em 0;
  padding-left: 1.5em;
}
#webchat .webchat__render-markdown ul {
  list-style: disc;
}
#webchat .webchat__render-markdown ol {
  list-style: decimal;
}
#webchat .webchat__render-markdown ul ul, #webchat .webchat__render-markdown ul ol, #webchat .webchat__render-markdown ol ul, #webchat .webchat__render-markdown ol ol {
  margin: 0;
}
#webchat .webchat__render-markdown li {
  margin: 0.25em 0;
}
#webchat .webchat__render-markdown li > p {
  margin: 0.25em 0;
}
#webchat .webchat__render-markdown blockquote {
  margin: 0.5em 0;
  padding: 0 1em;
  border-left: 4px solid #ddd;
  color: #666;
}
#webchat .webchat__render-markdown code {
  padding: 0.1em 0.4em;
  background: #f5f5f5;
  border-radius: 3px;
  font-family: Consolas, "Courier New", monospace;
  font-size: 0.9em;
}
#webchat .webchat__render-markdown pre {
  margin: 0.5em 0;
  padding: 0.75em 1em;
  background: #f5f5f5;
  border-radius: 4px;
  overflow-x: auto;
}
#webchat .webchat__render-markdown pre > code {
  padding: 0;
  background: transparent;
  font-size: 0.9em;
}
#webchat .webchat__render-markdown hr {
  margin: 1em 0;
  border: 0;
  border-top: 1px solid #ddd;
}
#webchat .webchat__render-markdown table {
  margin: 0.5em 0;
  border-collapse: collapse;
}
#webchat .webchat__render-markdown table th, #webchat .webchat__render-markdown table td {
  padding: 0.4em 0.8em;
  border: 1px solid #ddd;
}
#webchat .webchat__render-markdown table th {
  background: #f5f5f5;
  font-weight: 600;
}