.shikitor-popup {
  --elevation-depth: 10;

  z-index: 100;
  color: var(--shikitor-bg-color);
  background-color: var(--shikitor-fg-color);
  padding: 2px 4px;
  /* dprint-ignore */
  box-shadow: 0 calc(0.400 * var(--elevation-depth, 0) * 1px) calc(0.900 * var(--elevation-depth, 0) * 1px) 0 rgba(0, 0, 0, calc(0.13441 - 0.00063 * var(--elevation-depth, 0) + 0.00003 * var(--elevation-depth, 0) * var(--elevation-depth, 0))), 0 calc(0.075 * var(--elevation-depth, 0) * 1px) calc(0.225 * var(--elevation-depth, 0) * 1px) 0 rgba(0, 0, 0, calc(0.10997 - 0.00051 * var(--elevation-depth, 0) + 0.00003 * var(--elevation-depth, 0) * var(--elevation-depth, 0)));
  // TODO resolve user scroll action
  // transition: .1s;
  // transition-property: transform, opacity, top, left, right, bottom;
  &-relative, &-absolute {
    --offset-x: calc(-1 * var(--shikitor-scroll-l, 0px));
    --offset-y: calc(-1 * var(--shikitor-scroll-t, 0px));
    position: fixed;
  }
}
