.alert{background:rgb(46,75,142);color:white;position:fixed;top:80px;left:40px;padding:8px 12px;display:flex;gap:8px;align-items:center;font-size:16px;font-weight:600;border-radius:4px;z-index:100;opacity:0;transform:translateX(-100%);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.alert--alert-visible{opacity:1;transform:translateX(0)}.alert--alert-error{background:red}.alert__icon{font-size:1.15rem}