/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer theme {

	:host,
	:root {
		--default-font-family: var(--font-geist-sans);
		--default-mono-font-family: var(--font-geist-mono);
		/* Add your color variables here */
		--lowValue: #4F864A;
		--modValue: #D8A346;
		--highValue: #D14F45;
		--vHighValue: #B0332E;
		--metricValue: rgba(72, 89, 83, 1);
		--lightMetricValue: #92A29C;
		--lightText: #92A29C;
		--cardBackground: rgba(255, 255, 255, 1);
		--subtleCardBackground: #f1f1ebff;
		--vHighStatsBg: #F2C9C7;
		--modStatsBg: #FFEECB;
		--goodValue: #4F864A;
		--goodStatsBg: #DCEBDC;
		--border-radii: 20px;
		--primary: #0F342D;
		--secondary: #92A29C;
		--background: #F5F7EE;
		--skeletonBackground: #EEE;

		--primary-50: #f0f9ff;
		--primary-100: #e0f2fe;
		--primary-200: #bae6fd;
		--primary-300: #7dd3fc;
		--primary-400: #38bdf8;
		--primary-500: #0ea5e9;
		--primary-600: #0284c7;
		--primary-700: #0369a1;
		--primary-800: #075985;
		--primary-900: #0c4a6e;

		--gray-50: #f8fafc;
		--gray-100: #f1f5f9;
		--gray-200: #e2e8f0;
		--gray-300: #cbd5e1;
		--gray-400: #94a3b8;
		--gray-500: #64748b;
		--gray-600: #475569;
		--gray-700: #334155;
		--gray-800: #1e293b;
		--gray-900: #0f172a;

		--success: #10b981;
		--warning: #f59e0b;
		--error: #ef4444;
		--info: #6366f1;
	}

	@layer base {

		*,
		::backdrop,
		:after,
		:before {
			box-sizing: border-box;
			border: 0 solid;
			margin: 0;
			padding: 0;
		}

		::file-selector-button {
			box-sizing: border-box;
			border: 0 solid;
			margin: 0;
			padding: 0;
		}

		:host,
		html {
			-webkit-text-size-adjust: 100%;
			tab-size: 4;
			line-height: 1.5;
			font-family: var(--default-font-family,
					ui-sans-serif,
					system-ui,
					sans-serif,
					'Apple Color Emoji',
					'Segoe UI Emoji',
					'Segoe UI Symbol',
					'Noto Color Emoji'
				);
			font-feature-settings: var(--default-font-feature-settings, normal);
			font-variation-settings: var(--default-font-variation-settings, normal);
			-webkit-tap-highlight-color: transparent;
		}

		hr {
			height: 0;
			color: inherit;
			border-top-width: 1px;
		}

		abbr:where([title]) {
			-webkit-text-decoration: underline dotted;
			text-decoration: underline dotted;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-size: inherit;
			font-weight: inherit;
		}

		a {
			color: inherit;
			-webkit-text-decoration: inherit;
			text-decoration: inherit;
		}

		b,
		strong {
			font-weight: bolder;
		}

		code,
		kbd,
		pre,
		samp {
			font-family: var(--default-mono-font-family,
					ui-monospace,
					SFMono-Regular,
					Menlo,
					Monaco,
					Consolas,
					'Liberation Mono',
					'Courier New',
					monospace);
			font-feature-settings: var(--default-mono-font-feature-settings, normal);
			font-variation-settings: var(--default-mono-font-variation-settings, normal);
			font-size: 1em;
		}

		small {
			font-size: 80%;
		}

		sub,
		sup {
			vertical-align: baseline;
			font-size: 75%;
			line-height: 0;
			position: relative;
		}

		sub {
			bottom: -0.25em;
		}

		sup {
			top: -0.5em;
		}

		table {
			text-indent: 0;
			border-color: inherit;
			border-collapse: collapse;
		}

		:-moz-focusring {
			outline: auto;
		}

		progress {
			vertical-align: baseline;
		}

		summary {
			display: list-item;
		}

		menu,
		ol,
		ul {
			list-style: none;
		}

		audio,
		canvas,
		embed,
		iframe,
		img,
		object,
		svg,
		video {
			display: block;
		}

		img,
		video {
			max-width: 100%;
			height: auto;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-weight: 600;

			color: var(--metricValue);
			letter-spacing: 0;
			text-transform: capitalize !important;
		}

		h1 {
			font-weight: 700;
			font-size: 28px;
			margin-left: 1.7rem;
			line-height: 17px;
			color: var(--metricValue);
			letter-spacing: 0;
			text-transform: capitalize !important;
		}

		button,
		input,
		optgroup,
		select,
		textarea {
			font: inherit;
			font-feature-settings: inherit;
			font-variation-settings: inherit;
			letter-spacing: inherit;
			color: inherit;
			opacity: 1;
			background-color: #0000;
			border-radius: 0;
		}

		::file-selector-button {
			font: inherit;
			font-feature-settings: inherit;
			font-variation-settings: inherit;
			letter-spacing: inherit;
			color: inherit;
			opacity: 1;
			background-color: #0000;
			border-radius: 0;
		}

		:where(select:is([multiple], [size])) optgroup {
			font-weight: bolder;
		}

		:where(select:is([multiple], [size])) optgroup option {
			padding-inline-start: 20px;
		}

		::file-selector-button {
			margin-inline-end: 4px;
		}

		::placeholder {
			opacity: 1;
		}

		@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
			::placeholder {
				color: currentColor;
			}

			@supports (color: color-mix(in lab, red, red)) {
				::placeholder {
					color: color-mix(in oklab, currentcolor 50%, transparent);
				}
			}
		}

		textarea {
			resize: vertical;
		}

		::-webkit-search-decoration {
			-webkit-appearance: none;
		}

		::-webkit-date-and-time-value {
			min-height: 1lh;
			text-align: inherit;
		}

		::-webkit-datetime-edit {
			display: inline-flex;
		}

		::-webkit-datetime-edit-fields-wrapper {
			padding: 0;
		}

		::-webkit-datetime-edit,
		::-webkit-datetime-edit-year-field {
			padding-block: 0;
		}

		::-webkit-datetime-edit-day-field,
		::-webkit-datetime-edit-month-field {
			padding-block: 0;
		}

		::-webkit-datetime-edit-hour-field,
		::-webkit-datetime-edit-minute-field {
			padding-block: 0;
		}

		::-webkit-datetime-edit-millisecond-field,
		::-webkit-datetime-edit-second-field {
			padding-block: 0;
		}

		::-webkit-datetime-edit-meridiem-field {
			padding-block: 0;
		}

		:-moz-ui-invalid {
			box-shadow: none;
		}

		button,
		input:where([type='button'], [type='reset'], [type='submit']) {
			appearance: button;
		}

		::file-selector-button {
			appearance: button;
		}

		::-webkit-inner-spin-button,
		::-webkit-outer-spin-button {
			height: auto;
		}

		[hidden]:where(:not([hidden='until-found'])) {
			display: none !important;
		}
	}

	@layer components, utilities @font-face {
		font-family: Inter;
		font-style: normal;
		font-weight: 100 900;
		font-display: swap;
		src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format('woff2');
		unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
	}

	@font-face {
		font-family: Inter;
		font-style: normal;
		font-weight: 100 900;
		font-display: swap;
		src: url(/_next/static/media/26a46d62cd723877-s.woff2) format('woff2');
		unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
	}

	@font-face {
		font-family: Inter;
		font-style: normal;
		font-weight: 100 900;
		font-display: swap;
		src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format('woff2');
		unicode-range: u+1f??;
	}

	@font-face {
		font-family: Inter;
		font-style: normal;
		font-weight: 100 900;
		font-display: swap;
		src: url(/_next/static/media/581909926a08bbc8-s.woff2) format('woff2');
		unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff;
	}

	@font-face {
		font-family: Inter;
		font-style: normal;
		font-weight: 100 900;
		font-display: swap;
		src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
		unicode-range:
			u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301,
			u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
	}

	@font-face {
		font-family: Inter;
		font-style: normal;
		font-weight: 100 900;
		font-display: swap;
		src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
		unicode-range:
			u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329,
			u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113,
			u+2c60-2c7f, u+a720-a7ff;
	}

	@font-face {
		font-family: Inter;
		font-style: normal;
		font-weight: 100 900;
		font-display: swap;
		src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
		unicode-range:
			u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329,
			u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
	}

	@font-face {
		font-family: Inter Fallback;
		src: local('Arial');
		ascent-override: 90.44%;
		descent-override: 22.52%;
		line-gap-override: 0%;
		size-adjust: 107.12%;
	}

	.__className_e8ce0c {
		font-family:
			Inter,
			Inter Fallback;
		font-style: normal;
	}

	.lowValue {
		color: var(--lowValue);
	}

	.modValue {
		color: var(--modValue);
	}

	.highValue {
		color: var(--highValue);
	}

	.vHighValue {
		color: var(--vHighValue);
	}

	.cardBackground {
		background: var(--cardBackground);
	}

	.subtleCardBackground {
		background: var(--subtleCardBackground);
	}

	.metricValue {
		color: var(--metricValue);
		text-align: start;
		transition: color 0.3s ease;
		margin-bottom: 4px;
	}

	/* @media (max-width: 768px) {
	h1 {
		font-size: 18px !important;
	}

	h2 {
		font-size: 16px !important;
	}

	h3 {
		font-size: 14px !important;
	}

	h4 {
		font-size: 14px !important;
	}

	h5 {
		font-size: 13px !important;
	}

	h6 {
		font-size: 12px !important;
	}

	p {
		font-size: 12px !important;
	}


	li {
		font-size: 12px !important;
	}
} */

	/* Fix Leaflet default styles */
	.leaflet-container {
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	}

	.leaflet-control-attribution {
		font-size: 11px !important;
		background: rgba(255, 255, 255, 0.9) !important;
	}

	.leaflet-control-attribution a {
		color: var(--primary-600) !important;
	}