.internetips-container {
  position: absolute;
  left: 0; }

.internetips-container, .internetips {
  pointer-events: none; }

.internetips {
  position: fixed;
  display: inline-block;
  max-width: 280px;
  z-index: 99;
  border-radius: 3px;
  font-size: 13px;
  padding: 8px 21px;
  box-sizing: border-box;
  margin: 0;
  visibility: hidden;
  opacity: 0; }
  .internetips::before, .internetips::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute; }
  .internetips.internetips-type-dark {
    background: #222;
    color: #fff; }
    .internetips.internetips-type-dark.internetips-place-top::after {
      border-top: 6px solid #222; }
    .internetips.internetips-type-dark.internetips-place-bottom::after {
      border-bottom: 6px solid #222; }
    .internetips.internetips-type-dark.internetips-place-left::after {
      border-left: 6px solid #222; }
    .internetips.internetips-type-dark.internetips-place-right::after {
      border-right: 6px solid #222; }
  .internetips.internetips-type-light {
    background: #fff;
    color: #222; }
    .internetips.internetips-type-light.internetips-place-top::after {
      border-top: 6px solid #fff; }
    .internetips.internetips-type-light.internetips-place-bottom::after {
      border-bottom: 6px solid #fff; }
    .internetips.internetips-type-light.internetips-place-left::after {
      border-left: 6px solid #fff; }
    .internetips.internetips-type-light.internetips-place-right::after {
      border-right: 6px solid #fff; }
  .internetips.internetips-show {
    visibility: visible;
    opacity: 0.9; }
  .internetips hr {
    border: 0;
    border-top: 1px dotted #555555; }
  .internetips.internetips-place-top:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -8px;
    left: 50%;
    margin-left: -10px; }
  .internetips.internetips-place-top:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: -6px;
    left: 50%;
    margin-left: -8px; }
  .internetips.internetips-place-bottom:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -8px;
    left: 50%;
    margin-left: -10px; }
  .internetips.internetips-place-bottom:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -6px;
    left: 50%;
    margin-left: -8px; }
  .internetips.internetips-place-left:before {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    right: -8px;
    top: 50%;
    margin-top: -5px; }
  .internetips.internetips-place-left:after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    right: -6px;
    top: 50%;
    margin-top: -4px; }
  .internetips.internetips-place-right:before {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    left: -8px;
    top: 50%;
    margin-top: -5px; }
  .internetips.internetips-place-right:after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -6px;
    top: 50%;
    margin-top: -4px; }