.qd-notification{--qd-notification-width:330px;--qd-notification-padding:14px 26px 14px 13px;--qd-notification-radius:8px;--qd-notification-shadow:var(--qd-box-shadow-regular);--qd-notification-border-color:var(--qd-border-color-light);--qd-notification-icon-size:24px;--qd-notification-close-font-size:var(--qd-message-close-size, 16px);--qd-notification-group-margin-left:13px;--qd-notification-group-margin-right:8px;--qd-notification-content-font-size:var(--qd-font-size-base);--qd-notification-content-color:var(--qd-text-color-regular);--qd-notification-title-font-size:16px;--qd-notification-title-color:var(--qd-text-color-primary);--qd-notification-close-color:var(--qd-text-color-secondary);--qd-notification-close-hover-color:var(--qd-text-color-regular)}.qd-notification{display:flex;width:var(--qd-notification-width);padding:var(--qd-notification-padding);border-radius:var(--qd-notification-radius);box-sizing:border-box;border:1px solid var(--qd-notification-border-color);position:fixed;background-color:var(--qd-bg-color-overlay);box-shadow:var(--qd-notification-shadow);transition:opacity var(--qd-transition-duration),transform var(--qd-transition-duration),left var(--qd-transition-duration),right var(--qd-transition-duration),top .4s,bottom var(--qd-transition-duration);overflow-wrap:anywhere;overflow:hidden;z-index:9999}.qd-notification.right{right:16px}.qd-notification.left{left:16px}.qd-notification__group{margin-left:var(--qd-notification-group-margin-left);margin-right:var(--qd-notification-group-margin-right)}.qd-notification__title{font-weight:700;font-size:var(--qd-notification-title-font-size);line-height:var(--qd-notification-icon-size);color:var(--qd-notification-title-color);margin:0}.qd-notification__content{font-size:var(--qd-notification-content-font-size);line-height:24px;margin:6px 0 0;color:var(--qd-notification-content-color);text-align:justify}.qd-notification__content p{margin:0}.qd-notification .qd-notification__icon{height:var(--qd-notification-icon-size);width:var(--qd-notification-icon-size);font-size:var(--qd-notification-icon-size)}.qd-notification .qd-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:var(--qd-notification-close-color);font-size:var(--qd-notification-close-font-size)}.qd-notification .qd-notification__closeBtn:hover{color:var(--qd-notification-close-hover-color)}.qd-notification .qd-notification--success{--qd-notification-icon-color:var(--qd-color-success);color:var(--qd-notification-icon-color)}.qd-notification .qd-notification--info{--qd-notification-icon-color:var(--qd-color-info);color:var(--qd-notification-icon-color)}.qd-notification .qd-notification--warning{--qd-notification-icon-color:var(--qd-color-warning);color:var(--qd-notification-icon-color)}.qd-notification .qd-notification--error{--qd-notification-icon-color:var(--qd-color-error);color:var(--qd-notification-icon-color)}.qd-notification-fade-enter-from.right{right:0;transform:translateX(100%)}.qd-notification-fade-enter-from.left{left:0;transform:translateX(-100%)}.qd-notification-fade-leave-to{opacity:0}