.system-alert-stack{position:fixed;z-index:1500;right:20px;top:20px;width:min(390px,calc(100vw - 30px));display:grid;gap:10px}.system-alert{position:relative;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:14px 14px 14px 13px;background:#211e1c;color:#fff;border-radius:13px;box-shadow:0 18px 55px rgba(20,15,13,.3);overflow:hidden;animation:system-alert-in .32s ease}.system-alert>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff17;color:#d8b19f;font-weight:700}.system-alert small{font-size:7px;letter-spacing:.16em;color:#c3a89c}.system-alert p{margin:2px 0 0;font:12px/1.45 Arial,sans-serif;color:#eee7e3}.system-alert button{border:0;background:transparent;color:#bbb1ac;font-size:20px}.system-alert>i{position:absolute;left:0;bottom:0;height:3px;background:#c98970;width:100%;animation:system-alert-time 7s linear forwards}.system-alert--error{background:#4a1f25}.system-alert--error>span{color:#ffc3c9}.system-alert--error>i{background:#e27580}.system-alert--info>span{color:#bcd8ed}.system-alert--info>i{background:#76a9c7}@keyframes system-alert-in{from{opacity:0;transform:translateY(-15px) scale(.97)}}@keyframes system-alert-time{to{width:0}}@media(max-width:600px){.system-alert-stack{right:15px;top:12px}}