* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	overflow-y: scroll;
	font-size: 14px;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}

.init-loader-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100%;
	cursor: wait;
}

.init-loader {
	display: inline-block;
	width: 80px;
	height: 80px;
}

.init-loader:after {
	content: ' ';
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #0e1821;
	border-color: #0e1821 transparent #0e1821 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*
@media (prefers-color-scheme: dark) {
	.init-loader-wrapper {
		background-color: #060b0f;
	}

	.init-loader:after {
		border: 6px solid white;
		border-color: white transparent white transparent;
	}
}
*/

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

::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius: 8px;
}

::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
}

.hidden {
	display: none;
}

[hidden] {
	display: none;
}

.w-full {
	width: 100%;
}

.rounded {
	border-radius: 0.25rem;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.font-bold {
	font-weight: bold;
}

.easepick-wrapper {
	z-index: 2;
}
