html, body, #map {
      width: 100%;
      height: 100vh;
      margin: 0;
      padding: 0;
    }

     .priority-pin {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 12px;
      font-weight: bold;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      color: white;
      box-shadow: 0 0 4px rgba(0,0,0,0.4);
    }
    .priority-0 { background-color: grey;}
    .priority-1 { background-color: #d80000; 
        animation: pulse 1.2s infinite ease-in-out;} /* Red */
    .priority-2 { background-color: #ff7a00; } /* Orange */
    .priority-3 { background-color: #ffd400; color: black; }
    .priority-4 { background-color: grey; } 

    @keyframes pulse {
        0%{
            box-shadow: 0 0 0 0 rgba(216, 0, 0, 0.7);
        }
        70%{
            box-shadow: 0 0 0 10px rgba(216, 0, 0, 0);
        }
        100%{
            box-shadow: 0 0 0 0 rgba(216, 0, 0, 0);
        }
        
    }