.snackbar-container{z-index:99999;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;width:calc(100% - 2rem);max-width:28rem;padding:.75rem 1rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInSnackbar;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.snackbar-success{color:#065f46;background-color:#ecfdf5;border-color:#a7f3d0}.snackbar-error{color:#9f1239;background-color:#fff1f2;border-color:#fecdd3}.snackbar-warning{color:#92400e;background-color:#fffbeb;border-color:#fde68a}.snackbar-info{color:#1e40af;background-color:#eff6ff;border-color:#bfdbfe}.snackbar-icon{flex-shrink:0}.snackbar-message{flex:1;font-size:.875rem;font-weight:500}.snackbar-close-btn{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:opacity .2s,background-color .2s;display:flex}.snackbar-close-btn:hover{opacity:1;background-color:#0000000d}@keyframes slideInSnackbar{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}