/* 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-toast-host__root {
    position: fixed;
    z-index: var(--z-toast);
    display: flex;
    flex-direction: column;
    gap: var(--gap-items);
  }
  .arena-toast-host__root--placement-top-start {
    inset-inline-start: var(--sp-6);
    top: max(var(--sp-6), var(--pad-safe-top));
  }
  .arena-toast-host__root--placement-top-end {
    inset-inline-end: var(--sp-6);
    top: max(var(--sp-6), var(--pad-safe-top));
  }
  .arena-toast-host__root--placement-bottom-start {
    inset-inline-start: var(--sp-6);
    bottom: max(var(--sp-6), var(--pad-safe-bottom));
  }
  .arena-toast-host__root--placement-bottom-end {
    inset-inline-end: var(--sp-6);
    bottom: max(var(--sp-6), var(--pad-safe-bottom));
  }
}