.qd-message{--qd-message-bg-color:var(--qd-color-info-light-9);--qd-message-border-color:var(--qd-border-color-light);--qd-message-padding:10px 24px 10px 24px;--qd-message-close-size:16px;--qd-message-close-icon-color:var(--qd-text-color-placeholder);--qd-message-close-hover-color:var(--qd-text-color-secondary)}.qd-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 32px);box-sizing:border-box;border-radius:var(--qd-border-radius-base);border-width:var(--qd-border-width);border-style:var(--qd-border-style);border-color:var(--qd-message-border-color);position:fixed;left:50%;top:20px;transform:translateX(-50%);background-color:var(--qd-message-bg-color);transition:opacity var(--qd-transition-duration),transform .4s,top .4s;padding:var(--qd-message-padding);display:flex;align-items:center}.qd-message.is-center{justify-content:center}.qd-message.is-closable .qd-message__content{padding-right:31px}.qd-message p{margin:0}.qd-message--success{--qd-message-bg-color:var(--qd-color-success-light-9);--qd-message-border-color:var(--qd-color-success-light-8);--qd-message-text-color:var(--qd-color-success)}.qd-message--success .qd-message__content{color:var(--qd-message-text-color);overflow-wrap:anywhere}.qd-message .qd-message-icon--success{color:var(--qd-message-text-color)}.qd-message--info{--qd-message-bg-color:var(--qd-color-info-light-9);--qd-message-border-color:var(--qd-color-info-light-8);--qd-message-text-color:var(--qd-color-info)}.qd-message--info .qd-message__content{color:var(--qd-message-text-color);overflow-wrap:anywhere}.qd-message .qd-message-icon--info{color:var(--qd-message-text-color)}.qd-message--warning{--qd-message-bg-color:var(--qd-color-warning-light-9);--qd-message-border-color:var(--qd-color-warning-light-8);--qd-message-text-color:var(--qd-color-warning)}.qd-message--warning .qd-message__content{color:var(--qd-message-text-color);overflow-wrap:anywhere}.qd-message .qd-message-icon--warning{color:var(--qd-message-text-color)}.qd-message--error{--qd-message-bg-color:var(--qd-color-error-light-9);--qd-message-border-color:var(--qd-color-error-light-8);--qd-message-text-color:var(--qd-color-error)}.qd-message--error .qd-message__content{color:var(--qd-message-text-color);overflow-wrap:anywhere}.qd-message .qd-message-icon--error{color:var(--qd-message-text-color)}.qd-message__icon{margin-right:10px}.qd-message .qd-message__badge{position:absolute;top:-8px;right:-8px}.qd-message__content{padding:0;font-size:14px;line-height:1}.qd-message__content:focus{outline-width:0}.qd-message .qd-message__closeBtn{position:absolute;top:50%;right:19px;transform:translateY(-50%);cursor:pointer;color:var(--qd-message-close-icon-color);font-size:var(--qd-message-close-size)}.qd-message .qd-message__closeBtn:focus{outline-width:0}.qd-message .qd-message__closeBtn:hover{color:var(--qd-message-close-hover-color)}.qd-message-fade-enter-from,.qd-message-fade-leave-to{opacity:0;transform:translate(-50%,-100%)}