.snackbar-container{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:12px;align-items:flex-start;gap:1rem;width:400px;max-width:calc(100vw - 2rem);padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000001f}.snackbar-container.enter{animation:.35s cubic-bezier(.2,.8,.2,1) forwards snackbarSlideUp}.snackbar-container.leave{animation:.35s forwards snackbarFadeOut}@keyframes snackbarSlideUp{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes snackbarFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.snackbar-icon{justify-content:center;align-items:center;margin-top:-2px;font-size:1.75rem;display:flex}.snackbar-content{flex-direction:column;flex:1;gap:.35rem;padding-right:1.5rem;display:flex}.snackbar-title{margin:0;font-size:.95rem;font-weight:600;line-height:1.3}.snackbar-subtitle{opacity:.85;margin:0;font-size:.825rem;line-height:1.4}.snackbar-close{cursor:pointer;opacity:.5;color:inherit;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;font-size:1rem;transition:opacity .2s,background .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.snackbar-close:hover{opacity:1;background:#0000000d}.dark .snackbar-close:hover{background:#ffffff1a}.snackbar-success{color:#166534;background-color:#f0fdf4f2;border-left:5px solid #22c55e}.dark .snackbar-success{color:#4ade80;background-color:#052e16f2}.snackbar-error{color:#991b1b;background-color:#fef2f2f2;border-left:5px solid #ef4444}.dark .snackbar-error{color:#f87171;background-color:#450a0af2}.snackbar-warning{color:#854d0e;background-color:#fefce8f2;border-left:5px solid #eab308}.dark .snackbar-warning{color:#facc15;background-color:#422006f2}.snackbar-info{color:#1e40af;background-color:#eff6fff2;border-left:5px solid #3b82f6}.dark .snackbar-info{color:#60a5fa;background-color:#172554f2}