@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("/plugins/fonts/pizza-pwd/css/pizza-pwd.css");

:root {
	--bg-gradient: radial-gradient(circle at -16.45% 25.82%, #6b7238 0, #606a2e 25%, #546223 50%, #485a18 75%, #3c530e 100%);
	--l-primary: #546223;
	--l-font-family: "Nunito", sans-serif;
}

@media (prefers-color-scheme: dark) {
	:root {
		--l-primary: #91a93d;
	}
}

body {
	background: var(--bg-gradient) no-repeat fixed !important;
	font-family: var(--l-font-family);
}

.text-l-primary {
	color: var(--l-primary);
}

.bg-l-primary {
	background: var(--l-primary);
	color: var(--bs-light);
}

.pizza-pwd,
.pizza-pwd:-webkit-autofill::first-line,
.pizza-pwd:-internal-autofill-selected {
	font-family: "pizza-pwd", sans-serif !important;
	letter-spacing: .25em;
	color: var(--l-primary) !important;
	-webkit-text-security: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px var(--bs-body-bg) inset;
	font-size: inherit;
	font-family: var(--l-font-family) !important;
	color: inherit;
}

input:-webkit-autofill::first-line {
	color: var(--l-primary);
	font-family: var(--l-font-family);
}

.fade-in-top {
	animation: fade-in-top 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s both;
}

@keyframes fade-in-top {
	0% {
		transform: translateY(-50px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.fade-out-top {
	animation: fade-out-top 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s both;
}

@keyframes fade-out-top {
	0% {
		transform: translateY(10px);
		opacity: 1;
	}

	100% {
		transform: translateY(-50px);
		opacity: 0;
	}
}

.select2-container--bootstrap-5 .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown {
	border-radius: var(--bs-border-radius-lg);
}

.select2-company-logo {
	max-width: 4em;
	/* max-height: 2em; */
	margin-right: .5em;
	border-radius: var(--bs-border-radius-lg);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: .5em;
	background: var(--bs-gray-100);
	border: 1px solid var(--bs-gray-300)
}

.select2-company-logo img {
	width: 100%;
	max-height: 100%;
}