.b-notification{display:flex;width:280px;padding:16px;border-radius:var(--b-border-radius-md);box-sizing:border-box;border:1px solid var(--b-color-neutral-2);position:fixed;background-color:var(--b-color-white);box-shadow:var(--b-box-shadow-lv2);transition:opacity var(--b-transition-duration),transform var(--b-transition-duration),left var(--b-transition-duration),right var(--b-transition-duration),top .4s,bottom var(--b-transition-duration);z-index:9999}.b-notification.right{right:16px}.b-notification.left{left:16px}.b-notification__group{position:relative;flex-grow:1}.b-notification__title{font-weight:600;font-size:12px;line-height:16px;color:var(--b-color-neutral-9)}.b-notification__content{font-size:12px;line-height:16px;color:var(--b-color-neutral-9)}.b-notification__content p{margin:0}.b-notification .b-notification__icon-wrapper{padding:4px;margin-right:8px;align-self:flex-start;display:flex;background-color:var(--b-color-neutral-2);border-radius:var(--b-border-radius-max)}.b-notification .b-notification__icon{height:16px;width:16px;font-size:16px}.b-notification .b-notification__closeBtn{position:absolute;top:-24px;right:-24px;cursor:pointer;opacity:0;box-shadow:var(--b-box-shadow-lv1)}.b-notification:hover .b-notification__closeBtn{opacity:1}.b-notification--success{background-color:var(--b-color-green-1)}.b-notification--success .b-notification__icon-wrapper{background-color:var(--b-color-green-3)}.b-notification--success .b-notification__icon{color:var(--b-color-white)}.b-notification--success .b-notification__content,.b-notification--success .b-notification__title{color:var(--b-color-green-5)}.b-notification--info{background-color:var(--b-color-teal-1)}.b-notification--info .b-notification__icon-wrapper{background-color:var(--b-color-teal-3)}.b-notification--info .b-notification__icon{color:var(--b-color-white)}.b-notification--info .b-notification__content,.b-notification--info .b-notification__title{color:var(--b-color-teal-5)}.b-notification--warning{background-color:var(--b-color-orange-1)}.b-notification--warning .b-notification__icon-wrapper{background-color:var(--b-color-orange-3)}.b-notification--warning .b-notification__icon{color:var(--b-color-white)}.b-notification--warning .b-notification__content,.b-notification--warning .b-notification__title{color:var(--b-color-orange-5)}.b-notification--error{background-color:var(--b-color-red-1)}.b-notification--error .b-notification__icon-wrapper{background-color:var(--b-color-red-3)}.b-notification--error .b-notification__icon{color:var(--b-color-white)}.b-notification--error .b-notification__content,.b-notification--error .b-notification__title{color:var(--b-color-red-5)}.b-notification-fade-enter-from.right{right:0;transform:translateX(100%)}.b-notification-fade-enter-from.left{left:0;transform:translateX(-100%)}.b-notification-fade-leave-to{opacity:0}