:root {
	--theme-bg-1: #000;
	--theme-bg-2: #151515;
	--theme-bg-3: #2d2d2d;
	--theme-color-1: #abaaaa;
	--theme-color-disabled: #555;
	--theme-highlight-1: gold
}

* {
	box-sizing: border-box
}

body,
html {
	height: 100%;
	margin: 0
}

#root {
	min-height: 100%;
	display: grid;
	place-items: center;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #000;
	background-color: var(--theme-bg-1)
}

a {
	color: inherit;
	text-decoration: none
}

ul {
	padding-left: 0;
	margin: 0
}

li {
	list-style-type: none
}

code,
textarea {
	font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
}

.SectionClass {
	display: grid;
	grid-gap: 1rem;
	padding: 1rem;
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
	font-family: var(--font-sans)
}

.CardBox {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding: 1rem;
	width: 100%;
	height: 100%;
	margin-bottom: 2px;
	opacity: .7;
	color: var(--theme-color-1);
	background-color: var(--theme-bg-2);
	border-radius: 2px
}

.CardBox:hover {
	opacity: 1
}

.CardLink {
	display: flex
}

.CardLink:focus {
	outline: 2px solid var(--theme-highlight-1);
	outline-offset: -1px
}

.CardHighlight {
	border: 2px solid var(--theme-highlight-1)
}

.FeaturedCard {
	min-height: 300px;
	justify-content: flex-end;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 700;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, .42);
	opacity: .8;
	color: #fff;
	background-size: cover;
	background-position: 50%;
	transition: opacity .1s ease-in-out
}

.TopSection {
	grid-template-columns: repeat(3, 1fr)
}

.CategoryCard {
	padding: .5rem 1rem
}

.CategoryCardName {
	transform: translateY(6px);
	transition: all .2s ease
}

.CategoryCardLink {
	opacity: 0;
	font-size: .7em;
	transition: all .2s ease
}

.CategoryCard:hover>.CategoryCardLink {
	opacity: .3
}

.CategoryCard:hover>.CategoryCardName {
	transform: translateY(0)
}

.CategoryTitle {
	color: var(--theme-color-1);
	text-transform: uppercase;
	font-size: 1rem
}

@media (min-width:600px) {
	.BottomSection {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (min-width:800px) {
	.BottomSection {
		grid-template-columns: repeat(3, 1fr)
	}
}

.SearchBar_search__28lNv {
	position: fixed;
	width: 80%;
	max-width: 1000px;
	padding: 10px 20px;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
	color: var(--theme-color-1);
	background-color: rgba(25, 25, 25, .22);
	border-radius: 2px;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	border: 1px solid var(--theme-bg-2);
	pointer-events: none;
	outline: none
}

.SearchBar_placeholder__nLjPe {
	color: var(--theme-color-disabled)
}

.Modal_container__Htkvf {
	z-index: 100;
	position: fixed
}

.Modal_modal__3ienQ {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 90vw;
	max-height: 90vh;
	background: var(--theme-bg-2);
	border-radius: 2px;
	color: var(--theme-color-1)
}

.Modal_default__1bQNr {
	padding: 20px;
	min-width: 300px
}

.Modal_backdrop__3dimv {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px)
}

.Modal_close__3dY5Z {
	position: absolute;
	top: 5px;
	right: 7px;
	width: 12px;
	opacity: .4;
	cursor: pointer
}

.Modal_close__3dY5Z:hover {
	opacity: 1
}

.ConfigEditor_title__1GR3l {
	font-size: 1rem;
	margin-top: 0
}

.ConfigEditor_modal__37RoP {
	min-width: 530px;
	padding: 10px
}

@media (max-width:600px) {
	.ConfigEditor_modal__37RoP {
		min-width: auto;
		width: 100%
	}
}

.ConfigEditor_editor__3Z0_2 {
	width: 100%;
	background: var(--theme-bg-1);
	color: var(--theme-color-1);
	border: none;
	outline: none;
	border-radius: 4px;
	padding: 10px
}

.ConfigEditor_editor__3Z0_2::-webkit-scrollbar {
	background-color: var(--theme-bg-2);
	width: 3px
}

.ConfigEditor_editor__3Z0_2::-webkit-scrollbar-thumb {
	background-color: var(--theme-highlight-1);
	border-radius: 10px;
	outline: none
}

.ConfigEditor_modal-button-container__1stRj {
	position: absolute;
	bottom: 20px;
	right: 20px;
	margin-top: 10px;
	float: right;
	cursor: pointer
}

.ConfigEditor_modal-icon__eoLyW {
	margin-left: 10px;
	width: 17px
}

.ConfigEditor_config-icon__2eNSH,
.ConfigEditor_modal-icon__eoLyW {
	color: var(--theme-color-1);
	opacity: .3
}

.ConfigEditor_config-icon__2eNSH:hover,
.ConfigEditor_modal-icon__eoLyW:hover {
	opacity: 1
}

.ConfigEditor_config-icon__2eNSH {
	width: 20px;
	position: fixed;
	bottom: 10px;
	right: 10px
}

.ConfigEditor_error__3ROUV {
	padding: 5px 10px;
	border: 1px solid red;
	background-color: rgba(255, 0, 0, .06);
	margin: 10px 0
}


/*# sourceMappingURL=main.360e862d.chunk.css.map */