/*
una sorta di bibbia di Gioele
**/

@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);

/* classi rapide */
.hide {
	display: none;
}

.hidden {
	visibility: hidden;
	opacity: 0;
}

.show {
	display: block;
}

.flex {
	display: flex;
	flex-direction: row;
	justify-content: normal;
	align-items: normal;
}

.flexColumn {
	display: flex;
	flex-direction: column;
	justify-content: normal;
	align-items: normal;
}

.flexColumnCenter {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flexRowReverse {
	display: flex;
	flex-direction: row-reverse;
	justify-content: normal;
	align-items: normal;
}

.flexCenter {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.flexSpaceBetween {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.gap-1 {
	gap: 5px;
}
.gap-2 {
	gap: 10px;
}
.gap-3 {
	gap: 15px;
}
.gap-4 {
	gap: 20px;
}

.wFull {
	width: 100%;
}

/* *************************************** */
body {
	font-family: "Inter", sans-serif;
	font-size: 14px;
	color: var(--fg);
	background-color: var(--bg);
	/*		background-color: red;*/
}

span {
	color: inherit;
}

	/* *************************************** */

	span.success {
		color: var(--success);
	}

	span.warning {
		color: var(--warning);
	}

	span.info {
		color: var(--info);
	}

	span.error {
		color: var(--error);
	}

	span.primary {
		color: var(--primary);
	}

	span.secondary {
		color: var(--secondary);
	}

/* *************************************** */

.fa-solid.success, .fa-light.success, .fa-duotone.success {
	color: var(--success);
}

.fa-solid.error, .fa-light.error, .fa-duotone.error {
	color: var(--error);
}

.fa-solid.warning, .fa-light.warning, .fa-duotone.warning {
	color: var(--warning);
}

.fa-solid.info, .fa-light.info, .fa-duotone.info {
	color: var(--info);
}

.fa-solid.primary, .fa-light.primary, .fa-duotone.primary {
	color: var(--primary);
}

.fa-solid.secondary, .fa-light.secondary, .fa-duotone.secondary {
	color: var(--secondary);
}

.fa-solid.fg-light, .fa-light.fg-light, .fa-duotone.fg-light {
	color: var(--fg-light);
}

/* *************************************** */

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

::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}

::-webkit-scrollbar-thumb {
	background-color: lightgray;
	border: 0px none;
	border-radius: 50px;
	cursor: grab;
}

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

	::-webkit-scrollbar-thumb:active {
		background: var(--primary-light);
		cursor: grabbing;
	}

::-webkit-scrollbar-track {
	background: trasparent;
	border: 0px none;
	border-radius: 50px;
	margin-block: 2px;
}

	::-webkit-scrollbar-track:hover {
		background: var(--background-light);
	}

	::-webkit-scrollbar-track:active {
		background: var(--background-light);
	}

::-webkit-scrollbar-corner {
	background: transparent;
}