* {
	margin: 0;
	padding: 0;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

ul {
	list-style: none;
}

::-ms-input-placeholder,
::placeholder {
	color: var(--color-neutral-dark-200);
}

html {
	box-sizing: border-box;
	font-size: 62.5%;
    height: 100%;
    width: 100%;
}

body {
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 150%;
	height: 100%;
	background-color: var(--color--bg-primary);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type='number'] {
	-moz-appearance: textfield;
}

a {
	color: var(--color-lp-primary);
}
a:hover {
	color: var(--color-lp-hover);
	text-shadow: 0px 4px 16px rgba(0, 79, 41, 0.16);
}
a:active {
	color: var(--color-lp-primary);
}
a:disabled {
	cursor: not-allowed;
	color: var(--color-lp-disabled);
}
a:visited {
	color: var(--color-lp-primary);
}

/* Keep the background color same on mouse hover, focus or autocomplete */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	transition: background-color 500s ease-in-out 0s;
}
input:-webkit-autofill:disabled ,
input:-webkit-autofill:hover:disabled ,
input:-webkit-autofill:focus:disabled ,
input:-internal-autofill-selected:disabled  {
	cursor: not-allowed;
	-webkit-box-shadow: 0 0 0px 1000px var(--color-neutral-dark-100) inset;
	border: 2px solid var(--color-neutral-dark-200);
	-webkit-text-fill-color: var(--color-neutral-dark-400);
}

input[data-autocompleted] {
	background-color: transparent !important;
}