:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--tint:var(--turquoise);--gray:#636363;--red:#d74740;--orange:#e58135;--yellow:#efb057;--turquoise:#117079;--cyan:#004c7c;--green:#057744;--blue:#294fde;--indigo:#fff;--purple:#b67aff;--pink:#c84993;--tint-100:oklch(from var(--tint) var(--lightness-100) var(--chroma-100) h);--tint-200:oklch(from var(--tint) var(--lightness-200) var(--chroma-200) h);--tint-300:oklch(from var(--tint) var(--lightness-300) var(--chroma-300) h);--tint-400:oklch(from var(--tint) var(--lightness-400) var(--chroma-400) h);--tint-500:oklch(from var(--tint) var(--lightness-500) var(--chroma-500) h);--tint-600:oklch(from var(--tint) var(--lightness-600) var(--chroma-600) h);--tint-700:oklch(from var(--tint) var(--lightness-700) var(--chroma-700) h);--tint-800:oklch(from var(--tint) var(--lightness-800) var(--chroma-800) h);--tint-900:oklch(from var(--tint) var(--lightness-900) var(--chroma-900) h);--tint-1000:oklch(from var(--tint) var(--lightness-1000) var(--chroma-1000) h);--tint-1100:oklch(from var(--tint) var(--lightness-1100) var(--chroma-1100) h);--tint-1200:oklch(from var(--tint) var(--lightness-1200) var(--chroma-1200) h);--tint-1300:oklch(from var(--tint) var(--lightness-1300) var(--chroma-1300) h);--tint-1400:oklch(from var(--tint) var(--lightness-1400) var(--chroma-1400) h);--tint-1500:oklch(from var(--tint) var(--lightness-1500) var(--chroma-1500) h);--tint-1600:oklch(from var(--tint) var(--lightness-1600) var(--chroma-1600) h);--gray-100:oklch(from var(--gray) var(--lightness-100) c h);--gray-200:oklch(from var(--gray) var(--lightness-200) c h);--gray-300:oklch(from var(--gray) var(--lightness-300) c h);--gray-400:oklch(from var(--gray) var(--lightness-400) c h);--gray-500:oklch(from var(--gray) var(--lightness-500) c h);--gray-600:oklch(from var(--gray) var(--lightness-600) c h);--gray-700:oklch(from var(--gray) var(--lightness-700) c h);--gray-800:oklch(from var(--gray) var(--lightness-800) c h);--gray-900:oklch(from var(--gray) var(--lightness-900) c h);--gray-1000:oklch(from var(--gray) var(--lightness-1000) c h);--gray-1100:oklch(from var(--gray) var(--lightness-1100) c h);--gray-1200:oklch(from var(--gray) var(--lightness-1200) c h);--gray-1300:oklch(from var(--gray) var(--lightness-1300) c h);--gray-1400:oklch(from var(--gray) var(--lightness-1400) c h);--gray-1500:oklch(from var(--gray) var(--lightness-1500) c h);--gray-1600:oklch(from var(--gray) var(--lightness-1600) c h)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--gray:lab(42% 0 0);--red:lab(51.8264% 56.7667 37.4655);--orange:lab(64.403% 35.4376 56.3573);--yellow:lab(76.7033% 17.0333 53.9994);--turquoise:lab(42.7003% -23.991 -12.8444);--cyan:lab(29.702% -4.01536 -45.2428);--green:lab(43.5655% -39.129 19.8324);--blue:lab(38.889% 29.1695 -77.9014);--indigo:lab(96.7718% 37.7479 -86.855);--purple:lab(61.6523% 51.2016 -67.6122);--pink:lab(51.1676% 56.1859 -13.4593)}}:root{--background-color:#f8f8f8;--gray-50:#fff;--lightness-100:98.1187%;--lightness-200:95.2045%;--lightness-300:91.1434%;--lightness-400:85.1751%;--lightness-500:79.1773%;--lightness-600:72.3297%;--lightness-700:67.0121%;--lightness-800:62.3039%;--lightness-900:57.9699%;--lightness-1000:51.9076%;--lightness-1100:46.9058%;--lightness-1200:41.0821%;--lightness-1300:35.3616%;--lightness-1400:29.6725%;--lightness-1500:24.5366%;--lightness-1600:16.6959%;--chroma-100:calc(l * c * .5);--chroma-200:calc(l * c * .6);--chroma-300:calc(l * c * .7);--chroma-400:calc(l * c * .8);--chroma-500:calc(l * c * .9);--chroma-600:c;--chroma-700:c;--chroma-800:c;--chroma-900:c;--chroma-1000:c;--chroma-1100:c;--chroma-1200:c;--chroma-1300:c;--chroma-1400:c;--chroma-1500:c;--chroma-1600:c;--highlight-hover:#00000012;--highlight-pressed:#00000026;--overlay-background:var(--gray-50);--overlay-border:#0000000f;--popover-shadow:0 8px 20px #0000001f}@media (prefers-color-scheme:dark){:root{--background-color:#1b1b1b;--gray-50:#1b1b1b;--lightness-100:29.6725%;--lightness-200:35.3616%;--lightness-300:41.0821%;--lightness-400:46.9058%;--lightness-500:51.9076%;--lightness-600:57.9699%;--lightness-700:56.1347%;--lightness-800:59.2866%;--lightness-900:62.3039%;--lightness-1000:67.0121%;--lightness-1100:72.3297%;--lightness-1200:79.1773%;--lightness-1300:85.1751%;--lightness-1400:91.1434%;--lightness-1500:95.2045%;--lightness-1600:100%;--highlight-hover:#ffffff1a;--highlight-pressed:#fff3;--overlay-background:var(--gray-100);--overlay-border:#fff3;--popover-shadow:0 8px 20px #00000080}@supports (color:lab(0% 0 0)){:root{--gray-50:lab(9.52% -.00000745058 0)}}}:root{--focus-ring-color:var(--tint-1000);--text-color:var(--gray-1200);--text-color-hover:var(--gray-1300);--text-color-disabled:var(--gray-600);--text-color-placeholder:var(--gray-1000);--link-color:var(--tint-1200);--link-color-secondary:var(--gray-1200);--link-color-pressed:var(--tint-1300);--border-color:var(--gray-400);--border-color-hover:var(--gray-500);--border-color-disabled:var(--gray-300);--field-text-color:var(--gray-1400);--button-background:var(--tint-100);--button-background-pressed:var(--tint-200);--highlight-background:oklch(from var(--tint) 55% c h);--highlight-background-pressed:oklch(from var(--tint) 50% c h);--highlight-background-invalid:oklch(from var(--red) var(--lightness-900) c h);--highlight-foreground:white;--highlight-overlay:oklch(from var(--tint-1000) l c h / 15%);--invalid-color:oklch(from var(--red) var(--lightness-1000) c h);--field-background:var(--gray-50)}@media (forced-colors:active){:root{--background-color:Canvas;--focus-ring-color:Highlight;--text-color:ButtonText;--text-color-hover:ButtonText;--text-color-disabled:GrayText;--text-color-placeholder:ButtonText;--link-color:LinkText;--link-color-secondary:LinkText;--link-color-pressed:LinkText;--border-color:ButtonBorder;--border-color-hover:ButtonBorder;--border-color-pressed:ButtonBorder;--border-color-disabled:GrayText;--field-background:Field;--field-text-color:FieldText;--overlay-background:Canvas;--overlay-border:ButtonBorder;--button-background:ButtonFace;--button-background-pressed:ButtonFace;--highlight-background:Highlight;--highlight-background-pressed:Highlight;--highlight-background-invalid:LinkText;--highlight-foreground:HighlightText;--invalid-color:LinkText}}:root{--font-size:.875rem;--font-size-sm:.75rem;--font-size-lg:1rem;--font-size-xlg:1.5rem;--radius:8px;--radius-sm:6px;--radius-lg:10px;--radius-xl:16px;--spacing:.25rem;--spacing-1:var(--spacing);--spacing-2:calc(2 * var(--spacing));--spacing-3:calc(3 * var(--spacing));--spacing-4:calc(4 * var(--spacing));--spacing-5:calc(5 * var(--spacing));--spacing-6:calc(6 * var(--spacing));--spacing-7:calc(7 * var(--spacing));--spacing-8:calc(8 * var(--spacing));--spacing-9:calc(9 * var(--spacing));--spacing-10:calc(10 * var(--spacing))}@media (min-resolution:200dpi){:root{--spacing:calc(.25rem * 1.25);--font-size:1.0625rem;--font-size-sm:.9375rem;--font-size-lg:1.25rem}}
@layer utilities{.button-base{--button-color:var(--tint);--button-background:oklch(from var(--button-color) var(--lightness-100) var(--chroma-100) h);--button-gradient:oklch(from var(--button-color) var(--lightness-200) var(--chroma-200) h);--button-border:oklch(from var(--button-color) var(--lightness-300) var(--chroma-300) h);--button-highlight:#fffc;--button-shadow:oklch(from var(--button-color) var(--lightness-400) var(--chroma-400) h);--button-border-size:1px;--button-text:oklch(from var(--button-color) var(--lightness-1400) var(--chroma-1400) h);--button-gradient-size:8px;color:var(--button-text);box-shadow:inset 0 -1px 0 var(--button-shadow),  inset 0 0 0 var(--button-border-size) var(--button-border),  inset 0px calc(var(--button-border-size) + 1px) 0px var(--button-highlight),  inset 0px calc(-1 * var(--button-gradient-size)) var(--button-gradient-size) -2px var(--button-gradient);will-change:scale;forced-color-adjust:none;-webkit-tap-highlight-color:transparent;outline:none;transition-property:background,color,scale,box-shadow;transition-duration:.2s}@media (prefers-color-scheme:dark){.button-base{--button-shadow:oklch(from var(--button-color) var(--lightness-200) var(--chroma-200) h);--button-highlight:#ffffff26;box-shadow:inset 0 var(--button-border-size) 0 var(--button-highlight),  inset 0 calc(-1 * var(--button-border-size)) 0 var(--button-shadow),  inset 0 0 0 var(--button-border-size) var(--button-border),  inset 0 var(--button-gradient-size) var(--button-gradient-size) -2px var(--button-gradient)}}.button-base:where([data-pressed]){--button-background:oklch(from var(--button-color) var(--lightness-200) var(--chroma-200) h)}.button-base:where([data-focus-visible]){outline:2px solid var(--focus-ring-color);outline-offset:2px}.button-base:where([data-variant=secondary]){--button-color:var(--gray)}.button-base:where([data-variant=quiet]){--button-background:none;--button-text:var(--text-color);box-shadow:0 0 0 1px #0000}.button-base:where([data-variant=quiet]):where([data-hovered],[data-pressed]){--button-background:var(--tint-200);--button-text:var(--tint-1400);box-shadow:0 0 0 1px var(--tint-200)}.button-base:where([data-selected]){--button-background:oklch(from var(--button-color) 55% c h);--button-border:oklch(from var(--button-color) 50% c h);--button-gradient:var(--button-border);--button-highlight:#fff3;--button-shadow:oklch(from var(--button-color) 30% c h);--button-text:var(--highlight-foreground);box-shadow:inset 0 -1px 0 var(--button-shadow),  inset 0 0 0 1px var(--button-border),  inset 0 2px 0 var(--button-highlight),  inset 0 calc(-1 * var(--button-gradient-size)) var(--button-gradient-size) var(--button-gradient)}@media (prefers-color-scheme:dark){.button-base:where([data-selected]){--button-highlight:#fff6;--button-gradient:#fff3;--button-shadow:var(--button-border);box-shadow:inset 0 1px 0 var(--button-highlight),  inset 0 var(--button-gradient-size) var(--button-gradient-size) var(--button-gradient),  inset 0 0 0 1px var(--button-border)}}.button-base:where([data-selected]):where([data-pressed]){--button-background:oklch(from var(--button-color) 50% c h)}.button-base:where([data-disabled]){box-shadow:none;--button-background:var(--border-color-disabled);--button-text:var(--text-color-disabled)}.button-base:where([data-disabled]):where([data-variant=quiet]){--button-background:none}@media (forced-colors:active){.button-base{--button-background:ButtonFace;--button-text:ButtonText;--button-border:ButtonBorder;box-shadow:inset 0 0 0 var(--button-border-size) var(--button-border)}.button-base:where([data-variant=quiet]){--button-border:transparent}.button-base:where([data-variant=quiet]):where([data-hovered],[data-pressed]){--button-border:ButtonBorder}.button-base:where([data-selected]){--button-background:Highlight;--button-text:HighlightText;--button-border:Highlight}.button-base:where([data-disabled]){--button-background:ButtonFace;--button-text:GrayText;--button-border:GrayText}.button-base:where([data-disabled]):where([data-variant=quiet]){--button-border:transparent}}.indicator{--indicator-color:var(--gray);--indicator-background:oklch(from var(--indicator-color) var(--lightness-100) var(--chroma-100) h);--indicator-border:oklch(from var(--indicator-color) var(--lightness-800) var(--chroma-800) h);--indicator-drop-shadow:0 0;background:var(--indicator-background);box-shadow:inset 0 0 0 1px var(--indicator-border),  inset 0 2px 0 white,  inset 0 -4px 2px oklch(from var(--indicator-color) 30% c h / .08),  var(--indicator-drop-shadow);will-change:scale}@media (prefers-color-scheme:dark){.indicator{box-shadow:inset 0 1px 0 #fff6,  inset 0 4px 2px #ffffff1a,  inset 0 0 0 1px var(--indicator-border),  var(--indicator-drop-shadow)}}@media (forced-colors:active){.indicator{--indicator-background:ButtonFace;--indicator-border:ButtonBorder;box-shadow:inset 0 0 0 1px var(--indicator-border)}}.indicator[data-pressed],[data-pressed] .indicator{scale:.9}[data-selected]>.indicator,[data-indeterminate]>.indicator{--indicator-color:var(--highlight-background);--indicator-background:var(--indicator-color);--indicator-highlight:#ffffff4d;--indicator-shadow:oklch(from var(--indicator-color) 45% c h);--indicator-border:var(--indicator-background);box-shadow:inset 0 -1px 0 var(--indicator-shadow),  inset 0 0 0 1px var(--indicator-border),  inset 0 2px 0 var(--indicator-highlight),  var(--indicator-drop-shadow)}@media (prefers-color-scheme:dark){[data-selected]>.indicator,[data-indeterminate]>.indicator{--indicator-highlight:#ffffff80;--indicator-gradient:#ffffff1f;box-shadow:inset 0 1px 0 var(--indicator-highlight),  inset 0 4px 2px var(--indicator-gradient),  inset 0 0 0 1px var(--indicator-border),  var(--indicator-drop-shadow)}}@media (forced-colors:active){[data-selected]>.indicator,[data-indeterminate]>.indicator{box-shadow:none}}.indicator[data-invalid],[data-invalid]>.indicator{--indicator-color:var(--invalid-color)}@media (forced-colors:active){.indicator[data-invalid],[data-invalid]>.indicator{--indicator-border:var(--invalid-color)}}.indicator[data-focus-visible],[data-focus-visible]>.indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.indicator[data-disabled],[data-disabled]>.indicator{background:var(--field-background);box-shadow:inset 0 0 0 1px var(--border-color-disabled)}.inset{--inset-background:var(--field-background);--inset-border:var(--border-color);--inset-border-size:1px;--inset-shadow-offset:2px;--inset-shadow-size:4px;background:var(--inset-background);box-shadow:inset 0 0 0 var(--inset-border-size) var(--inset-border),  inset 0 var(--inset-shadow-offset) var(--inset-shadow-size) #00000026,  0 1px 0 var(--gray-50);forced-color-adjust:none;transition:box-shadow .2s}@media (prefers-color-scheme:dark){.inset{--inset-border:var(--gray-200);--border-color-hover:var(--gray-300);--inset-highlight:var(--gray-400);--inset-shadow-size:6px;box-shadow:inset 0 calc(-1 * var(--inset-border-size)) 0 var(--inset-highlight),  inset 0 0 0 var(--inset-border-size) var(--inset-border),  inset 0 1px var(--inset-shadow-size) #000}}.inset:where([data-hovered],[data-pressed]){--inset-border:var(--border-color-hover)}@media (forced-colors:active){.inset{--inset-border:ButtonBorder;box-shadow:inset 0 0 0 var(--inset-border-size) var(--inset-border)}}.inset:where([data-invalid]){--inset-border:var(--invalid-color);--inset-highlight:var(--inset-border)}.inset:where([data-disabled]){box-shadow:inset 0 0 0 1px var(--border-color-disabled)}.inset.track{--inset-shadow-offset:1px;--inset-shadow-size:3px}@media (prefers-color-scheme:light){.inset.track{--inset-background:var(--gray-300);--inset-border:var(--gray-500);--inset-border-size:.5px}}@media (forced-colors:active){.inset.track{--inset-background:Field;--inset-border:ButtonBorder;--inset-border-size:1px}}}
#root{position:absolute;inset:0;overflow:hidden}.main{direction:rtl;flex-direction:column;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.chart{width:100%;max-width:1200px;margin:1rem;padding:1rem;position:relative}.marker-label{white-space:nowrap;background-color:#fff;border-radius:4px;padding:2px 6px;font-size:12px;display:none;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0003}.city-marker:hover .marker-label{display:block}.city-marker{cursor:pointer;aspect-ratio:1;width:1.5%;position:absolute;transform:translate(50%,50%)}.marker-dot{background-color:red;border:2px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 2px 4px #0000004d}