.toast{position:fixed;padding:10px 30px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:1000;animation:fadeIn .3s ease-in-out}.toast.info{background-color:#007bff;color:#fff}.toast.success{background-color:#28a745;color:#fff}.toast.warning{background-color:#ffc107;color:#000}.toast.error{background-color:#dc3545;color:#fff}.toast.top-right{top:20px;right:20px}.toast.top-left{top:20px;left:20px}.toast.bottom-right{bottom:20px;right:20px}.toast.bottom-left{bottom:20px;left:20px}.toast.top-center{top:20px;left:50%;transform:translateX(-50%)}.toast.bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.typeTitle{width:17ch;text-wrap:nowrap;overflow:hidden;animation:typing 2s steps(17) normal;line-height:1;min-height:1.2em}@keyframes typing{0%{width:0}}.typeContent:after{content:"_";position:absolute;right:-2px;bottom:0;width:10px;display:block;color:#fff;animation:blink-cursor 3s steps(30) infinite}@keyframes typing-content{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.typeContent-short{width:17ch;animation:typing-content 1.5s steps(17) forwards}.typeContent-long{width:30ch;animation:typing-content 4s steps(30) forwards}