/* roadstyle's popup and hover tooltip look: the page, and the GeoLibre plugin (export_style copies this file) */
/* the colors of the bar, its lists and its boxes: one rule set, two themes (html[data-rs-theme]: light or dark). Two levels: --rs-tb-bg for the bar, the
   panel and the scale box; --rs-box-bg for what opens from them: the boxes, the popup and the tooltip. --rs-a-tb, --rs-a-box and --rs-a-card are the opacities (the settings box sets them). --rs-card-bg: the layer between a translucent
   panel and its text (the panel's inner card), so that the text reads on any map */
:root{--rs-a-tb:.4;--rs-a-box:.4;--rs-a-card:.7;--rs-tb-bg:rgba(255,255,255,var(--rs-a-tb));--rs-box-bg:rgba(255,255,255,var(--rs-a-box));--rs-card-bg:rgba(255,255,255,var(--rs-a-card));--rs-tb-border:rgba(0,0,0,.12);--rs-tb-ink:#333;--rs-tb-hover:rgba(0,0,0,.08);--rs-tb-on:color-mix(in srgb,var(--accent,#0e7c8e) 18%,transparent);--rs-pop-bg:#fff;--rs-pop-ink:#16181d}
html[data-rs-theme=dark]{--rs-tb-bg:rgba(24,27,33,var(--rs-a-tb));--rs-box-bg:rgba(24,27,33,var(--rs-a-box));--rs-card-bg:rgba(24,27,33,var(--rs-a-card));--rs-tb-border:rgba(255,255,255,.15);--rs-tb-ink:#d6d9de;--rs-tb-hover:rgba(255,255,255,.12);--rs-tb-on:color-mix(in srgb,var(--accent,#42c2d7) 32%,transparent);--rs-pop-bg:#1c2026;--rs-pop-ink:#e9ecf1}
/* the popup and the hover tooltip take the bar's look: one background, blur, border and radius for the bar, its boxes, the popup and the tooltip */
.maplibregl-popup-content{color:var(--rs-tb-ink);background:var(--rs-box-bg);backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);border:1px solid var(--rs-tb-border);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.maplibregl-popup-anchor-top .maplibregl-popup-tip,
.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,
.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:var(--rs-box-bg)}
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:var(--rs-box-bg)}
.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--rs-box-bg)}
.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--rs-box-bg)}
.rs-tip .maplibregl-popup-tip{display:none}   /* a following tooltip needs no pointer */
html[data-rs-theme=dark] .maplibregl-popup-close-button{color:#cbd5e1}
html[data-rs-theme=dark] .maplibregl-popup-content a{color:var(--accent,#42c2d7)}
.maplibregl-popup-content a:focus:not(:focus-visible){outline:none}   /* the popup focuses its first link when it opens: a ring only for the keyboard */
html[data-rs-theme=dark] .maplibregl-popup-content [style*="color:#777"]{color:#9aa4b2!important}