.toast-container-top{position:fixed;top:4rem;left:50%;transform:translateX(-50%);z-index:50;pointer-events:none;display:flex;flex-direction:column;gap:.5rem;max-width:24rem;width:calc(100% - 2rem);padding:0 1rem}.toast-container-top .alert{pointer-events:auto}@media (max-width:768px){.toast-container-top{top:5rem;max-width:calc(100% - 2rem);padding:0 1rem;bottom:auto}.toast-container-top .alert{font-size:.875rem;padding:.75rem 1rem}}@media (max-width:480px){.toast-container-top{top:4.5rem;max-width:calc(100% - 1rem);padding:0 .5rem}.toast-container-top .alert{font-size:.75rem;padding:.5rem .75rem}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutToTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.toast-enter{animation:slideInFromTop .3s ease-out}.toast-exit{animation:slideOutToTop .3s ease-in}.toast.toast-end{position:static!important;width:auto!important;height:auto!important;padding:0!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}