.ra-notification-queue
  @apply fixed bottom-4 right-4 z-99
  @apply flex flex-col gap-2 items-end

.ra-notification
  @apply flex items-center gap-2

  &.float-notification
    @apply max-w-[400px] w-fit
    @apply transition-all duration-300 ease-in-out
    @apply px-4 py-3
    @apply rounded-md
    @apply text-wp-gray-5 dark:text-wp-gray-0
    @apply bg-wp-gray-80 dark:bg-wp-gray-90
    @apply border-l-4

  &.success
    @apply border-l-wp-green-40

  &.warning
    @apply border-l-wo-red-40

  .ra-notification-text
    @apply flex items-center text-[14px]

.ra-notification-close
  @apply flex cursor-pointer items-center justify-center
  @apply size-4