.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #333;
  background: #f8f8f8;
}

.hljs-comment,
.hljs-quote {
  color: #998;
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
  color: #333;
  font-weight: bold;
}

.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
  color: #008080;
}

.hljs-string,
.hljs-doctag {
  color: #d14;
}

.hljs-title,
.hljs-section,
.hljs-selector-id {
  color: #900;
  font-weight: bold;
}

.hljs-subst {
  font-weight: normal;
}

.hljs-type,
.hljs-class .hljs-title {
  color: #458;
  font-weight: bold;
}

.hljs-tag,
.hljs-name,
.hljs-attribute {
  color: #000080;
  font-weight: normal;
}

.hljs-regexp,
.hljs-link {
  color: #009926;
}

.hljs-symbol,
.hljs-bullet {
  color: #990073;
}

.hljs-built_in,
.hljs-builtin-name {
  color: #0086b3;
}

.hljs-meta {
  color: #999;
  font-weight: bold;
}

.hljs-deletion {
  background: #fdd;
}

.hljs-addition {
  background: #dfd;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

a {
  text-decoration: none;
  color: inherit;
}
ul {
  margin: 0;
  padding: 0;
}
hr {
  width: auto;
}
article {
  overflow-wrap: break-word;
}
.clear:after {
  content: '';
  clear: both;
  display: inline-block;
}
.container {
  margin: 0 auto;
  max-width: 1100px;
  position: relative;
}
* {
  outline: none;
  box-sizing: border-box;
}
.r {
  float: right;
}
.ib {
  display: inline-block;
}
.btn {
  display: inline-block;
  padding: 10px 21px;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #3498db;
  line-height: 20px;
  color: #3498db;
  margin-top: 6px;
}
@font-face {
  font-family: 'i';
  font-style: normal;
  src: url("/docs/assets/icons.woff") format('woff');
}
i {
  font-style: normal;
  font-family: 'i';
  font-size: 12px;
  position: relative;
  top: -2px;
  margin: 0 4px;
}
.active-section {
  animation: fadeout 2.5s;
}
.top_hiring_banner {
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  background-color: #1b67d7;
  color: #fff;
}
.top_hiring_banner p {
  margin: 0 auto;
  padding: 8px 16px;
}
.top_hiring_banner .shade {
  font-weight: bold;
  position: relative;
  display: inline-block;
  margin-left: 8px;
  color: #fff;
}
.top_hiring_banner .shade::before {
  content: '';
  position: absolute;
  display: block;
  opacity: 0.1;
  margin-left: -2px;
  margin-right: -4px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(251.96deg, #fff 0%, #fff 100%);
  z-index: 0;
}
.mb-xl {
  margin-bottom: 24px;
}
.pl-s {
  padding-left: 12px;
}
iframe,
video {
  max-width: 100%;
}
@-moz-keyframes fadeout {
  0% {
    background-color: rgba(255,235,0,0);
  }
  5% {
    background-color: rgba(255,235,0,0.22);
  }
  100% {
    background-color: rgba(255,235,0,0);
  }
}
@-webkit-keyframes fadeout {
  0% {
    background-color: rgba(255,235,0,0);
  }
  5% {
    background-color: rgba(255,235,0,0.22);
  }
  100% {
    background-color: rgba(255,235,0,0);
  }
}
@-o-keyframes fadeout {
  0% {
    background-color: rgba(255,235,0,0);
  }
  5% {
    background-color: rgba(255,235,0,0.22);
  }
  100% {
    background-color: rgba(255,235,0,0);
  }
}
@keyframes fadeout {
  0% {
    background-color: rgba(255,235,0,0);
  }
  5% {
    background-color: rgba(255,235,0,0.22);
  }
  100% {
    background-color: rgba(255,235,0,0);
  }
}
.has-beta-banner #beta-banner {
  height: 56px;
  opacity: 1;
  transform: translateY(0px);
}
#beta-banner {
  display: flex;
  height: 0;
  transform: translateY(-56px);
  opacity: 0;
  transition: height 0.4s linear, opacity 0.4s linear;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 2;
}
#beta-banner p {
  color: #fff;
}
#beta-banner a {
  background-color: #fff;
  box-shadow: none;
  display: inline-block;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  border-color: #c5ccd8;
  padding: 8px 12px;
  color: #0648ef;
}
#beta-banner #beta-banner-desktop {
  display: none;
  width: 100%;
}
@media only screen and (min-width: 850px) {
  #beta-banner #beta-banner-desktop {
    display: flex;
    gap: 0px 20px;
    justify-content: center;
    align-items: center;
    background-image: url("assets/beta-banner-desktop.jpeg");
  }
  #beta-banner #beta-banner-desktop p:first-child {
    color: #00ffd1;
  }
  #beta-banner #beta-banner-desktop #vertical-line {
    height: 28px;
    border-radius: 20px 0px 0px 20px;
    width: 1px;
    background: radial-gradient(89.12% 50% at 0% 50%, #fff 0%, rgba(255,255,255,0) 100%);
  }
}
#beta-banner #beta-banner-mobile {
  display: none;
  width: 100%;
}
@media (max-width: 850px) {
  #beta-banner #beta-banner-mobile {
    display: flex;
    gap: 0px 12px;
    justify-content: center;
    align-items: center;
    background-image: url("assets/beta-banner-mobile.jpeg");
  }
}
.collapsible {
  background: #bbb;
  background-clip: content-box;
  height: 1px;
  padding-right: 17px;
  cursor: pointer;
}
.collapsible.no-click {
  pointer-events: none;
}
.collapsible .circle {
  transition: 0.2s;
  transform-origin: 50% 25%;
  position: absolute;
  right: 0;
  top: -2px;
  height: 10px;
  width: 10px;
}
.collapsible .circle:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #bbb;
}
body {
  margin: 0;
  font-family: 'Muli', sans-serif;
  color: #373737;
  font-size: 14px;
}
body.hide-overflow {
  overflow: hidden;
}
#content {
  display: flex;
  align-items: flex-start;
}
#content > aside {
  overflow: auto;
  position: relative;
  position: sticky;
}
#content > aside::-webkit-scrollbar {
  width: 0;
}
#content > aside:first-child {
  margin: 0;
  flex: 0 0 calc(50vw - 420px);
  padding-top: 90px;
  min-width: 280px;
  top: 0;
  transition: top 0.4s linear;
  height: 100vh;
  background: linear-gradient(to right, transparent 90%, rgba(0,0,0,0.03)), linear-gradient(#fff 30%, transparent) 0 60px, linear-gradient(transparent, #fff 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0,0,0,0.4), transparent) 0 60px, radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,0.4), transparent) 0 100%;
  background-color: #f5f5fa;
  background-repeat: no-repeat;
  background-attachment: local, local, local, scroll, scroll;
  background-size: 100%, 100% 40px, 100% 40px, 100% 16px, 100% 16px;
}
.has-beta-banner #content > aside:first-child {
  top: 56px;
}
.side-inner {
  float: right;
  width: 280px;
  padding: 0 30px 0 20px;
}
main {
  flex: 1 1 0;
  max-width: 880px;
  padding: 90px 30px 20px;
  min-width: 0;
}
main .click-zoom {
  cursor: zoom-in;
}
main li > * {
  vertical-align: top;
}
#secondary {
  order: 1;
  top: 80px;
  transition: top 0.4s linear;
  flex: 0 0 240px;
  max-height: calc(100vh - 80px);
  padding-right: 20px;
}
#secondary:first-child {
  order: -1;
  display: flex;
  padding-left: 20px;
  max-height: none;
}
#secondary:first-child:before {
  content: '';
  flex: 0 0 calc(50vw - 700px);
}
#secondary section {
  margin-top: 10px;
}
#secondary .title {
  color: #888;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.75px;
  font-weight: bold;
  margin-bottom: 6px;
}
#secondary .btn {
  margin-bottom: 12px;
}
#secondary .btn:after {
  content: '';
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1000 1000%22%3E%3Cpath fill=%22%233498db%22 d=%22M768 571q8 0 13 5t5 13v179q0 66-47 114t-114 47H161q-67 0-114-47T0 768V304q0-67 47-114t114-47h393q7 0 12 5t5 13v35q0 8-5 13t-12 5H161q-37 0-63 27t-27 63v464q0 37 27 63t63 26h464q37 0 63-26t26-63V589q0-8 5-13t13-5h36zM990 82q10 11 10 25v286q0 14-10 25t-25 11-26-11l-98-98-364 364q-5 5-12 5t-14-5l-63-64q-6-6-6-13t6-13l364-364-99-98q-10-10-10-24t11-26 25-11h285q15 0 26 11z%22/%3E%3C/svg%3E") no-repeat center;
  margin: 0 -2px -1px 6px;
  width: 12px;
  height: 12px;
  background-size: contain;
  display: inline-block;
}
.has-beta-banner #secondary {
  top: 136px;
}
#page-contents .l-2,
#page-contents .l-3 {
  padding-left: 12px;
}
#page-contents a {
  padding: 4px 0;
  color: #444;
  display: flex;
}
#page-contents a:before {
  content: '# ';
  font-size: 80%;
  margin: 2px 4px 0 0;
  opacity: 0.6;
}
#page-contents a.active {
  color: #3498db;
}
#page-title {
  margin: 0;
  font-size: 32px;
}
.dropdown {
  margin: 0 0 0 16px;
  display: inline-block;
}
.inline-block {
  display: inline-block;
}
.dropdown-img {
  display: inline-block;
  border: none;
  padding: 0;
  height: 8px;
  margin-top: 0;
  transform: rotate(90deg);
  transition: transform 0.2s linear;
}
url {
  display: flex;
  color: #4f5c5d;
  font-size: 1.1em;
  font-family: monospace;
  margin: 6px 0 30px;
  line-height: 24px;
}
url:last-child {
  margin-bottom: 5px;
}
url .ib {
  word-break: break-all;
  padding: 0 12px;
  border-width: 1px;
  border-style: solid;
  line-height: 22px;
  border-radius: 0 2px 2px 0;
  border-left: 0;
}
url:before {
  border-radius: 2px 0 0 2px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #fff;
  padding: 0 10px;
  float: left;
  display: flex;
  align-items: center;
}
url[get] .ib {
  background: rgba(8,202,115,0.1);
  border-color: rgba(8,202,115,0.6);
}
url[get]:before {
  content: "GET";
  background: #08ca73;
}
url[post] .ib {
  background: rgba(108,159,255,0.1);
  border-color: rgba(108,159,255,0.6);
}
url[post]:before {
  content: "POST";
  background: #6c9fff;
}
url[put] .ib {
  background: rgba(255,167,38,0.1);
  border-color: rgba(255,167,38,0.6);
}
url[put]:before {
  content: "PUT";
  background: #ffa726;
}
url[delete] .ib {
  background: rgba(245,97,81,0.1);
  border-color: rgba(245,97,81,0.6);
}
url[delete]:before {
  content: "DELETE";
  background: #f56151;
}
url[patch] .ib {
  background: rgba(43,62,80,0.1);
  border-color: rgba(43,62,80,0.6);
}
url[patch]:before {
  content: "PATCH";
  background: #2b3e50;
}
url b {
  font-weight: 400;
  color: #000;
}
callout {
  display: block;
  font-family: 'Muli', sans-serif;
  background: rgba(108,159,255,0.1);
  border: none;
  border-radius: 0;
  border-left: 4px solid #6c9fff;
  color: rgba(0,0,0,0.8);
  font-size: 14px;
  letter-spacing: 0.15px;
  padding: 14px 20px;
  margin: 16px 0;
  word-break: break-word;
}
callout p {
  margin: 0;
}
callout[success] {
  background: rgba(8,202,115,0.1);
  border-left-color: #08ca73;
}
callout[error] {
  background: rgba(245,97,81,0.15);
  border-left-color: #f56151;
}
callout[warn] {
  background: rgba(255,167,38,0.1);
  border-left-color: #ffa726;
}
read-more a {
  color: #526ad0 !important;
  cursor: pointer;
  font-weight: 600;
  transition: 0.2s;
}
read-more a:after {
  content: url("/src/assets/images/read-more.svg");
  position: absolute;
  padding-left: 5px;
  padding-top: 1px;
}
.btn-new {
  border: 0;
  border-radius: 2px;
  transition: 0.2s;
  box-shadow: 0 3px 13px rgba(0,0,0,0.09), 0 1px 5px 0 rgba(0,0,0,0.14);
  user-select: none;
  margin: 10px 0;
  padding: 12px 24px;
  font-family: 'Muli', 'sans-serif';
  text-transform: none;
  letter-spacing: 0.5px;
  font-weight: 800;
  background: #5f8fe9;
  color: #f8fafe;
  cursor: pointer;
}
.btn-new:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 5px 16px 1px rgba(0,0,0,0.13), 0 1px 4px 0 rgba(0,0,0,0.09);
}
.btn-new:active {
  transform: perspective(40px) rotateX(1deg);
}
.btn-new a {
  color: #f8fafe;
}
.btn-new p {
  margin: 0;
  line-height: 20px;
  font-size: 16px;
}
.btn-inline {
  border: 0;
  border-radius: 2px;
  padding: 2px 5px;
  font-size: 14px;
  font-weight: normal;
  background: #5f8fe9;
  color: #f8fafe;
  cursor: pointer;
}
.btn-inline:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 5px 16px 1px rgba(0,0,0,0.13), 0 1px 4px 0 rgba(0,0,0,0.09);
}
.btn-inline:active {
  transform: perspective(40px) rotateX(1deg);
}
.btn-inline a {
  color: #f8fafe;
}
.hl {
  position: relative;
  width: auto;
  cursor: pointer;
}
.hl:before {
  background: #bada55;
  padding: 2px 10px;
  border-radius: 2px;
  right: 0;
  position: absolute;
  bottom: 100%;
  color: #414141;
}
.hl:hover:after {
  content: '';
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  border-left: 3px solid #008bf3;
}
.hl:hover:before {
  content: 'Copy';
}
.hl:focus:before {
  content: 'Copied';
}
.code-container {
  line-height: 1.3;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 2px;
  padding: 16px 0;
  overflow: auto;
}
.code-container .copy-btn {
  color: #29b7d5;
  font-family: 'Muli', sans-serif;
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 17px;
  margin-top: -12px;
  user-select: none;
}
.code-container .copy-btn:before {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2213%22 height=%2215%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M9.579 0h-8.21A1.37 1.37 0 0 0 0 1.364v9.545h1.368V1.364h8.21V0zm2.053 2.727H4.105a1.37 1.37 0 0 0-1.368 1.364v9.545c0 .75.616 1.364 1.368 1.364h7.527A1.37 1.37 0 0 0 13 13.636V4.091a1.37 1.37 0 0 0-1.368-1.364zm0 10.91H4.105V4.09h7.527v9.545z%22 fill=%22%2329B7D5%22 fill-rule=%22nonzero%22/%3E%3C/svg%3E");
  position: relative;
  margin-right: 5px;
  top: 3px;
}
.codeblock {
  position: relative;
}
.codeblock.has-labels {
  padding: 35px 0 14px 0;
  margin: 0;
}
.codeblock.has-labels .copy-btn {
  top: 53px;
}
.codeblock .code-labels {
  background: rgba(0,0,0,0.05);
  border-radius: 2px 2px 0 0;
  padding: 0px 10px;
  line-height: 30px;
  white-space: pre-wrap;
  padding-right: 70px;
  user-select: none;
}
.codeblock input[type=radio] {
  display: none;
}
.codeblock input[type=radio] + .code-container {
  display: none;
}
.codeblock input[type=radio]:checked + .code-container {
  display: block;
}
.codeblock code {
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0 20px;
  background: transparent;
  min-width: 100%;
  float: left;
  white-space: pre;
  word-break: break-word;
  font-size: 14px;
  line-height: 1.4;
}
.codeblock .hl {
  background: #daebf9;
}
.codeblock label {
  height: inherit;
  display: inline-block;
  padding: 0 2px;
  margin: 0 10px;
  cursor: pointer;
  color: #999;
  font-family: 'Muli', sans-serif;
  font-size: 12px;
  border-bottom: 2px solid transparent;
  transition: 0.2s;
}
.codeblock label.active {
  color: #333;
  border-color: #6c9fff;
  font-weight: bold;
}
.codeblock label:only-child {
  border-color: transparent;
  margin-left: 4px;
  border-width: 1px;
}
@media (max-width: 900px) {
  .codeblock .code-labels {
    padding-right: 10px;
  }
  .copy-btn {
    display: none;
  }
}
#header-nav {
  list-style: none;
  margin: 0 20px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(85,85,85,0.15);
}
#header-nav li {
  display: inline-block;
}
#header-nav li a {
  color: #09f;
  text-decoration: none;
}
#header-nav li:last-child a {
  color: #333;
}
#header-nav li:nth-child(n+2):before {
  content: '>';
  width: 20px;
  margin: 0 20px;
  font-weight: 600;
  color: rgba(85,85,85,0.8);
  font-family: 'i';
}
#image-modal {
  display: none;
  position: fixed;
  z-index: 1;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0,0,0,0.8);
  padding: 50px 10px;
}
@media (max-width: 640px) {
  #image-modal {
    padding: 30px 10px;
  }
}
#image-modal.show {
  display: block;
}
#image-modal .modal-content {
  display: flex;
  align-items: center;
  min-height: 100%;
  margin: 0 auto;
  will-change: transform;
  width: 90%;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-name: magnify;
}
#image-modal .modal-content img {
  width: 100%;
}
@media (max-width: 640px) {
  #image-modal .modal-content {
    width: 100%;
  }
}
#image-modal .close {
  position: fixed;
  top: 8px;
  right: 30px;
  cursor: pointer;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  z-index: 2;
}
@media (max-width: 640px) {
  #image-modal .close {
    top: 0px;
    right: 10px;
  }
}
@-moz-keyframes magnify {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes magnify {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@-o-keyframes magnify {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes magnify {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
#index .tile-container {
  margin: 20px -10px;
}
#index .tile {
  display: inline-block;
  width: 33.33%;
  min-width: 200px;
}
#index .inner {
  color: #555;
  display: block;
  margin: 6px 10px;
  border: 1px solid #eee;
  border-radius: 2px;
  overflow: hidden;
  height: 100px;
  position: relative;
}
#index .inner:hover {
  border-color: #3498db;
}
#index .title {
  border-top: 1px solid #eee;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 6px 20px;
  background: #fafbfc;
}
.sr-backdrop-search {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.sr-backdrop-search.show {
  display: block;
  background: rgba(0,0,0,0.6);
}
@media (max-width: 960px) {
  .sr-backdrop-search.show {
    background: #fff;
  }
}
.sr-fixed-wrapper-result {
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  top: 0;
  right: -480px;
  bottom: 0;
  margin-top: 59px;
  color: #000;
  background: #fff;
  position: fixed;
  width: 480px;
  transition: all 0.2s ease-in;
  overflow: hidden;
  z-index: 99;
}
.sr-fixed-wrapper-result.show {
  right: 0;
}
.sr-fixed-wrapper-result .sr-result-wrapper {
  color: #7d7d7d;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.sr-fixed-wrapper-result .sr-result-wrapper img {
  max-width: 100%;
}
.sr-fixed-wrapper-result .sr-result-wrapper .sr-grow-and-scroll {
  flex-grow: 1;
  overflow: auto;
  position: relative;
}
.sr-fixed-wrapper-result .sr-result-wrapper .sr-paginator {
  display: none;
}
.sr-fixed-wrapper-result .sr-result-wrapper .sr-result {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.sr-fixed-wrapper-result .sr-no-result {
  padding: 20px;
  width: 100%;
  text-align: center;
}
.sr-fixed-wrapper-result .sr-item {
  line-height: 30px;
  padding: 25px;
  position: relative;
  display: none;
  background: #fff;
}
.sr-fixed-wrapper-result .sr-item:after {
  content: '';
  width: 90%;
  height: 1px;
  background-color: #d8d8d8;
  position: absolute;
  bottom: 0;
  left: 5%;
}
.sr-fixed-wrapper-result .sr-item:hover {
  background-color: #f5f5f5;
}
.sr-fixed-wrapper-result .sr-item.show {
  display: block;
}
.sr-fixed-wrapper-result .sr-item p {
  margin: 0;
}
.sr-fixed-wrapper-result .sr-item .sr-title {
  font-size: 16px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  color: #000;
}
.sr-fixed-wrapper-result .sr-item .sr-title b {
  color: #526ad0;
}
.sr-fixed-wrapper-result .sr-item .sr-breadcrumb {
  font-size: 12px;
}
.sr-fixed-wrapper-result .sr-item .sr-desc {
  font-size: 14px;
  color: #7d7d7d;
}
.sr-fixed-wrapper-result .sr-item .sr-desc b {
  font-weight: normal;
  border-bottom: 1px solid #526ad0;
}
.sr-fixed-wrapper-result .sr-item .sr-tag {
  display: none;
  margin-left: 10px;
  background-color: #ececec;
  padding: 2px 5px;
  font-size: 12px;
  border-radius: 3px;
  color: #5f6c7d;
  text-transform: uppercase;
}
.sr-fixed-wrapper-result .sr-item a {
  text-decoration: none;
  display: block;
  color: inherit;
  padding: 0;
  margin: 0;
}
.sr-fixed-wrapper-result .sr-item a:hover {
  font-weight: normal;
}
@media (max-width: 960px) {
  .sr-fixed-wrapper-result {
    margin-top: 120px;
    width: 100%;
    right: -100%;
  }
  .sr-fixed-wrapper-result .has-beta-banner {
    margin-top: 176px;
  }
}
#sidebar .side-inner {
  max-height: calc(100vh - 60px - 30px);
  overflow-y: auto;
}
#sidebar li {
  position: relative;
  transition: 0.3s height, 0.3s opacity;
  text-decoration: none;
  line-height: 20px;
  list-style: none;
}
#sidebar li.active > ul {
  padding-bottom: 10px;
}
#sidebar li.active > .li-inner {
  font-weight: bold;
  color: #3498db;
}
#sidebar li.active .li-inner:after {
  border-left-color: #777;
}
#sidebar li.open.has-ul ul {
  transition: 0.2s, opacity 0.3s ease 0.07s;
}
#sidebar li.open.has-ul li.active {
  color: #3498db;
}
.level-0.has-ul.open .li-inner:after,
.level-1.has-ul.open .li-inner:after,
.level-2.has-ul.open .li-inner:after,
.level-3.has-ul.open .li-inner:after {
  transform: rotateZ(90deg);
}
.level-0.has-ul:not(.open) .li-inner:after,
.level-1.has-ul:not(.open) .li-inner:after,
.level-2.has-ul:not(.open) .li-inner:after,
.level-3.has-ul:not(.open) .li-inner:after {
  transform: rotateZ(0deg);
}
.li-inner {
  padding: 8px 0 8px 14px;
  display: block;
  position: relative;
  opacity: 0.8;
  transition: 0.2s;
}
.li-inner:hover {
  color: #09f;
  cursor: pointer;
  opacity: 1;
}
#side-list > li {
  border-bottom: 1px dashed #c9cacb;
}
#side-list > li:not(.active) > ul {
  height: 0;
  display: none;
  opacity: 0;
  transition: 0.2s;
}
#side-list > li > .li-inner {
  padding: 12px 12px 12px 0;
  opacity: 1;
}
.has-ul > div.li-inner:after {
  transition: 0.2s;
  transform-origin: 25%;
  position: absolute;
  top: calc(50% - 4px);
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #bbb;
}
.level-1 .li-inner {
  padding-left: 14px;
}
.level-1 .side-block {
  display: none;
}
.level-1 .pl-s {
  padding-left: 18px;
}
.level-2 .li-inner {
  padding-left: 28px;
  opacity: 0.7;
}
.level-2 .pl-s {
  padding-left: 34px;
}
.level-3 {
  font-size: 13px;
}
.level-3 .li-inner {
  padding-left: 38px;
  opacity: 0.7;
}
.level-3 .pl-s {
  padding-left: 44px;
}
.level-4 {
  font-size: 13px;
}
.level-4 .li-inner {
  padding-left: 50px;
  opacity: 0.7;
}
.level-4 .pl-s {
  padding-left: 56px;
}
#toggle-expand {
  cursor: pointer;
  color: #888;
  margin: 10px 0;
  border-bottom: 1px solid #bbb;
  display: inline-block;
  display: none;
  font-size: 12px;
  padding: 12px 0 2px;
}
#toggle-expand .collapse {
  display: none;
}
#toggle-expand.active .collapse {
  display: block;
}
#toggle-expand.active .expand {
  display: none;
}
#products {
  display: none;
}
#products ul {
  display: none;
}
#products {
  background: #fff right 12px center no-repeat;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%221792%22 height=%221792%22 xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%23555%22%3E%3Cpath d=%22M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z%22/%3E%3C/svg%3E");
  background-size: 20px;
}
#selected-product {
  padding: 0 0 1px 40px;
  line-height: 40px;
  color: #475674;
  cursor: pointer;
}
#selected-product[data-product=payment-gateway] {
  background: no-repeat 12px center url("https://razorpay.com/assets/icons/products/payments-e4c1dfac72.svg");
  background-size: 20px;
}
table {
  border-radius: 3px;
  width: 100%;
  border-collapse: collapse;
}
table ul {
  margin: 8px 0;
}
table li {
  margin: 0;
}
table td code {
  display: inline-block;
  line-height: 1.3em;
  margin-top: 0 !important;
}
table th {
  background: #f6f7f8;
  border-bottom: 1px solid #eee;
}
table td,
table th {
  border: 1px solid #eee;
  padding: 0 16px;
  text-align: left;
}
.tabs-head {
  margin: 0 0 64px 0;
  border-bottom: 1px solid rgba(0,0,0,0.07);
  display: flex;
  flex-wrap: wrap;
}
.tabs-title {
  cursor: pointer;
  flex: 1 1 0;
  text-align: center;
  font-weight: bold;
  padding: 12px;
  margin-top: 40px;
}
.tabs-title.active {
  color: #6c9fff;
  border-bottom: 3px solid #6c9fff;
  transition: border-bottom-color 0.2s ease;
}
tabs-content {
  display: none;
  width: 100%;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
tabs-content.active {
  display: block;
  transform: none !important;
  transition-delay: 0.18s;
  opacity: 1;
  pointer-events: auto;
}
#topbar {
  position: fixed;
  width: 100%;
  z-index: 1;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  display: flex;
}
#topbar a {
  display: inline-block;
}
html.axis #right-nav,
html.axis #footer,
html.axis #topbar {
  background: #fff;
  border: none;
}
html.axis #right-nav > *,
html.axis #footer > *,
html.axis #topbar > * {
  display: none;
}
html.axis #topbar:after {
  content: '';
  background: #97144d url("/assets/axis-header.png") no-repeat top right;
  background-size: contain;
  position: absolute;
  top: 0;
  height: 60px;
  right: calc(50% + 488px);
  left: 0;
  min-width: 210px;
}
html.axis #topbar:before {
  content: '';
  width: 100%;
  background: #97144d;
  height: 17px;
  top: 0;
  position: absolute;
  left: 0;
}
#home-links {
  background: #e4e4e8;
  width: calc(50vw - 420px);
  min-width: 280px;
  background-image: linear-gradient(to right, transparent 90%, rgba(0,0,0,0.04));
}
#docs-nav {
  white-space: nowrap;
  background: #fff;
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
}
#docs-nav a {
  color: #375684;
  padding: 0 12px;
  margin: 0 4px;
}
#docs-nav a:hover {
  font-weight: bold;
}
#docs-nav #right-nav {
  margin-left: auto;
  font-weight: bold;
}
#docs-nav #right-nav a {
  color: #5f90e9;
}
#docs-nav #right-nav i {
  font-family: 'icons';
  top: 2px;
}
#docs-nav #right-nav .india-flag {
  width: 28px;
  height: 20px;
  background: url("//razorpay.com/assets/home/india-flag.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
#docs-nav #right-nav #signup {
  border: 1px solid #4f88ee;
  box-shadow: 0px 4px 4px rgba(0,0,0,0.03);
  border-radius: 2px;
  background: #5f90e9;
  height: 30px;
}
#docs-nav #right-nav #signup a {
  padding: 0;
  color: #fff;
}
#docs-nav #right-nav #signup a:hover {
  font-weight: normal;
}
#docs-link {
  background: #686de0 no-repeat 7px center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 fill=%22%23fff%22%3E%3Cpath fill=%22none%22 d=%22M0 0h24v24H0V0z%22/%3E%3Cpath d=%22M10 19v-5h4v5l1 1h3l1-1v-7h2v-1l-8-7h-2l-8 7v1h2v7l1 1h3l1-1z%22/%3E%3C/svg%3E");
  background-size: 14px;
  margin: 10px 16px;
  line-height: 24px;
  color: #fff;
  border-radius: 3px;
  padding: 0 10px 0 24px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.25px;
}
#org-logo {
  background: no-repeat left url("https://cdn.razorpay.com/logo.svg");
  height: 60px;
  width: 125px;
  float: left;
  background-size: contain;
}
#org-logo.axis {
  background-image: url("https://cdn.razorpay.com/brand/axis.png");
}
.search-box {
  margin: 10px 20px;
  border: 1px solid #ddd;
  height: 40px;
  padding: 0;
  flex: 1;
  max-width: 300px;
  position: relative;
}
.search-box .cross-icon {
  outline: none;
  width: 17px;
  height: 100%;
  position: absolute;
  cursor: pointer;
  right: 6px;
  top: 0px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%23373737%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.151 17.943l-4.143-4.102-4.117 4.159-1.833-1.833 4.104-4.157-4.162-4.119 1.833-1.833 4.155 4.102 4.106-4.16 1.849 1.849-4.1 4.141 4.157 4.104-1.849 1.849z%22/%3E%3C/svg%3E") no-repeat;
  background-size: 80%;
  background-position: center;
}
.search-box .cross-icon.hide {
  display: none;
}
.search-box #search {
  width: 100%;
  margin: 0;
  border: 0;
  height: 100%;
  vertical-align: top;
  background: #eeeff4 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%23373737%22 viewBox=%220 0 20 20%22%3E%3Cpath d=%22M20 18l-4-3a9 9 0 1 0-1 1l3 4a1 1 0 0 0 2 0 1 1 0 0 0 0-2zM2 9a7 7 0 1 1 12 5A7 7 0 0 1 2 9z%22/%3E%3C/svg%3E") no-repeat 16px center;
  background-size: 14px;
  padding-left: 40px;
  padding-right: 15px;
  border-radius: 3px;
  -moz-appearance: none; /* older firefox */
  -webkit-appearance: none; /* safari, chrome, edge and ie mobile */
  appearance: none; /* rest */
}
.search-box #search::-webkit-search-cancel-button {
  display: none;
}
@media (max-width: 640px) {
  .search-box {
    max-width: initial;
  }
}
#ham-menu {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 0;
  padding: 20px;
  cursor: pointer;
  box-sizing: content-box;
}
#ham-menu-inner {
  position: relative;
  transform: translateY(10px);
  transition: 0.3s transform;
}
.spoke {
  width: 100%;
  height: 2px;
  border-radius: 8px;
  background: #555;
  transform-origin: center center;
  transition: 0.3s;
  position: absolute;
}
.spoke:nth-child(1) {
  transform: translateY(-6px);
}
.spoke:nth-child(2) {
  transform: translateY(0px);
  opacity: 1;
}
.spoke:nth-child(3) {
  transform: translateY(6px);
}
.open-nav {
  overflow: hidden;
}
.open-nav #docs-nav {
  position: fixed;
  top: 0;
  width: 100%;
}
.open-nav #sidebar {
  display: block !important;
}
.open-nav #sidebar ul {
  display: block !important;
  opacity: 1 !important;
  height: auto !important;
  transition: 0s;
  padding-bottom: 10px;
}
.open-nav #ham-menu-inner {
  transform: translateY(10px) rotate(-180deg);
}
.open-nav .spoke:nth-child(1) {
  transform: rotate(45deg);
}
.open-nav .spoke:nth-child(2) {
  transform: translateY(0px) rotate(135deg);
  opacity: 0;
}
.open-nav .spoke:nth-child(3) {
  transform: rotate(-45deg);
}
@font-face {
  font-family: 'icons';
  src: url("assets/fonticon.woff2") format('woff2');
}
#footer {
  padding: 30px 0;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}
