/* Shared layer scale. Load after app.css, including after a future Mix rebuild.
   Do not assign navigation/modal values to content decorations.
   A transformed ancestor creates its own stacking context: avoid wrapping fixed
   controls or modals in transformed content. Tarteaucitron keeps its own higher
   layers and remains above the application. */
:root {
    /* Above the map's decorative strip (3), below all floating controls. */
    --keval-layer-content-decoration: 10;
    --keval-layer-floating: 1020;
    --keval-layer-navigation: 1030;
    --keval-layer-progress: 1031;
    --keval-layer-modal-backdrop: 1040;
    --keval-layer-modal: 1050;
    --keval-layer-popover: 1060;
    --keval-layer-tooltip: 1070;
}
.mapTitle { z-index: var(--keval-layer-content-decoration); }
.floating-buttons { z-index: var(--keval-layer-floating); }
.navbar { z-index: var(--keval-layer-navigation); }
#progress-bar-container { z-index: var(--keval-layer-progress); }
.modal-backdrop { z-index: var(--keval-layer-modal-backdrop); }
.modal { z-index: var(--keval-layer-modal); }
.popover { z-index: var(--keval-layer-popover); }
.tooltip { z-index: var(--keval-layer-tooltip); }