@use "inc/mixin";

.tooltip {
  position: relative;

  &:is(:hover, :focus-visible, [data-tooltip-visible])::before {
    opacity: 1;
  }

  &::before {
    @include mixin.fallback(false);
  }
}

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