.qd-alert{--qd-alert-padding:6px 16px;--qd-alert-padding-large:10px 16px;--qd-alert-padding-media:6px 16px;--qd-alert-padding-small:3px 12px;--qd-alert-border-radius-base:var(--qd-border-radius-base);--qd-alert-title-font-size:14px;--qd-alert-description-font-size:12px;--qd-alert-close-font-size:12px;--qd-alert-close-customed-font-size:13px;--qd-alert-icon-size:16px;--qd-alert-icon-large-size:28px;width:100%;padding:var(--qd-alert-padding);margin:0;box-sizing:border-box;border-radius:var(--qd-alert-border-radius-base);position:relative;background-color:var(--qd-color-white);overflow:hidden;opacity:1;display:flex;align-items:center;transition:opacity var(--qd-transition-duration-fast)}.qd-alert.is-light .qd-alert__close-btn{color:var(--qd-text-color-placeholder)}.qd-alert.is-dark .qd-alert__close-btn{color:var(--qd-color-white)}.qd-alert.is-dark .qd-alert__description{color:var(--qd-color-white)}.qd-alert.is-center{justify-content:center}.qd-alert--success{--qd-alert-bg-color:var(--qd-color-success-light-9)}.qd-alert--success.is-light{background-color:var(--qd-alert-bg-color);color:var(--qd-text-color-primary);border:1px solid var(--qd-"color" success)}.qd-alert--success.is-light .qd-alert__description{color:var(--qd-color-primary)}.qd-alert--success.is-light .qd-alert__icon{color:var(--qd-color-success)}.qd-alert--success.is-dark{background-color:var(--qd-color-success);color:var(--qd-color-white)}.qd-alert--success.is-border{border:1px solid var(--qd-color-success)}.qd-alert--success.is-large{padding:var(--qd-alert-padding-large)}.qd-alert--success.is-media{padding:var(--qd-alert-padding-media)}.qd-alert--success.is-small{padding:var(--qd-alert-padding-small)}.qd-alert--info{--qd-alert-bg-color:var(--qd-color-info-light-9)}.qd-alert--info.is-light{background-color:var(--qd-alert-bg-color);color:var(--qd-text-color-primary);border:1px solid var(--qd-"color" info)}.qd-alert--info.is-light .qd-alert__description{color:var(--qd-color-primary)}.qd-alert--info.is-light .qd-alert__icon{color:var(--qd-color-info)}.qd-alert--info.is-dark{background-color:var(--qd-color-info);color:var(--qd-color-white)}.qd-alert--info.is-border{border:1px solid var(--qd-color-info)}.qd-alert--info.is-large{padding:var(--qd-alert-padding-large)}.qd-alert--info.is-media{padding:var(--qd-alert-padding-media)}.qd-alert--info.is-small{padding:var(--qd-alert-padding-small)}.qd-alert--warning{--qd-alert-bg-color:var(--qd-color-warning-light-9)}.qd-alert--warning.is-light{background-color:var(--qd-alert-bg-color);color:var(--qd-text-color-primary);border:1px solid var(--qd-"color" warning)}.qd-alert--warning.is-light .qd-alert__description{color:var(--qd-color-primary)}.qd-alert--warning.is-light .qd-alert__icon{color:var(--qd-color-warning)}.qd-alert--warning.is-dark{background-color:var(--qd-color-warning);color:var(--qd-color-white)}.qd-alert--warning.is-border{border:1px solid var(--qd-color-warning)}.qd-alert--warning.is-large{padding:var(--qd-alert-padding-large)}.qd-alert--warning.is-media{padding:var(--qd-alert-padding-media)}.qd-alert--warning.is-small{padding:var(--qd-alert-padding-small)}.qd-alert--error{--qd-alert-bg-color:var(--qd-color-error-light-9)}.qd-alert--error.is-light{background-color:var(--qd-alert-bg-color);color:var(--qd-text-color-primary);border:1px solid var(--qd-"color" error)}.qd-alert--error.is-light .qd-alert__description{color:var(--qd-color-primary)}.qd-alert--error.is-light .qd-alert__icon{color:var(--qd-color-error)}.qd-alert--error.is-dark{background-color:var(--qd-color-error);color:var(--qd-color-white)}.qd-alert--error.is-border{border:1px solid var(--qd-color-error)}.qd-alert--error.is-large{padding:var(--qd-alert-padding-large)}.qd-alert--error.is-media{padding:var(--qd-alert-padding-media)}.qd-alert--error.is-small{padding:var(--qd-alert-padding-small)}.qd-alert__content{display:table-cell;padding:0 8px}.qd-alert .qd-alert__icon{font-size:var(--qd-alert-icon-size);width:var(--qd-alert-icon-size)}.qd-alert .qd-alert__icon.is-big{font-size:var(--qd-alert-icon-large-size);width:var(--qd-alert-icon-large-size)}.qd-alert__title{font-size:var(--qd-alert-title-font-size);line-height:18px;vertical-align:text-top}.qd-alert__title.is-bold{font-weight:700}.qd-alert .qd-alert__description{font-size:var(--qd-alert-description-font-size);margin:5px 0 0 0}.qd-alert .qd-alert__close-btn{font-size:var(--qd-alert-close-font-size);opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.qd-alert .qd-alert__close-btn.is-customed{font-style:normal;font-size:var(--qd-alert-close-customed-font-size);top:9px}.qd-alert-fade-enter-from,.qd-alert-fade-leave-active{opacity:0}