@layer components{:root{--c-toast--base:var(--base)}.c-toast{display:grid;margin:calc((var(--c-toast--base, var(--base)))*2);position:fixed;width:min(100vw,(var(--c-toast--base,var(--base))) * 65);z-index:10}.c-toast.c-toast--top-left{left:0;top:0}.c-toast.c-toast--top-right{right:0;top:0}.c-toast.c-toast--bottom-left{bottom:0;left:0}.c-toast.c-toast--bottom-right{bottom:0;right:0}.c-toast .c-toast__item{animation:slide-in .3s ease-out forwards,fade-out .5s ease-in forwards;animation-delay:0s,var(--c-toast-hide-timeout-base,4s);opacity:0;transform:translateY(calc((var(--c-toast--base, var(--base)))*3));width:fit-content}.c-toast .c-toast__item--dismissable{animation:slide-in .3s ease-out forwards}.c-toast .c-toast__item--has-action{animation-delay:0s,calc(var(--c-toast-hide-timeout-base, 4s)*2)}.c-toast .c-toast__item:nth-child(2){animation-delay:.3s,calc(var(--c-toast-hide-timeout-base, 4s) + .3s)}.c-toast .c-toast__item--has-action:nth-child(2){animation-delay:.3s,calc(var(--c-toast-hide-timeout-base, 4s)*2 + .3s)}.c-toast .c-toast__item:nth-child(3){animation-delay:.6s,calc(var(--c-toast-hide-timeout-base, 4s) + .6s)}.c-toast .c-toast__item--has-action:nth-child(3){animation-delay:.6s,calc(var(--c-toast-hide-timeout-base, 4s)*2 + .6s)}.c-toast .c-toast__item:nth-child(4){animation-delay:.9s,calc(var(--c-toast-hide-timeout-base, 4s) + .9s)}.c-toast .c-toast__item--has-action:nth-child(4){animation-delay:.9s,calc(var(--c-toast-hide-timeout-base, 4s)*2 + .9s)}.c-toast .c-toast__item:nth-child(5){animation-delay:1.2s,calc(var(--c-toast-hide-timeout-base, 4s) + 1.2s)}.c-toast .c-toast__item--has-action:nth-child(5){animation-delay:1.2s,calc(var(--c-toast-hide-timeout-base, 4s)*2 + 1.2s)}.c-toast .c-toast__item:nth-child(6){animation-delay:1.5s,calc(var(--c-toast-hide-timeout-base, 4s) + 1.5s)}.c-toast .c-toast__item--has-action:nth-child(6){animation-delay:1.5s,calc(var(--c-toast-hide-timeout-base, 4s)*2 + 1.5s)}.c-toast .c-toast__item:nth-child(7){animation-delay:1.8s,calc(var(--c-toast-hide-timeout-base, 4s) + 1.8s)}.c-toast .c-toast__item--has-action:nth-child(7){animation-delay:1.8s,calc(var(--c-toast-hide-timeout-base, 4s)*2 + 1.8s)}.c-toast .c-toast__item:nth-child(8){animation-delay:2.1s,calc(var(--c-toast-hide-timeout-base, 4s) + 2.1s)}.c-toast .c-toast__item--has-action:nth-child(8){animation-delay:2.1s,calc(var(--c-toast-hide-timeout-base, 4s)*2 + 2.1s)}.c-toast .c-toast__item:nth-child(9){animation-delay:2.4s,calc(var(--c-toast-hide-timeout-base, 4s) + 2.4s)}.c-toast .c-toast__item--has-action:nth-child(9){animation-delay:2.4s,calc(var(--c-toast-hide-timeout-base, 4s)*2 + 2.4s)}.c-toast .c-toast__item:nth-child(10){animation-delay:2.7s,calc(var(--c-toast-hide-timeout-base, 4s) + 2.7s)}.c-toast .c-toast__item--has-action:nth-child(10){animation-delay:2.7s,calc(var(--c-toast-hide-timeout-base, 4s)*2 + 2.7s)}@keyframes slide-in{0%{opacity:0;transform:translateY(calc((var(--c-toast--base, var(--base)))*3))}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc((var(--c-toast--base, var(--base)))*-3))}}}