.notification-container{position:fixed;font-family:Roboto,sans-serif;font-size:1.1em;box-sizing:border-box;z-index:99999;overflow:hidden;transition:all .5s linear}.notification-container.center{top:50%;left:50%;transform:translate(-50%,-50%)}.notification-container.top-left{left:10px;top:10px}.notification-container.bottom-left{left:10px;bottom:10px}.notification-container.top-right{right:10px;top:10px}.notification-container.bottom-right{right:10px;bottom:10px}.notification-container.top-right .notification,.notification-container.bottom-right .notification{margin-left:auto}.notification{position:relative;overflow:hidden;max-height:500px;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(0,1,.5,1);margin:0 0 6px;opacity:.9;border-radius:4px;box-shadow:0 0 30px #241e1e33;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100}.notification-body:hover{box-shadow:0 0 30px #000;opacity:1;cursor:pointer;border-radius:10px}.overlay{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#000;background:#00000080;z-index:10;display:none}.notification-body{align-items:center;display:flex;min-height:56px;width:300px;padding:0;letter-spacing:1px;word-break:break-word!important;border-radius:10px}.notification-icon{font-size:36px;line-height:36px;text-align:center;padding:0;margin:0;display:flex;justify-content:center;align-items:center;width:61px;min-width:61px;flex:1;min-height:56px;border-radius:10px 0 0 10px}.notification-icon>svg{display:none}.notification .notification-body{border-width:1px 0px 1px 1px;border-style:solid;border-color:#d4d8d9}.notification-default .notification-icon svg.default,.notification-warning .notification-icon svg.warning,.notification-error .notification-icon svg.error,.notification-info .notification-icon svg.info,.notification-success .notification-icon svg.success{display:block}.notification-success .notification-body,.notification-success .notification-icon{background:#befae9}.notification-info .notification-body,.notification-info .notification-icon{background:#60d0ff}.notification-warning .notification-body,.notification-warning .notification-icon{background:#f7fabe}.notification-error .notification-body,.notification-error .notification-icon{background:#fabebe}.notification-body .notification-icon{max-width:60px;flex:0}.notification-body>div{padding:4px;height:100%}.notification-body>.notification-content{background:#fff;border:1px solid #D4D8D9;border-radius:0 10px 10px 0;padding:25px 15px;display:flex;flex-direction:column;gap:5px;flex:1;position:relative}.notification-body>.notification-content>.notification-close{position:absolute;right:5px;top:5px;display:inline-flex;width:18px;height:18px;border-radius:50%;padding:3px;background:#fabebe;color:#570a0a;justify-content:center;align-items:center}.notification-body>.notification-content>.notification-close>svg{width:80%}.notification .notification-title{font-family:Poppins;font-style:normal;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.15px;color:#252626}.notification .notification-desc{font-style:normal;font-weight:400;font-size:14px;line-height:24px;letter-spacing:.25px;color:#525454}.bottom-right .notification.animation-slide-in,.top-right .notification.animation-slide-in{animation:right-slide-in .5s forwards,bounceIn .7s forwards;transform:translate(100%)}.bottom-right .notification.animation-slide-out,.top-right .notification.animation-slide-out{animation:right-slide-out .5s forwards}.top-left .notification.animation-slide-in,.bottom-left .notification.animation-slide-in{animation:left-slide-in .5s forwards,bounceIn .7s forwards;transform:translate(-100%)}.top-left .notification.animation-slide-out,.bottom-left .notification.animation-slide-out{animation:left-slide-out .5s forwards}.notification.animation-fade-in{animation:fade-in .5s forwards,bounceIn .7s forwards;opacity:0}.notification.animation-fade-out{animation:fade-out .5s forwards}.notification-buttons{display:flex;justify-content:center}.notification-default .notification-buttons{border-top:1px solid rgb(230,226,226)}.notification-button{background:#fffffffc;align-items:center;color:#000;display:flex;justify-content:center;flex-grow:1;min-height:40px;font-size:24px;font-weight:600;cursor:pointer}.notification-button:hover{background:#fff;text-decoration:none}.notification-cancel:before{content:"✗"}.notification-cancel{color:#8b0000;border-right:1px solid rgb(230,226,226)}.notification-cancel:hover{color:red}.notification-action:before{content:"✔"}.notification-action{color:green}.notification-action:hover{color:#04ad04}@keyframes left-slide-in{to{transform:translate(0)}}@keyframes left-slide-out{to{transform:translate(-100%);margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;max-height:0;opacity:0}}@keyframes right-slide-in{to{transform:translate(0)}}@keyframes right-slide-out{to{transform:translate(100%);margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;max-height:0;opacity:0}}@keyframes bounceIn{50%{transform:scale(.9);opacity:.5}75%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;max-height:0;opacity:0}}