html {
  scroll-padding-top: 70px;
}

#documentation .html-example-image {
  border-radius: 10px;
}

#documentation .param-name {
  min-width: 145px;
}

#documentation .param-req {
  min-width: 100px;
}

#documentation .header-image img {
  max-width: 420px;
  max-height: 250px;
}

a.docu-anchor-link {
  left: 4px;
  opacity: 0;
  text-decoration: none;
  font-size: 1.2rem;
  color: #BABEC6;
  padding-right: 2rem !important;
  cursor: auto;
}

a.docu-anchor-link i {
  cursor: pointer;
}

.docu-demo a.docu-anchor-link,
.param-item a.docu-anchor-link {
  height: 25px;
}

h2 a.docu-anchor-link {
  height: 35px;
}

h3 a.docu-anchor-link {
  height: 45px;
}

#documentation [id^=api-examples] :is(h2, h3) {
  line-height: 1.42;
}

h2:hover a.docu-anchor-link,
h3:hover a.docu-anchor-link,
.docu-demo:hover a.docu-anchor-link,
.param-item:hover a.docu-anchor-link {
  opacity: 1;
}

h2 a.docu-anchor-link i:hover,
h3 a.docu-anchor-link i:hover,
.docu-demo a.docu-anchor-link i:hover,
.param-item a.docu-anchor-link i:hover {
  color: var(--gray-color);
}

#documentation.error-documentation #directIntegrationLinks,
#documentation.error-documentation #integrations,
#documentation.error-documentation [data-react-class] + br {
  display: none;
}

#documentation.error-documentation .status-codes-table tbody td:last-child {
  white-space: normal;
}

@media (min-width: 0px) and (max-width: 1279px) {
  h2 a.docu-anchor-link {
    height: 28px;
  }
}

@media (min-width: 0px) and (max-width: 900px) {
  #documentation .param-item {
    flex-direction: column;
  }

  #documentation .param-item:not(:last-child) {
    border-bottom: 1px solid #dfe1e6;
    padding-bottom: 1rem;
  }

  #documentation .param-item > div {
    justify-content: space-between;
  }

  #documentation .param-item .param-des {
    margin-top: 1rem;
  }

  #documentation .param-name,
  #documentation .param-req {
    min-width: initial;
  }
}

.legal-main {
  font-family: SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace;
  background-color: #fafafa;
}

.legal-main a.docu-anchor-link {
  height: 19px;
}

@media (min-width: 0px) and (max-width: 600px) {
  #documentation.error-documentation .status-codes-table {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  #documentation.error-documentation .status-codes-table :is(thead, tbody),
  #documentation.error-documentation .status-codes-table thead tr {
    display: contents;
  }

  #documentation.error-documentation .status-codes-table thead th {
    flex-grow: 1;
  }

  #documentation.error-documentation .status-codes-table thead th:last-child:not(:only-child) {
    display: none;
  }

  #documentation.error-documentation .status-codes-table tbody tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #eaebf0;
    gap: 0;
    padding: 0.25em 0;
  }

  #documentation.error-documentation .status-codes-table tbody tr:last-child {
    border-bottom: 0;
  }

  #documentation.error-documentation .status-codes-table tbody tr td {
    box-sizing: border-box;
    padding: 0.5em 1em;
    width: 50%;
  }

  #documentation.error-documentation .status-codes-table tbody tr td:not(:first-child, :last-child) {
    border-left: 1px solid #eaebf088 !important;
  }

  #documentation.error-documentation .status-codes-table tbody tr td:last-child {
    border-left: 0 !important;
    border-top: 1px solid #eaebf088;
    margin-top: 0.25em;
    width: 100%;
  }
}