/* слой */

.layer-preview {
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: blue;

    cursor: pointer;

    border: 1px solid rgba(0,0,0,0.2);
    transition: transform 0.15s;

    flex-shrink: 0;
}

.layer-preview:hover {
    transform: scale(1.3);
}

.layer-icon {
    width: 60%;
    height: 60%;
    object-fit: contain;

    filter: brightness(0) invert(1);
}
.custom-marker {
    background: none !important;
    border: none !important;
}

.custom-marker div {
    border-radius: 50%;
}
.selected-marker {
    border-radius: 50%;
    box-shadow:
        0 0 0 2px white,
        0 0 0 5px red,
        0 0 10px red;
}