@use "inc/mixin";

.tooltip {
  position: relative;

  --_o: 0;
  --_t: var(--tt-start, none);

  &:is(:hover, :focus-visible, [data-tooltip-visible]) {
    --_o: 1;
    --_t: var(--tt-end, none);
  }

  &::before {
    @include mixin.fallback;
  }
}

@supports (position-area: block-start) and
          (position-try-fallbacks: flip-block) {
  .tooltip::before {
    @include mixin.anchor;
  }
}