.bn-notification{position:relative;border-radius:8px;padding:24px 20px;width:max-content;width:420px;background:#fff;box-shadow:0 8px 40px 0 rgba(100,107,122,.15);box-sizing:border-box}.bn-notification.is-top{transition:top .2s,transform .2s ease,opacity .2s}.bn-notification.is-bottom{transition:bottom .2s,transform .2s ease,opacity .2s}.bn-notification__icon{margin-right:8px}.bn-notification__icon.is-info{color:var(--bn-primary)}.bn-notification__icon.is-success{color:var(--bn-success)}.bn-notification__icon.is-warning{color:var(--bn-warning)}.bn-notification__icon.is-strong{color:var(--bn-strong)}.bn-notification__icon.is-error{color:var(--bn-danger)}.bn-notification__header{display:inline-flex}.bn-notification__title{font-size:18px;font-weight:600;color:#242934;line-height:1}.bn-notification__message{box-sizing:border-box;margin-top:12px;font-size:14px;font-weight:400;color:#646b7a;line-height:1}.bn-notification__close-icon{position:absolute;top:20px;right:20px;width:14px;height:14px;cursor:pointer}.bn-notification__close-icon::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9}.bn-notification__close-icon::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9}.bn-notification-slide-right-enter-from{transform:translateX(100%)}.bn-notification-slide-right-enter-to{transform:translateX(0)}.bn-notification-slide-left-enter-from{transform:translateX(-100%)}.bn-notification-slide-left-enter-to{transform:translateX(0)}.bn-notification-slide-left-leave-from,.bn-notification-slide-right-leave-from{opacity:1}.bn-notification-slide-left-leave-to,.bn-notification-slide-right-leave-to{opacity:0}