/* Generated with http://k88hudson.github.io/syntax-highlighting-theme-generator/www */
/* http://k88hudson.github.io/react-markdocs */
/**
 * @author k88hudson
 *
 * Based on prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
/*********************************************************
* General
*/
.sheriff-example .sheriff-example__code * pre[class*='language-'],
.sheriff-example .sheriff-example__code * code[class*='language-'] {
	color: #00263e;
	font-size: 14px;
	text-shadow: none;
	font-family: var(--sds-typography-font-family-code);
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
.sheriff-example .sheriff-example__code * pre[class*='language-']::selection,
.sheriff-example .sheriff-example__code * code[class*='language-']::selection,
.sheriff-example .sheriff-example__code * pre[class*='language-']::mozselection,
.sheriff-example .sheriff-example__code * code[class*='language-']::mozselection {
	text-shadow: none;
	background: #0072ce;
}
@media print {
	.sheriff-example .sheriff-example__code * pre[class*='language-'],
	.sheriff-example .sheriff-example__code * code[class*='language-'] {
		text-shadow: none;
	}
}
.sheriff-example .sheriff-example__code * pre[class*='language-'] {
	padding: 1em;
	margin: 0.5em 0;
	overflow: auto;
	background: #f7f8f9;
}
.sheriff-example .sheriff-example__code * :not(pre) > code[class*='language-'] {
	padding: 0.1em 0.3em;
	border-radius: 0.3em;
	color: #0072ce;
	background: #f1f5f8;
}
/*********************************************************
* Tokens
*/
.sheriff-example .sheriff-example__code * .token,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token {
	font-family: var(--sds-typography-font-family-code);
}
.sheriff-example .sheriff-example__code * .namespace,
.sbdocs-preview > [class^='css-'] pre.prismjs * .namespace {
	opacity: 0.7;
}
.sheriff-example .sheriff-example__code * .token.comment,
.sheriff-example .sheriff-example__code * .token.prolog,
.sheriff-example .sheriff-example__code * .token.doctype,
.sheriff-example .sheriff-example__code * .token.cdata,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.comment,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.prolog,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.doctype,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.cdata {
	color: #919191;
}
.sheriff-example .sheriff-example__code * .token.punctuation,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.punctuation {
	color: #00263e;
}
.sheriff-example .sheriff-example__code * .token.property,
.sheriff-example .sheriff-example__code * .token.tag,
.sheriff-example .sheriff-example__code * .token.boolean,
.sheriff-example .sheriff-example__code * .token.number,
.sheriff-example .sheriff-example__code * .token.constant,
.sheriff-example .sheriff-example__code * .token.symbol,
.sheriff-example .sheriff-example__code * .token.deleted,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.property,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.tag,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.boolean,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.number,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.constant,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.symbol,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.deleted {
	color: #00569c;
}
.sheriff-example .sheriff-example__code * .token.selector,
.sheriff-example .sheriff-example__code * .token.attr-name,
.sheriff-example .sheriff-example__code * .token.string,
.sheriff-example .sheriff-example__code * .token.char,
.sheriff-example .sheriff-example__code * .token.builtin,
.sheriff-example .sheriff-example__code * .token.inserted,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.selector,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.attr-name,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.string,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.char,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.builtin,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.inserted {
	color: #00569c;
}
.sheriff-example .sheriff-example__code * .token.operator,
.sheriff-example .sheriff-example__code * .token.entity,
.sheriff-example .sheriff-example__code * .token.url,
.sheriff-example .sheriff-example__code * .language-css .token.string,
.sheriff-example .sheriff-example__code * .style .token.string,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.operator,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.entity,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.url,
.sbdocs-preview > [class^='css-'] pre.prismjs * .language-css .token.string,
.sbdocs-preview > [class^='css-'] pre.prismjs * .style .token.string {
	color: #00569c;
	background: #f7f8f9;
}
.sheriff-example .sheriff-example__code * .token.atrule,
.sheriff-example .sheriff-example__code * .token.attr-value,
.sheriff-example .sheriff-example__code * .token.keyword,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.atrule,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.attr-value,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.keyword {
	color: #00263e;
}
.sheriff-example .sheriff-example__code * .token.function,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.function {
	color: #4095da;
}
.sheriff-example .sheriff-example__code * .token.regex,
.sheriff-example .sheriff-example__code * .token.important,
.sheriff-example .sheriff-example__code * .token.variable,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.regex,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.important,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.variable {
	color: #0072ce;
}
.sheriff-example .sheriff-example__code * .token.important,
.sheriff-example .sheriff-example__code * .token.bold,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.important,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.bold {
	font-weight: bold;
}
.sheriff-example .sheriff-example__code * .token.italic,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.italic {
	font-style: italic;
}
.sheriff-example .sheriff-example__code * .token.entity,
.sbdocs-preview > [class^='css-'] pre.prismjs * .token.entity {
	cursor: help;
}
/*********************************************************
* Line highlighting
*/
.sheriff-example .sheriff-example__code * pre[data-line],
.sbdocs-preview > [class^='css-'] pre.prismjs * pre[data-line] {
	position: relative;
}
.sheriff-example .sheriff-example__code * pre[class*='language-'] > code[class*='language-'],
.sbdocs-preview > [class^='css-'] pre.prismjs * pre[class*='language-'] > code[class*='language-'] {
	position: relative;
	z-index: 1;
}
.sheriff-example .sheriff-example__code * .line-highlight,
.sbdocs-preview > [class^='css-'] pre.prismjs * .line-highlight {
	position: absolute;
	left: 0;
	right: 0;
	padding: inherit 0;
	margin-top: 1em;
	background: #e5f1fa;
	box-shadow: inset 5px 0 0 #4095da;
	z-index: 0;
	pointer-events: none;
	line-height: inherit;
	white-space: pre;
}
.sheriff-example .sheriff-example__code * pre.prismjs,
.sbdocs-preview.sb-unstyled pre.prismjs {
	padding: 1.5rem 3rem 1.5rem 1.5rem;
}

.sheriff-example--compact .sheriff-example__code * pre.prismjs {
	padding: 0.5rem 1.5rem 0.5rem 0.5rem;
	font-size: 0.75rem;
}