.notification{color:#fff;z-index:var(--layer-notification);text-align:center;border-radius:10px;min-width:300px;max-width:90%;padding:0 20px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000001a}.notification.success{color:#333;background-color:#50c878;animation:3s ease-in-out fadeInOut}.notification.error{color:#fff;background-color:#b22222;animation:6s ease-in-out fadeInOut}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}@media (width<=480px){.notification{top:20px}}@media (display-mode:standalone){.notification{top:calc(10px + env(safe-area-inset-top))}}@media (width>=768px){.notification{top:80px}}