.point-marker {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C7.02944 2 3 6.02944 3 11C3 13.704 4.40858 16.0555 5.97592 17.8473C7.55461 19.652 9.3972 21.0075 10.4939 21.7371C11.411 22.3473 12.589 22.3473 13.5061 21.7371C14.6028 21.0075 16.4454 19.652 18.0241 17.8473C19.5914 16.0555 21 13.704 21 11C21 6.02944 16.9706 2 12 2ZM10 11C10 9.89543 10.8954 9 12 9C13.1046 9 14 9.89543 14 11C14 12.1046 13.1046 13 12 13C10.8954 13 10 12.1046 10 11ZM12 7C9.79086 7 8 8.79086 8 11C8 13.2091 9.79086 15 12 15C14.2091 15 16 13.2091 16 11C16 8.79086 14.2091 7 12 7Z' fill='%23120772'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 1));
  filter: drop-shadow(0px 0px 3px rgb(255, 255, 255));
}
.maplibregl-canvas-container .maplibregl-interactive.maplibregl-line {
  cursor: pointer;
}
.first-marker,
.polygon-marker,
.temp-marker {
  width: 14px;
  height: 14px;
  border: 2px solid white;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #ef44444d;
  transition: transform 0.2s, box-shadow 0.2s;
  pointer-events: auto;
}
.polygon-marker {
  cursor: move;
}
.polygon-marker:hover,
.temp-marker:hover {
  transform: scale(1.3);
  box-shadow: 0 0 0 3px #ef444480;
}
.first-marker:hover {
  transform: scale(1.5);
}
.temp-marker {
  cursor: pointer;
}
.temp-marker.dragging {
  cursor: move;
}
@font-face {
  font-family: Noto Sans;
  src: url(https://glavapu.mos.ru/calc/calc-fonts/NotoSans-VariableFont.ttf)
    format('truetype');
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Noto Sans;
  src: url(https://glavapu.mos.ru/calc/calc-fonts/NotoSans-Italic-VariableFont.ttf)
    format('truetype');
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-style: italic;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: Noto Sans, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI,
    Roboto, Helvetica Neue, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', Segoe UI Symbol;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}
:root {
  font-family: Noto Sans;
  font-optical-sizing: auto;
  --scrollbar-track: transparent;
  --scrollbar-thumb: #b9b9b9;
  --scrollbar-thumb-hover: #999999;
  --scrollbar-border: rgb(208, 215, 217);
  --toastify-color-info: #363636;
  --toastify-color-success: #43a047;
  --toastify-color-warning: #ed6c02;
  --toastify-color-error: #d32f2f;
  --toastify-font-family: 'Noto Sans';
}
:root ::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
}
:root ::-webkit-scrollbar {
  right: 0;
  width: 6px;
  height: 6px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--scrollbar-border);
}
:root ::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  width: 6px;
  height: 6px;
}
:root ::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}
:root ::selection {
  background-color: #d32f2f;
  color: #fff;
}
[data-theme='light'] {
  --scrollbar-track: transparent;
  --scrollbar-thumb: #b9b9b9;
  --scrollbar-thumb-hover: #999999;
  --scrollbar-border: rgb(208, 215, 217);
}
[data-theme='light'] ::selection {
  background-color: #d32f2f;
  color: #fff;
}
[data-theme='dark'] {
  --scrollbar-track: transparent;
  --scrollbar-thumb: #555555;
  --scrollbar-thumb-hover: #777777;
  --scrollbar-border: rgba(255, 255, 255, 0.2);
}
[data-theme='dark'] ::selection {
  background-color: #ca5e5e;
  color: #192231;
}
table {
  border-collapse: collapse;
  width: 100%;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
[role='list'] > li {
  display: list-item;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}
img {
  background: var(--skeleton-bg, #f0f0f0);
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}