.request-status-wrapper{z-index:9999;flex-direction:column-reverse;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.request-status{border-radius:8px;justify-content:space-between;align-items:center;min-width:460px;padding:12px 16px;font-size:14px;animation:.35s forwards slideInRight;display:flex;position:relative;box-shadow:0 8px 24px #00000040}.request-status.closing{animation:.35s forwards slideOutRight}.request-status--error{color:#fff;background:#ff4c4c;border-right:4px solid red}.request-status--success{color:#fff;background:#34d399;border-right:4px solid #059669}.request-status-close{cursor:pointer;color:#fff;z-index:2;font-weight:700;position:absolute;top:10px;right:15px}.request-status-close:hover{opacity:.8}.progress-bar{background-color:currentColor;border-radius:2px;height:3px;animation:linear forwards progressBar;position:absolute;bottom:0;left:0}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes progressBar{0%{width:100%}to{width:0%}}