.czech-map{
  position:relative;
  width:100%;
  max-width:1000px;
  margin:0 auto;
  line-height:0;
  visibility:hidden !important;
  opacity:0 !important;
}

/* Prevent the SVG fallback color from ever flashing before JS applies settings. */
.czech-map.is-ready{
  visibility:visible !important;
  opacity:1 !important;
}

.czech-map__svg{
  width:100%;
  height:auto;
}

.czech-map__svg svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}

.czech-map__svg path[id^="CZ"]{
  fill:transparent;
  stroke:#fff;
  vector-effect:non-scaling-stroke;
}

.czech-map__tooltip{
  position:absolute;
  z-index:20;
  transform:translate(-50%,-100%);
  padding:9px 16px;
  border-radius:999px;
  background:#fff;
  color:#0a5c67;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
  font:500 16px/1.2 Arial,sans-serif;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .12s ease,visibility .12s ease;
}

.czech-map__tooltip::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-6px;
  width:12px;
  height:12px;
  transform:translateX(-50%) rotate(45deg);
  background:#fff;
}

.czech-map__tooltip.is-visible{
  opacity:1;
  visibility:visible;
}

.czech-map__svg path[id^="CZ"]:focus{outline:none}

@media(max-width:767px){
  .czech-map__tooltip{display:none}
}