/* Variables */
:root {
	--stylemode-transition: background-color 120ms, color 120ms, border-color 120ms;
	--primaryColor: #111111;
	--secondarayColor: #00a24f;
	--bg-dark: #0c0c0c;
	--bg-light: #ffffff;
	--copy-title-light: #212427;
	--copy-title-dark: #ffffff;
	--copy-text-dark: #8b8b8b;
	--copy-text-light: #5c5c5c;
	--bg-elements-dark-1: #0c0c0c;
	--bg-elements-dark-2: #131313;
	--bg-table-dark: #131313;
	--bg-table-light: #f4f4f4;
	--bg-elements-dark-3: #000000;
	--bg-elements-light-1: #ffffff;
	--bg-elements-light-2: #f9f9f9;
	--bg-elements-light-3: #e5e5e5;
	--popup-bg-light: #ececec;
	--popup-bg-dark: #181818;
	--border-dark: #222222;
	--border-light: #e8e8e8;
	--radius-factor: 0.214285714;
	--active-light: #d2ffda;
	--active-dark: #272727;
	--scroll-dark: #222222;
	--scroll-light: #ededed;
	--success-color: #00a651;
	--danger-color: #ff4f4f;
	--section-spacing: 70px;
	--navbar-height: 130px;
	--navbar-height-mobile: 90px;
	--chart-success-dark: #16261e;
	--chart-success-light: #d2eade;
	--chart-danger-dark: #2f1d1d;
	--chart-danger-light: #f8dddd;
	--chart-warning-light: #fffdb7;
	--chart-warning-dark: #fffb8c5d;
	--icon-dark: #ffffff;
	--icon-light: #111111;

	--chart-success-light-border: #73c69c;
	--chart-danger-light-border: #dc8484;
	--chart-success-dark-border: #5c9d7c;
	--chart-danger-dark-border: #ae6c6c;
}

/* Global Styles */

* {
	padding: 0;
	margin: 0;
	outline: none;
	box-sizing: border-box;
	/* scroll-behavior: smooth; */
	/* transition: background-color 120ms, color 120ms, border-color 120ms; */
	-webkit-tap-highlight-color: transparent !important;
}

*::-webkit-scrollbar {
	display: none;
}

span,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	white-space: pre-line;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	appearance: textfield;
}

a {
	text-decoration: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

.pac-container {
	z-index: 9999;
	padding: 25px;
	max-height: 300px;
	overflow-y: scroll;
	border-radius: 20px;
	transform: translate(0px, 10px);
}

.pac-container::after {
	margin-top: 20px;
	background-position: left;
	margin-inline: 15px;
}

.pac-item {
	border: none;
	padding: 5px 15px;
	border-radius: 10px;
	font-family: "Poppins";
}

@media (max-width: 767.98px) {
	:root {
		font-size: 13px;
	}
}

.no-break-inside {
	break-inside: avoid;
}

.break-before {
	break-before: always;
}