.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane > svg,.leaflet-pane > canvas,.leaflet-zoom-box,.leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; }
.leaflet-container { overflow: hidden; }
.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; }
.leaflet-tile::selection { background: transparent; }
.leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; }
.leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; }
.leaflet-marker-icon, .leaflet-marker-shadow { display: block; }
.leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; }
.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; }
.leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter; }
.leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; }
.leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; touch-action: none; touch-action: pinch-zoom; }
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; }
.leaflet-container { -webkit-tap-highlight-color: transparent; }
.leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }
.leaflet-tile { filter: inherit; visibility: hidden; }
.leaflet-tile-loaded { visibility: inherit; }
.leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; }
.leaflet-overlay-pane svg { -moz-user-select: none; }
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape { width: 1px; height: 1px; }
.lvml { behavior: url(#default#VML); display: inline-block; position: absolute; }
/* control positioning */.leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; pointer-events: auto; }
.leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; }
.leaflet-top { top: 0; }
.leaflet-right { right: 0; }
.leaflet-bottom { bottom: 0; }
.leaflet-left { left: 0; }
.leaflet-control { float: left; clear: both; }
.leaflet-right .leaflet-control { float: right; }
.leaflet-top .leaflet-control { margin-top: 10px; }
.leaflet-bottom .leaflet-control { margin-bottom: 10px; }
.leaflet-left .leaflet-control { margin-left: 10px; }
.leaflet-right .leaflet-control { margin-right: 10px; }
/* zoom and fade animations */.leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; }
.leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
svg.leaflet-zoom-animated { will-change: transform; }
.leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition:         transform 0.25s cubic-bezier(0,0,0.25,1); }
.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; }
.leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; }
/* cursors */ .leaflet-interactive { cursor: pointer; }
.leaflet-grab { cursor: -webkit-grab; cursor:    -moz-grab; cursor:         grab; }
.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive { cursor: crosshair; }
.leaflet-popup-pane,.leaflet-control { cursor: auto; }
.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor:    -moz-grabbing; cursor:         grabbing; }
/* marker & overlays interactivity */.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane > svg path,.leaflet-tile-container { pointer-events: none; }
.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane > svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; pointer-events: auto; }
/* visual tweaks */.leaflet-container { background: #ddd; outline-offset: 1px; }
.leaflet-container a { color: #0078A8; }
.leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); }
/* general typography */ .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; }
/* general toolbar styles */.leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; }
.leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; }
.leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; }
.leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; }
.leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; }
.leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; }
.leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; }
.leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
/* zoom control */.leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; }
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  { font-size: 22px; }
/* layers control */.leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; }
.leaflet-control-layers-toggle { background-image: url(images/layers.png); width: 36px; height: 36px; }/* ---- RES ----*/
.leaflet-retina .leaflet-control-layers-toggle { background-image: url(images/layers-2x.png); background-size: 26px 26px; }/* ---- RES ----*/
.leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; }
.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; }
.leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; }
.leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; }
.leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; }
.leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; }
.leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; }
.leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; }
/* Default icon URLs */.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ background-image: url(images/marker-icon.png); }/* ---- RES ----*/
/* attribution and scale controls */.leaflet-container .leaflet-control-attribution {background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; }
.leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; }
.leaflet-control-attribution a { text-decoration: none; }
.leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; }
.leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; }
.leaflet-left .leaflet-control-scale { margin-left: 5px; }
.leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; }
.leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; }
.leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; }
.leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; }
.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; }
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; }
/* popup */.leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; }
.leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; }
.leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; }
.leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; }
.leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; }
.leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); }
.leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; }
.leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; }
.leaflet-popup-scrolled { overflow: auto; }
.leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; }
.leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }
.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; }
.leaflet-div-icon { background: #fff; border: 1px solid #666; }
/* Tooltip */.leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); }
.leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; }
/* Directions */.leaflet-tooltip-bottom { margin-top: 6px; }
.leaflet-tooltip-top { margin-top: -6px; }
.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; }
.leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; }
.leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; }
.leaflet-tooltip-left { margin-left: -6px; }
.leaflet-tooltip-right { margin-left: 6px; }
.leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; }
.leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; }
.leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; }
/* Printing */@media print { .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact;} }


    .leaflet-iconLayers { pointer-events: none; }
    .leaflet-iconLayers-layersRow { display: table; pointer-events: auto; }
    .leaflet-iconLayers-layerCell { display: table-cell; background-image: url('transparent-pixel.png'); } /* ---- RES ----*/
    .leaflet-iconLayers_topleft .leaflet-iconLayers-layerCell, .leaflet-iconLayers_bottomleft .leaflet-iconLayers-layerCell { padding-right: 5px; }
    .leaflet-iconLayers_topright .leaflet-iconLayers-layerCell, .leaflet-iconLayers_bottomright .leaflet-iconLayers-layerCell { padding-left: 5px; }
    .leaflet-iconLayers_topleft .leaflet-iconLayers-layerCell, .leaflet-iconLayers_topright .leaflet-iconLayers-layerCell { padding-bottom: 5px; }
    .leaflet-iconLayers_bottomleft .leaflet-iconLayers-layerCell, .leaflet-iconLayers_bottomright .leaflet-iconLayers-layerCell { padding-top: 5px; }
    .leaflet-iconLayers-layer { cursor: pointer; position: relative; width: 80px; height: 80px; background-color: #fff; background-repeat: no-repeat; background-size: cover; text-align: center; box-sizing: border-box; box-shadow: 0 0 5px #000; }
    .leaflet-iconLayers-layerTitleContainer { display: table; width: 100%; background: rgba(255,255,255,0.6); height: 25%; padding: 0; border: 0; position: absolute; bottom: 0%; transition: bottom .35s ease; }
    .leaflet-iconLayers-layerCheckIcon { display: none; position: absolute; top: 3px; right: 3px; width: 18px; height: 18px; background: url('check.png'); background-color: #fff; background-repeat: no-repeat; background-position: 4px 4px; border-radius: 10px; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.6); }/* ---- RES ----*/
    .leaflet-iconLayers-layerTitle { display: table-cell; vertical-align: middle; }
    .leaflet-iconLayers-layerCell_hidden { display: none; }
    .leaflet-iconLayers-layerCell_active .leaflet-iconLayers-layer { cursor: default; }
    .leaflet-iconLayers-layerCell_active .leaflet-iconLayers-layerCheckIcon { display: block; }

    .leaflet-routing-container, .leaflet-routing-error { width: 320px; background-color: white; padding-top: 4px; transition: all 0.2s ease; box-sizing: border-box; }
    .leaflet-control-container .leaflet-routing-container-hide { width: 32px; height: 32px; }
    .leaflet-routing-container h2 { font-size: 14px; }
    .leaflet-routing-container h3 { font-size: 12px; font-weight: normal; }
    .leaflet-routing-collapsible .leaflet-routing-geocoders { margin-top: 20px; }
    .leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error { padding: 6px; margin-top: 2px; margin-bottom: 6px; border-bottom: 1px solid #ccc; max-height: 320px; overflow-y: auto; transition: all 0.2s ease; }
    .leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-alt,.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-geocoders { display: none; }
    .leaflet-bar .leaflet-routing-alt:last-child { border-bottom: none; }
    .leaflet-routing-alt-minimized { color: #888; max-height: 64px; overflow: hidden; cursor: pointer; }
    .leaflet-routing-alt table { border-collapse: collapse; }
    .leaflet-routing-alt tr:hover { background-color: #eee; cursor: pointer; }
    .leaflet-routing-alt::-webkit-scrollbar { width: 8px; }
    .leaflet-routing-alt::-webkit-scrollbar-track { border-radius: 2px; background-color: #eee; }
    .leaflet-routing-alt::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #888; }
    .leaflet-routing-icon { background-image: url('leaflet.routing.icons.png'); -webkit-background-size: 240px 20px; background-size: 240px 20px; background-repeat: no-repeat; margin: 0; content: ''; display: inline-block; vertical-align: top; width: 20px; height: 20px; }/*--- RES ---*/
    .leaflet-routing-icon-continue         { background-position: 0 0; }
    .leaflet-routing-icon-sharp-right      { background-position: -20px 0; }
    .leaflet-routing-icon-turn-right       { background-position: -40px 0; }
    .leaflet-routing-icon-bear-right       { background-position: -60px 0; }
    .leaflet-routing-icon-u-turn           { background-position: -80px 0; }
    .leaflet-routing-icon-sharp-left       { background-position: -100px 0; }
    .leaflet-routing-icon-turn-left        { background-position: -120px 0; }
    .leaflet-routing-icon-bear-left        { background-position: -140px 0; }
    .leaflet-routing-icon-depart           { background-position: -160px 0; }
    .leaflet-routing-icon-enter-roundabout { background-position: -180px 0; }
    .leaflet-routing-icon-arrive           { background-position: -200px 0; }
    .leaflet-routing-icon-via              { background-position: -220px 0; }
    .leaflet-routing-geocoders div { padding: 4px 0px 4px 0px; }
    .leaflet-routing-geocoders input { width: 303px; width: calc(100% - 4px); line-height: 1.67; border: 1px solid #ccc; }
    .leaflet-routing-geocoders button { font: bold 18px 'Lucida Console', Monaco, monospace; border: 1px solid #ccc; border-radius: 4px; background-color: white; margin: 0; margin-right: 3px; float: right; cursor: pointer; transition: background-color 0.2s ease; }
    .leaflet-routing-add-waypoint:after { content: '+'; }
    .leaflet-routing-reverse-waypoints:after { font-weight: normal; content: '\21c5'; }
    .leaflet-routing-geocoders button:hover { background-color: #eee; }
    .leaflet-routing-geocoders input,.leaflet-routing-remove-waypoint,.leaflet-routing-geocoder { position: relative; }
    .leaflet-routing-geocoder-result { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; position: absolute; max-height: 0; overflow: hidden; transition: all 0.5s ease; z-index: 1000; }
    .leaflet-routing-geocoder-result table { width: 100%; border: 1px solid #ccc; border-radius: 0 0 4px 4px; background-color: white; cursor: pointer; }
    .leaflet-routing-geocoder-result-open { max-height: 800px; }
    .leaflet-routing-geocoder-selected, .leaflet-routing-geocoder-result tr:hover { background-color: #eee; }
    .leaflet-routing-geocoder-no-results { font-style: italic; color: #888; }
    .leaflet-routing-remove-waypoint { background-color: transparent; display: inline-block; vertical-align: middle; cursor: pointer; }
    .leaflet-routing-remove-waypoint:after { position: absolute; display: block; width: 15px; height: 1px; z-index: 1; right: 1px; top: 4px; bottom: 0; margin: auto; padding: 2px; font-size: 18px; font-weight: bold; content: "\00d7"; text-align: center; cursor: pointer; color: #ccc; background: white; padding-bottom: 16px; margin-top: -16px; padding-right: 4px; line-height: 1; }
    .leaflet-routing-remove-waypoint:hover { color: black; }
    .leaflet-routing-instruction-distance { width: 48px; }
    .leaflet-routing-collapse-btn { position: absolute; top: 0; right: 6px; font-size: 24px; color: #ccc; font-weight: bold; }
    .leaflet-routing-collapse-btn:after { content: '\00d7'; }
    .leaflet-routing-container-hide .leaflet-routing-collapse-btn { position: relative; left: 4px; top: 4px; display: block; width: 26px; height: 23px; background-image: url('routing-icon.png'); }/*--- RES ---*/
    .leaflet-routing-container-hide .leaflet-routing-collapse-btn:after { content: none; }
    .leaflet-top .leaflet-routing-container.leaflet-routing-container-hide { margin-top: 10px !important; }
    .leaflet-right .leaflet-routing-container.leaflet-routing-container-hide { margin-right: 10px !important; }
    .leaflet-bottom .leaflet-routing-container.leaflet-routing-container-hide { margin-bottom: 10px !important; }
    .leaflet-left .leaflet-routing-container.leaflet-routing-container-hide { margin-left: 10px !important; }
    @media only screen and (max-width: 640px) { .leaflet-routing-container { margin: 0 !important; padding: 0 !important; width: 100%; height: 100%; } }



    .sidepanel {
        width: 400px;
        height: 100%;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
        border: 0;
        position: absolute;
        background-color: #ffffff;
        box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
        z-index: 3000;
        cursor: default;
      }
      .sidepanel.sidepanel-dark {
        background-color: #191a1d;
      }
      @media screen and (max-width: 450px) {
        .sidepanel {
          width: calc(100% - 56px);
        }
      }
      
      .sidepanel.sidepanel-left {
        left: 0;
        transform: translateX(-100%);
      }
      .sidepanel.sidepanel-left.opened {
        animation: slide-right 0.5s ease 0s 1 both;
      }
      .sidepanel.sidepanel-left.closed {
        animation: slide-left 0.5s ease 0s 1 both;
      }
      
      .sidepanel.sidepanel-right {
        right: 0;
        transform: translateX(100%);
      }
      .sidepanel.sidepanel-right.opened {
        -webkit-animation: slide-right-two 0.5s ease 0s 1 both;
        animation: slide-right-two 0.5s ease 0s 1 both;
      }
      .sidepanel.sidepanel-right.closed {
        -webkit-animation: slide-left-two 0.5s ease 0s 1 both;
        animation: slide-left-two 0.5s ease 0s 1 both;
      }
      
      .sidepanel-inner-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        z-index: 1000;
      }
      .sidepanel.sidepanel-dark .sidepanel-inner-wrapper {
        background-color: #191a1d;
      }
      
      .sidepanel-content-wrapper {
        position: absolute;
        height: 100%;
        width: 100%;
        color: #191a1d;
        overflow-y: auto;
        overflow-x: hidden;
      }
      .sidepanel.sidepanel-dark .sidepanel-content-wrapper {
        color: #d4d4d4;
      }
      .sidepanel-content-wrapper .sidepanel-content {
        position: absolute;
        padding: 1rem 1rem;
      }
      .sidepanel-content-wrapper .sidepanel-content .sidepanel-tab-content {
        color: inherit;
        display: none;
      }
      .sidepanel-content-wrapper .sidepanel-content .sidepanel-tab-content.active {
        display: block;
        animation: fade-in 0.36s ease-out;
      }
      .sidepanel-content-wrapper::-webkit-scrollbar {
        width: 6px;
      }
      .sidepanel-content-wrapper::-webkit-scrollbar-track {
        background: transparent;
      }
      .sidepanel-content-wrapper::-webkit-scrollbar-thumb {
        background: #636363;
        border-radius: 0px;
      }
      .sidepanel-content-wrapper::-webkit-scrollbar-thumb:hover {
        background: #383838;
      }
      
      .sidepanel.tabs-top .sidepanel-content-wrapper,
      .sidepanel.tabs-bottom .sidepanel-content-wrapper {
        height: calc(100% - 48px);
      }
      
      .sidepanel.tabs-top .sidepanel-content-wrapper {
        top: 48px;
      }
      
      .sidepanel.tabs-right .sidepanel-content-wrapper,
      .sidepanel.tabs-bottom .sidepanel-content-wrapper,
      .sidepanel.tabs-left .sidepanel-content-wrapper {
        top: 0;
      }
      
      .sidepanel.tabs-right .sidepanel-content-wrapper {
        right: 48px;
      }
      
      .sidepanel.tabs-left .sidepanel-content-wrapper {
        left: 48px;
      }
      
      .sidepanel.tabs-right .sidepanel-content-wrapper,
      .sidepanel.tabs-left .sidepanel-content-wrapper {
        height: 100%;
        width: calc(100% - 48px);
      }
      
      .sidepanel-tabs-wrapper {
        position: absolute;
        height: 48px;
        width: 100%;
        background-color: #ffffff;
        display: flex;
        align-items: center;
      }
      .sidepanel.sidepanel-dark .sidepanel-tabs-wrapper {
        background-color: #191a1d;
      }
      .sidepanel-tabs-wrapper .sidepanel-tabs {
        list-style-type: none;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        height: 100%;
        width: 100%;
      }
      .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab {
        flex-grow: 1;
        flex-basis: 0;
        align-self: stretch;
      }
      @media screen and (max-width: 230px) {
        .sidepanel-tabs-wrapper .sidepanel-tabs {
          overflow: scroll;
        }
      }
      
      .sidepanel.tabs-left .sidepanel-tabs-wrapper,
      .sidepanel.tabs-right .sidepanel-tabs-wrapper {
        width: 48px;
        height: 100%;
      }
      .sidepanel.tabs-left .sidepanel-tabs,
      .sidepanel.tabs-right .sidepanel-tabs {
        flex-direction: column;
        width: 48px;
      }
      .sidepanel.tabs-left .sidepanel-tabs .sidepanel-tab,
      .sidepanel.tabs-right .sidepanel-tabs .sidepanel-tab {
        margin-bottom: 0;
      }
      
      .sidepanel.tabs-left .sidepanel-tabs-wrapper {
        left: 0;
      }
      
      .sidepanel.tabs-right .sidepanel-tabs-wrapper {
        right: 0;
      }
      
      .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        color: #4b5057;
        height: 45px;
        line-height: 1.7;
        padding-left: 8px;
        padding-right: 8px;
        border: 0;
        text-decoration: none;
        text-transform: uppercase;
        transition: border-color 0.12s ease-out, color 0.12s ease-out;
      }
      .sidepanel.sidepanel-dark .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link {
        color: #6d737c;
      }
      .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:hover {
        color: #191a1d;
      }
      .sidepanel.sidepanel-dark .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:hover {
        color: #e7ecf1;
      }
      .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:active, .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link.active {
        color: #199900;
      }
      .sidepanel.sidepanel-dark .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:active, .sidepanel.sidepanel-dark .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link.active {
        color: #199900;
      }
      
      .sidepanel.tabs-top .sidepanel-tabs-wrapper {
        top: 0;
        box-shadow: inset 0 -1px 0 #d4d4d4;
      }
      .sidepanel.tabs-top .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link {
        border-bottom: 2px solid transparent;
      }
      .sidepanel.tabs-top .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:hover {
        border-bottom-color: rgba(175, 184, 193, 0.2);
      }
      .sidepanel.tabs-top .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:active, .sidepanel.tabs-top .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link.active {
        border-bottom-color: #199900;
      }
      
      .sidepanel.sidepanel-dark.tabs-top .sidepanel-tabs-wrapper {
        box-shadow: inset 0 -1px 0 #202429;
      }
      .sidepanel.sidepanel-dark.tabs-top .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:hover {
        border-bottom-color: rgba(175, 184, 193, 0.2);
      }
      .sidepanel.sidepanel-dark.tabs-top .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:active, .sidepanel.sidepanel-dark.tabs-top .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link.active {
        border-bottom-color: #199900;
      }
      
      .sidepanel.tabs-bottom .sidepanel-tabs-wrapper {
        top: auto;
        bottom: 0;
        box-shadow: inset 0 1px 0 #d4d4d4;
      }
      .sidepanel.tabs-bottom .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link {
        border-top: 2px solid transparent;
        margin-top: 1px;
      }
      .sidepanel.tabs-bottom .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:hover {
        border-top-color: rgba(175, 184, 193, 0.2);
      }
      .sidepanel.tabs-bottom .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:active, .sidepanel.tabs-bottom .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link.active {
        border-top-color: #199900;
      }
      
      .sidepanel.sidepanel-dark.tabs-bottom .sidepanel-tabs-wrapper {
        box-shadow: inset 0 1px 0 #202429;
      }
      .sidepanel.sidepanel-dark.tabs-bottom .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:hover {
        border-top-color: rgba(175, 184, 193, 0.2);
      }
      .sidepanel.sidepanel-dark.tabs-bottom .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:active, .sidepanel.sidepanel-dark.tabs-bottom .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link.active {
        border-top-color: #199900;
      }
      
      .sidepanel.tabs-left .sidepanel-tabs-wrapper {
        left: 0;
        box-shadow: inset -1px 0 0 #d4d4d4;
      }
      .sidepanel.tabs-left .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link {
        border-right: 2px solid transparent;
        margin-right: 1px;
      }
      .sidepanel.tabs-left .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:hover {
        border-right-color: rgba(175, 184, 193, 0.2);
      }
      .sidepanel.tabs-left .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:active, .sidepanel.tabs-left .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link.active {
        border-right-color: #199900;
      }
      
      .sidepanel.sidepanel-dark.tabs-left .sidepanel-tabs-wrapper {
        box-shadow: inset -1px 0 0 #202429;
      }
      .sidepanel.sidepanel-dark.tabs-left .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:hover {
        border-right-color: rgba(175, 184, 193, 0.2);
      }
      .sidepanel.sidepanel-dark.tabs-left .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:active, .sidepanel.sidepanel-dark.tabs-left .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link.active {
        border-right-color: #199900;
      }
      
      .sidepanel.tabs-right .sidepanel-tabs-wrapper {
        right: 0;
        box-shadow: inset 1px 0 0 #d4d4d4;
      }
      .sidepanel.tabs-right .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link {
        border-left: 2px solid transparent;
        margin-left: 1px;
      }
      .sidepanel.tabs-right .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:hover {
        border-left-color: rgba(175, 184, 193, 0.2);
      }
      .sidepanel.tabs-right .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:active, .sidepanel.tabs-right .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link.active {
        border-left-color: #199900;
      }
      
      .sidepanel.sidepanel-dark.tabs-right .sidepanel-tabs-wrapper {
        box-shadow: inset 1px 0 0 #202429;
      }
      .sidepanel.sidepanel-dark.tabs-right .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:hover {
        border-left-color: rgba(175, 184, 193, 0.2);
      }
      .sidepanel.sidepanel-dark.tabs-right .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:active, .sidepanel.sidepanel-dark.tabs-right .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link.active {
        border-left-color: #199900;
      }
      
      .sidepanel.tabs-left .sidepanel-tabs-wrapper .sidepanel-tabs,
      .sidepanel.tabs-right .sidepanel-tabs-wrapper .sidepanel-tabs {
        height: auto;
      }
      .sidepanel.tabs-left .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link,
      .sidepanel.tabs-right .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link {
        padding-top: 8px;
        padding-bottom: 8px;
      }
      
      .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link img,
      .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link svg {
        vertical-align: middle;
      }
      
      .sidepanel .sidepanel-toggle-container {
        display: block;
        position: absolute;
        top: calc(50% - 24px);
        left: 100%;
        right: 0;
        width: 24px;
        height: 48px;
        z-index: 500;
      }
      .sidepanel .sidepanel-toggle-container .sidepanel-toggle-button { position: absolute; overflow: visible; padding: 0; margin: 0; width: 24px; height: 48px; cursor: pointer; background-color: #ffffff; border: 0; border-left: 1px solid #d4d4d4; border-radius: 0 8px 8px 0; box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15); }
      .sidepanel .sidepanel-toggle-container .sidepanel-toggle-button::before { content: ""; position: absolute; width: 24px; height: 48px; top: 0; left: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234B5057%22%20class%3D%22bi%20bi-caret-right-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m12.14%208.753-5.482%204.796c-.646.566-1.658.106-1.658-.753V3.204a1%201%200%200%201%201.659-.753l5.48%204.796a1%201%200%200%201%200%201.506z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; opacity: 1; }
      .sidepanel .sidepanel-toggle-container .sidepanel-toggle-button:focus { outline: none; }
      .sidepanel.sidepanel-dark .sidepanel-toggle-container .sidepanel-toggle-button { background-color: #191a1d; border-left: 1px solid #202429; }
      .sidepanel.sidepanel-dark .sidepanel-toggle-container .sidepanel-toggle-button::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%236D737C%22%20class%3D%22bi%20bi-caret-right-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m12.14%208.753-5.482%204.796c-.646.566-1.658.106-1.658-.753V3.204a1%201%200%200%201%201.659-.753l5.48%204.796a1%201%200%200%201%200%201.506z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; }
      .sidepanel.sidepanel-right .sidepanel-toggle-container { left: -24px; right: 100%; }
      .sidepanel.opened .sidepanel-toggle-container .sidepanel-toggle-button::before,.sidepanel.sidepanel-right .sidepanel-toggle-container .sidepanel-toggle-button::before,.sidepanel.sidepanel-right.closed .sidepanel-toggle-container .sidepanel-toggle-button::before {background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234B5057%22%20class%3D%22bi%20bi-caret-right-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m12.14%208.753-5.482%204.796c-.646.566-1.658.106-1.658-.753V3.204a1%201%200%200%201%201.659-.753l5.48%204.796a1%201%200%200%201%200%201.506z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; transform: rotate(180deg); }
      .sidepanel.sidepanel-dark.opened .sidepanel-toggle-container .sidepanel-toggle-button::before,.sidepanel.sidepanel-dark.sidepanel-right .sidepanel-toggle-container .sidepanel-toggle-button::before,.sidepanel.sidepanel-dark.sidepanel-right.closed .sidepanel-toggle-container .sidepanel-toggle-button::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%236D737C%22%20class%3D%22bi%20bi-caret-right-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m12.14%208.753-5.482%204.796c-.646.566-1.658.106-1.658-.753V3.204a1%201%200%200%201%201.659-.753l5.48%204.796a1%201%200%200%201%200%201.506z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; }
      .sidepanel .sidepanel-toggle-container .sidepanel-toggle-button::before, .sidepanel.closed .sidepanel-toggle-container .sidepanel-toggle-button::before,.sidepanel.sidepanel-right.opened .sidepanel-toggle-container .sidepanel-toggle-button::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234B5057%22%20class%3D%22bi%20bi-caret-right-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m12.14%208.753-5.482%204.796c-.646.566-1.658.106-1.658-.753V3.204a1%201%200%200%201%201.659-.753l5.48%204.796a1%201%200%200%201%200%201.506z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; transform: rotate(0deg); }
      .sidepanel.sidepanel-dark .sidepanel-toggle-container .sidepanel-toggle-button::before, .sidepanel.sidepanel-dark.closed .sidepanel-toggle-container .sidepanel-toggle-button::before, .sidepanel.sidepanel-dark.sidepanel-right.opened .sidepanel-toggle-container .sidepanel-toggle-button::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%236D737C%22%20class%3D%22bi%20bi-caret-right-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22m12.14%208.753-5.482%204.796c-.646.566-1.658.106-1.658-.753V3.204a1%201%200%200%201%201.659-.753l5.48%204.796a1%201%200%200%201%200%201.506z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; }
      .sidepanel.sidepanel-right .sidepanel-toggle-container .sidepanel-toggle-button { border-left: 0; border-right: 1px solid #d4d4d4; border-radius: 8px 0 0 8px; }
      .sidepanel.sidepanel-dark.sidepanel-right .sidepanel-toggle-container .sidepanel-toggle-button { border-right: 1px solid #202429; }
      .leaflet-anim-control-container.left-opened .leaflet-left { left: 400px; transition: left 0.5s ease; }
      @media screen and (max-width: 450px) { .leaflet-anim-control-container.left-opened .leaflet-left { left: calc(100% - 56px); } }
      .leaflet-anim-control-container.left-closed .leaflet-left { left: 0; transition: left 0.5s ease; }
      .leaflet-anim-control-container.right-opened .leaflet-right { right: 400px; transition: right 0.5s ease, right 0.5s ease; }
      @media screen and (max-width: 450px) { .leaflet-anim-control-container.right-opened .leaflet-right { right: calc(100% - 56px); } }
      .leaflet-anim-control-container.right-closed .leaflet-right { right: 0; transition: right 0.5s ease, right 0.5s ease; }
      @keyframes slide-left { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
      @keyframes slide-right { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } }
      @keyframes slide-left-two { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } }
      @keyframes slide-right-two { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } }
      @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }