.transition--300, .ShowHideTocbot {
	transition: all 300ms ease-in-out
}
.ShowHideTocbot {
	position: relative;
	text-align: center;
	color: #fff;
	right: 10px;
}
.ShowHideTocbot:before {
	display: inline-block;
	font: normal normal normal 14px / 1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	line-height: 1;
	content: "\f03a";
}
.ShowHideTocbot.active:before {
	display: inline-block;
	font: normal normal normal 14px / 1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	line-height: 1;
	content: "\f00d";
}
.toc {
	height: 100%;
	width: 280px;
	transform: translateX(0);
	background: #fff;
}

.content {
	position: relative
}

.content h1:first-child,.content h2:first-child {
	padding-top: 0;
	margin-top: 0
}

.title {
	/* font-size:3em; */
}

.content {
	margin-bottom: 95vh
}

.content ul,.content ol {
	list-style: inherit
}

.content a {
	color: #0977c3;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	transition: all 300ms ease
}

.content a.no-decoration {
	border-bottom: 0
}

.content a:hover {
	border-bottom: 1px solid #0977c3
}

.content a:hover.no-decoration {
	border-bottom: 0
}

a.toc-link {
	text-decoration: none
}

.try-it-container {
	transform: translateY(84%)
}

.try-it-container.is-open {
	transform: translateY(0%)
}

.page-content {
	display: block !important
}

.toc-link.node-name--H1~.toc-list .toc-list-item .toc-link.node-name--H3,.toc-link.node-name--H2~.toc-list .toc-list-item .toc-link.node-name--H4,.toc-link.node-name--H3~.toc-list .toc-list-item .toc-link.node-name--H5 {
	margin-left: 10px
}



.hljs-comment,.hljs-meta {
	color: #969896
}

.hljs-string,.hljs-variable,.hljs-template-variable,.hljs-strong,.hljs-emphasis,.hljs-quote {
	color: #df5000
}

.hljs-keyword,.hljs-selector-tag,.hljs-type {
	color: #a71d5d
}

.hljs-literal,.hljs-symbol,.hljs-bullet,.hljs-attribute {
	color: #0086b3
}

.hljs-section,.hljs-name {
	color: #63a35c
}

.hljs-tag {
	color: #333
}

.hljs-title,.hljs-attr,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo {
	color: #795da3
}

.hljs-addition {
	color: #55a532;
	background-color: #eaffea
}

.hljs-deletion {
	color: #bd2c00;
	background-color: #ffecec
}

.hljs-link {
	text-decoration: underline
}

.toc-icon {
	position: fixed;
	top: 0;
	right: 0
}

#toc:checked~.toc {
	box-shadow: 0 0 5px #c8c8c8;
	transform: translateX(0)
}

.toc {
	transform: translateX(-100%)
}

.toc.toc-right {
	transform: translateX(100%);
	border-radius: 10px;

}
@media (max-width: 991px) {
	.TocBotjs {
		position: fixed !important;
		top:60px;
		right: 0;
	}
	.toc-right {
		position: fixed;
		top:0;
	}
	.toc>.toc-list {
		background: #fff;
	}
	.toc.toc-right {
		right: 0;
	}
}
@media(min-width: 52em) {
	
	.toc {
		transform:translateX(0);
		background: #fff;
	}

	.toc.toc-right {
		transform: translateX(0);
		/*right: calc((100% - 48rem - 4rem)/2)*/
	}

	.toc-icon {
		display: none
	}

	.try-it-container {
		display: block
	}

	.content {
		margin-left: 280px
	}

	.toc-right~.content {
		margin-left: 0;
		margin-right: 280px
	}
}

.toc {
	overflow-y: auto
}

.toc>.toc-list {
	overflow: hidden;
	position: relative
}

.toc>.toc-list li {
	list-style: none;
	line-height: 21px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.toc-list {
	margin: 0;
	padding-left: 10px
}

a.toc-link {
	color: currentColor;
	height: 100%
}

.is-collapsible {
	max-height: 1000px;
	overflow: hidden;
	transition: all 300ms ease-in-out
}

.is-collapsed {
	max-height: 0
}

.is-position-fixed {
	position: fixed !important;
	top: 0
}

.is-active-link {
	font-weight: 700
}

.toc-link::before {
	background-color: #eee;
	content: " ";
	display: inline-block;
	height: inherit;
	left: 0;
	margin-top: -1px;
	position: absolute;
	width: 2px
}

.is-active-link::before {
	background-color: #2196F3
}