.alert [data-notify=title]{display:block;font-size:.9rem}div[data-notify=container]{padding:1em}.notification-container{box-sizing:border-box;max-height:calc(100% - 30px);padding:0 15px;position:fixed;right:0;top:0;width:270px;z-index:999999}.notification{align-items:center;background-color:var(--color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--light);cursor:pointer;display:flex;font-size:.8rem;margin-top:1em;opacity:.95;padding:1em;position:relative}.notification,.notification.primary{--color:var(--primary)}.notification.secondary{--color:var(--secondary)}.notification.success{--color:var(--success)}.notification.info{--color:var(--info)}.notification.danger{--color:var(--danger)}.notification .title{font-weight:700;line-height:1;margin:0 0 .25em}.notification:focus,.notification:hover{opacity:1}.notification-enter{transform:translate3d(100%,0,0);visibility:hidden}.notification-enter.notification-enter-active{transform:translateZ(0);transition:all .4s;visibility:visible}.notification-leave{transform:translateZ(0);visibility:visible}.notification-leave.notification-leave-active{transform:translate3d(100%,0,0);transition:all .4s;visibility:hidden}.notification:before{content:"";display:none}.ntf-enter{opacity:0}.ntf-leave{opacity:1}.ntf-enter-active{animation:slideInRight .4s}.ntf-leave-active{animation:slideOutRight .4s}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{animation-name:slideOutRight}