/* copied css as I don't know how to output multiple css files with rollup-plugin-scss */
/* see https://github.com/thgh/rollup-plugin-scss/issues/79 */

.flourish-chart-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: all;
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(170, 170, 170, 1);
  transition: all 1s ease-in;
  font-weight: bold;
}

.flourish-chart-cover.hidden {
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0);
  color: rgba(170, 170, 170, 0);
}

.flourish-chart-cover .text-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flourish-chart-cover p {
  margin: 0.25rem;
}

.flourish-chart-cover p.subline {
  font-size: 0.85rem;
  font-weight: normal;
}

.flourish-chart-cover span.close-cover {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(170, 170, 170, 1);
  cursor: pointer;
  transition: all 1s ease-in;
}

.flourish-chart-cover span.close-cover.hidden-border {
  color: rgba(8, 18, 72, 0);
  border-bottom-color: rgba(170, 170, 170, 0);
}