/* GENERATED by scripts/build/tailwind/build-tailwind.ts — edit frameworks/tailwind/Theme.css or a manifest, not this file. */
@import '../../../Prelude.generated.css';

@layer utilities {
  .arena-tooltip__root {
    display: inline-flex;
  }
  .arena-tooltip__bubble {
    z-index: var(--z-tooltip);
    animation: arena-fade var(--dur-fast) var(--ease-out);
    border-radius: var(--r-control);
    background-color: var(--color-base-content);
    padding-inline: calc(var(--sp-1) * 2.5);
    padding-block: calc(var(--sp-1) * 1.5);
    font-family: var(--font-mono);
    font-size: var(--dz-text-xs);
    white-space: nowrap;
    color: var(--color-base-100);
    --tw-shadow: var(--shadow-surface-floating);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .arena-tooltip__root--anchored-false {
    position: relative;
  }
  .arena-tooltip__bubble--anchored-false {
    position: absolute;
    bottom: 100%;
    left: calc(1 / 2 * 100%);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(var(--sp-2) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}