/*Doc common variables begins */
/*Doc common variables ends */
/*  doc-snippet related variables begins  */
/*  doc-snippet related variables ends  */
doc-snippet {
  --slytedoc-snippet-margin: 30px 0;
  --slytedoc-snippet-pre-bg: #332f43;
  --slytedoc-snippet-pre-max-height: 400px;
  --slytedoc-snippet-pre-tab-size: 4;
  --slytedoc-snippet-pre-margin-top: 0;
  --slytedoc-snippet-copybtn-bg-img: url(//images/lyteDocFontIcons.svg);
  --slytedoc-snippet-copybtn-bg-pos: -326px -9px;
  --slytedoc-snippet-copybtn-width: 13px;
  --slytedoc-snippet-copybtn-height: 18px;
  --slytedoc-snippet-copybtn-transform: scale(1.3);
  --slytedoc-snippet-filename-padding: 8px 20px;
  --slytedoc-snippet-filename-fontsize: 16px;
  --slytedoc-snippet-filename-color: #fff;
  --slytedoc-snippet-filename-bg: #29253c;
  --slytedoc-snippet-filename-font-family: var(--slytedoc-secondary-font);
  --slytedoc-snippet-pre-code-color: #e6e6e6;
  --slytedoc-snippet-pre-lytekeyword-color: wheat;
  --slytedoc-snippet-pre-lytesubkeyword-color: red;
  --slytedoc-snippet-pre-keyword-color: #5ab6d8;
  --slytedoc-snippet-pre-comment-color: #888;
  --slytedoc-snippet-pre-string-color: #ffcc00;
  --slytedoc-snippet-pre-tag-color: orange;
  --slytedoc-snippet-pre-emaillink-color: #2c7bd0;
  --slytedoc-snippet-pre-attrname-color: wheat;
  --slytedoc-snippet-pre-attrvalue-color: #6aa0b5;
  --slytedoc-snippet-linenumber-color: #666;
}
doc-snippet-wrapper{
  --slytedoc-snippet-copybtn-bg-img: url(//images/lyteDocFontIcons.svg);
  --slytedoc-snippet-copybtn-bg-pos: -326px -9px;
  --slytedoc-snippet-copybtn-width: 13px;
  --slytedoc-snippet-copybtn-height: 18px;
  --slytedoc-snippet-copybtn-transform: scale(1.3);
}
doc-snippet .code-toolbar .toolbar .toolbar-item,
.snippetYieldDummy {
  display: none;
}
doc-snippet {
  display: block;
  margin: var(--slytedoc-snippet-margin);
}
doc-snippet .docSnippetPre {
  background: var(--slytedoc-snippet-pre-bg);
  max-height: var(--slytedoc-snippet-pre-max-height);
  overflow: auto;
  box-sizing: border-box;
  -moz-tab-size: var(--slytedoc-snippet-pre-tab-size);
  tab-size: var(--slytedoc-snippet-pre-tab-size);
  margin-top: var(--slytedoc-snippet-pre-margin-top);
}
doc-snippet .code-toolbar {
  position: relative;
}
doc-snippet pre {
  white-space: pre;
  word-break: break-all;
}
.docSnippetCopyBtn button {
  background: var(--slytedoc-snippet-copybtn-bg-img) no-repeat var(--slytedoc-snippet-copybtn-bg-pos);
  width: var(--slytedoc-snippet-copybtn-width);
  height: var(--slytedoc-snippet-copybtn-height);
  color: transparent;
  padding: 0;
  border: 0;
  transform: var(--slytedoc-snippet-copybtn-transform);
}
.docSnippetCopyBtn button:hover {
  border: 0;
}
.docSnippetFileName {
  padding: var(--slytedoc-snippet-filename-padding);
  font-size: var(--slytedoc-snippet-filename-fontsize);
  color: var(--slytedoc-snippet-filename-color);
  background: var(--slytedoc-snippet-filename-bg);
  font-family: var(--slytedoc-snippet-filename-font-family);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.uiComponentsDependencyList a,
.docSnippetPre code,
.docSnippetPre code .punctuation {
  color: var(--slytedoc-snippet-pre-code-color);
}
.docSnippetPre code .lyteKeywordPat {
  color: var(--slytedoc-snippet-pre-lytekeyword-color);
}
.docSnippetPre code .lyteSubKeywordPat {
  color: var(--slytedoc-snippet-pre-lytesubkeyword-color);
}
.docSnippetPre code .keyword {
  color: var(--slytedoc-snippet-pre-keyword-color);
}
.docSnippetPre code .comment {
  color: var(--slytedoc-snippet-pre-comment-color);
}
.docSnippetPre code .string {
  color: var(--slytedoc-snippet-pre-string-color);
}
.docSnippetPre code .tag {
  color: var(--slytedoc-snippet-pre-tag-color);
}
.docSnippetPre code .email-link {
  color: var(--slytedoc-snippet-pre-emaillink-color);
}
.docSnippetPre code .attr-name {
  color: var(--slytedoc-snippet-pre-attrname-color);
}
.docSnippetPre code .attr-value {
  color: var(--slytedoc-snippet-pre-attrvalue-color);
}
doc-snippet pre[class*="language-"] {
  padding: 3.5em 0 1em 2em;
}
doc-snippet pre[class*="language-"].line-numbers {
  padding: 15px 50px;
  margin: 0;
}
.line-numbers-rows > span:before {
  color: var(--slytedoc-snippet-linenumber-color);
}
.line-numbers .line-numbers-rows {
  border-color: transparent;
}
.doc_snippet_result {
  width: 100%;
}
.lyteDocSnippetImagePreview .docSnippetPre {
  background: #fff;
  white-space: normal;
}
.lyteDocSnippetImagePreview img {
  width: 100%;
  display: block;
}
doc-snippet-wrapper {
  max-height: 400px;
  display: block;
  margin: 50px 0px;
  position: relative;
}
doc-snippet-wrapper doc-snippet {
  margin: 0;
}
.docSnippetWrapperCopyBtn {
  position: absolute;
  right: 15px;
  top: 5px;
  z-index: 1;
}
doc-snippet-wrapper .docSnippetFileName {
  display: none;
}
doc-snippet-wrapper lyte-tab-body {
  padding: 0;
}
doc-snippet-wrapper .lyteTabDefaultTop lyte-tab-head {
  background: #29253c;
  border-bottom-color: transparent;
}
doc-snippet-wrapper .lyteTabDefaultTop lyte-tab-title.lyteTabActive {
  border-bottom-color: transparent;
}
doc-snippet-wrapper lyte-tab-body {
  background: #332f43;
}
doc-snippet-wrapper .lyteTabDefaultTop lyte-tab-title:hover,
doc-snippet-wrapper .lyteTabDefaultTop lyte-tab-title {
  background: inherit;
  color: #aaa;
  border-bottom-color: transparent;
  font-size: 16px;
  transition: 0.3s;
}
doc-snippet-wrapper .lyteTabDefaultTop lyte-tab-title:hover {
  color: #ccc;
}
doc-snippet-wrapper .lyteTabDefaultTop lyte-tab-title.lyteTabActive:hover,
doc-snippet-wrapper .lyteTabDefaultTop lyte-tab-title.lyteTabActive {
  border-bottom-color: transparent;
  color: #fff;
  transition: 0.3s;
}