html, body {
	padding: 0;
	margin: 0;

	background-color: var(--bg);
	color: var(--fg);
}
* { font-family: "Inter", sans-serif !important; }

.keyframe { fill: var(--gruble); }

h1 { font-size: 1.25rem; }
h2 { font-size: 1.125rem; }
h3 { font-size: 1rem; }

h1, h2, h3 {
	margin: 0;
}

.MuiSvgIcon-root {
	font-size: 24px !important;
}

.MuiButton-label {
	text-transform: none !important;
	font-family: "Inter", sans-serif;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece,
::-webkit-scrollbar {
	background-color: var(--c100);
}

::-webkit-scrollbar-thumb {
	background-color: var(--c400);
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.MuiInputLabel-root {
	transition-property: width;
	transition-duration: 100ms;
	white-space: nowrap;
	overflow-x: clip;
	overflow-y: visible;
	text-overflow: ellipsis;

	width: calc(100% - 48px);
}

.MuiInputLabel-root.MuiInputLabel-shrink {
	width: calc(100% - 0px);
}

.MuiButton-root {
	border-radius: 6px !important;
}