:root {
	--scrollbar-background-color: #fff;
	--scrollbar-thumb-color: #bebebe;
}

html,
body,
#root {
	height: 100%;
}

/* Works on Firefox, uses a standard rules */
* {
	scrollbar-width: thin;
	scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-background-color);
}

/* Works on Chrome, Edge, and Safari 
* (non-standard rules, may have different implementations and will be dropped eventually)
* (however, before that it will support the new standard). 
*/
*::-webkit-scrollbar {
	width: 8px;
}

*::-webkit-scrollbar-track {
	background: var(--scrollbar-background-color);
}

*::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-thumb-color);
	border-radius: 0;
}

input[type="search"]::-webkit-search-cancel-button {
	appearance: none;
}

canvas {
	width: 100% !important;
	height: 100% !important;
}