
.lbaic {
  &-message {
    &-ll {
      display: flex;
      align-items: flex-start;
      overflow-x: auto;
      scrollbar-color: var(--lbaic-main) transparent;
      scrollbar-width: thin;

      &-item {
        flex: 0 0 234px;
        background-color: var(--lbaic-message-bot-bg);
        border-radius: 24px;
        overflow: hidden;

        &:not(:last-child) {
          margin-inline-end: 4px;
        }
      }

      &-img {
        height: 131px;

        &-in {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover;
        }
      }

      &-in {
        padding: 12px;
      }

      &-desc {
        padding-bottom: 10px;

        &-in {
          font-size: var(--lbaic-fs-14);
          font-weight: var(--lbaic-fw-600);
          color: var(--lbaic-text-color);
          line-height: var(--lbaic-lh-18);
        }
      }

      &-link {
        padding-bottom: 10px;

        &-in {
          max-width: 100%;
          display: block;
          font-size: var(--lbaic-fs-12);
          color: var(--lbaic-link-color);
          text-decoration: underline;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;

          &:hover {
            text-decoration: none;
          }
        }
      }

      &-date {
        opacity: 0.6;

        &-in {
          font-size: var(--lbaic-fs-12);
          color: var(--lbaic-text-color);
        }
      }
    }
  }
}