/* 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-scroller__root {
    display: flex;
    gap: var(--rhythm-component);
    overflow-x: auto;
    border-radius: var(--r-surface);
    padding-bottom: var(--sp-3);
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus-visible {
      --tw-ring-color: var(--color-primary);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .arena-scroller__root--behaviour-snap {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
}