$ods-overlay-base-z-index: 99;
$ods-overlay-modal-z-index: $ods-overlay-base-z-index;
$ods-overlay-drawer-z-index: $ods-overlay-modal-z-index - 1;
$ods-overlay-select-z-index: $ods-overlay-drawer-z-index - 1;


@mixin ods-tooltip() {
  transform: translateZ(0); // needed for Safari, otherwise filter has a weird rendering
  z-index: $ods-overlay-base-z-index;
  border-radius: 4px;
  filter: drop-shadow(0 2px 8px rgba(0, 14, 156, 0.2));
  background: var(--ods-color-primary-000);
  padding: 8px;
  color: var(--ods-color-text);
}

@mixin ods-tooltip-arrow() {
  position: absolute;
  transform: rotate(45deg);
  z-index: $ods-overlay-base-z-index;
  background: inherit;
  width: 8px;
  height: 8px;
}