.notification-alert{backdrop-filter:blur(5px);cursor:pointer;z-index:200;direction:rtl;border-radius:5px 0 0 5px;align-items:center;gap:5px;width:300px;height:70px;font-family:inherit;transition:all .5s;display:flex;position:fixed;top:20px;right:-500px;box-shadow:0 0 4px #0000004d}.notification-alert:after{content:"";border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:5px;width:3px;height:100%;position:absolute;top:0;right:-3px}.notification-alert:before{content:"";border-radius:5px 0 0 5px;width:100%;height:3px;animation:10s linear infinite progressAlert;position:absolute;bottom:0;right:0}@keyframes progressAlert{0%{width:100%}to{width:0}}.alert__icon{width:15%;height:100%;display:flex}.alert__icon svg{filter:drop-shadow(0 2px 4px #fff);width:100%;height:100%}.alert__text{flex-direction:column;justify-content:center;width:80%;height:100%;font-family:inherit;display:flex}.alert__text p,.alert__text h1{color:#000;user-select:none;font-family:inherit;font-size:13px;line-height:25px}.alert__show{right:15px}.alert__hide{right:-500px}.alert__success{background-color:#e9fbe9}.alert__success:after,.alert__success:before{background:#1fad1f}.alert__success svg,.alert__success .alert__text h1{color:#1fad1f}.alert__success .alert__text p{color:#178217}.alert__warning{background-color:#fff7e6}.alert__warning:after,.alert__warning:before{background:#ffc233}.alert__warning svg,.alert__warning .alert__text h1{color:#ffc233}.alert__warning .alert__text p{color:#cc8f00}.alert__error{background-color:#fde9e7}.alert__error:after,.alert__error:before{background:#ec2513}.alert__error svg,.alert__error .alert__text h1{color:#ec2513}.alert__error .alert__text p{color:#8e160b}