#toast{position:fixed;padding:1rem 1rem 1rem 0rem;top:.5rem;right:.5rem;border-radius:.5rem;min-width:300px;max-width:500px;overflow:hidden;z-index:9999;transition:transform .3s ease,opacity .3s ease}#toast:hover .toast-timer{animation-play-state:paused}#toast .toast-timer{animation:timer 3s linear;background-color:color-mix(in srgb,var(--p-base-900),transparent 50%);width:0%;height:.2rem;position:absolute;bottom:0;left:0}@keyframes timer{to{width:100%}}.toast-success{background-color:var(--p-green-100);color:var(--p-green-600)}.dark .toast-success{color:currentColor;background-color:var(--p-green-900)}html:not(.dark) .toast-success .toast-timer{background-color:color-mix(in srgb,var(--p-green-600),transparent 20%)!important}.toast-error{background-color:var(--p-red-100);color:var(--p-red-600)}.dark .toast-error{color:currentColor;background-color:var(--p-red-900)}html:not(.dark) .toast-error .toast-timer{background-color:color-mix(in srgb,var(--p-red-600),transparent 20%)!important}.fadeinup{animation:fadeinup .3s ease-out}@keyframes fadeinup{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){#toast{min-width:auto;max-width:calc(100vw - 1rem);left:.5rem;right:.5rem;font-size:1rem}}