.layer-img.selected {
    border: 3px solid var(--info);
    overflow: hidden;
}

.layer-img.not-selected {
    border: 3px solid var(--light);
    overflow: hidden;
}

.google-layer {
    content: url(img/google.png)
}

.osm-layer {
    content: url(img/osm.png)
}

.osm-dark-layer {
    content: url(img/osm-dark.png)
}

.osm-light-layer {
    filter: contrast(1.5) brightness(3) invert(1) brightness(1.5);
    content: url(img/osm-dark.png)
}

.terrain-layer {
    content: url(img/terrain.png)
}

.esri-layer {
    content: url(img/esri.png)
}

.topo-layer {
    content: url(img/topo.png)
}

.invert-colors {
    filter: brightness(3) contrast(1.3) invert(1);
}