.tinytoast.error,.tinytoast.info,.tinytoast.success,.tinytoast.warning{background:var(--secondary);color:var(--primary)}@keyframes slide-in{0%{opacity:0;transform:translateY(-20px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes countdown{0%{width:100%}to{width:0%}}.tinytoast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.tinytoast{display:flex;align-items:center;max-width:400px;width:fit-content;padding:10px 14px;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.1);z-index:5;position:relative;transform:scale(.5);opacity:0;transition:opacity .3s,transform .3s}.tinytoast.success{--primary:#2bbb3e;--secondary:rgb(227, 254, 230)}.tinytoast.warning{--primary:#f29208;--secondary:#ffeedf}.tinytoast.error{--primary:#e63435;--secondary:#ffeaec}.tinytoast.info{--primary:#38abd8;--secondary:#cfeffc}.timer{width:0%;height:4px;background:var(--primary);position:absolute;bottom:0;left:0;border-top-right-radius:5px;box-shadow:0 0 8px var(--primary)}.timer-animation{animation:4s linear forwards countdown}