#footer i {
  font-family: 'icons';
  top: 2px;
}
#footer i.i-tick {
  content: '';
  height: 9px;
  width: 4px;
  transform: rotate(45deg) translate(7px, 2px);
  border: 2px solid #08ca73;
  border-left: 0;
  border-top: 0;
  position: absolute;
  top: -3px;
}
#footer form label {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #5e6268;
  padding: 10px 0;
}
#footer form input {
  border: 1px solid #eee;
  box-shadow: 0px 4px 4px rgba(0,0,0,0.03);
  border-radius: 2px;
  padding: 8px 16px;
  line-height: 18px;
  font-size: 14px;
  padding-right: 100px;
  width: 280px;
}
#footer form input:focus {
  border: 1px solid #5f90e9;
}
#footer form input::placeholder {
  color: rgba(0,0,0,0.4);
}
#footer form button {
  color: #5f90e9;
  border: none;
  background: transparent;
  position: relative;
  right: 100px;
  cursor: pointer;
}
#footer form button:after {
  content: '';
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%23373737%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.151 17.943l-4.143-4.102-4.117 4.159-1.833-1.833 4.104-4.157-4.162-4.119 1.833-1.833 4.155 4.102 4.106-4.16 1.849 1.849-4.1 4.141 4.157 4.104-1.849 1.849z%22/%3E%3C/svg%3E") no-repeat;
}
#footer form button.success {
  color: #08ca73;
}
main a {
  color: #3498db;
  text-decoration: none;
}
main .header-link {
  color: inherit;
}
main .header-link:hover .header-anchor {
  opacity: 1;
}
main h1,
main h2 {
  display: flex;
  align-items: center;
  flex-direction: row;
}
main h1.no-click,
main h2.no-click {
  pointer-events: none;
}
main h1.opened .collapsible .circle,
main h2.opened .collapsible .circle {
  transform: rotate(180deg);
}
main h1 .collapsible,
main h2 .collapsible {
  position: relative;
  top: 2px;
  flex-grow: 1;
}
main h1,
main h2,
main h3 {
  font-weight: bold;
}
main h1,
main h2 {
  margin-top: 0;
  padding-top: 20px;
}
main h1 {
  font-size: 25px;
}
main h2 {
  font-size: 20px;
}
main h3 {
  font-size: 16px;
}
main h4 {
  font-size: 14px;
}
main .parenttitle {
  color: #999;
  float: left;
}
main .parenttitle:after {
  content: '/';
  display: inline-block;
  margin: 0 16px;
}
main .header-anchor {
  color: #3498db;
  transition: opacity 0.2s;
  opacity: 0;
  margin-left: 4px;
}
main h2 {
  cursor: default;
  position: relative;
}
main h3 {
  font-style: italic;
}
main h4,
main h5,
main h6 {
  font-weight: 600;
  margin: 22px 0 -4px;
}
main ul,
main ol {
  margin-top: 8px;
  padding-left: 30px;
}
main li ul,
main li ol {
  margin-left: -12px;
}
main li,
main p,
main ul,
main ol {
  line-height: 24px;
  font-size: 14px;
}
main ol,
main li {
  margin: 14px 0;
}
main ol a,
main li a {
  display: inline-block;
}
main ol p,
main li p {
  margin: 0;
}
main ol {
  counter-reset: item;
}
main ol > li {
  display: block;
}
main ol > li:before {
  content: counter(item) ". ";
  counter-increment: item;
  width: 24px;
  margin-left: -24px;
  float: left;
}
main li ol > li:before {
  content: counter(item, lower-alpha) ". ";
}
main li ol > li ol > li:before {
  content: counter(item, lower-roman) ". ";
}
main img {
  display: block;
  max-width: 100%;
  border: 1px solid #eee;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 2px;
  max-height: 800px;
  vertical-align: middle;
  margin: -3px 0;
}
main .emoji {
  height: 18px;
  border: 0;
  padding: 0;
}
main h1 .emoji,
main h2 .emoji {
  height: 24px;
}
main code {
  tab-size: 4;
  vertical-align: middle;
  margin: 0 3px;
  color: #34495e;
  font-size: 13px;
  padding: 2px 4px;
  border-radius: 3px;
  font-family: Consolas, Menlo, Monaco, Andale Mono, monospace;
  white-space: pre-wrap;
  word-wrap: break-word;
  background-color: #f1f1f1;
  margin-top: 12px !important;
}
main dl {
  border-radius: 2px;
  position: relative;
  border: 1px solid #eee;
  font-size: 13px;
}
main dl p {
  margin-top: 0;
}
main dl em {
  font-style: normal;
  color: #969696;
  padding: 0 5px 0 0;
  font-size: 10px;
  font-weight: bold;
  display: block;
}
main dt {
  color: #9fa3a8;
  float: left;
  clear: both;
  max-width: 160px;
  overflow: auto;
  font-size: 13px;
  padding-top: 20px;
  padding-left: 20px;
  line-height: 26px;
  word-wrap: break-word;
  flex-direction: column;
}
main dt > * {
  flex-basis: 0;
}
main dt code {
  position: relative;
  padding: 0;
  border: 0;
  background: none;
  font-weight: bold;
  word-break: break-word;
  margin: 0 !important;
}
main dt code:last-child:after {
  content: '\A';
  white-space: pre;
}
main dd {
  line-height: 1.75;
  margin: 0;
  padding: 20px 40px 20px 180px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}
