.intVoyages {
  display: inline-block;
}
.intVoyages .map {
  position: relative;
  border: 1px gray solid;
}
.intVoyages .voronoi {
  fill: none;
  pointer-events: all;
}
.intVoyages .focus {
  fill: none;
  stroke: #552933;
  stroke-width: 3px;
  stroke-opacity: 0.25;
}
.intVoyages .focus--stay {
  fill: none;
  stroke: #552933;
  stroke-width: 3px;
  stroke-opacity: 0.5;
}
.intVoyages .info {
  position: absolute;
  display: none;
  padding: 25px;
  right: 5px;
  top: 25px;
  background: #552933;
  background: rgba(85, 41, 51, 0.95);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  width: 30%;
  height: auto;
  max-height: 66%;
  overflow: auto;
  box-sizing: content-box;
}
.intVoyages .heading {
  padding-right: 5px;
  color: #f0ff00;
  font-size: 1.5em;
}
.intVoyages .nation {
  color: white;
  font-size: 0.75em;
  padding-bottom: 5px;
}
.intVoyages .flag {
  width: 30%;
}
.intVoyages .flag_img {
  border: solid 1px gray;
  width: 100%;
}
.intVoyages .infotext {
  display: block;
  color: white;
}
.intVoyages .more_info_span {
  display: inline-block;
  font-size: 0.75em;
}
.intVoyages a.more_info {
  color: white;
  text-decoration: none;
}
.intVoyages a.more_info:hover, .intVoyages a.more_info:focus {
  text-decoration: underline;
}
.intVoyages .xout {
  font-size: 0.75em;
  color: white;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.intVoyages .slate_watermark {
  opacity: 0.3;
  position: absolute;
  top: 5px;
  right: 0;
  width: 70px;
  height: auto;
}
.intVoyages .sources {
  text-align: right;
  font-size: 0.75em;
  color: #444;
  color: hsla(var(--txt-color-hsl), 0.85);
}
.intVoyages .readout {
  font-size: 4em;
  fill: currentColor;
}
.intVoyages .icon {
  cursor: pointer;
  fill: currentColor;
}
.intVoyages .countries {
  fill: #9e443a;
  fill-opacity: 0.5;
  stroke: currentColor;
  stroke-width: 0.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.intVoyages .ports {
  fill: none;
  stroke-width: none;
}
.intVoyages .ship {
  fill: none;
}
.intVoyages .route {
  fill: none;
  stroke: currentColor;
  stroke-opacity: 0;
  stroke-width: 3px;
  stroke-dasharray: 5, 5;
}
.intVoyages .label,
.intVoyages .axis,
.intVoyages .legend {
  font-size: 16px;
  user-select: none;
  fill: currentColor;
}
.intVoyages .legend {
  display: none;
}
.intVoyages .axis path,
.intVoyages .axis line {
  fill: none;
  stroke: currentColor;
  shape-rendering: crispEdges;
}
.intVoyages .x.axis .domain {
  fill: none;
  stroke: currentColor;
  stroke-width: 1px;
}
.intVoyages .slider .handle {
  fill: none;
  stroke: currentColor;
  stroke-width: 1px;
  stroke-dasharray: 5, 5;
  cursor: crosshair;
}
.intVoyages .slider .handle-ghost {
  fill: none;
  stroke: currentColor;
  stroke-width: 1px;
  stroke-dasharray: 5, 5;
  stroke-opacity: 0.5;
  cursor: crosshair;
}
.intVoyages .slider .background {
  cursor: crosshair;
}
.intVoyages .line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}
.intVoyages .panel {
  fill: #fff;
  fill: var(--bg-color);
  opacity: 0.3;
  stroke: currentColor;
  stroke-width: 1px;
}

/*# sourceMappingURL=voyages.css.map */