@import './variables.scss';

.minemap-map {
  position: relative;
  overflow: hidden;
  font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.minemap-canvas {
  position: absolute;
  top: 0;
  left: 0;
  outline: 0;
}

.minemap-map:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

.minemap-canary {
  background-color: salmon;
}

.minemap-canvas-container.minemap-interactive,
.minemap-ctrl-group button.minemap-ctrl-compass {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.minemap-canvas-container.minemap-interactive.minemap-track-pointer {
  cursor: pointer;
}

.minemap-canvas-container.minemap-interactive:active,
.minemap-ctrl-group button.minemap-ctrl-compass:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.minemap-canvas-container.minemap-touch-zoom-rotate,
.minemap-canvas-container.minemap-touch-zoom-rotate .minemap-canvas {
  touch-action: pan-x pan-y;
}

.minemap-canvas-container.minemap-touch-drag-pan,
.minemap-canvas-container.minemap-touch-drag-pan .minemap-canvas {
  touch-action: pinch-zoom;
}

.minemap-canvas-container.minemap-touch-zoom-rotate.minemap-touch-drag-pan,
.minemap-canvas-container.minemap-touch-zoom-rotate.minemap-touch-drag-pan
  .minemap-canvas {
  touch-action: none;
}

.minemap-ctrl-bottom-left,
.minemap-ctrl-bottom-right,
.minemap-ctrl-top-left,
.minemap-ctrl-top-right {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.minemap-ctrl-top-left {
  top: 0;
  left: 0;
}

.minemap-ctrl-top-right {
  top: 0;
  right: 0;
}

.minemap-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}

.minemap-ctrl-bottom-right {
  right: 0;
  bottom: 0;
}

.minemap-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}

.minemap-ctrl-top-left .minemap-ctrl {
  float: left;
  margin: 10px 0 0 10px;
}

.minemap-ctrl-top-right .minemap-ctrl {
  float: right;
  margin: 10px 10px 0 0;
}

.minemap-ctrl-bottom-left .minemap-ctrl {
  float: left;
  margin: 0 0 10px 10px;
}

.minemap-ctrl-bottom-right .minemap-ctrl {
  float: right;
  margin: 0 10px 10px 0;
}

.minemap-ctrl-group {
  background: #313d4f;
  border-radius: 4px;
}

.minemap-ctrl-group:not(:empty) {
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

@media (-ms-high-contrast: active) {
  .minemap-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText;
  }
}

.minemap-ctrl-group button {
  display: block;
  width: 29px;
  height: 29px;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: none;
  box-sizing: border-box;
}

.minemap-ctrl-group button + button {
  border-top: 1px solid #10304a;
}

.minemap-ctrl button .minemap-ctrl-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

@media (-ms-high-contrast: active) {
  .minemap-ctrl-icon {
    background-color: transparent;
  }

  .minemap-ctrl-group button + button {
    border-top: 1px solid ButtonText;
  }
}

.minemap-ctrl button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.minemap-ctrl button:disabled {
  cursor: not-allowed;
}

.minemap-ctrl button:disabled .minemap-ctrl-icon {
  opacity: 0.25;
}

.minemap-ctrl button:not(:disabled):hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.minemap-ctrl-group button:focus:first-child {
  border-radius: 4px 4px 0 0;
}

.minemap-ctrl-group button:focus:last-child {
  border-radius: 0 0 4px 4px;
}

.minemap-ctrl-group button:focus:only-child {
  border-radius: inherit;
}

.minemap-ctrl button.minemap-ctrl-zoom-out {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAKElEQVQ4jWNgGAWjYBgCRgYGBoaGnnn/qWFYQ0kSIxM1DBoFo2DYAwCCbgQEkNaDdAAAAABJRU5ErkJggg==');
  background-position: 50%;
  background-repeat: no-repeat;
}

.minemap-ctrl button.minemap-ctrl-zoom-in {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAVElEQVQ4jWNgoDJgZGBgYGjomUdI3X9k9eigvjgRIsnIyMBELZfBwKiBI8FAFij9H68qBMCqrrF3PozJSDMXYs0BSIConNJQkjQEImXUwEFoINUBAKAWC34J9C+mAAAAAElFTkSuQmCC');
  background-position: 50%;
  background-repeat: no-repeat;
}

.minemap-ctrl button.minemap-ctrl-fullscreen .minemap-ctrl-icon {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB10lEQVRYR9WX0VECMRRFb1j9lhK0ArED7EA7EGhAZ9b/fCszjA2wUIF2oCVoBVIC/gNxNrJhN3mbvERnduQ3m9yTvNz7gkDHP9GxPgyAnM4VE2Yp8/GN/a2cFX1sd2+AOOesI/Ox1o4FIMUrwRiIFACveCxELABLPAYiBmCNTJzJu9GaU1sD8VgMIdRr25wYAEDhHUfikgshH4oBelq8nw6g1BeEODELMCE44uWaoRNYIhO3jq0CELS4+kDWu8J291K3qA/AXDjSVi0QHvFhWTp7rTYA57ZzIELilDsogAWVcLpeTsrpY9U744zXL2K1lswng0YShix2gADq4u7u6HEbooKPakYaojyRlkwIjVObjAIInVLK+P8C0Lf9GKtOSmCsprCiYlnXf7PP/kBsl986l1BO5+02tLPdCiMjLqCt5esd1bfyfnxBPEjUQuaTUcMyZGMJ5QANUQf1RPEBgptwdBg1IexTCjQjtcCu9+S21ObOWe/Cn3JdY6OeUZWI0Q0JS/vFY15DnHZsAfDEYyBC74E6QNqTbFacYqs+019EjZmuO3yx69iS+DjmBPbTeRAc8YQ7UG3BD8EV/wWAjjknrEwOlFFcs5q3TPZfs5RW+hdzOm/H3/JjszAKfmaRAAAAAElFTkSuQmCC');
  background-size: 20px 20px;
}

.minemap-ctrl button.minemap-ctrl-shrink .minemap-ctrl-icon {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACDElEQVRYR+2XTVbCMBCAZ1L2cgO5geUGcAO8gQUv4BNdZ+3DxwXEegO5AdzAegO4Ae5t40sgadI2JLTV54Ku+tpk5sv8ZQZBe+g87kGahnR6u9S/t/VOZy8jCII1vYt2UibKF/oUh0DYCgC6gCyi95O3thRzOfR5cQMMY2CQAMOIPkYJ/y4ADOUKrQxB53EXvtmKPoz7VXB0tkggIAP9hIbyfNMOMhxyCKxUXgEhlQNCSKdjZTnDhbNXJk7YwaGEUCcvEwsIFH4B8m41N7IICFnyk3Pl4kTHAPiCAwRk2UiY3fpk13sXSP/YV24AoKfixQWwX2jsKYk+xFkehG4IJcNpAVf0akFu+NLDEkJ0I4BChpWCyQeiNkBFepcBeKql7EP3edGiNQE2EGC/mKKmCw55LqPd5sqaACo7qiuhp/LGMVCoE/s0PEF5YwCtTnBLVFY0Vxa1+f8McLbA/7CASMM0WwPglU+E1y5ESjj7lI1LfhueANEMIFfOecql2MMS9QFM5SUAVRXTLAHAy3bvAraFgIRHLyPP7qh+P+C6jn16gcZ3ga0h8VXeGEA4Pm/5PZtSttVjwi8IzT3WptS7Ldeyww2wj3avtlwMJpitAfHCRqllhyhWxwHMVLO6lrEv6JAwH82KEBURKysmnU7EgFLqFX1HM66ckYEYzaQQwxK/OZyCsxKmg78cz38A6BSKx5j1KTAAAAAASUVORK5CYII=');
  background-size: 20px 20px;
}

.minemap-ctrl button.minemap-ctrl-compass .minemap-ctrl-compass-arrow {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAB/ElEQVQ4ja2Uv2vbQBTHP9ez1VqT7RQKUleNpiFLp26mkDFQKNRT52bP6CX/RYYudQeTqUO8mWQshAPXQyCQNUOaUloXnFY/XgefXFVS7NjkCw89vfe+H92J4xQ5iQgolS8DPLPPUaEjgsp5HpQRbtFbG+tJRBDIhyNwZcMp9EXWBu8IiI2d+wGLOOI4R3Ow4xyJiLM+WESLyIZ0u5sCYWbFoXS7myKyISJ6NfAM+kREPPH9/Qx0Fr6/LyKendGrgB9boyfV6nkBXK2ez/uz2QKn7Lg9BBwA2u0twjAoTIRhQLu9Zd8c6/lPlRJwbZ4Z8xrgstXic6cDwPNeD288Tnsm4/m9DPyvpvWEev3D8e7uqxfb248AjhuNmzd7e4doPVnEKQPPNR4Of4pIEo9GulabbSSu1fSXk5MfSqlfrQXeMnCcJkmSPI3juON5HoPBAADP86pRFL3TWvfKPIvAN9j/7LpufzKZdBqNBvV6HWB+2biu2894pnlI2amYAhFAEASnSqmLFJhClVIXQRCc2vnILmYpGOA7kABUKpV+vpmpJXa2oFKwMSYEroGo2WwepjtIV5ipXdvZu4EtPDLGXPm+f6aUGqZ1pdTQ9/0z4KsxJrrNv/C42Q9MgQPgJYCIHNjaQi0FW30CvmXypbor+A/wMZPfGxjg/Qqz/AXWWC0nt/NzKwAAAABJRU5ErkJggg==');
  background-position: 50%;
  background-repeat: no-repeat;
}

.minemap-ctrl button.minemap-ctrl-geolocate .minemap-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}

