body {
	color: var(--text-color);
	background-color: var(--background);
}

.background {
	background-color: var(--background);
}

details > summary::-webkit-details-marker {
	color: var(--text-color)
}

:focus-visible {
	outline: none
}

*, ::after, ::before {
	scrollbar-color: inherit;
	scrollbar-width: inherit;
}

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

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

::-webkit-scrollbar-track {
	background: transparent;
	border: thin solid transparent;
	box-shadow: none;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background: var(--primary-color-dark);
	border: thin solid transparent;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--primary-color-dark);
}

::-moz-selection { /* Code for Firefox */
	color: var(--primary-color);
	background: var(--primary-color-dark);
}

::selection {
	color: var(--primary-color);
	background: var(--primary-color-dark);
}

.flex.flex-col-reverse>div:first-child {
	margin-top: 1rem;
}

.loadAnimation span {
	animation-name: blink;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

.loadAnimation span:nth-child(1) {
	animation-delay: .4s;
}

.loadAnimation span:nth-child(2) {
	animation-delay: .3s;
}

.loadAnimation span:nth-child(3) {
	animation-delay: .2s;
}

.loadAnimation span:nth-child(4) {
	animation-delay: .2s;
}

.loadAnimation span:nth-child(5) {
	animation-delay: .3s;
}

.loadAnimation span:nth-child(6) {
	animation-delay: .4s;
}