.b-message{min-width:320px;max-width:800px;box-sizing:border-box;color:var(--b-message-text-color);border-radius:var(--b-border-radius-md);border-width:var(--b-border-width);border-style:var(--b-border-style);border-color:var(--b-message-border-color);position:fixed;left:50%;top:20px;transform:translateX(-50%);transition:opacity .3s,transform .4s,top .4s;background-color:var(--b-message-bg-color);transition:opacity var(--b-transition-duration),transform .4s,top .4s;padding:16px;display:flex;align-items:center}.b-message.is-center{justify-content:center}.b-message.is-closable .b-message__content{padding-right:16px}.b-message p{margin:0}.b-message--success{--b-message-bg-color:var(--b-color-green-1);--b-message-border-color:var(--b-color-green-2);--b-message-text-color:var(--b-color-green-4);--b-message-close-icon-color:var(--b-color-green-4);--b-message-close-hover-color:var(--b-color-green-3)}.b-message--success .b-message__content{color:var(--b-message-text-color)}.b-message .b-message-icon--success{color:var(--b-message-text-color)}.b-message .b-message__closeBtn{color:var(--b-message-close-icon-color)}.b-message .b-message__closeBtn:hover{color:var(--b-message-close-hover-color)}.b-message--info{--b-message-bg-color:var(--b-color-teal-1);--b-message-border-color:var(--b-color-teal-2);--b-message-text-color:var(--b-color-teal-4);--b-message-close-icon-color:var(--b-color-teal-4);--b-message-close-hover-color:var(--b-color-teal-3)}.b-message--info .b-message__content{color:var(--b-message-text-color)}.b-message .b-message-icon--info{color:var(--b-message-text-color)}.b-message .b-message__closeBtn{color:var(--b-message-close-icon-color)}.b-message .b-message__closeBtn:hover{color:var(--b-message-close-hover-color)}.b-message--warning{--b-message-bg-color:var(--b-color-orange-1);--b-message-border-color:var(--b-color-orange-2);--b-message-text-color:var(--b-color-orange-4);--b-message-close-icon-color:var(--b-color-orange-4);--b-message-close-hover-color:var(--b-color-orange-3)}.b-message--warning .b-message__content{color:var(--b-message-text-color)}.b-message .b-message-icon--warning{color:var(--b-message-text-color)}.b-message .b-message__closeBtn{color:var(--b-message-close-icon-color)}.b-message .b-message__closeBtn:hover{color:var(--b-message-close-hover-color)}.b-message--error{--b-message-bg-color:var(--b-color-red-1);--b-message-border-color:var(--b-color-red-2);--b-message-text-color:var(--b-color-red-4);--b-message-close-icon-color:var(--b-color-red-4);--b-message-close-hover-color:var(--b-color-red-3)}.b-message--error .b-message__content{color:var(--b-message-text-color)}.b-message .b-message-icon--error{color:var(--b-message-text-color)}.b-message .b-message__closeBtn{color:var(--b-message-close-icon-color)}.b-message .b-message__closeBtn:hover{color:var(--b-message-close-hover-color)}.b-message__icon{margin-right:8px}.b-message .b-message__badge{position:absolute;top:-8px;right:-8px}.b-message__content{padding:0;font-size:14px;line-height:1}.b-message__content:focus{outline-width:0}.b-message .b-message__closeBtn{position:absolute;top:50%;right:16px;transform:translateY(-50%);cursor:pointer;color:var(--b-message-close-icon-color);font-size:16px}.b-message .b-message__closeBtn:focus{outline-width:0}.b-message .b-message__closeBtn:hover{color:var(--b-message-close-hover-color)}.b-message-fade-enter-from,.b-message-fade-leave-to{opacity:0;transform:translate(-50%,-100%)}@media (min-width:768px){.b-message{min-width:400px}}