/* 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-skip-link__root {
    pointer-events: none;
    position: fixed;
    inset-inline-start: var(--sp-4);
    top: max(var(--sp-4), var(--pad-safe-top));
    z-index: var(--z-skip);
    display: block;
    border-radius: var(--r-control);
    border-style: var(--tw-border-style);
    border-width: var(--bw-surface);
    background-color: var(--fill-surface);
    padding-inline: var(--pad-control-x);
    padding-block: calc(var(--sp-1) * 2.5);
    font-family: var(--font-body);
    font-size: var(--dz-text);
    color: var(--ink-body);
    text-decoration-line: none;
    opacity: 0%;
    --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);
    &:focus {
      pointer-events: auto;
    }
    &:focus {
      opacity: 100%;
    }
    &:focus {
      --tw-shadow: inset 0 0 0 var(--focus-width) var(--focus-ring);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}