/* Reserve separate space for the pin, text and arrow, including native iOS selects. */
@media (max-width: 767px) {
  select[name="region-select"] {
    --region-icon-size: 24px;
    -webkit-appearance: none;
    appearance: none;
    padding-left: calc(var(--region-icon-size) + 6px);
    padding-right: 16px;
    text-overflow: ellipsis;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%230c4587'%3E%3Cpath d='M480-107q-14 0-28-5t-25-15q-65-60-115-117t-83.5-110.5q-33.5-53.5-51-103T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 45-17.5 94.5t-51 103Q698-301 648-244T533-127q-11 10-25 15t-28 5Zm0-373q33 0 56.5-23.5T560-560q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 33 23.5 56.5T480-480Z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c4587' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
    background-size: var(--region-icon-size) var(--region-icon-size), 12px 12px;
    background-position: 4px center, right 2px center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 575px) {
  select[name="region-select"] { --region-icon-size: 20px; }
}
@media (max-width: 425px) {
  select[name="region-select"] { --region-icon-size: 16px; }
}

/* Provider errors belong to the project list, outside the positioned toolbar. */
.project-map-error {
  position: relative;
  margin: 0 15px 20px;
  padding: 16px;
  border-radius: 12px;
  background: #f4f6fb;
  color: #21477d;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
}