@keyframes snack-bar{0%{height:60px;margin-bottom:32px;opacity:0}4%{height:60px;margin-bottom:32px;opacity:1}92%{height:60px;margin-bottom:32px;opacity:1}96%{height:60px;margin-bottom:32px;opacity:0}to{height:0;margin-bottom:0;opacity:0}}.snack-bar{align-items:center;animation:snack-bar 12s ease-in-out normal forwards;background-color:#212121;border-radius:20px;box-sizing:border-box;color:#fff;display:flex;gap:12px}.snack-bar svg{margin-left:16px;min-width:28px;transform:translateY(-1px)}.snack-bar span{margin-right:20px}@media (min-width:769px){.snack-bar{margin-right:32px;min-width:350px}}