@font-face {
	font-family: 'KarioDuplexVar';
	src: URL('../styleguide/latest/fonts/KarioVar-Roman.ttf') format('truetype');
	src: URL('../styleguide/latest/fonts/KarioVar-Roman.woff') format('woff');
	src: URL('../styleguide/latest/fonts/KarioVar-Roman.woff2') format('woff2');
}

@font-face {
	font-family: 'OfficerSansCond';
	src: URL('../styleguide/latest/fonts/OfficerSansCondWeb-Regular.woff') format('woff');
	src: URL('../styleguide/latest/fonts/OfficerSansCondWeb-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'OfficerSansCond';
	font-weight: bold;
	font-style: italic;
	src: URL('../styleguide/latest/fonts/OfficerSansCondWeb-BoldItalic.woff') format('woff');
	src: URL('../styleguide/latest/fonts/OfficerSansCondWeb-BoldItalic.woff2') format('woff2');
}

@font-face {
	font-family: 'OfficerSansCond';
	font-weight: bold;
	src: URL('../styleguide/latest/fonts/OfficerSansCondWeb-Bold.woff') format('woff');
	src: URL('../styleguide/latest/fonts/OfficerSansCondWeb-Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'OfficerSansCond';
	font-style: italic;
	src: URL('../styleguide/latest/fonts/OfficerSansCondWeb-RegularItalic.woff') format('woff');
	src: URL('../styleguide/latest/fonts/OfficerSansCondWeb-RegularItalic.woff2') format('woff2');
}

@font-face {
	font-family: 'OfficerSans';
	src: URL('../styleguide/latest/fonts/OfficerSansWeb-Regular.woff') format('woff');
	src: URL('../styleguide/latest/fonts/OfficerSansWeb-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'OfficerSans';
	font-weight: bold;
	font-style: italic;
	src: URL('../styleguide/latest/fonts/OfficerSansWeb-BoldItalic.woff') format('woff');
	src: URL('../styleguide/latest/fonts/OfficerSansWeb-BoldItalic.woff2') format('woff2');
}

@font-face {
	font-family: 'OfficerSans';
	font-weight: bold;
	src: URL('../styleguide/latest/fonts/OfficerSansWeb-Bold.woff') format('woff');
	src: URL('../styleguide/latest/fonts/OfficerSansWeb-Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'OfficerSans';
	font-style: italic;
	src: URL('../styleguide/latest/fonts/OfficerSansWeb-RegularItalic.woff') format('woff');
	src: URL('../styleguide/latest/fonts/OfficerSansWeb-RegularItalic.woff2') format('woff2');
}

:root {
	--color-dark: #141414;
	--color-neutral: #faf5f5;
	--color-primary: #00ff00;
	--color-secondary: #9673ff;
	--color-additional-01: #ff3719;
	--color-additional-02: #66f2ff;

	--color-primary-tint-01: #009900;
	--color-primary-tint-02: #00be00;
	--color-primary-tint-03: #00d300;
	--color-primary-tint-04: #00ea00;
	--color-primary-tint-05: #a3ff90;
	--color-primary-tint-06: #ccffbe;
	--color-primary-tint-07: #ebffe5;

	--color-secondary-tint-01: #4d2eed;
	--color-secondary-tint-02: #5c33f4;
	--color-secondary-tint-03: #7952fe;
	--color-secondary-tint-04: #b69dfe;
	--color-secondary-tint-05: #d4c4fe;
	--color-secondary-tint-06: #efe7ff;
}

@keyframes font_weight_wave {
	from {
		font-weight: 10;
	} to {
		font-weight: 100;
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-background: #141414;
		--color-background-tint-01: #353535;
		--color-foreground: #faf5f5;
		--color-link: var(--color-primary);
	}
}

@media (prefers-color-scheme: light) {
	:root {
		--color-background: #faf5f5;
		--color-background-tint-01: #dad5d5;
		--color-foreground: #141414;
		--color-link: var(--color-primary-tint-02);
	}
}

.wy-body-for-nav, .wy-nav-content{
	font-family:  'OfficerSans', sans;
	background-color: var(--color-background);
	color: var(--color-foreground);
}

.wy-nav-top {
	background-color: var(--color-background);
	color: var(--color-foreground);
}

@media (min-width:600px) {
	.wy-nav-top {
		font-family: 'KarioDuplexVar';
		font-size: x-large;
		font-weight: 100;
	}
}

.rst-content .section ul li > ul {
	margin-bottom: 0;
	margin-top: 0;
}

.wy-nav-top > a {
	color: var(--color-primary);
}

.rst-content pre code, .rst-content code {
	color: var(--color-foreground);
	background: var(--color-background-tint-01);
	border-color: var(--color-secondary);
}

* {
	scrollbar-color: var(--color-link) var(--color-background-tint-01) !important;
}

.rst-versions,
.wy-nav-side {
	background-color: var(--color-primary);
	border-right: solid var(--color-primary-tint-01) 4px;
}

.wy-menu-vertical header, .wy-menu-vertical p.caption {
	color: var(--color-primary-tint-05);
}

.wy-side-nav-search  {
	background-color: var(--color-dark);
	margin: 0;
}

.section > ul > li > p > strong:first-child {
	display: block;
	margin-top: 0.75em;
}

.wy-menu-vertical {
	color: var(--color-primary);
	background-color: var(--color-dark);
	font-weight: 600;
}

.wy-menu-vertical a {
	color: var(--color-primary) !important;
}

.wy-menu-vertical li.toctree-l1 a:hover button.toctree-expand,
.wy-menu-vertical li.toctree-l2 a:hover button.toctree-expand,
.wy-menu-vertical li.toctree-l3 a:hover button.toctree-expand,
.wy-menu-vertical a:hover {
	background-color: var(--color-primary-tint-01) !important;
	color: var(--color-dark) !important;
	border-right: 0px;
}

.wy-menu-vertical li.current {
	background-color: var(--color-primary-tint-02) !important;
}

.wy-menu-vertical li.current a {
	border-right: 0px;
}

.wy-menu-vertical li.toctree-l1 button.toctree-expand,
li.toctree-l1.current > a {
	background-color: var(--color-primary-tint-03);
	color: var(--color-dark) !important;
	border-top: none !important;
	border-bottom: solid var(--color-accent-e) 8px !important;
}

.wy-menu-vertical li.toctree-l2 button.toctree-expand,
li.toctree-l2 > a {
	background-color: var(--color-primary-tint-04) !important;
	color: var(--color-dark) !important;
}

.wy-menu-vertical li.toctree-l3 button.toctree-expand,
li.toctree-l3 > a {
	background-color: var(--color-primary-tint-05) !important;
	color: var(--color-dark)!important;
}



a:visited {
	color: var(--color-link);
}

a {
	color: var(--color-link);
	font-weight: 500;
}

h1 {
	background-color: var(--color-secondary);
	color: var(--color-dark);
	padding: 5px;
	font-family: 'KarioDuplexVar';
	font-size: xxx-large;
	font-weight: 100;
}

#\33 9c3-togglepower-cycles {
	padding: 0px;
	background-color: var(--color-background);
	color: var(--color-foreground);
}

h2, h3, h4 {
	background-color: var(--color-secondary);
	color: var(--color-dark);
	padding: 5px;
	font-family: 'KarioDuplexVar';
	font-weight: 100;
}

#mkdocs-search-results h3 {
	background-color: transparent;
	padding: 0;
}

.rst-content table.docutils:not(.field-list) tr:nth-child(2n-1) td, .wy-table-backed, .wy-table-odd td, .wy-table-striped tr:nth-child(2n-1) td {
	color: var(--color-foreground);
	background-color: var(--color-background-tint-01);
}

.rst-content table.docutils:not(.field-list) tr:nth-child(2n) td, .wy-table-backed, .wy-table-odd td, .wy-table-striped tr:nth-child(2n) td {
	color: var(--color-foreground);
	background-color: var(--color-background);
}

.rst-content table.docutils thead, .rst-content table.field-list thead, .wy-table thead {
	color: var(--color-dark);
	background-color: var(--color-secondary);
}

.rst-content .admonition-title,
.wy-alert-title,
.rst-content .danger .admonition-title,
.rst-content .danger .wy-alert-title,
.rst-content .error .admonition-title,
.rst-content .error .wy-alert-title,
.rst-content .wy-alert-danger.admonition-todo .admonition-title,
.rst-content .wy-alert-danger.admonition-todo .wy-alert-title,
.rst-content .wy-alert-danger.admonition .admonition-title,
.rst-content .wy-alert-danger.admonition .wy-alert-title,
.rst-content .wy-alert-danger.attention .admonition-title,
.rst-content .wy-alert-danger.attention .wy-alert-title,
.rst-content .wy-alert-danger.caution .admonition-title,
.rst-content .wy-alert-danger.caution .wy-alert-title,
.rst-content .wy-alert-danger.hint .admonition-title,
.rst-content .wy-alert-danger.hint .wy-alert-title,
.rst-content .wy-alert-danger.important .admonition-title,
.rst-content .wy-alert-danger.important .wy-alert-title,
.rst-content .wy-alert-danger.note .admonition-title,
.rst-content .wy-alert-danger.note .wy-alert-title,
.rst-content .wy-alert-danger.seealso .admonition-title,
.rst-content .wy-alert-danger.seealso .wy-alert-title,
.rst-content .wy-alert-danger.tip .admonition-title,
.rst-content .wy-alert-danger.tip .wy-alert-title,
.rst-content .wy-alert-danger.warning .admonition-title,
.rst-content .wy-alert-danger.warning .wy-alert-title,
.rst-content .wy-alert.wy-alert-danger .admonition-title,
.wy-alert.wy-alert-danger .rst-content .admonition-title,
.wy-alert.wy-alert-danger .wy-alert-title,
.rst-content .admonition-todo .admonition-title,
.rst-content .admonition-todo .wy-alert-title,
.rst-content .attention .admonition-title,
.rst-content .attention .wy-alert-title,
.rst-content .caution .admonition-title,
.rst-content .caution .wy-alert-title,
.rst-content .warning .admonition-title,
.rst-content .warning .wy-alert-title,
.rst-content .wy-alert-warning.admonition .admonition-title,
.rst-content .wy-alert-warning.admonition .wy-alert-title,
.rst-content .wy-alert-warning.danger .admonition-title,
.rst-content .wy-alert-warning.danger .wy-alert-title,
.rst-content .wy-alert-warning.error .admonition-title,
.rst-content .wy-alert-warning.error .wy-alert-title,
.rst-content .wy-alert-warning.hint .admonition-title,
.rst-content .wy-alert-warning.hint .wy-alert-title,
.rst-content .wy-alert-warning.important .admonition-title,
.rst-content .wy-alert-warning.important .wy-alert-title,
.rst-content .wy-alert-warning.note .admonition-title,
.rst-content .wy-alert-warning.note .wy-alert-title,
.rst-content .wy-alert-warning.seealso .admonition-title,
.rst-content .wy-alert-warning.seealso .wy-alert-title,
.rst-content .wy-alert-warning.tip .admonition-title,
.rst-content .wy-alert-warning.tip .wy-alert-title,
.rst-content .wy-alert.wy-alert-warning .admonition-title,
.wy-alert.wy-alert-warning .rst-content .admonition-title,
.wy-alert.wy-alert-warning .wy-alert-title,
.rst-content .tip .admonition-title,
.rst-content .tip .wy-alert-title,
.rst-content .error .admonition-title,
.rst-content .error .wy-alert-title,
.rst-content .wy-alert-tip.admonition-todo .admonition-title,
.rst-content .wy-alert-tip.admonition-todo .wy-alert-title,
.rst-content .wy-alert-tip.admonition .admonition-title,
.rst-content .wy-alert-tip.admonition .wy-alert-title,
.rst-content .wy-alert-tip.attention .admonition-title,
.rst-content .wy-alert-tip.attention .wy-alert-title,
.rst-content .wy-alert-tip.caution .admonition-title,
.rst-content .wy-alert-tip.caution .wy-alert-title,
.rst-content .wy-alert-tip.hint .admonition-title,
.rst-content .wy-alert-tip.hint .wy-alert-title,
.rst-content .wy-alert-tip.important .admonition-title,
.rst-content .wy-alert-tip.important .wy-alert-title,
.rst-content .wy-alert-tip.note .admonition-title,
.rst-content .wy-alert-tip.note .wy-alert-title,
.rst-content .wy-alert-tip.seealso .admonition-title,
.rst-content .wy-alert-tip.seealso .wy-alert-title,
.rst-content .wy-alert-tip.tip .admonition-title,
.rst-content .wy-alert-tip.tip .wy-alert-title,
.rst-content .wy-alert-tip.warning .admonition-title,
.rst-content .wy-alert-tip.warning .wy-alert-title,
.rst-content .wy-alert.wy-alert-tip .admonition-title,
.wy-alert.wy-alert-tip .rst-content .admonition-title,
.wy-alert.wy-alert-tip .wy-alert-title {
	background: var(--color-additional-01);
	color: var(--color-dark);
	font-family: 'KarioDuplexVar';
}

.rst-content .admonition-title, .wy-alert-title {
	font-weight: 100;
}

.rst-content .admonition,
.rst-content .admonition-todo,
.rst-content .attention,
.rst-content .caution,
.rst-content .danger,
.rst-content .error,
.rst-content .hint,
.rst-content .important,
.rst-content .note,
.rst-content .seealso,
.rst-content .tip,
.rst-content .warning,
.wy-alert {
	background: var(--color-background-tint-01) !important;
}