.b-alert{width:100%;padding:8px 12px;margin:0;box-sizing:border-box;border-radius:var(--b-border-radius-md);position:relative;overflow:hidden;opacity:1;display:flex;align-items:flex-start;transition:opacity var(--b-transition-duration-fast)}.b-alert.is-center{text-align:center}.b-alert--success.is-light{background-color:var(--b-color-green-1);color:var(--b-color-green-4)}.b-alert--success.is-light .b-alert__description{color:var(--b-color-green-4)}.b-alert--success.is-dark{background-color:var(--b-color-green-4);color:var(--b-color-white)}.b-alert--info.is-light{background-color:var(--b-color-teal-1);color:var(--b-color-teal-4)}.b-alert--info.is-light .b-alert__description{color:var(--b-color-teal-4)}.b-alert--info.is-dark{background-color:var(--b-color-teal-4);color:var(--b-color-white)}.b-alert--warning.is-light{background-color:var(--b-color-orange-1);color:var(--b-color-orange-4)}.b-alert--warning.is-light .b-alert__description{color:var(--b-color-orange-4)}.b-alert--warning.is-dark{background-color:var(--b-color-orange-4);color:var(--b-color-white)}.b-alert--error.is-light{background-color:var(--b-color-red-1);color:var(--b-color-red-4)}.b-alert--error.is-light .b-alert__description{color:var(--b-color-red-4)}.b-alert--error.is-dark{background-color:var(--b-color-red-4);color:var(--b-color-white)}.b-alert__content{display:flex;flex-direction:column;flex-grow:1}.b-alert__content:not(:only-child){margin-top:3px}.b-alert .b-alert__icon{font-size:24px;width:24px;margin-right:8px}.b-alert__title{font-size:14px;line-height:18px;font-weight:600}.b-alert .b-alert__description{font-size:12px;line-height:16px;margin-top:4px;margin-bottom:0}.b-alert .b-alert__close-btn{margin-left:8px;padding:4px;height:24px;font-size:16px;opacity:1;cursor:pointer;border-radius:var(--b-border-radius-sm)}.b-alert .b-alert__close-btn:hover{background-color:rgba(0,0,0,.05)}.b-alert .b-alert__close-btn.is-customed{font-size:12px;font-weight:600;line-height:16px;padding:4px 8px}.b-alert-fade-enter-from,.b-alert-fade-leave-active{opacity:0}