.info {
  white-space: nowrap;
}

.info__icon {
  font-family: squirclycons;
  padding: 0;
  border: none;
  background: transparent;
  pointer-events: all;

  /* iOS safari will blue them otherwise */
  color: inherit;
}

.info__box {
  border: none;
  white-space: normal;
}

.info__box--attatched {
  top: 0;
  position: fixed;
  @media (min-width: 1000px) {
    width: 20em;
    margin: 0;
    left: calc(var(--client-left) + (var(--client-height) / 2));
    right: auto;
    transform: translateX(-50%);
  }
  @media (max-width: 999px) {
    left: 1em;
    right: 1em;
  }
  margin-top: 1em;
  top: calc(var(--client-top) + var(--client-height));
  bottom: auto;
}