@import '../../shared/styles/variables';

:host > .api-info-wrapper {
  box-sizing: border-box;
  padding: $section-spacing;
  width: 60%;


  @media (max-width: $right-panel-squash-breakpoint) {
    width: 100%;
  }
}

.openapi-button {
  border: 1px solid $primary-color;
  color: $primary-color;
  font-weight: normal;
  margin-left: 0.5em;
  padding: 3px 8px 4px;
  display: inline-block;
}

:host /deep/ [section] {
  padding-top: 2 * $section-spacing;
}

:host /deep/ h2[section] {
  padding-top: $section-spacing;
}