.ui-alert{--ui-alert-padding:8px 16px;--ui-alert-border-radius-base:var(--ui-border-radius-base);--ui-alert-title-font-size:14px;--ui-alert-title-with-description-font-size:16px;--ui-alert-description-font-size:14px;--ui-alert-close-font-size:16px;--ui-alert-close-customed-font-size:14px;--ui-alert-icon-size:16px;--ui-alert-icon-large-size:28px;width:100%;padding:var(--ui-alert-padding);box-sizing:border-box;border-radius:var(--ui-alert-border-radius-base);background-color:var(--ui-color-white);opacity:1;-webkit-transition:opacity var(--ui-transition-duration-fast);transition:opacity var(--ui-transition-duration-fast);align-items:center;margin:0;display:flex;position:relative;overflow:hidden}.ui-alert.is-light .ui-alert__close-btn{color:var(--ui-text-color-placeholder)}.ui-alert.is-dark .ui-alert__close-btn,.ui-alert.is-dark .ui-alert__description{color:var(--ui-color-white)}.ui-alert.is-center{justify-content:center}.ui-alert--primary{--ui-alert-bg-color:var(--ui-color-primary-light-9)}.ui-alert--primary.is-light{background-color:var(--ui-alert-bg-color);color:var(--ui-color-primary)}.ui-alert--primary.is-light .ui-alert__description{color:var(--ui-color-primary)}.ui-alert--primary.is-dark{background-color:var(--ui-color-primary);color:var(--ui-color-white)}.ui-alert--success{--ui-alert-bg-color:var(--ui-color-success-light-9)}.ui-alert--success.is-light{background-color:var(--ui-alert-bg-color);color:var(--ui-color-success)}.ui-alert--success.is-light .ui-alert__description{color:var(--ui-color-success)}.ui-alert--success.is-dark{background-color:var(--ui-color-success);color:var(--ui-color-white)}.ui-alert--info{--ui-alert-bg-color:var(--ui-color-info-light-9)}.ui-alert--info.is-light{background-color:var(--ui-alert-bg-color);color:var(--ui-color-info)}.ui-alert--info.is-light .ui-alert__description{color:var(--ui-color-info)}.ui-alert--info.is-dark{background-color:var(--ui-color-info);color:var(--ui-color-white)}.ui-alert--warning{--ui-alert-bg-color:var(--ui-color-warning-light-9)}.ui-alert--warning.is-light{background-color:var(--ui-alert-bg-color);color:var(--ui-color-warning)}.ui-alert--warning.is-light .ui-alert__description{color:var(--ui-color-warning)}.ui-alert--warning.is-dark{background-color:var(--ui-color-warning);color:var(--ui-color-white)}.ui-alert--error{--ui-alert-bg-color:var(--ui-color-error-light-9)}.ui-alert--error.is-light{background-color:var(--ui-alert-bg-color);color:var(--ui-color-error)}.ui-alert--error.is-light .ui-alert__description{color:var(--ui-color-error)}.ui-alert--error.is-dark{background-color:var(--ui-color-error);color:var(--ui-color-white)}.ui-alert__content{flex-direction:column;gap:4px;display:flex}.ui-alert .ui-alert__icon{font-size:var(--ui-alert-icon-size);width:var(--ui-alert-icon-size);margin-right:8px}.ui-alert .ui-alert__icon.is-big{font-size:var(--ui-alert-icon-large-size);width:var(--ui-alert-icon-large-size);margin-right:12px}.ui-alert__title{font-size:var(--ui-alert-title-font-size);line-height:24px}.ui-alert__title.with-description{font-size:var(--ui-alert-title-with-description-font-size)}.ui-alert .ui-alert__description{font-size:var(--ui-alert-description-font-size);margin:0}.ui-alert .ui-alert__close-btn{font-size:var(--ui-alert-close-font-size);opacity:1;cursor:pointer;position:absolute;top:12px;right:16px}.ui-alert .ui-alert__close-btn.is-customed{font-style:normal;font-size:var(--ui-alert-close-customed-font-size);line-height:24px;top:8px}.ui-alert-fade-enter-from,.ui-alert-fade-leave-active{opacity:0}