@use "styles/Spacings.module.scss";

.main_container {
  display: flex;
  flex-direction: column;
  width: 100%;

  .chat_page_container {
    display: flex;
    flex: 1 1 0%;
    background-color: var(--background-0);
    padding-block: Spacings.$spacing06;
    padding-inline: Spacings.$spacing09;
    display: flex;
    gap: Spacings.$spacing09;
    overflow: hidden;

    .sources_wrapper {
      height: 100%;
      width: 0;
      animation: expand 0.2s forwards;

      @keyframes expand {
        to {
          width: 30%;
        }
      }
    }
  }
}