.source-details .tipbox {
  margin: 0.6em -0.5em 0 0;
  inset: 100% 0 auto auto;
}
.source-details .tipbox::before {
  inset: -0.25em 2em auto auto;
}
.source-details .li {
  display: block;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0.25em 0;
}
footer .source-details .tipbox {
  margin: -0.35em -0.5em 0 0;
  inset: 0 auto auto 50%;
  transform: translate(-50%, -100%);
}
footer .source-details .tipbox::before {
  inset: auto auto -0.1em 50%;
  transform: rotate(-135deg) translateX(-50%);
}