.response-display {
  padding: var(--pgn-spacing-spacer-0);
  width: var(--pgn-size-container-max-width-md);
  overflow-y: hidden;
  height: fit-content;

  .prompt-display-single {
    padding: var(--pgn-spacing-spacer-3) 0;
  }

  .prompt-display-multiple > .collapsible-basic .collapsible-trigger {
    text-decoration: none !important;
  }

  .submission-files {
    .submission-files-title {
      padding: var(--pgn-spacing-spacer-3);
      border-radius: calc(0.375rem - 1px);
      border-bottom: 1px solid transparent;
      transition: border-color 100ms ease 150ms;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;

      > h3 {
        margin-bottom: 0;
      }

      &.no-submissions {
        cursor: initial;

        > h3 {
          color: var(--pgn-color-gray-300);
        }
      }
    }

    .submission-files-body {
      padding: var(--pgn-spacing-spacer-3);
      padding-top: 0;

      .submission-files-table thead {
        display: none;
      }
    }
  }

  .preview-display {
    padding: var(--pgn-spacing-spacer-3) 0;
  }

  .response-display-card {
    margin: var(--pgn-spacing-spacer-3) 0;
  }

  .response-display-text-content {
    white-space: pre-line;
    overflow: hidden;
  }
}

@media (--pgn-size-breakpoint-max-width-sm) {
  .response-display {
    width: 100%;

    .preview-display {
      padding: var(--pgn-spacing-spacer-1) 0;
    }
  }
}