.tooltip.svelte-gnc8nc:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

.tooltip.x-center.svelte-gnc8nc:after {
  left: 50%;
  transform: translate(-50%);
}

.tooltip.x-left.svelte-gnc8nc:after {
  left: var(--arrow-offset);
  transform: translate(1px);
}

.tooltip.x-right.svelte-gnc8nc:after {
  right: var(--arrow-offset);
  transform: translate(-1px);
}

.tooltip.x-auto.svelte-gnc8nc:after {
  left: var(--arrow-x);
  transform: translate(-50%);
}

.tooltip.y-top.svelte-gnc8nc:after {
  top: 100%;
  border-left: var(--arrow-width) solid transparent;
  border-right: var(--arrow-width) solid transparent;
  border-top: var(--arrow-width) solid var(--arrow-color,var(--white));
}

.tooltip.y-bottom.svelte-gnc8nc:after {
  bottom: 100%;
  border-left: var(--arrow-width) solid transparent;
  border-right: var(--arrow-width) solid transparent;
  border-bottom: var(--arrow-width) solid var(--arrow-color,var(--white));
}

.arrow.svelte-gnc8nc:before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
  background: var(--arrow-color);
}

.arrow.svelte-gnc8nc:before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}