.status-map-local-marker,
.status-geoman-marker {
  background: transparent;
  border: 0;
}

.status-map-local-marker-pin,
.status-geoman-marker-pin {
  align-items: center;
  background: var(--status-map-marker-color, var(--status-marker-color, #2563eb));
  border: 2px solid #fff;
  border-radius: 50% 50% 50% 0;
  box-shadow: 0 0.2rem 0.45rem rgba(15, 23, 42, 0.38);
  display: flex;
  /* A rotated rectangle turns the pin into a visibly stretched oval. Derive
   * both axes from the marker width so 32x42 and 40x52 icons keep the same
   * teardrop proportions. */
  aspect-ratio: 1 / 1;
  height: auto;
  justify-content: center;
  left: 14%;
  position: absolute;
  top: 10%;
  transform: rotate(-45deg);
  width: 72%;
}

.status-map-local-marker-symbol,
.status-map-local-marker-letter,
.status-geoman-marker-symbol,
.status-geoman-marker-letter {
  color: var(--status-map-marker-symbol-color, var(--status-marker-symbol-color, #fff));
  display: block;
  height: 64%;
  transform: rotate(45deg);
  width: 64%;
}

.status-map-local-marker-symbol,
.status-geoman-marker-symbol {
  background: var(--status-map-marker-symbol-color, var(--status-marker-symbol-color, #fff));
  -webkit-mask-image: var(--status-map-marker-mask, var(--status-marker-mask));
  mask-image: var(--status-map-marker-mask, var(--status-marker-mask));
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.status-map-local-marker-letter,
.status-geoman-marker-letter {
  align-items: center;
  display: flex;
  font-size: var(--status-marker-symbol-size, 0.84rem);
  font-weight: 800;
  justify-content: center;
}

.status-map-text-marker,
.pm-text-marker {
  background: transparent;
  border: 0;
  width: auto !important;
  height: auto !important;
}

.status-map-text-label,
.pm-textarea {
  border: 1px solid rgba(15, 23, 42, 0.28);
  border-radius: 0.42rem;
  box-shadow: 0 0.18rem 0.45rem rgba(15, 23, 42, 0.2);
  box-sizing: border-box;
  display: inline-block;
  font-family: inherit;
  font-weight: 650;
  line-height: 1.25;
  max-width: min(24rem, calc(100vw - 5rem));
  min-height: 1.75rem;
  min-width: 2.5rem;
  overflow-wrap: anywhere;
  padding: 0.28rem 0.45rem;
  white-space: pre-wrap;
}

.pm-textarea {
  margin: 0;
  max-width: min(24rem, calc(100vw - 5rem));
  outline: 0;
  resize: none;
}

.pm-textarea.pm-hasfocus {
  border-color: #2563eb;
  box-shadow: 0 0 0 0.18rem rgba(37, 99, 235, 0.22), 0 0.18rem 0.45rem rgba(15, 23, 42, 0.2);
}