.NavItem_navItemContainer__n2Y3J {
	padding-left: 25px;
	padding-right: 25px
}

.NavItem_navLink__EPm8F {
	text-decoration: none
}

.NavItem_navItem__j3Irg {
	font-family: Inter;
	font-size: 1rem;
	color: #96a6b4;
	transition: all .15s ease-in-out;
	cursor: pointer
}

.NavItem_navItem__j3Irg.NavItem_active__LP_mK {
	color: #eee
}

.NavItem_navItem__j3Irg:hover {
	filter: brightness(80%)
}

.NavItem_leftNavItem__y1Je8 {
	background-color: #121212
}

.NavItem_leftNavButton__4mWe5 {
	margin: 3px 10px;
	border-radius: 8px;
	color: #96a6b4
}

.NavItem_leftNavButton__4mWe5.NavItem_active__LP_mK {
	background-color: rgba(48, 48, 48, .8);
	color: #eee
}

.NavItem_leftNavLink__wxmf0 {
	color: inherit;
	text-decoration: none
}

@media screen and (min-width:0px) {
	.NavItem_navItemContainer__n2Y3J {
		display: none
	}
}

@media screen and (min-width:900px) {
	.NavItem_navItemContainer__n2Y3J {
		display: block
	}
}

.App_mainContainer__2hJsN {
	background-color: #202020;
	z-index: -2;
	min-height: 100vh
}

.App_topBarContainer__aNVAB {
	position: fixed;
	top: 0;
	width: 100%;
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	background-color: rgba(25, 69, 116, .8);
	height: 90px;
	z-index: 10;
	box-shadow: 0 0 32px 4px #194574;
	transition: all .15s ease-in-out
}

.App_topBarContainer__aNVAB.App_scrolled__L4F_F {
	background-color: rgba(25, 69, 116, .7);
	height: 70px
}

.App_topBarContent__aPgzu {
	padding-left: 10%;
	padding-right: 10%;
	font-family: Inter;
	font-size: 1.5rem;
	color: #fff;
	display: flex;
	flex-direction: row;
	transition: all .15s ease-in-out
}

.App_logoLink__DnQb7 {
	display: flex;
	text-decoration: none
}

.App_iconContainer__ZKIYp {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 90px;
	transition: all .15s ease-in-out
}

.App_iconContainer__ZKIYp.App_scrolled__L4F_F {
	height: 70px
}

.App_productNameContainer__vmyqI {
	display: flex;
	align-items: center
}

.App_productName__yheri {
	font-family: Inter;
	font-size: 1.5rem;
	color: #fff;
	margin-left: 1rem
}

.App_spacer__n_GBT {
	flex: 1 1
}

.App_navContainer__MOd3s {
	display: flex;
	flex-direction: row;
	align-items: center;
	transition: all .15s ease-in-out
}

:root {
	--max-width: 1100px;
	--border-radius: 12px;
	--font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
	--foreground-rgb: 0, 0, 0;
	--background-start-rgb: 214, 219, 220;
	--background-end-rgb: 255, 255, 255;
	--primary-glow: conic-gradient(from 180deg at 50% 50%, #16abff33 0deg, #0885ff33 55deg, #54d6ff33 120deg, #0071ff33 160deg, transparent 360deg);
	--secondary-glow: radial-gradient(#fff, hsla(0, 0%, 100%, 0));
	--tile-start-rgb: 239, 245, 249;
	--tile-end-rgb: 228, 232, 233;
	--tile-border: conic-gradient(#00000080, #00000040, #00000030, #00000020, #00000010, #00000010, #00000080);
	--callout-rgb: 238, 240, 241;
	--callout-border-rgb: 172, 175, 176;
	--card-rgb: 180, 185, 188;
	--card-border-rgb: 131, 134, 135
}

@media (prefers-color-scheme:dark) {
	:root {
		--foreground-rgb: 255, 255, 255;
		--background-start-rgb: 0, 0, 0;
		--background-end-rgb: 0, 0, 0;
		--primary-glow: radial-gradient(rgba(1, 65, 255, .4), rgba(1, 65, 255, 0));
		--secondary-glow: linear-gradient(to bottom right, rgba(1, 65, 255, 0), rgba(1, 65, 255, 0), rgba(1, 65, 255, .3));
		--tile-start-rgb: 2, 13, 46;
		--tile-end-rgb: 2, 5, 19;
		--tile-border: conic-gradient(#ffffff80, #ffffff40, #ffffff30, #ffffff20, #ffffff10, #ffffff10, #ffffff80);
		--callout-rgb: 20, 20, 20;
		--callout-border-rgb: 108, 108, 108;
		--card-rgb: 100, 100, 100;
		--card-border-rgb: 200, 200, 200
	}
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0
}

body,
html {
	max-width: 100vw;
	overflow-x: hidden;
	font-family: Inter, sans-serif
}

body {
	color: rgb(var(--foreground-rgb));
	background: linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))
}

a {
	color: inherit;
	text-decoration: none
}

@media (prefers-color-scheme:dark) {
	html {
		color-scheme: dark
	}
}

.grecaptcha-badge {
	visibility: hidden
}