@layer components {
  .ui-announcement {
    @apply font-sans transition-[max-height,transform,opacity] duration-300 ease-in-out;
  }

  .ui-announcement-visible {
    @apply max-h-[37.5rem] translate-y-0 opacity-100 overflow-visible;
  }

  .ui-announcement-hidden {
    @apply max-h-0 -translate-y-full opacity-0 overflow-hidden;
  }
}