.minemap-ctrl button.minemap-ctrl-geolocate:disabled .minemap-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E");
}

.minemap-ctrl
  button.minemap-ctrl-geolocate.minemap-ctrl-geolocate-active
  .minemap-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}

.minemap-ctrl
  button.minemap-ctrl-geolocate.minemap-ctrl-geolocate-active-error
  .minemap-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}

.minemap-ctrl
  button.minemap-ctrl-geolocate.minemap-ctrl-geolocate-background
  .minemap-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
}

.minemap-ctrl
  button.minemap-ctrl-geolocate.minemap-ctrl-geolocate-background-error
  .minemap-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
}

.minemap-ctrl
  button.minemap-ctrl-geolocate.minemap-ctrl-geolocate-waiting
  .minemap-ctrl-icon {
  -webkit-animation: minemap-spin 2s linear infinite;
  -moz-animation: minemap-spin 2s infinite linear;
  -o-animation: minemap-spin 2s infinite linear;
  -ms-animation: minemap-spin 2s infinite linear;
  animation: minemap-spin 2s linear infinite;
}

@media (-ms-high-contrast: active) {
  .minemap-ctrl button.minemap-ctrl-geolocate .minemap-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }

  .minemap-ctrl button.minemap-ctrl-geolocate:disabled .minemap-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E");
  }

  .minemap-ctrl
    button.minemap-ctrl-geolocate.minemap-ctrl-geolocate-active
    .minemap-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }

  .minemap-ctrl
    button.minemap-ctrl-geolocate.minemap-ctrl-geolocate-active-error
    .minemap-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }

  .minemap-ctrl
    button.minemap-ctrl-geolocate.minemap-ctrl-geolocate-background
    .minemap-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
  }

  .minemap-ctrl
    button.minemap-ctrl-geolocate.minemap-ctrl-geolocate-background-error
    .minemap-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .minemap-ctrl button.minemap-ctrl-geolocate .minemap-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }

  .minemap-ctrl button.minemap-ctrl-geolocate:disabled .minemap-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E");
  }
}

