.loader_circle_1 {
    animation: rotateClockwise 1.5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}
@keyframes rotateClockwise {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.loader_circle_2_counter {
    animation: rotateCounterClockwise 2.5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes rotateCounterClockwise {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

.poi-overlay {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-in-out;
}

.poi-overlay svg {
    opacity: .6;
}

.poi-overlay.is-active {
    opacity: 1;
    visibility: visible;
}