.click-to-copy:hover ~ .click-to-copy__tooltip {
  opacity: 1;
  visibility: visible;
}
.click-to-copy__tooltip {
  display: inline-block;
  position: absolute;
  transition: all 150ms;
  visibility: hidden;
  opacity: 0;
  padding: 0.4em;
  margin-top: -0.4em;
  cursor: pointer;
}
.click-to-copy__tooltip svg {
  display: block;
  stroke: #aaa;
}
.click-to-copy__tooltip svg.click-to-copy-copied {
  stroke: #213A6E;
}
.click-to-copy__tooltip:hover {
  opacity: 1;
  visibility: visible;
}
.click-to-copy__tooltip:hover .click-to-copy__tooltiptext {
  visibility: visible;
  opacity: 1;
}
.click-to-copy__tooltiptext {
  display: inline-block;
  visibility: hidden;
  min-width: 140px;
  background-color: black;
  color: whitesmoke;
  font-size: 0.8em;
  text-align: center;
  white-space: nowrap;
  border-radius: 6px;
  padding: 5px 15px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 0;
  transform: translateX(-50%);
  margin-left: 1.3em;
}
.click-to-copy__tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22click-to-copy.scss%22,%22../supplies/_variables.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAIE;EAAoC;EAAY;;AAChD;EACE;EACA;EACA;EACA;EAAoB;EACpB;EAAgB;EAChB;;AACA;EACE;EACA,QCR0B;;ADS1B;EAAyB,QCIC;;ADF5B;EACE;EAAY;;AACZ;EAA8B;EAAqB;;AAGvD;EACE;EACA;EACA;EACA;EACA;EAAmB;EAAiB;EAAoB;EACxD;EACA;EACA;EAAoB;EAAY;EAAc;EAC9C;EACA;;AACA;EACE;EACA;EAAoB;EAAW;EAC/B;EACA;EAAmB;EAAqB%22,%22file%22:%22click-to-copy.css%22%7D */