.custom-alert.success{background-color:#fff;border:1px solid #34d399}.custom-alert.danger{background-color:#fff;border:1px solid #ff8282}.custom-alert.warning{background-color:#fff;border:1px solid #feb64a}.custom-alert.error{background-color:#fff;border:1px solid #ff8282}.custom-alert.info{background-color:#fff;border-left:5px solid #117a8b}.custom-alert .icon{font-size:18px;margin-right:10px}.custom-alert .close-btn{background:#fff0;border:none;font-size:16px;color:inherit;cursor:pointer}.custom-alert .text-container{flex-grow:1}.custom-alert .close-btn:hover{color:#ddd}.custom-alert .title{font-weight:700;font-size:15px}.custom-alert .message{font-size:13px;opacity:.9}.custom-alert{position:fixed;top:20px;right:20px;height:67px;width:330px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:16px 18px;border-radius:6px;font-size:16px;max-width:350px;margin:10px auto;transition:opacity 0.5s ease-in-out;z-index:999999;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.custom-alert.show{display:block;animation:slide-in 0.5s ease-out,fade-out 0.5s ease-in 4.5s forwards}@keyframes slide-in{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fade-out{to{opacity:0;transform:translateX(100%)}}