.progress,.progress-bar{display:flex;overflow:hidden}.progress,.progress .progress-bar{border-radius:0}:root{--success:#26c73e;--info:#8426c7;--warning:#ffab00;--error:#c72626}.progress-bar{flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}.progress-bar-animated{animation:none}}.progress{height:1rem;line-height:0;font-size:.75rem;background-color:#2f323a}.notification,.notifications .notification{width:320px;padding:16px;background-color:#191919;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.6);color:#fff}.progress-bar-js-line{height:6px}.notifications{position:fixed;top:5em;right:.5em;z-index:9999999999}.notification{position:relative;border-radius:5px;border:1px solid rgba(0,0,0,.5);opacity:1;transition:opacity 2s;will-change:opacity}.notification.fade-out{opacity:0}.notifications .notification{position:relative;border-radius:5px;border:1px solid rgba(0,0,0,.5)}.notifications .notification .content{display:inline-flex;align-items:center;gap:10px;position:relative;z-index:2}.notifications .notification .content .img{margin-right:12px;width:20px;font-size:24px}.notifications .notification .content .text{color:#fff;z-index:2;font-size:14px}.notifications .notification .content .text .title{font-weight:500}.notifications .notification.success .content .img{color:var(--success)}.notifications .notification.info .content .img{color:var(--info)}.notifications .notification.warning .content .img{color:var(--warning)}.notifications .notification.error .content .img{color:var(--error)}.notifications .overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.notifications .overlay-gradient.success{background:linear-gradient(to right,rgba(0,210,91,.3) 30%,rgba(0,210,91,0)) 30%}.notifications .overlay-gradient.info{background:linear-gradient(to right,rgba(143,95,232,.3),rgba(143,95,232,0))}.notifications .overlay-gradient.warning{background:linear-gradient(to right,rgba(255,171,0,.3),rgba(255,171,0,0))}.notifications .overlay-gradient.error{background:linear-gradient(to right,rgba(239,68,68,.3),rgba(239,68,68,0))}.notifications .notification:not(:last-of-type){margin-bottom:10px}.notifications .notification .close{cursor:pointer;width:12px;color:#000}.notifications .notification .close svg{pointer-events:none;display:block;width:100%}.notifications .notification .progress-bar{width:100%;height:4px;position:absolute;bottom:0;left:0;transform:scaleX(0);transform-origin:left;animation:2s linear forwards scale-width}.notifications .notification .progress-bar.success{background-color:var(--success)}.notifications .notification .progress-bar.info{background-color:var(--info)}.notifications .notification .progress-bar.warning{background-color:var(--warning)}.notifications .notification .progress-bar.error{background-color:var(--error)}@keyframes scale-width{from{transform:scaleX(0)}to{transform:scaleX(1)}}