.alert{position:fixed;top:-100px;left:50%;transform:translate(-50%) scale(.5);padding:16px 24px;color:#fff;display:flex;align-items:center;gap:16px;border-radius:12px;transition:all 1s cubic-bezier(.17,.67,.16,.99);z-index:999;width:max-content;max-width:90vw}.alert img{width:auto}.alert.success{background-color:#188f48}.alert.error{background-color:#d31313}.alert.open{top:32px;transition-duration:1s;transition-timing-function:cubic-bezier(0,.84,.16,.99);transform:translate(-50%) scale(1) translateY(0)}@media screen and (max-width: 640px){.alert{font-size:12px}}