.citation-wrapper {
  max-width: 714px;
  margin: auto;

  .citation-title {
    font-size: var(--font-size-3-5);
    font-weight: 500;
    color: currentColor;
    text-align: center;
    margin-bottom: var(--spacing-6);
    line-height: 110%;
  }

  .citation-box {
    padding: var(--spacing-8);
    border-radius: var(--radius-large);
    background: var(--bs-white);
    color: var(--bs-primary);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-5);
    position: relative;

    .citation-image {
      flex-shrink: 0;

      .media-image {
        width: 208px;
        height: 223px;
      }
    }

    .citation-content {
      flex: 1;
      text-align: left;

      .citation-text {
        font-size: var(--font-size-large);
        font-weight: 400;
        line-height: 140%;
        margin-bottom: var(--spacing-6);
      }

      .citation-author-info {
        .citation-author-name {
          font-weight: 700;
          font-size: var(--font-size-large);
          color: var(--bs-secondary);
          margin-bottom: var(--spacing-2);
          line-height: 140%;
        }

        .citation-author-description {
          font-size: var(--font-size-medium);
          color: var(--bs-primary);
          font-weight: 400;
          line-height: 150%;
        }
      }
    }
  }

  .icon-left-wrapper {
    --var-icon-left-left-position-delta: 0px;
    --var-icon-left-size: 67px;
  }
  .icon-right-wrapper {
    --var-icon-right-right-position-delta: -80px;
    --var-icon-right-size: 145px;
  }
}