@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

release-notes h1 {
  margin-bottom: -6px;
}

rn-date {
  font-size: 12px;
}

release-notes table {
  /* required to show table borders */
  border-collapse: collapse;
}
release-notes thead {
  display: none;
}
release-notes tr {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
release-notes td {
  border: none !important;
  padding: 0 8px 0 0 !important;
  font-size: 16px;
  line-height: 24px;
}
release-notes td:first-child {
  text-align: right;
  width: 100px;
  font-size: 12px;
}

rn-new,
rn-remove,
rn-fix,
rn-change,
rn-breakingchange {
  font: inherit;
  font-weight: bold;
}

rn-new.highlight::before,
rn-remove.highlight::before,
rn-fix.highlight::before,
rn-change.highlight::before,
rn-breakingchange.highlight::before {
  font-family: 'FontAwesome';
  font-weight: normal;
  margin-right: 5px;
  content: '\f005';
}

rn-new {
  color: green;
}
rn-new::after {
  content: 'New';
}
rn-remove {
  color: red;
}
rn-remove::after {
  content: 'Remove';
}
rn-fix {
  color: orange;
}
rn-fix::after {
  content: 'Fix';
}
rn-change {
  color: #70aaf0;
}
rn-change::after {
  content: 'Change';
}
rn-breakingchange {
  color: red;
}
rn-breakingchange::after {
  content: 'Breaking Change';
}

rn-info-title {
  background-color: #6ab0de;
}
rn-info-body {
  background-color: #e7f2fa;
}
rn-info-title::before {
  content: '\f05a';
}
rn-caution-title:empty::after {
  content: 'Caution';
}
rn-error-title:empty::after {
  content: 'Error';
}
rn-warning-title:empty::after {
  content: 'Warning';
}
rn-info-title:empty::after {
  content: 'Info';
}

rn-caution-title,
rn-error-title {
  background-color: #f44;
}
rn-warning-title {
  background-color: #f0b37e;
}
rn-caution-body,
rn-error-body {
  background-color: #fcc;
}
rn-warning-body {
  background-color: #ffedcc;
}
rn-caution-title::before,
rn-error-title::before,
rn-warning-title::before {
  content: '\f071';
}
rn-warning-title::after {
  content: 'Warning';
}

rn-caution-title,
rn-error-title,
rn-warning-title,
rn-info-title {
  color: white;
  font-weight: bold;
  display: block;
  padding: 6px 12px;
  box-shadow: 0px 0px 8px rgb(10 10 10 / 10%);
}
rn-caution-body,
rn-error-body,
rn-warning-body,
rn-info-body {
  display: block;
  padding: 12px;
  box-shadow: 0px 0px 8px rgb(10 10 10 / 10%);
}
rn-caution-title::before,
rn-error-title::before,
rn-warning-title::before,
rn-info-title::before {
  font-family: 'FontAwesome';
  font-weight: normal;
  margin-right: 5px;
}

table-of-contents ul {
  list-style-type: none !important;

  font-size: 14px;
  font-weight: normal;

  margin: 0px !important;
}

table-of-contents > ul {
  font-size: 16px;
  font-weight: bolder;
}

table-of-contents > ul > li {
  margin-top: 5px;
}

table-of-contents > ul > li > ul > li {
  margin-top: 0px;
}

/* Adjusting colors in dark theme */
@media (prefers-color-scheme: dark) {
  rn-warning-body,
  rn-info-body {
    color: var(--light-color-text);
  }
  rn-warning-body > code,
  rn-info-body > code {
    background: var(--light-color-background);
  }
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.tsd-panel table {
  display: block;
  width: 100%;
  overflow: auto;
  margin-top: 10px;
  word-break: normal;
  word-break: keep-all;
}

.tsd-panel table th {
  font-weight: bold;
}
.tsd-panel table th,
.tsd-panel table td {
  padding: 6px 13px;
  border: 1px solid #ddd;
}
.tsd-panel table tr {
  border-top: 1px solid #ccc;
}