@font-face {   font-family: "Noto Sans";   src: url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Regular.eot");   src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Regular.woff2") format("woff2"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Regular.woff") format("woff"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Regular.ttf") format("truetype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Regular.svg#NotoSans-Regular") format("svg");   font-weight: 400;   font-style: normal; }  @font-face {   font-family: "Noto Sans";   src: url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Italic.eot");   src: local("Noto Sans Italic"), local("NotoSans-Italic"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Italic.eot?#iefix") format("embedded-opentype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Italic.woff2") format("woff2"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Italic.woff") format("woff"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Italic.ttf") format("truetype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Italic.svg#NotoSans-Italic") format("svg");   font-weight: 400;   font-style: italic; }  @font-face {   font-family: "Noto Sans";   src: url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Bold.eot");   src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Bold.woff2") format("woff2"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Bold.woff") format("woff"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Bold.ttf") format("truetype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Bold.svg#NotoSans-Bold") format("svg");   font-weight: 700;   font-style: normal; } @font-face {   font-family: "Noto Sans";   src: url("https://www.maps42.com/mapserver/fonts/web/NotoSans-BoldItalic.eot");   src: local("Noto Sans BoldItalic"), local("NotoSans-BoldItalic"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-BoldItalic.woff2") format("woff2"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-BoldItalic.woff") format("woff"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-BoldItalic.ttf") format("truetype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-BoldItalic.svg#NotoSans-BoldItalic") format("svg");   font-weight: 700;   font-style: italic; }  @font-face {   font-family: "Roboto";   src: url("https://www.maps42.com/mapserver/fonts/web/Roboto-Regular.ttf") format("truetype");   font-weight: 200;   font-style: italic; } @font-face {   font-family: "Roboto";   src: url("https://www.maps42.com/mapserver/fonts/web/Roboto-Italic.ttf") format("truetype");   font-weight: 200;   font-style: italic; } @font-face {   font-family: "Roboto";   src: url("https://www.maps42.com/mapserver/fonts/web/Roboto-Bold.ttf") format("truetype");   font-weight: 200;   font-style: italic; } @font-face {   font-family: "Roboto";   src: url("https://www.maps42.com/mapserver/fonts/web/Roboto-BoldItalic.ttf") format("truetype");   font-weight: 200;   font-style: italic; }  #MapsContainer { position:relative; width:100%; height:100%; background:var(--surface); padding:0 !important; min-height:30em; }  .olMap { position:relative; }  .olLegend { position:relative; z-index:1111; float:right; background: var(--surface); min-width:250px; max-width:500px; } #legend { opacity: 0.8; font-family: Arial, Helvetica; color:var(--text) !important; } #legend #legendContent { width: 100%; }  #legend #legendTree { width: 100%; font-size: 0.8em; } #legend #legendTree td { font-size: 0.9em; line-height: 1em; vertical-align: middle; } #legend #legendTree td:first-child { white-space:nowrap; } #legend #legendTree .legendTitle { font-weight: bold } #legend #legendTree span.indenter { } #legend #legendTree .bgcolor { height:20px; width:20px; padding:0; display:inline-block !important; } #legend #legendContent { border: 1px solid var(--line-strong); border-right: 1px solid var(--text); border-bottom: 1px solid var(--text); background-color: var(--surface); } #legend #slider { position:relative; height: 20px; width:100%; text-align:center; cursor:pointer; color:var(--text); background:var(--surface-sunken); } #legend #sliderDirection { position:absolute; top:0; right:0; }  #legend #sliderDirection.maps-legend-arrow {   width: 16px;   height: 16px;   background: currentColor;   -webkit-mask: var(--nlf-chevron) center / 9px 9px no-repeat;   mask: var(--nlf-chevron) center / 9px 9px no-repeat; } #legend #sliderDirection.maps-legend-arrow--down { transform: rotate(90deg); } #legend #sliderDirection.maps-legend-arrow--up   { transform: rotate(-90deg); } #legend table.treetable { margin:0; }   .olControlPanel {  position:relative; z-index:1111; float:left; min-width:200px; max-width:700px;  background: var(--ui-surface, #ffffff);  background: color-mix(in srgb, var(--ui-surface, #ffffff) 78%, transparent);  border-radius: var(--nlf-map-radius, 6px); }   :root {   --nlf-map-radius: var(--radius, 6px); }  .olControlPanel .nlf-mapbtn {   border-radius: var(--nlf-map-radius, 6px);   margin: auto;   display: inline-block;   position: relative;   cursor: pointer;   vertical-align: middle;   text-align: center;   line-height: normal;   overflow: visible;   user-select: none;   border: 1px solid var(--ui-border, #ddd);   background: var(--ui-surface, #fff);   color: var(--ui-text-strong, #000);   font-weight: normal; }  .olControlPanel .nlf-mapbtn {   transition: background var(--motion, 160ms) var(--ease, ease),               border-color var(--motion, 160ms) var(--ease, ease); }  .olControlPanel .nlf-mapbtn:hover, .olControlPanel .nlf-mapbtn:focus-visible {   border: 1px solid var(--ui-hover-border, #0233ff);   background: var(--ui-hover-bg, #5b6b7a);   color: var(--ui-hover-text, #fff); }   .olControlPanel .nlf-mapbtn:focus-visible, .nlf-slider__handle:focus-visible, .nlf-mapdlg__close:focus-visible {   outline: none;   box-shadow: var(--ring, 0 0 0 3px rgb(2 51 255 / 0.28)); }  @media (prefers-reduced-motion: reduce) {   .olControlPanel .nlf-mapbtn { transition: none; } }  .olControlPanel .nlf-mapbtn--disabled {   opacity: 0.35;   pointer-events: none;   cursor: default; }  .olControlPanel .ui-btn { position:absolute; padding:0; margin:0; } .olControlPanel .ui-input-btn input {  -khtml-opacity:1;  -moz-opacity:1;  -ms-filter:"alpha(opacity=100)";  -opera-opacity:1;  filter:alpha(opacity=100);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);  opacity:1; }  .olControlPanel div { float:left; padding:2px; min-width:26px; height:26px; border:0; color:var(--ui-text-strong, #000000); background:var(--ui-surface, #ffffff);} .olControlPanel div.imgbutton { border:1px solid var(--line-strong); height:26px !important; width:26px !important;} .olControlPanel div.imgbutton > span { display:block; width:100%; height:100%; margin: 0 auto; } .olControlPanel div.textbutton { border: 1px solid var(--line-strong); text-align:center !important; height:26px !important; min-width:26px; line-height:24px; font-size:0.9em; vertical-align: middle; } .olControlPanel div.textbutton span.nlf-mapbtn__text { padding:0; margin:0; line-height:24px; vertical-align: middle; }     #routing #routing-variants #routing-variants-head { font-size: 1.1em; } #routing #routing-variants #routing-variants-head .selected { color: var(--ui-active-text, #fff); background: var(--ui-active-bg, #0233ff); } #routing #routing-variants #routing-variants-head > .routing-route { padding: 1em 0.5em; } #routing #routing-variants #routing-variants-head > .routing-route:hover { color: var(--ui-hover-text, #fff); background: var(--ui-hover-bg, #5b6b7a); } #routing #routing-details .routing-route > .routing-route-step:hover { color: var(--ui-hover-text, #fff); background: var(--ui-hover-bg, #5b6b7a); } #routing #routing-variants #routing-variants-head > .routing-route, #routing #routing-details .routing-route > .routing-route-step {   transition: background var(--motion, 160ms) var(--ease, ease),               color var(--motion, 160ms) var(--ease, ease); }  #routing #routing-type { display:inline-block; } #routing #routing-type > .button { float:none; border-radius:0; } #routing #routing-type > .button:first-child { border-radius: var(--radius-sm, 4px) 0 0 var(--radius-sm, 4px); } #routing #routing-type > .button:last-child { border-radius: 0 var(--radius-sm, 4px) var(--radius-sm, 4px) 0; } #routing #routing-type .selected { color: var(--ui-active-text, #fff); background: var(--ui-active-bg, #0233ff); }  #routing #route { font-size: 0.9em }  #mapCopyright { font-size: 0.8em; }  #mapCopyright * { color: var(--ui-text, #444444); }  #mapCopyright.mapCopyrightInside { position:absolute;left:1em;bottom:4em;z-index:1001;background:rgba(255,255,255,.8);padding:0 .3em;border-radius:3px; }  .fullsize { width:100%; height:100%; }  .feature_container table tr:nth-child(even){background-color:#DDDDDD;} .feature_container table tr:nth-child(odd){background-color:#FFFFFF;} .feature_container table tr th{color:#FFFFFF;background-color:#000000;font-weight:700;} .feature_container td,.feature_container th{vertical-align:top;padding:2px;} .feature_container a{color:blue;text-decoration:none;cursor:pointer;} .feature_container a:hover{color:red;text-decoration:underline;} .feature_table {border-collapse:collapse; width:100%;} .feature_table th{font-weight:bold;} .feature_table td,.feature_table th{border:1px solid black} .feature_container th,.feature_container td{text-align:left !important} .feature_container table,.feature_table{width:100%;border:1px solid #000000;text-align:left;border-spacing:0;}  ul.dynatree-container{font-family:tahoma, arial, helvetica;font-size:1em;white-space:prewrap;padding:0;} span.dynatree-selected a{font-style:normal;color:#000000;}    .nlf-maptip {   position: absolute;   z-index: 9999;   padding: 0.6em 0.75em;   max-width: 300px;   border: 1px solid var(--ui-border, #ddd);   border-radius: var(--nlf-map-radius, 6px);   box-shadow: var(--shadow-2, 0 4px 12px rgb(31 45 58 / 0.1));   background: var(--ui-surface, #fff);   color: var(--ui-text, #444);   pointer-events: none; } .dialogMap { z-index: 9998 !important }  .nlf-mapdlg {      position: fixed;   inset: 0;   margin: auto;   max-width: 95vw;   max-height: 90vh;   padding: 0;      overflow: hidden;   border: 1px solid var(--ui-border, #ddd);   border-radius: calc(var(--nlf-map-radius, 6px) + 4px);   box-shadow: var(--shadow-2, 0 4px 12px rgb(31 45 58 / 0.1));   background: var(--ui-surface, #fff);   color: var(--ui-text, #444); } .nlf-mapdlg::backdrop { background: rgba(0, 0, 0, 0.35); } .nlf-mapdlg__head {   display: flex; align-items: center; justify-content: space-between; gap: 0.5em;   padding: 0.55em 0.6em 0.55em 0.9em;   border-bottom: 1px solid var(--ui-border, #ddd);   background: var(--ui-surface-header, #ddd);   cursor: move; touch-action: none;      user-select: none; }  .nlf-mapdlg__title {   font-weight: 600;   color: var(--ui-text-strong, #222); } .nlf-mapdlg__close {   display: grid;   place-items: center;   flex: 0 0 auto;   width: 28px;   height: 28px;   border: 0;   border-radius: 50%;   background: transparent;   color: inherit;   font-size: 1.2em;   line-height: 1;   cursor: pointer; }  .nlf-mapdlg__close:hover, .nlf-mapdlg__close:focus-visible {   background: var(--ui-hover-bg, rgba(0, 0, 0, 0.08));   color: var(--ui-hover-text, inherit); }  .nlf-mapdlg__content {      overflow: auto; } .nlf-mapdlg__content { padding: 0.6em; }  .dialogMap .nlf-mapdlg__content { padding: 0; } .dialogMap .olControlPanel div.nlf-mapbtn { border:0; color:#000000; background: #FFFFFF; } .dialogInfo, .dialogFeature, .dialogWait { z-index: 1112 !important }    .nlf-mapdlg.dialogInfo[open] {   display: flex;   flex-direction: column; }  .nlf-mapdlg.dialogInfo {   width: 27rem;   height: 31rem;      max-width: calc(100vw - 2rem);   max-height: calc(100vh - 3rem); }  .nlf-mapdlg.dialogInfo .nlf-mapdlg__head {   flex: 0 0 auto; }  .nlf-mapdlg.dialogInfo .nlf-mapdlg__content {   flex: 1 1 auto;   min-height: 0;   overflow: auto; }   .olPopup--simple {   display: flex;   flex-direction: column;   gap: 0.2em; }   .nlf-poi__heading {   margin: 0.9em 0 0.4em;   padding-top: 0.7em;   border-top: 1px solid var(--ui-border, #ddd);   font-size: 0.95em;   font-weight: 700;   color: var(--ui-text-strong, #222);      text-transform: uppercase;   letter-spacing: 0.04em; }   input[type="radio"].toggle {     position: absolute;     width: 1px;     height: 1px;     margin: 0;     opacity: 0;     clip-path: inset(50%); }   input[type="radio"].toggle:checked + label {     background: var(--accent);     color: var(--on-accent);     cursor: default;     border-color: transparent; }  input[type="radio"].toggle + label {     display: block; }  input[type="radio"].toggle:checked + label.btn:hover {     background-color: inherit;     background-position: 0 0;     -webkit-transition: none;     -moz-trainsition: none;     transition: none; }  input[type="radio"].toggle-left + label {     border-right: 0;     -webkit-border-top-right-radius: 0;     -webkit-border-bottom-right-radius: 0;     -moz-border-top-right-radius: 0;     -moz-border-bottom-right-radius: 0;     border-top-right-radius: 0;     border-bottom-right-radius: 0; }  input[type="radio"].toggle-right + label {     -webkit-border-top-left-radius: 0;     -webkit-border-bottom-left-radius: 0;     -moz-border-top-left-radius: 0;     -moz-border-bottom-left-radius: 0;     border-top-left-radius: 0;     border-bottom-left-radius: 0; }  @font-face {   font-family: "Roboto Condensed";   src: url("https://www.maps42.com/mapserver/fonts/web/RobotoCondensed-Regular.ttf") format("truetype");   font-weight: 400;   font-style: normal; } @font-face {   font-family: "Roboto Condensed";   src: url("https://www.maps42.com/mapserver/fonts/web/RobotoCondensed-Italic.ttf") format("truetype");   font-weight: 400;   font-style: italic; } @font-face {   font-family: "Roboto Condensed";   src: url("https://www.maps42.com/mapserver/fonts/web/RobotoCondensed-Bold.ttf") format("truetype");   font-weight: 700;   font-style: normal; }    .nlf-slider__handle {   border-radius: var(--nlf-map-radius, 6px); }  .nlf-slider__handle:hover, .nlf-slider__handle:focus-visible {   border-color: var(--ui-hover-border, #0233ff); }  .nlf-poi__address {      margin: 0 0 0.6em;   line-height: 1.45; }  .nlf-poi__facts {   margin: 0;   padding: 0;   list-style: none; }  .nlf-poi__fact {   display: flex;   align-items: center;   gap: 0.6em;   padding: 0.3em 0; }  .nlf-poi__fact + .nlf-poi__fact {   border-top: 1px solid var(--ui-border, #eee); }  .nlf-poi__icon {   flex: 0 0 auto;   width: 24px;   height: 24px;   display: block; }   .nlf-poi__label {   flex: 1 1 auto;   min-width: 0; }  .nlf-poi__value {   flex: 0 0 auto;   font-weight: 600;   color: var(--ui-text-strong, #222); }   .nlf-poi__fact--na .nlf-poi__value {   font-weight: 400;   opacity: 0.7; }   .nlf-poi__teams {   margin: 0;   padding: 0;   list-style: none; }  .nlf-poi__team {   display: flex;   align-items: center;   gap: 0.6em;   padding: 0.4em 0; }  .nlf-poi__team + .nlf-poi__team {   border-top: 1px solid var(--ui-border, #eee); }   .nlf-poi__teamname {   flex: 1 1 auto;   min-width: 0;   font-weight: 600;   color: var(--accent, #0233ff);   text-decoration: none; }  .nlf-poi__teamname:hover, .nlf-poi__teamname:focus-visible {   text-decoration: underline; }   .nlf-poi__tag {   flex: 0 0 auto;   padding: 0.15em 0.7em;   border-radius: var(--radius-pill, 999px);   background: var(--accent-quiet, #eef2ff);   color: var(--accent, #0233ff);   font-size: 0.85em;   text-decoration: none;   white-space: nowrap;   transition: background var(--motion, 160ms) var(--ease, ease),               color var(--motion, 160ms) var(--ease, ease); }  .nlf-poi__tag:hover, .nlf-poi__tag:focus-visible {   background: var(--accent, #0233ff);   color: var(--on-accent, #ffffff); }  .nlf-poi__teamname:focus-visible, .nlf-poi__tag:focus-visible {   outline: none;   box-shadow: var(--ring, 0 0 0 3px rgb(2 51 255 / 0.28)); }  .nlf-poi__empty {   margin: 0;   color: var(--text-muted, #5b6b7a); }  @media (prefers-reduced-motion: reduce) {   .nlf-poi__tag { transition: none; } }   .nlf-mapdlg .nlf-tabs__panel {   border: 0;   border-radius: 0;   padding-left: 0;   padding-right: 0; }     #MapsContainer {   --ol-background-color: var(--ui-surface);   --ol-accent-background-color: var(--surface-sunken);   --ol-subtle-background-color: color-mix(in srgb, var(--ui-surface) 70%, transparent);   --ol-partial-background-color: color-mix(in srgb, var(--ui-surface) 85%, transparent);   --ol-foreground-color: var(--ui-text-strong);   --ol-subtle-foreground-color: var(--ui-text);   --ol-brand-color: var(--accent); }    #MapsContainer div:has(> div > #olControlPanel, > div > #olLegend) { pointer-events: none; }   #MapsContainer div:has(> div > #olControlPanel):has(> div > #olLegend) { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto 1fr; align-items: start; } #MapsContainer div:has(> div > #olControlPanel):has(> div > #olLegend) > div { float: none; width: auto; padding: 0; } #MapsContainer div:has(> div > #olControlPanel):has(> div > #olLegend) > div:has(> #olControlPanel) { grid-column: 1; grid-row: 2; } #MapsContainer div:has(> div > #olControlPanel):has(> div > #olLegend) > div:has(> #olLegend) { grid-column: 2; grid-row: 1 / span 2; min-width: 0; } #MapsContainer #olControlPanel > *, #MapsContainer .nlf-mapsearch, #MapsContainer #olLegend { pointer-events: auto; }  #MapsContainer.nlf-maps-ready div:has(> div > #olControlPanel, > div > #olLegend) { visibility: visible; }   #MapsContainer .nlf-mapsearch {   display: block;   position: relative;   z-index: 1112;   grid-column: 1;   grid-row: 1;   width: 18rem;   max-width: calc(100% - 1rem);   margin: 0.5rem 0.5rem 0;   font-size: 0.875rem; } @container (max-width: 40rem) {   #MapsContainer .nlf-mapsearch { grid-column: 1 / -1; width: auto; }      #MapsContainer div:has(> div > #olControlPanel):has(> div > #olLegend):has(> .nlf-mapsearch) > div:has(> #olLegend) { grid-row: 2; } } #MapsContainer .nlf-mapsearch .select2-selection--single {   height: 2.25rem;   border: 1px solid var(--ui-border);   border-radius: var(--nlf-map-radius, 6px);   background: var(--ui-surface);   box-shadow: var(--shadow-1); } #MapsContainer .nlf-mapsearch .select2-selection--single:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; } #MapsContainer .nlf-mapsearch .select2-selection__rendered { padding-left: 0.75rem; line-height: calc(2.25rem - 2px); color: var(--ui-text-strong); } #MapsContainer .nlf-mapsearch .select2-selection__placeholder { color: var(--text-muted); } #MapsContainer .nlf-mapsearch .select2-selection__arrow { height: calc(2.25rem - 2px); width: 1.75rem; } #MapsContainer .nlf-mapsearch .select2-dropdown { border-color: var(--ui-border); } .olControlPanel {   float: none;   min-width: 0;   max-width: none;   display: flex;   flex-direction: column;   align-items: flex-start;   gap: 0.5rem;   margin: 0.5rem;   padding: 0;   background: none; } .olControlPanel > .nlf-mapctl {   float: none;   display: flex;   flex-direction: column;   min-width: 0;   height: auto;   padding: 0;   overflow: hidden;   border: 1px solid var(--ui-border);   border-radius: var(--nlf-map-radius, 6px);   background: var(--ui-surface);   box-shadow: var(--shadow-1); } .olControlPanel .nlf-mapctl > button.nlf-mapbtn {   display: grid;   place-items: center;   width: 2.25rem;   height: 2.25rem;   margin: 0;   padding: 0;   border: 0;   border-radius: 0;   background: var(--ui-surface);   color: var(--ui-text-strong);   font: inherit; }  .olControlPanel .nlf-mapctl > button.nlf-mapbtn + button.nlf-mapbtn { border-top: 1px solid var(--ui-border); } .olControlPanel .nlf-mapctl > button.nlf-mapbtn:hover {   background: var(--ui-hover-bg);   color: var(--ui-hover-text); }  .olControlPanel .nlf-mapctl > button.nlf-mapbtn:focus-visible {   outline: 2px solid var(--accent);   outline-offset: -3px;   box-shadow: none;   background: var(--ui-surface);   color: var(--ui-text-strong); } .olControlPanel .nlf-mapctl > button.nlf-mapbtn:disabled { opacity: 0.35; cursor: default; } .olControlPanel .nlf-mapctl .nlf-mapbtn__icon {   display: block;   width: 1.125rem;   height: 1.125rem;   background: currentColor !important;   -webkit-mask: var(--nlf-mapicon) center / contain no-repeat;   mask: var(--nlf-mapicon) center / contain no-repeat; }   .olLegend {   float: right;   min-width: 0;   width: max-content;   max-width: min(20rem, calc(100% - 1rem));   margin: 0.5rem 0.5rem 0 auto;   background: none; } .olLegend #legend {   height: auto !important;   opacity: 1;   overflow: hidden;   border: 1px solid var(--ui-border);   border-radius: calc(var(--nlf-map-radius, 6px) + 2px);   background: var(--ui-surface);   box-shadow: var(--shadow-2);   font-family: inherit;   color: var(--ui-text-strong) !important; } .olLegend #legend #slider {   display: flex;   align-items: center;   justify-content: space-between;   gap: 0.75rem;   width: 100%;   height: auto;   margin: 0;   padding: 0.55rem 0.75rem;   border: 0;   background: var(--ui-surface);   color: var(--ui-text-strong);   font: inherit;   font-size: 0.875rem;   font-weight: 600;   text-align: left;   cursor: pointer; } .olLegend #legend #slider:hover { background: var(--surface-sunken); } .olLegend #legend #slider:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; } .olLegend #legend #slider::after {   content: "";   flex: 0 0 auto;   width: 0.75rem;   height: 0.75rem;   background: currentColor;   -webkit-mask: var(--nlf-mapicon-chevron) center / contain no-repeat;   mask: var(--nlf-mapicon-chevron) center / contain no-repeat;   transition: transform var(--motion, 160ms) var(--ease, ease); } .olLegend #legend #slider[aria-expanded="true"]::after { transform: rotate(180deg); }  .olLegend #legend #sliderDirection { display: none; } .olLegend #legend #legendContent {   padding: 0.5rem 0.75rem 0.6rem;   border: 0;   border-top: 1px solid var(--line);   background: var(--ui-surface); } .olLegend #legend #legendTree { font-size: 0.875rem; } .olLegend #legend #legendTree td { padding: 0.2rem 0.35rem 0.2rem 0; font-size: 1em; line-height: 1.3; } .olLegend #legend #legendTree label { cursor: pointer; } .olLegend #legend #legendTree input[type="checkbox"] { width: 1rem; height: 1rem; margin: 0; accent-color: var(--accent); vertical-align: middle; } .olLegend #legend #legendTree input[type="checkbox"]:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } .olLegend #legend #legendTree .bgcolor, .olLegend #legend .bgcolor, .olLegend #legend .nlf-map-swatch {   display: inline-block !important;   box-sizing: border-box;   width: 1rem;   height: 1rem;   padding: 0;   border-radius: 3px;   vertical-align: middle; }  .olLegend #legend #legendContent > .grid-parent:has(.toggle) {   display: flex;   float: none;   width: auto;   margin: 0 0 0.5rem; } .olLegend #legend #legendContent > .grid-parent:has(.toggle)::before, .olLegend #legend #legendContent > .grid-parent:has(.toggle)::after { content: none; } .olLegend #legend #legendContent > .grid-parent:has(.toggle) > div { flex: 1 1 0; float: none; width: auto; padding: 0; } .olLegend #legend input[type="radio"].toggle + label {   padding: 0.35rem 0.75rem;   border: 1px solid var(--line-strong);   border-radius: var(--nlf-map-radius, 6px);   background: var(--ui-surface);   color: var(--ui-text-strong);   font-size: 0.875rem;   text-align: center;   cursor: pointer; } .olLegend #legend input[type="radio"].toggle-left + label { border-right: 0; border-radius: var(--nlf-map-radius, 6px) 0 0 var(--nlf-map-radius, 6px); } .olLegend #legend input[type="radio"].toggle-right + label { border-radius: 0 var(--nlf-map-radius, 6px) var(--nlf-map-radius, 6px) 0; } .olLegend #legend input[type="radio"].toggle:not(:checked) + label:hover { background: var(--surface-sunken); } .olLegend #legend input[type="radio"].toggle:checked + label { border-color: var(--accent); background: var(--accent); color: var(--on-accent); } .olLegend #legend input[type="radio"].toggle:focus-visible + label { outline: 2px solid var(--accent); outline-offset: 2px; }   #mapCopyright.nlf-attribution {   display: flex;   align-items: flex-end;   gap: 0.25rem;      max-width: calc(100% - 7.5rem);   padding: 0.15rem 0.15rem 0.15rem 0.5rem;   border-radius: var(--nlf-map-radius, 6px) 0 0 0;   background: color-mix(in srgb, var(--ui-surface) 88%, transparent);   font-size: 0.6875rem;   line-height: 1.35; } #mapCopyright.nlf-attribution.nlf-attribution--collapsed { padding: 0.15rem; background: none; } #mapCopyright .nlf-attribution__text { padding: 0.1rem 0; } #mapCopyright .nlf-attribution__text[hidden] { display: none; } #mapCopyright .nlf-attribution__toggle {   display: grid;   place-items: center;   flex: 0 0 auto;   width: 1.5rem;   height: 1.5rem;   padding: 0;   border: 1px solid var(--ui-border);   border-radius: 50%;   background: var(--ui-surface);   color: var(--ui-text-strong);   cursor: pointer; } #mapCopyright .nlf-attribution__toggle:hover { background: var(--surface-sunken); } #mapCopyright .nlf-attribution__toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; } #mapCopyright .nlf-attribution__icon {   width: 1rem;   height: 1rem;   background: currentColor;   -webkit-mask: var(--nlf-mapicon-info) center / contain no-repeat;   mask: var(--nlf-mapicon-info) center / contain no-repeat; }   .nlf-mapdlg .nlf-mapdlg__content table {   width: 100%;   margin: 0 0 0.5rem;   border: 0;   border-collapse: collapse;   border-spacing: 0;   font-size: 0.9375rem; } .nlf-mapdlg .nlf-mapdlg__content table tr th, .nlf-mapdlg .nlf-mapdlg__content table tr td {   padding: 0.4rem 0.5rem;   border: 0;   border-bottom: 1px solid var(--line);   background: transparent;   color: var(--ui-text);   text-align: left !important;   vertical-align: top; } .nlf-mapdlg .nlf-mapdlg__content table tr th {   font-weight: 600;   color: var(--ui-text-strong);   background: var(--surface-sunken); } .nlf-mapdlg .nlf-mapdlg__content table thead tr th { border-bottom-color: var(--line-strong); } .nlf-mapdlg .nlf-mapdlg__content table tr:nth-child(n) { background: transparent; } .nlf-mapdlg .nlf-mapdlg__content table tbody tr:last-child > * { border-bottom: 0; }   .nlf-maptip {   padding: 0.3rem 0.55rem;   font-size: 0.8125rem;   font-weight: 600;   white-space: nowrap;   color: var(--ui-text-strong); }  @media (prefers-reduced-motion: reduce) {   .olLegend #legend #slider::after { transition: none; } }    :host,:root{--ol-background-color:white;--ol-accent-background-color:#F5F5F5;--ol-subtle-background-color:rgba(128, 128, 128, 0.25);--ol-partial-background-color:rgba(255, 255, 255, 0.75);--ol-foreground-color:#333333;--ol-subtle-foreground-color:#666666;--ol-brand-color:#00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}     .ol-rotate { position:absolute; top:.5rem; left:3.25rem; right:auto; width:64px; height:64px; } .ol-rotate.ol-hidden { display:block; }  #MapsContainer:has(.nlf-mapsearch) .ol-rotate { top:3.25rem; } .ol-rotate>button { background:transparent; width:64px; height:64px; } .ol-rotate>button:hover { background:#FFF; cursor:pointer; } .ol-rotate>button>.ol-compass { background: transparent url(imgs/ol/ol-rotate.png?v=1559014524) no-repeat center center; width:64px; height:64px; }  @media print {.ol-control{display:none;}}  .ol-fullscreen { } .ol-mouseposition { } .ol-projection { } .ol-search { } .ol-scale { } .ol-zoom-out { } .ol-zoom-in { } .ol-zoomslider { color:#000; width:100px; top:auto; left:auto; height:8px !important; margin:8px 0 !important; border:1px solid var(--line-strong) !important; }  .ol-zoomslider.nlf-slider { position:relative; } .nlf-slider .nlf-slider__handle {   position:absolute; top:50%; width:1.2em; height:1em; margin-left:-0.6em;   transform:translateY(-50%);   border:1px solid var(--ui-border, #ddd); background:var(--ui-surface, #fff);   cursor:pointer; touch-action:none; } .ol-zoomslider.nlf-slider .nlf-slider__handle { height:1em !important; } .ol-zoom-extent { }  .ol-icon-toolbar-maximize { background: url(imgs/ol/ol-maximize.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-minimize { background: url(imgs/ol/ol-minimize.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-zoomin { background: url(imgs/ol/ol-zoomin.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-zoomout { background: url(imgs/ol/ol-zoomout.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-rectzoom-in { background: url(imgs/ol/ol-zoom-boxin.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-rectzoom-out { background: url(imgs/ol/ol-zoom-boxout.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-pan { background: url(imgs/ol/ol-pan.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-info { background: url(imgs/ol/ol-info.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-measure1 { background: url(imgs/ol/ol-measure1.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-measure2 { background: url(imgs/ol/ol-measure2.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-back { background: url(imgs/ol/ol-prev.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-forward { background: url(imgs/ol/ol-next.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-graticule { background: url(imgs/ol/ol-graticule.png?v=1559014524) center center no-repeat !important; } .ol-icon-toolbar-graticule-inactive { background: url(imgs/ol/ol-graticule-inactive.png?v=1559014524) center center no-repeat !important; }   .nlf-mapctl .ol-icon-toolbar-zoomin { --nlf-mapicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); } .nlf-mapctl .ol-icon-toolbar-zoomout { --nlf-mapicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); } .nlf-mapctl .ol-icon-toolbar-home { --nlf-mapicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7'/%3E%3Cpath d='M6 9.5V20h4.5v-5.5h3V20H18V9.5'/%3E%3C/svg%3E"); } .nlf-mapctl .ol-icon-toolbar-maximize { --nlf-mapicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M15 4h5v5M20 15v5h-5M9 20H4v-5'/%3E%3C/svg%3E"); } .nlf-mapctl .ol-icon-toolbar-minimize { --nlf-mapicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4v5H4M20 9h-5V4M15 20v-5h5M4 15h5v5'/%3E%3C/svg%3E"); } .nlf-mapctl .ol-icon-toolbar-back { --nlf-mapicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14L4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 0 11H11'/%3E%3C/svg%3E"); } .nlf-mapctl .ol-icon-toolbar-forward { --nlf-mapicon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14l5-5-5-5'/%3E%3Cpath d='M20 9H9.5a5.5 5.5 0 0 0 0 11H13'/%3E%3C/svg%3E"); } #MapsContainer {   --nlf-mapicon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");   --nlf-mapicon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.5v.5'/%3E%3C/svg%3E"); }   .ol-scaleline { position:absolute; left:.5rem; bottom:.5rem; z-index:888; padding:.125rem .25rem; border-radius:var(--radius-sm, 4px); background:var(--ol-partial-background-color); }  .ol-scaleline-inner { position:static; margin:0; background:none; border-radius:0; border:1px solid var(--ui-text-strong); border-top:none; color:var(--ui-text-strong); font-size:.6875rem; line-height:1.3; text-align:center; will-change:contents,width; } .ol-overviewmap { left:auto; right:.5rem; bottom:calc(var(--nlf-attribution-h, 1.75rem) + .5rem); z-index:1000; padding:.25rem; border:1px solid var(--ui-border); border-radius:var(--nlf-map-radius, 6px); background:var(--ui-surface); box-shadow:var(--shadow-1); } .ol-overviewmap:not(.ol-collapsed) { background:var(--ui-surface); } .ol-overviewmap.ol-collapsed { padding:0; } .ol-overviewmap .ol-overviewmap-map { width:9rem; height:7rem; border:0; border-radius:calc(var(--nlf-map-radius, 6px) - 2px); overflow:hidden; } .ol-overviewmap .ol-overviewmap-box { border:2px solid var(--accent); } .ol-overviewmap button { width:2rem; height:2rem; margin:0; border-radius:var(--nlf-map-radius, 6px); background:var(--ui-surface); color:var(--ui-text-strong); font-size:1rem; line-height:1; } .ol-overviewmap:not(.ol-collapsed) button { left:.25rem; bottom:.25rem; width:1.75rem; height:1.75rem; box-shadow:var(--shadow-1); } .ol-overviewmap button:hover { background:var(--surface-sunken); color:var(--ui-text-strong); outline:none; } .ol-overviewmap button:focus-visible { outline:2px solid var(--accent); outline-offset:1px; } @container (max-width: 40rem) {   .ol-overviewmap .ol-overviewmap-map { width:7rem; height:5.5rem; } }