.Sui-Toaster {
    --toaster-margin: 1rem;
    @apply fixed z-toast flex flex-col items-center;

    &--top{
        @apply top-[var(--toaster-margin)] left-1/2 -translate-x-1/2;
    }
    &--top-start{
        @apply top-[var(--toaster-margin)] left-[var(--toaster-margin)] rtl:left-auto rtl:right-[var(--toaster-margin)] items-start;
    }
    &--top-end{
        @apply top-[var(--toaster-margin)] right-[var(--toaster-margin)] rtl:right-auto rtl:left-[var(--toaster-margin)] items-end;
    }
    &--bottom{
        @apply bottom-[var(--toaster-margin)] left-1/2 -translate-x-1/2;
    }
    &--bottom-start{
        @apply bottom-[var(--toaster-margin)] left-[var(--toaster-margin)] rtl:left-auto rtl:right-[var(--toaster-margin)] items-start;
    }
    &--bottom-end{
        @apply bottom-[var(--toaster-margin)] right-[var(--toaster-margin)] rtl:right-auto rtl:left-[var(--toaster-margin)] items-end;
    }
    &--start{
        @apply left-[var(--toaster-margin)] top-1/2 -translate-y-1/2 rtl:left-auto rtl:right-[var(--toaster-margin)] items-start;
    }
    &--end{
        @apply right-[var(--toaster-margin)] top-1/2 -translate-y-1/2 rtl:right-auto rtl:left-[var(--toaster-margin)] items-end;
    }

}