mapbox-gl.css 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611
  1. .mapboxgl-map {
  2. font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  3. overflow: hidden;
  4. position: relative;
  5. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  6. text-align: left;
  7. }
  8. .mapboxgl-map:-webkit-full-screen {
  9. width: 100%;
  10. height: 100%;
  11. }
  12. .mapboxgl-canary {
  13. background-color: salmon;
  14. }
  15. .mapboxgl-canvas-container.mapboxgl-interactive,
  16. .mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass {
  17. cursor: -webkit-grab;
  18. cursor: -moz-grab;
  19. cursor: grab;
  20. -moz-user-select: none;
  21. -webkit-user-select: none;
  22. -ms-user-select: none;
  23. user-select: none;
  24. }
  25. .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  26. cursor: pointer;
  27. }
  28. .mapboxgl-canvas-container.mapboxgl-interactive:active,
  29. .mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass:active {
  30. cursor: -webkit-grabbing;
  31. cursor: -moz-grabbing;
  32. cursor: grabbing;
  33. }
  34. .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
  35. .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  36. touch-action: pan-x pan-y;
  37. }
  38. .mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
  39. .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  40. touch-action: pinch-zoom;
  41. }
  42. .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
  43. .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  44. touch-action: none;
  45. }
  46. .mapboxgl-ctrl-top-left,
  47. .mapboxgl-ctrl-top-right,
  48. .mapboxgl-ctrl-bottom-left,
  49. .mapboxgl-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2; }
  50. .mapboxgl-ctrl-top-left { top: 0; left: 0; }
  51. .mapboxgl-ctrl-top-right { top: 0; right: 0; }
  52. .mapboxgl-ctrl-bottom-left { bottom: 0; left: 0; }
  53. .mapboxgl-ctrl-bottom-right { right: 0; bottom: 0; }
  54. .mapboxgl-ctrl {
  55. clear: both;
  56. pointer-events: auto;
  57. /* workaround for a Safari bug https://github.com/mapbox/mapbox-gl-js/issues/8185 */
  58. transform: translate(0, 0);
  59. }
  60. .mapboxgl-ctrl-top-left .mapboxgl-ctrl { margin: 10px 0 0 10px; float: left; }
  61. .mapboxgl-ctrl-top-right .mapboxgl-ctrl { margin: 10px 10px 0 0; float: right; }
  62. .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl { margin: 0 0 10px 10px; float: left; }
  63. .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl { margin: 0 10px 10px 0; float: right; }
  64. .mapboxgl-ctrl-group {
  65. border-radius: 4px;
  66. background: #fff;
  67. }
  68. .mapboxgl-ctrl-group:not(:empty) {
  69. -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  70. -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  71. box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  72. }
  73. .mapboxgl-ctrl-group > button {
  74. width: 30px;
  75. height: 30px;
  76. display: block;
  77. padding: 0;
  78. outline: none;
  79. border: 0;
  80. box-sizing: border-box;
  81. background-color: transparent;
  82. cursor: pointer;
  83. }
  84. .mapboxgl-ctrl-group > button + button {
  85. border-top: 1px solid #ddd;
  86. }
  87. /* https://bugzilla.mozilla.org/show_bug.cgi?id=140562 */
  88. .mapboxgl-ctrl > button::-moz-focus-inner {
  89. border: 0;
  90. padding: 0;
  91. }
  92. .mapboxgl-ctrl > button:hover {
  93. background-color: rgba(0, 0, 0, 0.05);
  94. }
  95. .mapboxgl-ctrl-group > button:focus {
  96. box-shadow: 0 0 2px 2px rgba(0, 150, 255, 1);
  97. }
  98. .mapboxgl-ctrl-group > button:focus:focus-visible {
  99. box-shadow: 0 0 2px 2px rgba(0, 150, 255, 1);
  100. }
  101. .mapboxgl-ctrl-group > button:focus:not(:focus-visible) {
  102. box-shadow: none;
  103. }
  104. .mapboxgl-ctrl-group > button:focus:first-child {
  105. border-radius: 4px 4px 0 0;
  106. }
  107. .mapboxgl-ctrl-group > button:focus:last-child {
  108. border-radius: 0 0 4px 4px;
  109. }
  110. .mapboxgl-ctrl-group > button:focus:only-child {
  111. border-radius: inherit;
  112. }
  113. .mapboxgl-ctrl-icon,
  114. .mapboxgl-ctrl-icon > .mapboxgl-ctrl-compass-arrow {
  115. speak: none;
  116. -webkit-font-smoothing: antialiased;
  117. -moz-osx-font-smoothing: grayscale;
  118. }
  119. .mapboxgl-ctrl-icon {
  120. padding: 5px;
  121. }
  122. .mapboxgl-ctrl-icon.mapboxgl-ctrl-icon-disabled {
  123. opacity: 0.25;
  124. border-color: #373737;
  125. }
  126. .mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out {
  127. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='m 7,9 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 6,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z'/%3E %3C/svg%3E");
  128. }
  129. .mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in {
  130. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='M 10 6 C 9.446 6 9 6.4459904 9 7 L 9 9 L 7 9 C 6.446 9 6 9.446 6 10 C 6 10.554 6.446 11 7 11 L 9 11 L 9 13 C 9 13.55401 9.446 14 10 14 C 10.554 14 11 13.55401 11 13 L 11 11 L 13 11 C 13.554 11 14 10.554 14 10 C 14 9.446 13.554 9 13 9 L 11 9 L 11 7 C 11 6.4459904 10.554 6 10 6 z'/%3E %3C/svg%3E");
  131. }
  132. .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate::before {
  133. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
  134. content: "";
  135. display: block;
  136. width: 100%;
  137. height: 100%;
  138. }
  139. .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate::before:disabled {
  140. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
  141. }
  142. .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active::before {
  143. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
  144. }
  145. .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error::before {
  146. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
  147. }
  148. .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background::before {
  149. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M 10,4 C 9,4 9,5 9,5 L 9,5.1 C 7.0357113,5.5006048 5.5006048,7.0357113 5.1,9 L 5,9 c 0,0 -1,0 -1,1 0,1 1,1 1,1 l 0.1,0 c 0.4006048,1.964289 1.9357113,3.499395 3.9,3.9 L 9,15 c 0,0 0,1 1,1 1,0 1,-1 1,-1 l 0,-0.1 c 1.964289,-0.400605 3.499395,-1.935711 3.9,-3.9 l 0.1,0 c 0,0 1,0 1,-1 C 16,9 15,9 15,9 L 14.9,9 C 14.499395,7.0357113 12.964289,5.5006048 11,5.1 L 11,5 c 0,0 0,-1 -1,-1 z m 0,2.5 c 1.932997,0 3.5,1.5670034 3.5,3.5 0,1.932997 -1.567003,3.5 -3.5,3.5 C 8.0670034,13.5 6.5,11.932997 6.5,10 6.5,8.0670034 8.0670034,6.5 10,6.5 Z'/%3E %3C/svg%3E");
  150. }
  151. .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error::before {
  152. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E %3Cpath d='M 10,4 C 9,4 9,5 9,5 L 9,5.1 C 7.0357113,5.5006048 5.5006048,7.0357113 5.1,9 L 5,9 c 0,0 -1,0 -1,1 0,1 1,1 1,1 l 0.1,0 c 0.4006048,1.964289 1.9357113,3.499395 3.9,3.9 L 9,15 c 0,0 0,1 1,1 1,0 1,-1 1,-1 l 0,-0.1 c 1.964289,-0.400605 3.499395,-1.935711 3.9,-3.9 l 0.1,0 c 0,0 1,0 1,-1 C 16,9 15,9 15,9 L 14.9,9 C 14.499395,7.0357113 12.964289,5.5006048 11,5.1 L 11,5 c 0,0 0,-1 -1,-1 z m 0,2.5 c 1.932997,0 3.5,1.5670034 3.5,3.5 0,1.932997 -1.567003,3.5 -3.5,3.5 C 8.0670034,13.5 6.5,11.932997 6.5,10 6.5,8.0670034 8.0670034,6.5 10,6.5 Z'/%3E %3C/svg%3E");
  153. }
  154. .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting::before {
  155. -webkit-animation: mapboxgl-spin 2s infinite linear;
  156. -moz-animation: mapboxgl-spin 2s infinite linear;
  157. -o-animation: mapboxgl-spin 2s infinite linear;
  158. -ms-animation: mapboxgl-spin 2s infinite linear;
  159. animation: mapboxgl-spin 2s infinite linear;
  160. }
  161. @-webkit-keyframes mapboxgl-spin {
  162. 0% { -webkit-transform: rotate(0deg); }
  163. 100% { -webkit-transform: rotate(360deg); }
  164. }
  165. @-moz-keyframes mapboxgl-spin {
  166. 0% { -moz-transform: rotate(0deg); }
  167. 100% { -moz-transform: rotate(360deg); }
  168. }
  169. @-o-keyframes mapboxgl-spin {
  170. 0% { -o-transform: rotate(0deg); }
  171. 100% { -o-transform: rotate(360deg); }
  172. }
  173. @-ms-keyframes mapboxgl-spin {
  174. 0% { -ms-transform: rotate(0deg); }
  175. 100% { -ms-transform: rotate(360deg); }
  176. }
  177. @keyframes mapboxgl-spin {
  178. 0% { transform: rotate(0deg); }
  179. 100% { transform: rotate(360deg); }
  180. }
  181. .mapboxgl-ctrl-icon.mapboxgl-ctrl-fullscreen {
  182. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M 5 4 C 4.5 4 4 4.5 4 5 L 4 6 L 4 9 L 4.5 9 L 5.7773438 7.296875 C 6.7771319 8.0602131 7.835765 8.9565728 8.890625 10 C 7.8257121 11.0633 6.7761791 11.951675 5.78125 12.707031 L 4.5 11 L 4 11 L 4 15 C 4 15.5 4.5 16 5 16 L 9 16 L 9 15.5 L 7.2734375 14.205078 C 8.0428931 13.187886 8.9395441 12.133481 9.9609375 11.068359 C 11.042371 12.14699 11.942093 13.2112 12.707031 14.21875 L 11 15.5 L 11 16 L 14 16 L 15 16 C 15.5 16 16 15.5 16 15 L 16 14 L 16 11 L 15.5 11 L 14.205078 12.726562 C 13.177985 11.949617 12.112718 11.043577 11.037109 10.009766 C 12.151856 8.981061 13.224345 8.0798624 14.228516 7.3046875 L 15.5 9 L 16 9 L 16 5 C 16 4.5 15.5 4 15 4 L 11 4 L 11 4.5 L 12.703125 5.7773438 C 11.932647 6.7864834 11.026693 7.8554712 9.9707031 8.9199219 C 8.9584739 7.8204943 8.0698767 6.7627188 7.3046875 5.7714844 L 9 4.5 L 9 4 L 6 4 L 5 4 z '/%3E %3C/svg%3E");
  183. }
  184. .mapboxgl-ctrl-icon.mapboxgl-ctrl-shrink {
  185. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23000000;' d='M 4.2421875 3.4921875 A 0.750075 0.750075 0 0 0 3.71875 4.78125 L 5.9648438 7.0273438 L 4 8.5 L 4 9 L 8 9 C 8.500001 8.9999988 9 8.4999992 9 8 L 9 4 L 8.5 4 L 7.0175781 5.9550781 L 4.78125 3.71875 A 0.750075 0.750075 0 0 0 4.2421875 3.4921875 z M 15.734375 3.4921875 A 0.750075 0.750075 0 0 0 15.21875 3.71875 L 12.984375 5.953125 L 11.5 4 L 11 4 L 11 8 C 11 8.4999992 11.499999 8.9999988 12 9 L 16 9 L 16 8.5 L 14.035156 7.0273438 L 16.28125 4.78125 A 0.750075 0.750075 0 0 0 15.734375 3.4921875 z M 4 11 L 4 11.5 L 5.9648438 12.972656 L 3.71875 15.21875 A 0.75130096 0.75130096 0 1 0 4.78125 16.28125 L 7.0273438 14.035156 L 8.5 16 L 9 16 L 9 12 C 9 11.500001 8.500001 11.000001 8 11 L 4 11 z M 12 11 C 11.499999 11.000001 11 11.500001 11 12 L 11 16 L 11.5 16 L 12.972656 14.035156 L 15.21875 16.28125 A 0.75130096 0.75130096 0 1 0 16.28125 15.21875 L 14.035156 12.972656 L 16 11.5 L 16 11 L 12 11 z '/%3E %3C/svg%3E");
  186. }
  187. .mapboxgl-ctrl-icon.mapboxgl-ctrl-compass > .mapboxgl-ctrl-compass-arrow {
  188. width: 20px;
  189. height: 20px;
  190. margin: 5px;
  191. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolygon fill='%23333333' points='6,9 10,1 14,9'/%3E %3Cpolygon fill='%23CCCCCC' points='6,11 10,19 14,11 '/%3E %3C/svg%3E");
  192. background-repeat: no-repeat;
  193. display: inline-block;
  194. }
  195. a.mapboxgl-ctrl-logo {
  196. width: 85px;
  197. height: 21px;
  198. margin: 0 0 -3px -3px;
  199. display: block;
  200. background-repeat: no-repeat;
  201. cursor: pointer;
  202. background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 84.49 21' style='enable-background:new 0 0 84.49 21;' xml:space='preserve'%3E%3Cg%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M83.25,14.26c0,0.12-0.09,0.21-0.21,0.21h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39l-1.44,2.39 c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68L76.2,6.84 c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.4-2.35 c0.06-0.11,0.18-0.17,0.3-0.17H83c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.37,3.63l2.43,3.67 C83.24,14.18,83.25,14.22,83.25,14.26z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M66.24,9.59c-0.39-1.88-1.96-3.28-3.84-3.28c-1.03,0-2.03,0.42-2.73,1.18V3.51c0-0.13-0.1-0.23-0.23-0.23h-1.4 c-0.13,0-0.23,0.11-0.23,0.23v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.11,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.73,1.18 c1.88,0,3.45-1.41,3.84-3.29C66.37,10.79,66.37,10.18,66.24,9.59L66.24,9.59z M62.08,13c-1.32,0-2.39-1.11-2.41-2.48v-0.06 c0.02-1.38,1.09-2.48,2.41-2.48s2.42,1.12,2.42,2.51S63.41,13,62.08,13z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M71.67,6.32c-1.98-0.01-3.72,1.35-4.16,3.29c-0.13,0.59-0.13,1.19,0,1.77c0.44,1.94,2.17,3.32,4.17,3.3 c2.35,0,4.26-1.87,4.26-4.19S74.04,6.32,71.67,6.32z M71.65,13.01c-1.33,0-2.42-1.12-2.42-2.51s1.08-2.52,2.42-2.52 c1.33,0,2.42,1.12,2.42,2.51S72.99,13,71.65,13.01L71.65,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M62.08,7.98c-1.32,0-2.39,1.11-2.41,2.48v0.06C59.68,11.9,60.75,13,62.08,13s2.42-1.12,2.42-2.51 S63.41,7.98,62.08,7.98z M62.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25 c0.63,0,1.17,0.57,1.17,1.27C63.24,11.2,62.73,11.76,62.08,11.76z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M71.65,7.98c-1.33,0-2.42,1.12-2.42,2.51S70.32,13,71.65,13s2.42-1.12,2.42-2.51S72.99,7.98,71.65,7.98z M71.65,11.76c-0.64,0-1.17-0.57-1.17-1.27c0-0.7,0.53-1.26,1.17-1.26s1.17,0.57,1.17,1.27C72.82,11.21,72.29,11.76,71.65,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M45.74,6.53h-1.4c-0.13,0-0.23,0.11-0.23,0.23v0.73c-0.71-0.75-1.7-1.18-2.73-1.18 c-2.17,0-3.94,1.87-3.94,4.19s1.77,4.19,3.94,4.19c1.04,0,2.03-0.43,2.73-1.19v0.73c0,0.13,0.1,0.23,0.23,0.23h1.4 c0.13,0,0.23-0.11,0.23-0.23V6.74c0-0.12-0.09-0.22-0.22-0.22C45.75,6.53,45.75,6.53,45.74,6.53z M44.12,10.53 C44.11,11.9,43.03,13,41.71,13s-2.42-1.12-2.42-2.51s1.08-2.52,2.4-2.52c1.33,0,2.39,1.11,2.41,2.48L44.12,10.53z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M41.71,7.98c-1.33,0-2.42,1.12-2.42,2.51S40.37,13,41.71,13s2.39-1.11,2.41-2.48v-0.06 C44.1,9.09,43.03,7.98,41.71,7.98z M40.55,10.49c0-0.7,0.52-1.27,1.17-1.27c0.64,0,1.14,0.56,1.17,1.25v0.04 c-0.01,0.68-0.53,1.24-1.17,1.24C41.08,11.75,40.55,11.19,40.55,10.49z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M52.41,6.32c-1.03,0-2.03,0.42-2.73,1.18V6.75c0-0.13-0.1-0.23-0.23-0.23h-1.4c-0.13,0-0.23,0.11-0.23,0.23 v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.1,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.74,1.18c2.17,0,3.94-1.87,3.94-4.19 S54.58,6.32,52.41,6.32z M52.08,13.01c-1.32,0-2.39-1.11-2.42-2.48v-0.07c0.02-1.38,1.09-2.49,2.4-2.49c1.32,0,2.41,1.12,2.41,2.51 S53.4,13,52.08,13.01L52.08,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M52.08,7.98c-1.32,0-2.39,1.11-2.42,2.48v0.06c0.03,1.38,1.1,2.48,2.42,2.48s2.41-1.12,2.41-2.51 S53.4,7.98,52.08,7.98z M52.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25c0.63,0,1.17,0.58,1.17,1.27 S52.72,11.76,52.08,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M36.08,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68c0-0.98-0.74-1.71-1.62-1.71 c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.11,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V6.74 c0.01-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03c1.09,0,2.09,0.6,2.6,1.55 c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78L36.08,14.24z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M84.34,13.59l-0.07-0.13l-1.96-2.99l1.94-2.95c0.44-0.67,0.26-1.56-0.41-2.02c-0.02,0-0.03,0-0.04-0.01 c-0.23-0.15-0.5-0.22-0.78-0.22h-1.61c-0.56,0-1.08,0.29-1.37,0.78L79.72,6.6l-0.34-0.56C79.09,5.56,78.57,5.27,78,5.27h-1.6 c-0.6,0-1.13,0.37-1.35,0.92c-2.19-1.66-5.28-1.47-7.26,0.45c-0.35,0.34-0.65,0.72-0.89,1.14c-0.9-1.62-2.58-2.72-4.5-2.72 c-0.5,0-1.01,0.07-1.48,0.23V3.51c0-0.82-0.66-1.48-1.47-1.48h-1.4c-0.81,0-1.47,0.66-1.47,1.47v3.75 c-0.95-1.36-2.5-2.18-4.17-2.19c-0.74,0-1.46,0.16-2.12,0.47c-0.24-0.17-0.54-0.26-0.84-0.26h-1.4c-0.45,0-0.87,0.21-1.15,0.56 c-0.02-0.03-0.04-0.05-0.07-0.08c-0.28-0.3-0.68-0.47-1.09-0.47h-1.39c-0.3,0-0.6,0.09-0.84,0.26c-0.67-0.3-1.39-0.46-2.12-0.46 c-1.83,0-3.43,1-4.37,2.5c-0.2-0.46-0.48-0.89-0.83-1.25c-0.8-0.81-1.89-1.25-3.02-1.25h-0.01c-0.89,0.01-1.75,0.33-2.46,0.88 c-0.74-0.57-1.64-0.88-2.57-0.88H28.1c-0.29,0-0.58,0.03-0.86,0.11c-0.28,0.06-0.56,0.16-0.82,0.28c-0.21-0.12-0.45-0.18-0.7-0.18 h-1.4c-0.82,0-1.47,0.66-1.47,1.47v7.5c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.48-0.66,1.48-1.48l0,0V9.79 c0.03-0.36,0.23-0.59,0.36-0.59c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41c0.82,0,1.47-0.66,1.47-1.47 l-0.01-4.57c0.06-0.32,0.25-0.47,0.35-0.47c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41 c0.82,0,1.47-0.66,1.47-1.47v-0.38c0.96,1.29,2.46,2.06,4.06,2.06c0.74,0,1.46-0.16,2.12-0.47c0.24,0.17,0.54,0.26,0.84,0.26h1.39 c0.3,0,0.6-0.09,0.84-0.26v2.01c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.47-0.66,1.47-1.47v-1.77c0.48,0.15,0.99,0.23,1.49,0.22 c1.7,0,3.22-0.87,4.17-2.2v0.52c0,0.82,0.66,1.47,1.47,1.47h1.4c0.3,0,0.6-0.09,0.84-0.26c0.66,0.31,1.39,0.47,2.12,0.47 c1.92,0,3.6-1.1,4.49-2.73c1.54,2.65,4.95,3.53,7.58,1.98c0.18-0.11,0.36-0.22,0.53-0.36c0.22,0.55,0.76,0.91,1.35,0.9H78 c0.56,0,1.08-0.29,1.37-0.78l0.37-0.61l0.37,0.61c0.29,0.48,0.81,0.78,1.38,0.78h1.6c0.81,0,1.46-0.66,1.45-1.46 C84.49,14.02,84.44,13.8,84.34,13.59L84.34,13.59z M35.86,14.47h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23 V9.68c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23 V6.74c0.01-0.13,0.11-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03 c1.09,0,2.09,0.6,2.6,1.55c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78l0.01,5.16C36.09,14.36,35.98,14.46,35.86,14.47 L35.86,14.47z M45.97,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V13.5c-0.7,0.76-1.69,1.18-2.72,1.18 c-2.17,0-3.94-1.87-3.94-4.19s1.77-4.19,3.94-4.19c1.03,0,2.02,0.43,2.73,1.18V6.74c0-0.13,0.1-0.23,0.23-0.23h1.4 c0.12-0.01,0.22,0.08,0.23,0.21c0,0.01,0,0.01,0,0.02v7.51h-0.01V14.24z M52.41,14.67c-1.03,0-2.02-0.43-2.73-1.18v3.97 c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.1-0.23-0.23V6.75c0-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.23,0.11,0.23,0.23v0.73 c0.71-0.76,1.7-1.18,2.73-1.18c2.17,0,3.94,1.86,3.94,4.18S54.58,14.67,52.41,14.67z M66.24,11.39c-0.39,1.87-1.96,3.29-3.84,3.29 c-1.03,0-2.02-0.43-2.73-1.18v0.73c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V3.51c0-0.13,0.1-0.23,0.23-0.23 h1.4c0.13,0,0.23,0.11,0.23,0.23v3.97c0.71-0.75,1.7-1.18,2.73-1.17c1.88,0,3.45,1.4,3.84,3.28C66.37,10.19,66.37,10.8,66.24,11.39 L66.24,11.39L66.24,11.39z M71.67,14.68c-2,0.01-3.73-1.35-4.17-3.3c-0.13-0.59-0.13-1.19,0-1.77c0.44-1.94,2.17-3.31,4.17-3.3 c2.36,0,4.26,1.87,4.26,4.19S74.03,14.68,71.67,14.68L71.67,14.68z M83.04,14.47h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39 l-1.44,2.39c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68 L76.2,6.84c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.41-2.36 c0.06-0.11,0.18-0.17,0.3-0.17h1.61c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.38,3.64l2.43,3.67 c0.02,0.03,0.03,0.07,0.03,0.12C83.25,14.38,83.16,14.47,83.04,14.47L83.04,14.47L83.04,14.47z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M10.5,1.24c-5.11,0-9.25,4.15-9.25,9.25s4.15,9.25,9.25,9.25s9.25-4.15,9.25-9.25 C19.75,5.38,15.61,1.24,10.5,1.24z M14.89,12.77c-1.93,1.93-4.78,2.31-6.7,2.31c-0.7,0-1.41-0.05-2.1-0.16c0,0-1.02-5.64,2.14-8.81 c0.83-0.83,1.95-1.28,3.13-1.28c1.27,0,2.49,0.51,3.39,1.42C16.59,8.09,16.64,11,14.89,12.77z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M10.5-0.01C4.7-0.01,0,4.7,0,10.49s4.7,10.5,10.5,10.5S21,16.29,21,10.49C20.99,4.7,16.3-0.01,10.5-0.01z M10.5,19.74c-5.11,0-9.25-4.15-9.25-9.25s4.14-9.26,9.25-9.26s9.25,4.15,9.25,9.25C19.75,15.61,15.61,19.74,10.5,19.74z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M14.74,6.25C12.9,4.41,9.98,4.35,8.23,6.1c-3.16,3.17-2.14,8.81-2.14,8.81s5.64,1.02,8.81-2.14 C16.64,11,16.59,8.09,14.74,6.25z M12.47,10.34l-0.91,1.87l-0.9-1.87L8.8,9.43l1.86-0.9l0.9-1.87l0.91,1.87l1.86,0.9L12.47,10.34z'/%3E %3Cpolygon class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' points='14.33,9.43 12.47,10.34 11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 '/%3E%3C/g%3E%3C/svg%3E");
  203. }
  204. a.mapboxgl-ctrl-logo.mapboxgl-compact {
  205. width: 21px;
  206. height: 21px;
  207. background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' style='enable-background:new 0 0 21 21;' xml:space='preserve'%3E%3Cg transform='translate(0,0.01)'%3E%3Cpath d='m 10.5,1.24 c -5.11,0 -9.25,4.15 -9.25,9.25 0,5.1 4.15,9.25 9.25,9.25 5.1,0 9.25,-4.15 9.25,-9.25 0,-5.11 -4.14,-9.25 -9.25,-9.25 z m 4.39,11.53 c -1.93,1.93 -4.78,2.31 -6.7,2.31 -0.7,0 -1.41,-0.05 -2.1,-0.16 0,0 -1.02,-5.64 2.14,-8.81 0.83,-0.83 1.95,-1.28 3.13,-1.28 1.27,0 2.49,0.51 3.39,1.42 1.84,1.84 1.89,4.75 0.14,6.52 z' style='opacity:0.9;fill:%23ffffff;enable-background:new' class='st0'/%3E%3Cpath d='M 10.5,-0.01 C 4.7,-0.01 0,4.7 0,10.49 c 0,5.79 4.7,10.5 10.5,10.5 5.8,0 10.5,-4.7 10.5,-10.5 C 20.99,4.7 16.3,-0.01 10.5,-0.01 Z m 0,19.75 c -5.11,0 -9.25,-4.15 -9.25,-9.25 0,-5.1 4.14,-9.26 9.25,-9.26 5.11,0 9.25,4.15 9.25,9.25 0,5.13 -4.14,9.26 -9.25,9.26 z' style='opacity:0.35;enable-background:new' class='st1'/%3E%3Cpath d='M 14.74,6.25 C 12.9,4.41 9.98,4.35 8.23,6.1 5.07,9.27 6.09,14.91 6.09,14.91 c 0,0 5.64,1.02 8.81,-2.14 C 16.64,11 16.59,8.09 14.74,6.25 Z m -2.27,4.09 -0.91,1.87 -0.9,-1.87 -1.86,-0.91 1.86,-0.9 0.9,-1.87 0.91,1.87 1.86,0.9 z' style='opacity:0.35;enable-background:new' class='st1'/%3E%3Cpolygon points='11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 14.33,9.43 12.47,10.34 ' style='opacity:0.9;fill:%23ffffff;enable-background:new' class='st0'/%3E%3C/g%3E%3C/svg%3E");
  208. }
  209. .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  210. padding: 0 5px;
  211. background-color: rgba(255, 255, 255, 0.5);
  212. margin: 0;
  213. }
  214. @media screen {
  215. .mapboxgl-ctrl-attrib.mapboxgl-compact {
  216. min-height: 20px;
  217. padding: 0;
  218. margin: 10px;
  219. position: relative;
  220. background-color: #fff;
  221. border-radius: 3px 12px 12px 3px;
  222. }
  223. .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
  224. padding: 2px 24px 2px 4px;
  225. visibility: visible;
  226. margin-top: 6px;
  227. }
  228. .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover,
  229. .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
  230. padding: 2px 4px 2px 24px;
  231. border-radius: 12px 3px 3px 12px;
  232. }
  233. .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
  234. display: none;
  235. }
  236. .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner {
  237. display: block;
  238. }
  239. .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
  240. content: '';
  241. cursor: pointer;
  242. position: absolute;
  243. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='%23333333' fill-rule='evenodd' d='M4,10a6,6 0 1,0 12,0a6,6 0 1,0 -12,0 M9,7a1,1 0 1,0 2,0a1,1 0 1,0 -2,0 M9,10a1,1 0 1,1 2,0l0,3a1,1 0 1,1 -2,0'/%3E %3C/svg%3E");
  244. background-color: rgba(255, 255, 255, 0.5);
  245. width: 24px;
  246. height: 24px;
  247. box-sizing: border-box;
  248. border-radius: 12px;
  249. }
  250. .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
  251. bottom: 0;
  252. right: 0;
  253. }
  254. .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
  255. top: 0;
  256. right: 0;
  257. }
  258. .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
  259. top: 0;
  260. left: 0;
  261. }
  262. .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
  263. bottom: 0;
  264. left: 0;
  265. }
  266. }
  267. .mapboxgl-ctrl-attrib a {
  268. color: rgba(0, 0, 0, 0.75);
  269. text-decoration: none;
  270. }
  271. .mapboxgl-ctrl-attrib a:hover {
  272. color: inherit;
  273. text-decoration: underline;
  274. }
  275. /* stylelint-disable-next-line selector-class-pattern */
  276. .mapboxgl-ctrl-attrib .mapbox-improve-map {
  277. font-weight: bold;
  278. margin-left: 2px;
  279. }
  280. .mapboxgl-attrib-empty {
  281. display: none;
  282. }
  283. .mapboxgl-ctrl-scale {
  284. background-color: rgba(255, 255, 255, 0.75);
  285. font-size: 10px;
  286. border-width: medium 2px 2px;
  287. border-style: none solid solid;
  288. border-color: #333;
  289. padding: 0 5px;
  290. color: #333;
  291. box-sizing: border-box;
  292. }
  293. .mapboxgl-popup {
  294. position: absolute;
  295. top: 0;
  296. left: 0;
  297. display: -webkit-flex;
  298. display: flex;
  299. will-change: transform;
  300. pointer-events: none;
  301. }
  302. .mapboxgl-popup-anchor-top,
  303. .mapboxgl-popup-anchor-top-left,
  304. .mapboxgl-popup-anchor-top-right {
  305. -webkit-flex-direction: column;
  306. flex-direction: column;
  307. }
  308. .mapboxgl-popup-anchor-bottom,
  309. .mapboxgl-popup-anchor-bottom-left,
  310. .mapboxgl-popup-anchor-bottom-right {
  311. -webkit-flex-direction: column-reverse;
  312. flex-direction: column-reverse;
  313. }
  314. .mapboxgl-popup-anchor-left {
  315. -webkit-flex-direction: row;
  316. flex-direction: row;
  317. }
  318. .mapboxgl-popup-anchor-right {
  319. -webkit-flex-direction: row-reverse;
  320. flex-direction: row-reverse;
  321. }
  322. .mapboxgl-popup-tip {
  323. width: 0;
  324. height: 0;
  325. border: 10px solid transparent;
  326. z-index: 1;
  327. }
  328. .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  329. -webkit-align-self: center;
  330. align-self: center;
  331. border-top: none;
  332. border-bottom-color: #fff;
  333. }
  334. .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  335. -webkit-align-self: flex-start;
  336. align-self: flex-start;
  337. border-top: none;
  338. border-left: none;
  339. border-bottom-color: #fff;
  340. }
  341. .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  342. -webkit-align-self: flex-end;
  343. align-self: flex-end;
  344. border-top: none;
  345. border-right: none;
  346. border-bottom-color: #fff;
  347. }
  348. .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  349. -webkit-align-self: center;
  350. align-self: center;
  351. border-bottom: none;
  352. border-top-color: #fff;
  353. }
  354. .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  355. -webkit-align-self: flex-start;
  356. align-self: flex-start;
  357. border-bottom: none;
  358. border-left: none;
  359. border-top-color: #fff;
  360. }
  361. .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  362. -webkit-align-self: flex-end;
  363. align-self: flex-end;
  364. border-bottom: none;
  365. border-right: none;
  366. border-top-color: #fff;
  367. }
  368. .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  369. -webkit-align-self: center;
  370. align-self: center;
  371. border-left: none;
  372. border-right-color: #fff;
  373. }
  374. .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  375. -webkit-align-self: center;
  376. align-self: center;
  377. border-right: none;
  378. border-left-color: #fff;
  379. }
  380. .mapboxgl-popup-close-button {
  381. position: absolute;
  382. right: 0;
  383. top: 0;
  384. border: 0;
  385. border-radius: 0 3px 0 0;
  386. cursor: pointer;
  387. background-color: transparent;
  388. }
  389. .mapboxgl-popup-close-button:hover {
  390. background-color: rgba(0, 0, 0, 0.05);
  391. }
  392. .mapboxgl-popup-content {
  393. position: relative;
  394. background: #fff;
  395. border-radius: 3px;
  396. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  397. padding: 10px 10px 15px;
  398. pointer-events: auto;
  399. }
  400. .mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  401. border-top-left-radius: 0;
  402. }
  403. .mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  404. border-top-right-radius: 0;
  405. }
  406. .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  407. border-bottom-left-radius: 0;
  408. }
  409. .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  410. border-bottom-right-radius: 0;
  411. }
  412. .mapboxgl-popup-track-pointer {
  413. display: none;
  414. }
  415. .mapboxgl-popup-track-pointer * {
  416. pointer-events: none;
  417. user-select: none;
  418. }
  419. .mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  420. display: flex;
  421. }
  422. .mapboxgl-map:active .mapboxgl-popup-track-pointer {
  423. display: none;
  424. }
  425. .mapboxgl-marker {
  426. position: absolute;
  427. top: 0;
  428. left: 0;
  429. will-change: transform;
  430. }
  431. .mapboxgl-user-location-dot {
  432. background-color: #1da1f2;
  433. width: 15px;
  434. height: 15px;
  435. border-radius: 50%;
  436. }
  437. .mapboxgl-user-location-dot::before {
  438. background-color: #1da1f2;
  439. content: '';
  440. width: 15px;
  441. height: 15px;
  442. border-radius: 50%;
  443. position: absolute;
  444. -webkit-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  445. -moz-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  446. -ms-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  447. animation: mapboxgl-user-location-dot-pulse 2s infinite;
  448. }
  449. .mapboxgl-user-location-dot::after {
  450. border-radius: 50%;
  451. border: 2px solid #fff;
  452. content: '';
  453. height: 19px;
  454. left: -2px;
  455. position: absolute;
  456. top: -2px;
  457. width: 19px;
  458. box-sizing: border-box;
  459. box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  460. }
  461. @-webkit-keyframes mapboxgl-user-location-dot-pulse {
  462. 0% { -webkit-transform: scale(1); opacity: 1; }
  463. 70% { -webkit-transform: scale(3); opacity: 0; }
  464. 100% { -webkit-transform: scale(1); opacity: 0; }
  465. }
  466. @-ms-keyframes mapboxgl-user-location-dot-pulse {
  467. 0% { -ms-transform: scale(1); opacity: 1; }
  468. 70% { -ms-transform: scale(3); opacity: 0; }
  469. 100% { -ms-transform: scale(1); opacity: 0; }
  470. }
  471. @keyframes mapboxgl-user-location-dot-pulse {
  472. 0% { transform: scale(1); opacity: 1; }
  473. 70% { transform: scale(3); opacity: 0; }
  474. 100% { transform: scale(1); opacity: 0; }
  475. }
  476. .mapboxgl-user-location-dot-stale {
  477. background-color: #aaa;
  478. }
  479. .mapboxgl-user-location-dot-stale::after {
  480. display: none;
  481. }
  482. .mapboxgl-crosshair,
  483. .mapboxgl-crosshair .mapboxgl-interactive,
  484. .mapboxgl-crosshair .mapboxgl-interactive:active {
  485. cursor: crosshair;
  486. }
  487. .mapboxgl-boxzoom {
  488. position: absolute;
  489. top: 0;
  490. left: 0;
  491. width: 0;
  492. height: 0;
  493. background: #fff;
  494. border: 2px dotted #202020;
  495. opacity: 0.5;
  496. }
  497. @media print {
  498. /* stylelint-disable-next-line selector-class-pattern */
  499. .mapbox-improve-map {
  500. display: none;
  501. }
  502. }
  503. @media screen and (max-width:1024px){
  504. .mapboxgl-ctrl-bottom-right {
  505. right: 0;
  506. bottom: 28%;
  507. }
  508. .mapboxgl-ctrl-group > button {
  509. width: 50px;
  510. height: 50px;
  511. }
  512. }