img, button, input::placeholder{
	user-select: none;
}

.loading-effect{
	background: linear-gradient(115deg, rgba(240,240,240,1) 0%, rgba(245,245,245,1) 35%, rgba(245,245,245,1) 65%, rgba(240,240,240,1) 100%);
	background-size: 200% 100%;
	animation: waveAnimation 2.5s linear infinite;
}

[loading="lazy"]{
	background: linear-gradient(115deg, rgba(240,240,240,1) 0%, rgba(245,245,245,1) 35%, rgba(245,245,245,1) 65%, rgba(240,240,240,1) 100%);
	background-size: 200% 100%;
	animation: waveAnimation 2.5s linear infinite;
}

/* DEFAULT ELEMENTS COLORS */
*{
	/*border-color: hsl(var(--c-color-border));*/
	font-family: "Segoe UI", Arial, sans-serif;
}

body{
	display: flex;
	flex-direction: column;
	min-height: 100vh;;
	background-color: hsl(var(--c-color-body));
	color: hsl(var(--c-color-body-foreground));
}

a, button, select{
	cursor: pointer;
}

/* HCAPTCHA */
.h-captcha > iframe{
	max-width: 100% !important;
}

/* Apply default html element styles */
.default-html-styles {
	all: unset;
	display: block;
	font: inherit;
	color: inherit;
	margin: initial;
	padding: initial;
	line-height: normal;
}

.default-html-styles h1,
.default-html-styles h2,
.default-html-styles h3,
.default-html-styles h4,
.default-html-styles h5,
.default-html-styles h6,
.default-html-styles p,
.default-html-styles ul,
.default-html-styles ol,
.default-html-styles li,
.default-html-styles blockquote,
.default-html-styles pre,
.default-html-styles code,
.default-html-styles table,
.default-html-styles th,
.default-html-styles td,
.default-html-styles a {
	all: revert;
}