.flash-messages-container{position:fixed;top:80px;right:20px;z-index:1000;width:300px}.flash-message{margin-bottom:10px;padding:15px;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0 / .1);position:relative;animation:slideIn 0.3s ease-out forwards}.flash-message.success{background-color:#dff0d8;color:#3c763d;border-left:4px solid #3c763d}.flash-message.error{background-color:#f2dede;color:#a94442;border-left:4px solid #a94442}.flash-message.info{background-color:#d9edf7;color:#31708f;border-left:4px solid #31708f}.flash-message.warning{background-color:#fcf8e3;color:#8a6d3b;border-left:4px solid #8a6d3b}.close-flash{position:absolute;top:5px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;opacity:.7}.close-flash:hover{opacity:1}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}