/* After making changes remember to copy the rules below to the private build. */

body {
  margin: 0;
  padding: 0;
}

.scrollbar-container [role='menuitem'][type='group'] {
  color: black;
  font-size: 13px;
  font-weight: bold;
}

.api-content a {
  text-decoration: underline !important;
}

.api-content h1 {
  border-bottom: 2px solid #f0a117;
}

[data-section-id='section/Introduction'] {
  padding-top: 0 !important;
}

.api-content h5 {
  border-bottom: none;
}

.api-content blockquote {
  border-left: 2px solid #f0a117 !important;
  color: #333 !important;
  padding: 8px 16px !important;
}

.api-content blockquote p {
  margin-top: 0;
}

.api-content table {
  border: 1px dashed #d7d7d7;
  font-family: courier;
  padding: 8px;
  word-break: break-all;
}

.api-content table,
.api-content table table table,
.api-content table table table table table {
  background: #f7f7f7;
}

.api-content table table,
.api-content table table table table,
.api-content table table table table table table {
  background: #ffffff;
}

.api-content table td {
  border-bottom: none;
  font-family: courier;
}

.api-content table td div {
  background: none !important;
}

.api-content table td[kind='field'] div {
  color: #bf371f;
}

.api-content table td div > div:first-of-type > span {
  color: #717171;
}

.api-content table td p {
  color: #717171;
  font-family: courier;
  font-size: 13px;
}

.api-content table td p::before {
  content: '// ';
}

.api-content p code,
.api-content li code {
  color: #e00400;
}

.api-content .token.number,
.api-content .token.boolean {
  color: #a0fbaa !important;
}

.api-content h5 {
  color: #727779;
}

.api-content ul.react-tabs__tab-list li.tab-error {
  color: #f50400;
}

.api-content ul.react-tabs__tab-list li.tab-error.react-tabs__tab--selected {
  color: #ec0400;
}

.api-content .react-tabs__tab-panel > div > div:nth-of-type(2) > div > div:first-of-type {
  opacity: 1;
}

.api-content .react-tabs__tab-panel > div > div > span {
  color: #797979;
}

.api-content > div > div > div > div > div > div > span:nth-of-type(2),
.api-content > div > div > div > div > div > div > span:nth-of-type(3) {
  color: #757575;
}

.menu-content span[type='put'],
.menu-content span[type='patch'],
.api-content span[type='put'],
.api-content span[type='patch'] {
  color: #63480c;
}

button[aria-label='expand properties'] svg {
  stroke: #3f3d3c;
  margin-left: 5px;
  margin-bottom: 2px;
}


/* For public docs disclaimer */
#public-docs-alert {
  color: rgb(26, 32, 44);
  overflow-wrap: break-word;
  z-index: 2;
  position: sticky;
  top: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
}

#public-docs-alert .alert-inner {
  align-items: center;
  overflow-wrap: break-word;
  padding: 8px;
}

#public-docs-alert .alert-inner-container {
  align-items: center;
  background-color: rgb(190, 227, 248);
  display: flex;
  padding: 0 10px;
}

#public-docs-alert .alert-icon {
  flex-shrink: 0;
  margin-inline-end: 0.7rem;;
  width: 1.25rem;
  height: 1.5rem;
  color: #3182ce;
  display: inherit;
}

#public-docs-alert .alert-icon svg {
    width: 100%;
    height: 100%;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor;
    vertical-align: middle;
}

#public-docs-alert a,
#public-docs-alert a:visited,
#public-docs-alert a:hover,
#public-docs-alert a:active {
  color: rgb(26, 32, 44);
}