Sebastiankay/eft_group_map_websocket
0
1/* Variables start */2:root {3 --color-black: #000;4 --color-black-light: #1b1919;5 --color-white: #fff;6 --color-gunmetal: #383945;7 --color-gunmetal-dark: #2d2d2f;8 --color-gold-one: #c7c5b3;9 --color-gold-two: #9a8866;10 --color-blue-light: #0292c0;11 --color-gray: #424242;12 --color-gray-light : #636363;13 --color-green: #00a700;14 --color-green-light: #6a9a66;15 --color-orange : #ca8a00;16 --color-red: #cd1e2f;17 --color-red-light: #9a6666;18 --color-purple: #8c6edf;19 --color-yellow: #ffe084;20 --color-yellow-light: #E0DFD6;21 --display-height: auto; 22}23 24.desc-line-break {25 margin-top: 2rem;26 margin-bottom: 2rem;27 width: 50%;28}29 30body {31 background-color: var(--color-gunmetal-dark);32 color: var(--color-gold-one);33 margin: 0;34 padding: 0;35 height: 100%;36 font-family: bender, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;37 font-style: normal;38 font-weight: 400;39 font-size: 16px;40 word-spacing: 1px;41 -ms-text-size-adjust: 100%;42 -webkit-text-size-adjust: 100%;43 -moz-osx-font-smoothing: grayscale;44 -webkit-font-smoothing: antialiased;45}46 47code {48 font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;49}50 51body * {52 box-sizing: border-box;53}54 55iframe {56 border: 0;57 height: 100%;58 width: 100%;59}60 61input,62select,63button {64 border-radius: 0;65 font-family: inherit;66}67 68button,69input[type='submit'] {70 background-color: var(--color-gold-two);71 border: 0;72 color: var(--color-black);73 height: 40px;74 padding: 0;75}76 77input[type='text'],78input[type='number'] {79 padding: 12px;80 max-height: 40px;81 border: 2px solid var(--color-gold-two);82 background-color: var(--color-gunmetal-dark);83 color: var(--color-gold-one);84}85 86input[type='text']:focus,87input[type='number']:focus {88 outline: none;89 border: 2px solid var(--color-gold-one);90}91 92input[type='text'].number {93 width: 80px;94}95 96input[name='session-id'] {97 padding-left: 20px;98}99 100select {101 padding: 10px;102 margin-bottom: 2vh;103}104 105a {106 color: var(--color-gold-two);107 text-decoration: none;108}109 110a:hover {111 text-decoration: underline;112 text-underline-offset: 2px;113}114 115cite {116 display: block;117 font-size: 14px;118}119 120.display-wrapper {121 height: var(--display-height);122 min-height: 80vh;123 margin: 0 10px;124 position: relative;125}126 127.page-wrapper {128 margin: 0 10px;129 max-width: 1200px;130 /*min-height: 80vh;*/131}132 133.updated-label {134 color: var(--color-gold-one);135 font-size: 10px;136 left: 4px;137 position: absolute;138 top: 2px;139}140 141.time-wrapper {142 background-color: rgb( from var(--color-black) r g b / 0.5);143 padding: 10px 20px;144 position: absolute;145 right: -10px;146 top: 0;147 z-index: 1005;148 text-align: right;149}150 151.time-wrapper a {152 color: inherit;153}154 155.time-wrapper div {156 font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;157}158 159.map-image-wrapper {160 height: var(--display-height);161 width: 98vw;162 display: flex;163 align-items: center;164 justify-content: center;165}166 167.map-image {168 max-height: 100%;169 max-width: 100%;170 object-fit: contain;171}172 173.icon-with-text {174 vertical-align: middle;175 margin-right: 8px;176 margin-left: 8px;177}178 179.icon-with-text-hidden {180 visibility: hidden;181}182 183.center-title {184 text-align: center;185}186 187.screen-link {188 margin-left: 8px;189 margin-right: 8px;190 display: flex;191 flex-direction: column;192 align-items: center;193}194 195.screen-link-icon {196 vertical-align: middle;197 margin-right: 8px;198}199 200.price-wrapper {201 color: var(--color-gold-one);202 font-size: 14px;203}204 205.price-wrapper-tool {206 color: var(--color-blue-light);207 font-size: 14px;208}209 210.page-headline-wrapper {211 display: flex;212 align-items: center;213 max-width: 1200px;214 margin: auto;215 white-space: nowrap;216}217 218.page-headline-wrapper h1 {219 flex-grow: 1;220 text-align: center;221 white-space: initial;222 display: inline-flex;223}224 225.wiki-link-wrapper {226 font-size: larger;227}228 229div.tippy-box {230 background-color: var(--color-gunmetal-dark);231 color: var(--color-gold-one);232 border-color: var(--color-gray);233 border-radius: 4px;234 border-style: solid;235 border-width: 3px;236 box-shadow: 0 0 0 1px rgb( from var(--color-black) r g b / 0.1);237}238 239div.tippy-box[data-placement^='top'] > .tippy-arrow::before {240 border-top-color: var(--color-gray);241 bottom: -10px;242}243 244div.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {245 border-bottom-color: var(--color-gray);246 top: -10px;247}248 249div.tippy-box[data-placement^='left'] > .tippy-arrow::before {250 border-left-color: var(--color-gray);251 right: -10px;252}253 254div.tippy-box[data-placement^='right'] > .tippy-arrow::before {255 border-right-color: var(--color-gray);256 left: -10px;257}258 259.hr-muted {260 margin-top: 2rem;261 border-bottom: 1px solid var(--color-gold-two);262 width: 80%;263 opacity: 0.4;264}265 266.hr-muted-full {267 margin-top: 2rem;268 border-bottom: 1px solid var(--color-gold-two);269 width: 100%;270 opacity: 0.4;271}272 273.rc-slider-mark-text {274 color: rgb( from var(--color-gold-one) r g b / 0.8) !important;275}276 277.rc-slider-mark-text-active {278 color: rgb( from var(--color-gold-one) r g b/ 1) !important;279}280 281/* Global reuseable styles, specific to the Tarkov.Dev style */282.information-section {283 background: rgb( from var(--color-black) r g b / 0.1);284 border: 1px solid rgb( from var(--color-white) r g b/ 0.1);285 border-radius: 0 20px 0 20px;286 margin-bottom: 50px;287 overflow: hidden;288}289.information-section.has-table {290 border-radius: 0 20px 0 0;291}292 293.information-section h2 {294 display: flex;295 align-items: center;296 font-size: 24px;297 margin: 0;298 padding: 15px 20px;299 background: rgb( from var(--primary-color-black) r g b / 0.4);300 color: var(--color-gold-one);301 background: rgb( from var(--color-black) r g b / 0.3);302 border-bottom: 1px solid rgb( from var(--color-white) r g b / 0.1);303}304.information-section h2 svg {305 width: 1.6rem !important;306 height: auto !important;307 margin: 0 12px 0 0;308}309.information-section .content {310 padding: 20px;311}312.information-section .content p {313 margin: 0;314}315 316.filter-wrapper.open {317 z-index: 2;318}319 320 321@media screen and (min-width: 800px) {322 .control-wrapper {323 display: none;324 }325 326 .page-headline-wrapper h1 {327 flex-grow: 1;328 text-align: left;329 }330}331 332@media screen and (min-width: 1280px) {333 .page-wrapper {334 margin: 0 auto;335 }336}337 338@media screen and (min-width: 1920px) {339 .page-wrapper {340 margin: 0 auto;341 max-width: 1600px;342 }343}344 345#map {346 background-color: transparent;347}348 349/* Popup styles */350.leaflet-popup-content-wrapper {351 background-color: rgb(45, 45, 47);352}353 354.leaflet-popup-tip {355 background-color: rgb(45, 45, 47);356}357 358.leaflet-popup-content-wrapper, .leaflet-popup-content-wrapper a {359 color: var(--color-gold-one);360 font-family: bender, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;361 font-style: normal;362 /*font-weight: 400;*/363}364 365.leaflet-popup-content-wrapper a {366 color: var(--color-gold-two);367}368 369/* leaflet-control-coordinates */370.leaflet-control-coordinates {371 color: var(--color-black);372 font-weight: bold;373}374 375.leaflet-control-coordinates {376 background-color: var(--color-white);377 background-color: rgb( from var(--color-white) r g b / 0.8);378 cursor: pointer;379}380 381.leaflet-control-coordinates,382.leaflet-control-coordinates .uiElement input {383 -webkit-border-radius: 5px;384 -moz-border-radius: 5px;385 border-radius: 5px;386}387 388.leaflet-control-coordinates .uiElement {389 margin: 4px;390}391 392.leaflet-control-coordinates .uiElement .labelFirst {393 margin-right: 4px;394}395 396.leaflet-control-coordinates .uiHidden{397 display: none;398}399 400.leaflet-control-coordinates .uiElement.label {401 color: inherit;402 font-weight: inherit;403 font-size: inherit;404 padding: 0;405 display: inherit;406}407 408/* leaflet-control-groupedlayer */409.leaflet-control-layers-group-name {410 font-weight: 700;411 margin-bottom: 0.2em;412 margin-left: 3px;413}414.leaflet-control-layers-group {415 margin-bottom: 0.5em;416}417.leaflet-control-layers-scrollbar {418 overflow-y: scroll;419 padding-right: 10px;420}421.leaflet-control-layers-group-label {422 margin-bottom: 2px;423}424.leaflet-control-layers-group-selector, .leaflet-control-layers-selector {425 vertical-align: top;426}427.leaflet-control-layers-group label:not(.leaflet-control-layers-group-label) {428 text-indent: 15px;429}430.leaflet-control-layers-group.group-collapsable.collapsed .leaflet-control-layers-group-collapse,431.leaflet-control-layers-group.group-collapsable:not(.collapsed) .leaflet-control-layers-group-expand,432.leaflet-control-layers-group.group-collapsable.collapsed label:not(.leaflet-control-layers-group-label){433 display: none;434}435.leaflet-control-layers-group-expand-default:before{436 content: "+"; 437 width: 12px; 438 display: inline-block; 439 text-align: center;440}441.leaflet-control-layers-group-collapse-default:before{442 content: "-"; 443 width: 12px; 444 display: inline-block; 445 text-align: center;446}447/* leaflet-control-groupedlayer */448.control-item-image {449 height: 14px;450 position: relative;451 top: 2px;452}453 454/* elevation visability */455 456.leaflet-layer.off-level > .leaflet-tile-container,457div.leaflet-pane.leaflet-overlay-pane > img.off-level {458 opacity: 20%;459}460 461div.awesome-marker.off-level {462 opacity: 20%;463 z-index: -9999 !important;464}465 466div.leaflet-pane.leaflet-marker-pane > .off-level {467 opacity: 20%;468 z-index: -9999 !important;469}470 471div.leaflet-overlay-pane > svg.leaflet-zoom-animated > g > path.off-level {472 stroke-opacity: 20%;473 fill-opacity: 2%;474}475 476.not-shown {477 display: none;478}479 480.leaflet-container .leaflet-marker-pane .extract-icon img {481 max-width: 24px !important;482 max-height: 24px !important;483}484 485.extract-icon {486 display: inline;487 white-space: nowrap;488}489 490.extract-name {491 font-weight: 800;492 font-size: 18px;493 font-family: Arial, Helvetica, sans-serif;494 color: var(--color-white);495 white-space: nowrap;496 /* text-transform: uppercase; */497 vertical-align: top;498 text-shadow: 0 0 3px var(--color-black);499 -webkit-text-stroke: 0.5px var(--color-black);500}501 502.extract-name.pmc {503 color: var(--color-green);504}505 506.extract-name.scav {507 color: var(--color-orange);508}509 510.extract-name.shared {511 color: var(--color-blue-light);512}513 514.extract-name.transit {515 color: var(--color-red);516}517 518.poi-image, img.popup-item {519 max-width: 24px;520 max-height: 24px;521 vertical-align: middle;522}523 524.poi-link {525 cursor: pointer;526}527 528/* general control styles */529.leaflet-control {530 background-color: rgb( from var(--color-black) r g b / 0.75);531 color: var(--color-gold-one);532 font-family: bender, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;533 font-style: normal;534 font-weight: 400;535 font-size: 16px;536}537 538/* only active tasks control */539.leaflet-control-map-settings.leaflet-control {540 padding: 4px 4px;541}542 543.leaflet-control-map-settings {544 background-color: rgb( from var(--color-black) r g b / 0.75);545}546 547.leaflet-container.only-active-quest-markers .inactive-quest-marker {548 display: none;549}550 551/* fullscreen control */552.leaflet-control-fullscreen a {553 background-color: rgb( from var(--color-black) r g b / 0.75);554}555 556.leaflet-control-fullscreen a:hover {557 background-color: rgba(50, 50, 50, 0.75);558}559 560/* zoom control */561.leaflet-bar a {562 background-color: transparent;563 color: var(--color-gold-one);564 border-bottom-color: rgb(50, 50, 50);565}566 567.leaflet-bar a:hover, .leaflet-bar a:active {568 background-color: rgba(25, 25, 25, 0.75);569 color: var(--color-gold-one);570}571 572.leaflet-bar a.leaflet-disabled {573 color: var(--color-gold-two);574 background-color: rgba(50, 50, 50, 0.75);575}576 577.leaflet-bar a.leaflet-disabled:hover, .leaflet-bar a.leaflet-disabled:active {578 background-color: rgba(40, 40, 40, 0.75);579}580 581.leaflet-control-layers-list {582 font-size: 14px;583}584 585.leaflet-control-fullscreen a {586 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA0CAYAAACU7CiIAAAAxnpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjabVBRDsMgCP3nFDuC8KjicezaJrvBjj+suLTLXuITeOSh0P5+HfToEFbSpViuOSeHVq3SPLA00E7mpCePpIXG9zpBQxAvwW+M1HL0zzp/DaYhp+ViZM8Q1rtQY4DYj1EMQn+ReLCFUQ0jyBA4DFp8IVcr1y+se7rDxqFOx9xJGddvrsW3ty0+ByI7GMkZYykQ9KOE5gE7M8wbE+pZUWdFjpf0Df/Z0wR9AGIiWbdAFcPEAAABhGlDQ1BJQ0MgcHJvZmlsZQAAeJx9kT1Iw1AUhU/TSkUqBe0g4pChOtlFRRxLFYtgobQVWnUweekfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfE2cFJ0UVKvC8ptIjxwuN9nHfP4b37AKFVY6oZiAOqZhmZZELMF1bF4Ct8GEIYAUQlZuqp7GIOnvV1T91UdzGe5d33Zw0qRZMBPpE4znTDIt4gnt20dM77xBFWkRTic+JJgy5I/Mh12eU3zmWHBZ4ZMXKZeeIIsVjuYbmHWcVQiWeIo4qqUb6Qd1nhvMVZrTVY5578haGitpLlOq0xJLGEFNIQIaOBKmqwEKNdI8VEhs4THv5Rx58ml0yuKhg5FlCHCsnxg//B79mapekpNymUAPpebPtjHAjuAu2mbX8f23b7BPA/A1da119vAXOfpDe7WvQICG8DF9ddTd4DLneAkSddMiRH8tMSSiXg/Yy+qQAM3wIDa+7cOuc4fQByNKvlG+DgEJgoU/a6x7v7e+f2b09nfj92lnKoz48yYwAADXZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDQuNC4wLUV4aXYyIj4KIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgIHhtbG5zOkdJTVA9Imh0dHA6Ly93d3cuZ2ltcC5vcmcveG1wLyIKICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICB4bXBNTTpEb2N1bWVudElEPSJnaW1wOmRvY2lkOmdpbXA6NDAyNDAzZGQtMzYxMS00OGRjLWJjMGUtNzQ0NmViYTcxNTc3IgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2NTkzNGExLWNhYzAtNGJjNS05Mjc3LTljMDgyZTc3NzA0MSIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmUyMmRkYjhlLWIzZTQtNGRkYy1iN2YxLTRiZDdiNzEyZGVmZCIKICAgZGM6Rm9ybWF0PSJpbWFnZS9wbmciCiAgIEdJTVA6QVBJPSIyLjAiCiAgIEdJTVA6UGxhdGZvcm09IldpbmRvd3MiCiAgIEdJTVA6VGltZVN0YW1wPSIxNzA1NTkwMjg2MzczMjE5IgogICBHSU1QOlZlcnNpb249IjIuMTAuMzQiCiAgIHRpZmY6T3JpZW50YXRpb249IjEiCiAgIHhtcDpDcmVhdG9yVG9vbD0iR0lNUCAyLjEwIgogICB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0OjAxOjE4VDA5OjA0OjQ2LTA2OjAwIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyNDowMToxOFQwOTowNDo0Ni0wNjowMCI+CiAgIDx4bXBNTTpIaXN0b3J5PgogICAgPHJkZjpTZXE+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ0MzNjMDAwLTc2MjQtNDcxOS1hNjBhLTBmMDJiZDZiYTZhMyIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChXaW5kb3dzKSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyNC0wMS0xOFQwOTowNDo0NiIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz6tAhAHAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH6AESDwQuQlUKHQAAAIdJREFUWMPtl0EOwCAIBNemH+NllZfxNHvxZKixNDWx3TmiBlHAFSCkkjyjmRXPLiIpMg8AtlkR7b1Bb2eRCKdG9D1HZFHMrPRqIrKOdfROr2vP+05vY2cghFCpUqku9/A1x5IBHI1ZRSSHs+5JJvI3McfRheJUZ6qOKtXhrKvZlXlHVKrkB5zEQE3lVsjhWQAAAABJRU5ErkJggg==");587}588 589/* Raid Info control */590.leaflet-control-raid-info {591 background-color: rgb( from var(--color-black) r g b / 0.5);592 line-height: normal;593}594 595.leaflet-control-raid-info a {596 color: var(--color-gold-one);597}598 599/* Area labels */600.leaflet-marker-icon.map-area-label {601 font-family: bender, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;602 font-weight: 800;603 font-size: 20px;604 color: var(--color-gold-one);605 text-shadow: 0 0 3px var(--color-black);606 -webkit-text-stroke: 0.5px var(--color-black);607 text-align: center;608}609 610.leaflet-marker-icon.map-area-label .label {611 position: absolute;612 /*-webkit-transform: translate3d(-50%, -50%, 0); 613 -moz-transform: translate3d(-50%, -50%, 0); 614 transform: translate3d(-50%, -50%, 0);*/615 width: 200px;616}617 618.leaflet-marker-icon.map-area-label.off-level {619 display: none;620}621 