main dd code {
  white-space: pre-wrap;
}
main dd code:first-child {
  margin-left: 0;
}
main dd > dl {
  margin-left: -160px;
  border: none;
  margin-top: 28px;
  display: none;
}
main dd > dl > dt {
  padding-left: 20px;
  border-left: 1px solid #eaeaea;
}
main dd > dl > dd {
  border: none;
  border-left: 1px solid #eaeaea;
  padding-left: 180px;
  padding-right: 0;
}
main dd dl.active {
  display: block;
}
main dd dl dd dl {
  margin-left: -160px;
  display: block;
}
main dd dl dd dl dd {
  padding-left: 180px;
}
main dd dl dd dl dd dl {
  margin-left: -160px;
  display: block;
}
main dd dl dd dl dd dl dd {
  padding-left: 180px;
}
main blockquote {
  border-left: 0.5em solid #eee;
  padding: 0 2em;
  margin-left: 0;
  max-width: 476px;
}
main blockquote cite {
  font-size: 14px;
  line-height: 20px;
  color: #bfbfbf;
}
main blockquote cite:before {
  content: '\2014 \00A0';
}
main blockquote p {
  color: #666;
  max-width: 460px;
}
main hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(255,255,255,0.3);
  margin-top: 35px;
}
main result {
  font-size: 13px;
  border-radius: 0 0 4px 4px;
  padding: 26px 20px;
  margin-top: -15px;
  position: relative;
  display: block;
  border: 1px solid #eee;
  border-top-color: transparent;
}
main result[mono] {
  font-family: Consolas, Menlo, Monaco, Andale Mono, monospace;
}
main result .header-anchor {
  top: -3px;
}
main article:before {
  content: '';
  display: block;
  padding-top: 20px;
  border-bottom: 1px solid #e6e6e6;
  margin-top: -1px;
}
main article.no-before {
  margin-top: 20px;
}
main article.no-before:before {
  margin-top: 0;
}
main .active {
  display: inline-block;
}
main .inactive {
  display: none;
}
.layout-api #secondary {
  display: none;
}
.layout-api #home-links {
  width: 280px;
}
.layout-api #sidebar {
  flex-basis: 280px !important;
}
.layout-api main {
  margin: 0;
  max-width: calc(100% - 280px);
}
@media (min-width: 1200px) {
  .layout-api main {
    max-width: none;
    padding-left: 30px;
    padding-right: 40px;
    max-width: calc(50vw - 140px);
  }
  .layout-api main:before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: calc(50vw - 140px);
    bottom: 0;
    background: #25303d;
  }
  .layout-api main aside {
    position: absolute;
    left: calc(100% + 50px);
    width: calc(50vw - 190px);
    top: 30px;
    color: rgba(255,255,255,0.9);
  }
  /*
 * Agate by Taufik Nurrohman <https://github.com/tovic>
 * ----------------------------------------------------
 *
 * #ade5fc
 * #a2fca2
 * #c6b4f0
 * #d36363
 * #fcc28c
 * #fc9b9b
 * #ffa
 * #fff
 * #333
 * #62c8f3
 * #888
 *
 */
  .layout-api main aside .hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background: #333;
    color: #fff;
  }
  .layout-api main aside .hljs-name,
  .layout-api main aside .hljs-strong {
    font-weight: bold;
  }
  .layout-api main aside .hljs-code,
  .layout-api main aside .hljs-emphasis {
    font-style: italic;
  }
  .layout-api main aside .hljs-tag {
    color: #62c8f3;
  }
  .layout-api main aside .hljs-variable,
  .layout-api main aside .hljs-template-variable,
  .layout-api main aside .hljs-selector-id,
  .layout-api main aside .hljs-selector-class {
    color: #ade5fc;
  }
  .layout-api main aside .hljs-string,
  .layout-api main aside .hljs-bullet {
    color: #a2fca2;
  }
  .layout-api main aside .hljs-type,
  .layout-api main aside .hljs-title,
  .layout-api main aside .hljs-section,
  .layout-api main aside .hljs-attribute,
  .layout-api main aside .hljs-quote,
  .layout-api main aside .hljs-built_in,
  .layout-api main aside .hljs-builtin-name {
    color: #ffa;
  }
  .layout-api main aside .hljs-number,
  .layout-api main aside .hljs-symbol,
  .layout-api main aside .hljs-bullet {
    color: #d36363;
  }
  .layout-api main aside .hljs-keyword,
  .layout-api main aside .hljs-selector-tag,
  .layout-api main aside .hljs-literal {
    color: #fcc28c;
  }
  .layout-api main aside .hljs-comment,
  .layout-api main aside .hljs-deletion,
  .layout-api main aside .hljs-code {
    color: #888;
  }
  .layout-api main aside .hljs-regexp,
  .layout-api main aside .hljs-link {
    color: #c6b4f0;
  }
  .layout-api main aside .hljs-meta {
    color: #fc9b9b;
  }
  .layout-api main aside .hljs-deletion {
    background-color: #fc9b9b;
    color: #333;
  }
  .layout-api main aside .hljs-addition {
    background-color: #a2fca2;
    color: #333;
  }
  .layout-api main aside .hljs a {
    color: inherit;
  }
  .layout-api main aside .hljs a:focus,
  .layout-api main aside .hljs a:hover {
    color: inherit;
    text-decoration: underline;
  }
  .layout-api main aside p {
    margin: 0;
  }
  .layout-api main aside .hl {
    background: rgba(255,255,255,0.1);
  }
  .layout-api main aside .hljs-tag .hljs-name {
    color: #c66;
  }
  .layout-api main aside .lang-labels {
    display: none;
  }
  .layout-api main aside url .ib {
    color: rgba(255,255,255,0.7);
  }
  .layout-api main aside table {
    font-family: Menlo, Monaco, Andale Mono, monospace;
    border-collapse: initial;
    border-spacing: 5px;
  }
  .layout-api main aside table td {
    border: 0;
    background: #162435;
    color: rgba(255,255,255,0.7);
  }
  .layout-api main aside table th {
    border: 0;
    padding: 0 16px;
    background-color: transparent;
    font-family: 'Muli', sans-serif;
    font-weight: bold;
  }
  .layout-api main aside table th p {
    line-height: 1.6;
    font-size: 12px;
  }
  .layout-api main aside table tr:nth-child(2) td {
    border-top: 2px solid #6c9fff;
  }
  .layout-api main aside .code-container {
    background: #162435;
    border: 1px solid #162435;
    border-bottom-color: transparent;
  }
  .layout-api main aside .code-container code {
    color: rgba(255,255,255,0.75);
  }
  .layout-api main aside .codeblock .code-labels {
    background: none;
  }
  .layout-api main aside .codeblock .code-labels label {
    margin: 0;
    padding: 0 8px;
  }
  .layout-api main aside .codeblock label {
    color: #bbb;
  }
  .layout-api main aside .codeblock label.active {
    color: #fff;
  }
  .layout-api main aside .codeblock label + label:before {
    color: #bbb;
  }
  .layout-api main aside .codeblock .copy-btn {
    left: auto;
  }
  .layout-api article,
  .layout-api section {
    position: relative;
  }
}
.layout-api #lang-container {
  position: fixed;
  left: 60%;
  right: 0;
  margin-left: 27px;
  top: 48px;
  background: #28394e;
  color: #ccc;
  display: none;
  padding-top: 15px;
}
.layout-api #lang-container .lang {
  float: left;
  line-height: 30px;
  padding: 0 15px;
  cursor: pointer;
  font-size: 14px;
  border: transparent;
}
.layout-api #lang-container .lang:hover {
  font-weight: bold;
  color: #fff;
}
.layout-api #lang-container .lang.active {
  color: #eee;
  font-weight: bold;
  border-bottom: 3px solid #6c9fff;
  transition: border-bottom-color 0.5s ease;
}
@media (max-width: 960px) {
  #secondary {
    display: none;
  }
  #topbar {
    position: relative;
    display: block;
  }
  #docs-nav {
    padding-top: 60px;
    z-index: 9;
    border-bottom: inherit;
  }
  #home-links {
    border-bottom: inherit;
    z-index: 10;
    position: fixed;
    background: #fff;
    width: 100% !important;
  }
  .side-inner {
    width: 100%;
  }
  #content > main {
    max-width: 100%;
  }
  #content > #sidebar {
    z-index: 9;
    position: fixed;
    top: 120px;
    bottom: 0;
    background: #fff;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 10px 0 0;
    margin: 0;
    display: none;
    height: auto;
  }
  #content .li-inner:after {
    content: none;
  }
  #ham-menu {
    display: block;
  }
}
@media (max-width: 640px) {
  #docs-nav a {
    display: none;
  }
  #docs-nav #right-nav #signup a {
    display: inline-block;
  }
  #search {
    margin: 20px 0;
    max-width: none;
  }
}