@-webkit-keyframes minemap-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
  }
}

@-moz-keyframes minemap-spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(1turn);
  }
}

@-o-keyframes minemap-spin {
  0% {
    -o-transform: rotate(0deg);
  }

  to {
    -o-transform: rotate(1turn);
  }
}

@-ms-keyframes minemap-spin {
  0% {
    -ms-transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(1turn);
  }
}

@keyframes minemap-spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

a.minemap-ctrl-logo {
  display: block;
  width: 94px;
  height: 26px;
  cursor: pointer;
  background-image: url('data:image/png;base64, ');
  background-repeat: no-repeat;
  background-size: contain;
}

a.minemap-ctrl-logo.minemap-compact {
  width: 23px;
}

.minemap-ctrl.minemap-ctrl-attrib {
  padding: 0 5px;
  margin: 0;
  background-color: hsla(0, 0%, 100%, 0.5);
}

@media screen {
  .minemap-ctrl-attrib.minemap-compact {
    position: relative;
    min-height: 20px;
    padding: 0;
    margin: 10px;
    background-color: #fff;
    border-radius: 3px 12px 12px 3px;
  }

  .minemap-ctrl-attrib.minemap-compact:hover {
    padding: 2px 24px 2px 4px;
    margin-top: 6px;
    visibility: visible;
  }

  .minemap-ctrl-bottom-left > .minemap-ctrl-attrib.minemap-compact:hover,
  .minemap-ctrl-top-left > .minemap-ctrl-attrib.minemap-compact:hover {
    padding: 2px 4px 2px 24px;
    border-radius: 12px 3px 3px 12px;
  }

  .minemap-ctrl-attrib.minemap-compact .minemap-ctrl-attrib-inner {
    display: none;
  }

  .minemap-ctrl-attrib.minemap-compact:hover .minemap-ctrl-attrib-inner {
    display: block;
  }

  .minemap-ctrl-attrib.minemap-compact:after {
    position: absolute;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-color: hsla(0, 0%, 100%, 0.5);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
    border-radius: 12px;
    content: '';
    box-sizing: border-box;
  }

  .minemap-ctrl-bottom-right > .minemap-ctrl-attrib.minemap-compact:after {
    right: 0;
    bottom: 0;
  }

  .minemap-ctrl-top-right > .minemap-ctrl-attrib.minemap-compact:after {
    top: 0;
    right: 0;
  }

  .minemap-ctrl-top-left > .minemap-ctrl-attrib.minemap-compact:after {
    top: 0;
    left: 0;
  }

  .minemap-ctrl-bottom-left > .minemap-ctrl-attrib.minemap-compact:after {
    bottom: 0;
    left: 0;
  }
}

