.request-status-wrapper{z-index:9999;flex-direction:column-reverse;gap:10px;min-width:460px;display:flex;position:fixed;bottom:20px;right:20px}.request-status{word-break:break-word;border-radius:8px;align-items:center;width:100%;height:auto;min-height:48px;padding:12px 40px 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--warning{color:#fff;background:#f59e0b;border-right:4px solid #d97706}.request-status-close{cursor:pointer;color:#fff;z-index:2;flex-shrink:0;font-weight:700;position:absolute;top:10px;right:12px}.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%}}@media (max-width:768px){.request-status-wrapper{min-width:unset;width:100vw;bottom:16px;left:auto;right:10px}.request-status{padding:10px 36px 10px 12px;font-size:13px}}@media (max-width:420px){.request-status-wrapper{width:70vw;bottom:12px;right:8px}.request-status{padding:10px 32px 10px 10px;font-size:12px}}