.sw-arag-answer {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--rhythm-1_5);

  .answer-text {
    line-height: calc(var(--font-size-base) * 1.4);
    margin-top: var(--rhythm-1);
  }

  .ref,
  :global(.ref) {
    background-color: var(--citation-number-background-color);
    display: inline-block;
    font-size: var(--font-size-medium);
    height: var(--rhythm-3);
    line-height: var(--rhythm-3);
    text-align: center;
    width: var(--rhythm-3);
  }

  .data-visualizations {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: var(--rhythm-2);
  }

  .sources-container {
    width: 100%;
  }

  .sources {
    display: flex;
    flex-direction: column;
    gap: var(--rhythm-2_5);
    padding-top: var(--rhythm-2_5);
    padding-left: var(--rhythm-4);
  }

  .source {
    align-items: flex-start;
    display: flex;
    gap: var(--rhythm-1);
    width: 100%;
  }

  .source-text {
    width: 100%;
    &.with-rank {
      width: calc(100% - var(--rhythm-3) - var(--rhythm-1));
    }    
  }

  .reasoning-text {
    font-size: 75%;
    margin-left: calc(var(--rhythm-4) + var(--rhythm-0_5));
  }

  .error {
    align-items: center;
    display: inline-flex;
    color: var(--color-neutral-light);
    gap: var(--rhythm-0_5);
  }
}
