.alert{color:#fff;border-radius:10px;justify-content:space-between;align-items:center;max-width:40rem;margin:10px auto 0;padding:12px 12px 12px 16px;font-weight:700;animation:.3s ease-out slide-in;display:flex}.alert-info{background-color:#1f5f8b}.alert-warning{background-color:#8a5a00}.alert-error{background-color:#b3261e}@keyframes slide-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.close-button{cursor:pointer;background:#ffffff1f;border-radius:9999px;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;margin-left:16px;font-size:1.1em;line-height:1;display:inline-flex}.close-button:hover{background:#ffffff40}.notification-content{flex-grow:1;align-items:center;display:flex}