.snackbar{display:flex;gap:12px;position:fixed;bottom:32px;left:32px;width:100%;max-width:500px;border-radius:12px;padding:16px;background-color:var(--text);color:var(--surface);font-weight:500;font-size:14px;line-height:20px;box-sizing:border-box;transition:all .3s;transform:translateY(100%);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;animation:snack-show 4s;z-index:200}@media screen and (max-width:768px){.snackbar{max-width:unset;border-radius:0;bottom:0;left:0}}.snackbar.panel{left:332px}@media screen and (max-width:768px){.snackbar.panel{left:0}}.snackbar svg{flex-shrink:0;width:20px;height:20px}.snackbar svg path{fill:var(--surface)}@keyframes snack-show{0%{opacity:0;transform:translateY(100%)}8%,92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}