.doc-sidebar {
	--hx-sidebar-width: 					320px;
	--hx-sidebar-collapsed-width: 			56px;
	--hx-sidebar-max-height: 				calc(100vh - 56px);
	--hx-sidebar-brand-logo-width: 			40px;
	--hx-sidebar-brand-logo-height: 		30px;
	--hx-sidebar-header-padding: 			.5rem 0;
	--hx-sidebar-body-padding: 				0 1rem 0 0;
}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

#blazor-error-ui .dismiss {
	cursor: pointer;
	position: absolute;
	right: 0.75rem;
	top: 0.5rem;
}

code[class*=language-],
pre[class*=language-] {
	text-shadow: none;
	color: var(--bs-secondary-color);
}


:not(pre) > code[class*=language-],
pre[class*=language-] {
	border-radius: .5rem;
	border: 0; /* to override Prism VS theme */
	margin: 0;
}

pre[class*="language-"] {
	background-color: transparent;
}

.doc-content > h1 {
	margin-top: 1rem
}

.doc-content > h1:not(:first-child) {
	margin-top: 2rem
}

.doc-content > h2 {
	margin-top: 2rem
}

.doc-content > h3 {
	margin-top: 2rem
}

.doc-content > ul li,
.doc-content > ol li {
	margin-bottom: .25rem
}

.doc-content > ul li > p ~ ul,
.doc-content > ol li > p ~ ul {
	margin-top: -.5rem;
	margin-bottom: 1rem
}

.doc-sidebar .hx-sidebar-header {
	flex-wrap: wrap;
}

@media screen and (min-width: 992px) {
	.doc-sidebar {
		top: 56px;
	}	
}

.calendar-demo {
	max-width: 100%;
	overflow: auto;
}

@media screen and (min-width: 800px) {
	.calendar-demo {
		overflow: visible;
	}
}

/* Syntax highlighting override */

[data-bs-theme=dark] .language-none {
	color: var(--bs-secondary-text-emphasis);
}

[data-bs-theme=dark] .token.namespace,
[data-bs-theme=dark] .token.attr-name,
[data-bs-theme=dark] .token.csharp.language-csharp,
[data-bs-theme=dark] .language-csharp {
	color: var(--bs-primary-text-emphasis);
}

[data-bs-theme=dark] .token.punctuation {
	color: var(--bs-secondary-text-emphasis);
}

[data-bs-theme=dark] .token.keyword,
[data-bs-theme=dark] .token.string,
[data-bs-theme=dark] .token.attr-value {
	color: var(--bs-danger-text-emphasis);
}

[data-bs-theme=dark] .token.tag,
[data-bs-theme=dark] .token.selector,
[data-bs-theme=dark] .token.class-name {
	color: var(--bs-success-text-emphasis);
}

[data-bs-theme=dark] .token.function {
	color: var(--bs-warning-text-emphasis);
}

[data-bs-theme=dark] .token.operator {
	color: var(--bs-secondary-color);
	background-color: transparent;
}

.hero {
	background-image: radial-gradient(56.1514% 56.1514% at 49.972% var(--hero-position-y, 38.959%), rgba(var(--bs-primary-rgb), var(--hero-opacity, .3)) 0%, var(--bs-body-bg) 100%);
}