.number-icon {
    background-image: url("/media/icons/pin-filled-red-32.png");
    text-align: center;
    color: black;
    font-size: 0.9rem;
    width: 32px !important;
    height: 32px !important;
}

.pin-car-icon {
    background-image: url("/media/icons/pin-car-red-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-car-icon-red {
    background-image: url("/media/icons/pin-car-red-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-car-icon-green {
    background-image: url("/media/icons/pin-car-green-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-car-icon-blue {
    background-image: url("/media/icons/pin-car-blue-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-car-icon-gray {
    background-image: url("/media/icons/pin-car-gray-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-event-icon-red {
    background-image: url("/media/icons/pin-event-red-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-event-icon-green {
    background-image: url("/media/icons/pin-event-green-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-event-icon-blue {
    background-image: url("/media/icons/pin-event-blue-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-object-icon {
    background-image: url("/media/icons/pin-object-red-64.png");
    width: 64px !important;
    height: 64px !important;
}

.pin-outlined-red {
    background-image: url("/media/icons/pin-outlined-red-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-outlined-red-16 {
    background-image: url("/media/icons/pin-outlined-red-16.png");
    width: 16px !important;
    height: 16px !important;
}

.pin-red-16 {
    background-image: url("/media/icons/pin-red-16.png");
    width: 16px !important;
    height: 16px !important;
}

.pin-start {
    background-image: url("/media/icons/pin-start-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-end {
    background-image: url("/media/icons/pin-end-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-startend {
    background-image: url("/media/icons/pin-startend-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-warning {
    background-image: url("/media/icons/pin-warning-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-warning-red {
    background-image: url("/media/icons/pin-warning-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-warning-green {
    background-image: url("/media/icons/pin-warning-green-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-warning-blue {
    background-image: url("/media/icons/pin-warning-blue-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-warning-gray {
    background-image: url("/media/icons/pin-warning-gray-32.png");
    width: 32px !important;
    height: 32px !important;
}

.pin-focus {
    background-image: url("/media/icons/pin-focus-2c-10.png");
    width: 10px !important;
    height: 10px !important;
    object-fit: contain;
}

.pin-stop {
    background-image: url("/media/icons/pin-stop-24.png");
    width: 24px !important;
    height: 24px !important;
}

.svg-icon path {
    fill: black;
}

.pin-color-red {
    fill: hsl(0, 60%, 56%);
    stroke: black;
    stroke-width: 0.1;
}

.pin-color-gray {
    fill: hsl(0, 3%, 46%);
    stroke: black;
    stroke-width: 0.1;
}

.pin-color-white {
    fill: hsl(240, 100%, 99%);
    stroke: black;
    stroke-width: 1;
}

.pin-color-lblue {
    fill: hsl(207, 80%, 70%);
    stroke: black;
    stroke-width: 0.1;
}

.pin-color-blue {
    fill: hsl(222, 82%, 23%);
    stroke: black;
    stroke-width: 0.1;
}

.pin-color-black {
    fill: hsl(0, 0%, 0%);
    stroke: white;
    stroke-width: 0.1;
}

.pin-cluster {
    background: none;
    border: none;
}