@font-face {
	font-family: 'pilowlava';
	src: URL('../styleguide/v1/fonts/pilowlava/Fonts/webfonts/Pilowlava-Regular.woff2')  format('woff2');
}
@font-face {
	font-family: 'spacegrotesk';
	src: URL('../styleguide/v1/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-Regular.woff2') format('woff2');
	src: URL('../styleguide/v1/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-Bold.woff2') format('woff2');
	src: URL('../styleguide/v1/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-Light.woff2') format('woff2');
	src: URL('../styleguide/v1/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-Medium.woff2') format('woff2');
	src: URL('../styleguide/v1/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-SemiBold.woff2') format('woff2');
}

@font-face {
	font-family: 'space-mono';
	src: URL('../styleguide/v1/fonts/space-mono/SpaceMono-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'uncut-sans';
	src: URL('../styleguide/v1/fonts/uncut-sans/Webfonts/UncutSans-Regular.woff2') format('woff2');
	src: URL('../styleguide/v1/fonts/uncut-sans/Webfonts/UncutSans-Semibold.woff2') format('woff2');
}

:root {
	--color-primary: #FF5053;
	--color-highlight: #FEF2FF;
	--color-accent-a: #B2AAFF;
	--color-accent-b: #6A5FDB;
	--color-accent-c: #29114C;
	--color-accent-d: #261A66;
	--color-accent-e: #190B2F;
	--color-background: #0F000A;
}


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

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

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

.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-accent-a);
	background: var(--color-accent-e);
	border-color: var(--color-highlight);
}

.wy-nav-content {
	border-left: solid var(--color-accent-c) 8px;
}

* {
	scrollbar-color: var(--color-highlight) var(--color-accent-d) !important;
}

.wy-nav-side {
	background-color: var(--color-accent-e);
}

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

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

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

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

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

.wy-menu-vertical a:hover {
	background-color: var(--color-accent-b) !important;
	border-right: 0px;
}

.wy-menu-vertical li.current {
	background-color: var(--color-accent-e) !important;
}

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

li.toctree-l1.current > a {
	background-color: var(--color-accent-b);
	color: var(--color-accent-d);
	border-top: none !important;
	border-bottom: solid var(--color-accent-e) 8px !important;
}


li.toctree-l2 > a {
	background-color: var(--color-accent-d) !important;
	color: var(--color-highlight) !important;
}


li.toctree-l3 > a {
	background-color: var(--color-accent-b) !important;
	color: var(--color-highlight)!important;
}

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

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

h1 {
	color: var(--color-primary) !important;
	font-family: 'uncut-sans', sans;
	font-size: x-large;
	font-weight: 600;
}

h2, h3, h4 {
	color: var(--color-primary) !important;
	font-family: 'spacegrotesk', monospace;
}

.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 {
	background-color: var(--color-accent-d);
	color: var(--color-accent-a);
}

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

.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 {
	background: var(--color-primary);
}

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

}

.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 {
	background: var(--color-primary);
	color: var(--color-background);
}

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

.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-accent-d);
}

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

.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-accent-d) !important;
}

.wy-menu-vertical li.toctree-l1 button.toctree-expand {
  color: var(--color-highlight);
}

.wy-menu-vertical li.toctree-l1 a:hover button.toctree-expand {
  color: var(--color-highlight);
}

.wy-menu-vertical li.toctree-l2 button.toctree-expand {
  color: var(--color-highlight);
}

.wy-menu-vertical li.toctree-l2 a:hover button.toctree-expand {
  color: var(--color-highlight);
}

.wy-menu-vertical li.toctree-l3 button.toctree-expand {
  color: var(--color-highlight);
}

.wy-menu-vertical li.toctree-l3 a:hover button.toctree-expand {
  color: var(--color-highlight);
}