@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap";.notification{color:#000a1e;display:flex;flex-direction:column-reverse;font-family:Nunito,sans-serif;gap:10px;left:10px;max-width:450px;position:fixed;top:10px;width:100%;z-index:9999999999}.notification.p-rt{bottom:unset;left:unset;right:10px;top:10px}.notification.p-rb{left:unset;right:10px}.notification.p-lb,.notification.p-rb{bottom:10px;flex-direction:column!important;top:unset}.notification.p-lb{left:10px;right:unset}.notification.p-ct{bottom:unset;left:0;margin:0 auto;right:0;top:10px}.notification.p-cb{bottom:10px;flex-direction:column!important;left:0;margin:0 auto;right:0;top:unset}@media (max-width:450px){.notification{left:0;right:0}}.notification .item{animation:t-in .5s;background-color:#fff;border-radius:15px;box-shadow:0 .25rem 1.125rem #4b465c1a;overflow:hidden;padding:1rem;position:relative}.notification .item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.notification .item-header h2.item-header-title{font-size:16px;font-weight:600;margin:0}.notification .item-header button.close-button{align-items:inherit;background-color:#f0f2f5;border:none;border-radius:50%;cursor:pointer;display:inherit;height:30px;justify-content:center;width:30px}.notification .item-body{align-items:center;display:flex;gap:20px}.notification .item-body-icon{align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;max-width:60px;width:100%}.notification .item-body-main p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;overflow:hidden}.notification .item-body-main p.time{font-size:12px;font-weight:600;margin-top:10px}.notification .item span.timer{bottom:0;height:2px;left:0;opacity:.5;position:absolute;width:0}.notification .item.info .item-body-icon{background-color:#0000ff38}.notification .item.info .item-body-icon svg{stroke:#00f}.notification .item.info .item-body-main .time{color:#00f}.notification .item.info span.timer{background-color:#00f}.notification .item.danger .item-body-icon{background-color:#ce000038}.notification .item.danger .item-body-icon svg{stroke:#ce0000}.notification .item.danger .item-body-main .time{color:#ce0000}.notification .item.danger span.timer{background-color:#ce0000}.notification .item.warning .item-body-icon{background-color:#ffa50038}.notification .item.warning .item-body-icon svg{stroke:orange}.notification .item.warning .item-body-main .time{color:orange}.notification .item.warning span.timer{background-color:orange}.notification .item.success .item-body-icon{background-color:#00800038}.notification .item.success .item-body-icon svg{stroke:green}.notification .item.success .item-body-main .time{color:green}.notification .item.success span.timer{background-color:green}.notification .outs-leave-active{animation:t-out .5s}.notification.p-ct .item,.notification.p-rt .item{animation:t-in .5s}.notification.p-ct .outs-leave-active,.notification.p-rt .outs-leave-active{animation:t-out .5s}.notification.p-cb .item,.notification.p-lb .item,.notification.p-rb .item{animation:in .5s}.notification.p-cb .outs-leave-active,.notification.p-lb .outs-leave-active,.notification.p-rb .outs-leave-active{animation:out .5s}@keyframes t-in{0%{margin-top:-162px;opacity:0}to{margin-top:0;opacity:1}}@keyframes t-out{0%{margin-top:0;opacity:1}to{margin-top:-172px;opacity:0}}@keyframes in{0%{margin-bottom:-162px}to{margin-bottom:0}}@keyframes out{0%{margin-bottom:0;opacity:1}to{margin-bottom:-172px;opacity:0}}