@media screen and (-ms-high-contrast: active) {
  .minemap-ctrl-attrib.minemap-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .minemap-ctrl-attrib.minemap-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
  }
}

.minemap-ctrl-attrib a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}

.minemap-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}

.minemap-ctrl-attrib .minemap-improve-map {
  margin-left: 2px;
  font-weight: 700;
}

.minemap-attrib-empty {
  display: none;
}

.minemap-ctrl-scale {
  padding: 0 5px;
  font-size: 10px;
  color: #333;
  background-color: hsla(0, 0%, 100%, 0.75);
  border: 2px solid #333;
  border-top: #333;
  box-sizing: border-box;
}

.minemap-marker {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}

.minemap-user-location-dot,
.minemap-user-location-dot:before {
  width: 15px;
  height: 15px;
  background-color: #1da1f2;
  border-radius: 50%;
}

.minemap-user-location-dot:before {
  position: absolute;
  content: '';
  -webkit-animation: minemap-user-location-dot-pulse 2s infinite;
  -moz-animation: minemap-user-location-dot-pulse 2s infinite;
  -ms-animation: minemap-user-location-dot-pulse 2s infinite;
  animation: minemap-user-location-dot-pulse 2s infinite;
}

.minemap-user-location-dot:after {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 19px;
  height: 19px;
  border: 2px solid #fff;
  border-radius: 50%;
  content: '';
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
}

@-webkit-keyframes minemap-user-location-dot-pulse {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
  }

  70% {
    opacity: 0;
    -webkit-transform: scale(3);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
  }
}

@-ms-keyframes minemap-user-location-dot-pulse {
  0% {
    opacity: 1;
    -ms-transform: scale(1);
  }

  70% {
    opacity: 0;
    -ms-transform: scale(3);
  }

  to {
    opacity: 0;
    -ms-transform: scale(1);
  }
}

@keyframes minemap-user-location-dot-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  70% {
    opacity: 0;
    transform: scale(3);
  }

  to {
    opacity: 0;
    transform: scale(1);
  }
}

.minemap-user-location-dot-stale {
  background-color: #aaa;
}

.minemap-user-location-dot-stale:after {
  display: none;
}

.minemap-user-location-accuracy-circle {
  width: 1px;
  height: 1px;
  background-color: rgba(29, 161, 242, 0.2);
  border-radius: 100%;
}

.minemap-crosshair,
.minemap-crosshair .minemap-interactive,
.minemap-crosshair .minemap-interactive:active {
  cursor: crosshair;
}

.minemap-boxzoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  border: 2px dotted #202020;
  opacity: 0.5;
}

@media print {
  .minemap-improve-map {
    display: none;
  }
}
