.system-notifications{position:fixed;right:20px;bottom:20px;z-index:2000;display:flex;flex-direction:column-reverse;gap:10px;width:340px;max-width:calc(100vw - 40px);pointer-events:none}@media (max-width: 600px){.system-notifications{right:16px;bottom:88px}}.system-notification{pointer-events:auto;display:flex;align-items:stretch;background-color:#292a2d;border:1px solid #3c4043;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #00000059;animation:system-notification-in .25s ease-out}@keyframes system-notification-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.system-notification-close{flex:0 0 40px;background-color:#3c4043;border:none;cursor:pointer;position:relative;transition:background-color .2s}.system-notification-close:hover{background-color:#f28b82}.system-notification-close:before,.system-notification-close:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;background-color:#e8eaed}.system-notification-close:before{transform:translate(-50%,-50%) rotate(45deg)}.system-notification-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.system-notification-body{padding:14px 16px;flex:1;min-width:0}.system-notification-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}.system-notification-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#8ab4f8}.system-notification-time{font-size:11px;color:#9aa0a6;white-space:nowrap}.system-notification-text{font-size:14px;color:#e8eaed;line-height:1.4;word-break:break-word;white-space:pre-wrap}