.cd-notification{--cd-notification-width:330px;--cd-notification-padding:14px 26px 14px 13px;--cd-notification-radius:8px;--cd-notification-shadow:var(--cd-box-shadow-light);--cd-notification-border-color:var(--cd-border-color-lighter);--cd-notification-icon-size:24px;--cd-notification-close-font-size:var(--cd-message-close-size,16px);--cd-notification-group-margin-left:13px;--cd-notification-group-margin-right:8px;--cd-notification-content-font-size:var(--cd-font-size-base);--cd-notification-content-color:var(--cd-text-color-regular);--cd-notification-title-font-size:16px;--cd-notification-title-color:var(--cd-text-color-primary);--cd-notification-close-color:var(--cd-text-color-secondary);--cd-notification-close-hover-color:var(--cd-text-color-regular);background-color:var(--cd-bg-color-overlay);border:1px solid var(--cd-notification-border-color);border-radius:var(--cd-notification-radius);box-shadow:var(--cd-notification-shadow);box-sizing:border-box;display:flex;overflow:hidden;overflow-wrap:break-word;padding:var(--cd-notification-padding);position:fixed;transition:opacity var(--cd-transition-duration),transform var(--cd-transition-duration),left var(--cd-transition-duration),right var(--cd-transition-duration),top .4s,bottom var(--cd-transition-duration);width:var(--cd-notification-width);z-index:9999}.cd-notification.right{right:16px}.cd-notification.left{left:16px}.cd-notification__group{flex:1;margin-left:var(--cd-notification-group-margin-left);margin-right:var(--cd-notification-group-margin-right);min-width:0}.cd-notification__title{color:var(--cd-notification-title-color);font-size:var(--cd-notification-title-font-size);font-weight:700;line-height:var(--cd-notification-icon-size);margin:0}.cd-notification__content{color:var(--cd-notification-content-color);font-size:var(--cd-notification-content-font-size);line-height:24px;margin:6px 0 0}.cd-notification__content p{margin:0}.cd-notification .cd-notification__icon{flex-shrink:0;font-size:var(--cd-notification-icon-size);height:var(--cd-notification-icon-size);width:var(--cd-notification-icon-size)}.cd-notification .cd-notification__closeBtn{color:var(--cd-notification-close-color);cursor:pointer;font-size:var(--cd-notification-close-font-size);position:absolute;right:15px;top:18px}.cd-notification .cd-notification__closeBtn:hover{color:var(--cd-notification-close-hover-color)}.cd-notification .cd-notification--primary{--cd-notification-icon-color:var(--cd-color-primary);color:var(--cd-notification-icon-color)}.cd-notification .cd-notification--success{--cd-notification-icon-color:var(--cd-color-success);color:var(--cd-notification-icon-color)}.cd-notification .cd-notification--info{--cd-notification-icon-color:var(--cd-color-info);color:var(--cd-notification-icon-color)}.cd-notification .cd-notification--warning{--cd-notification-icon-color:var(--cd-color-warning);color:var(--cd-notification-icon-color)}.cd-notification .cd-notification--error{--cd-notification-icon-color:var(--cd-color-error);color:var(--cd-notification-icon-color)}.cd-notification-fade-enter-from.right{right:0;transform:translate(100%)}.cd-notification-fade-enter-from.left{left:0;transform:translate(-100%)}.cd-notification-fade-leave-to{opacity:0}.cd-badge{--cd-badge-bg-color:var(--cd-color-danger);--cd-badge-radius:10px;--cd-badge-font-size:12px;--cd-badge-padding:6px;--cd-badge-size:18px;display:inline-block;position:relative;vertical-align:middle;width:-moz-fit-content;width:fit-content}.cd-badge__content{align-items:center;background-color:var(--cd-badge-bg-color);border:1px solid var(--cd-bg-color);border-radius:var(--cd-badge-radius);color:var(--cd-color-white);display:inline-flex;font-size:var(--cd-badge-font-size);height:var(--cd-badge-size);justify-content:center;padding:0 var(--cd-badge-padding);white-space:nowrap}.cd-badge__content.is-fixed{position:absolute;right:calc(1px + var(--cd-badge-size)/2);top:0;transform:translateY(-50%) translate(100%);z-index:var(--cd-index-normal)}.cd-badge__content.is-fixed.is-dot{right:5px}.cd-badge__content.is-dot{border-radius:50%;height:8px;padding:0;right:0;width:8px}.cd-badge__content.is-hide-zero{display:none}.cd-badge__content--primary{background-color:var(--cd-color-primary)}.cd-badge__content--success{background-color:var(--cd-color-success)}.cd-badge__content--warning{background-color:var(--cd-color-warning)}.cd-badge__content--info{background-color:var(--cd-color-info)}.cd-badge__content--danger{background-color:var(--cd-color-danger)}.cd-message{--cd-message-bg-color:var(--cd-color-info-light-9);--cd-message-border-color:var(--cd-border-color-lighter);--cd-message-padding:11px 15px;--cd-message-close-size:16px;--cd-message-close-icon-color:var(--cd-text-color-placeholder);--cd-message-close-hover-color:var(--cd-text-color-secondary);align-items:center;background-color:var(--cd-message-bg-color);border-color:var(--cd-message-border-color);border-radius:var(--cd-border-radius-base);border-style:var(--cd-border-style);border-width:var(--cd-border-width);box-sizing:border-box;display:flex;gap:8px;max-width:calc(100% - 32px);padding:var(--cd-message-padding);position:fixed;transition:opacity var(--cd-transition-duration),transform .4s,top .4s,bottom .4s;width:-moz-fit-content;width:fit-content}.cd-message.is-left{left:16px}.cd-message.is-right{right:16px}.cd-message.is-center{left:50%;transform:translate(-50%)}.cd-message.is-plain{background-color:var(--cd-bg-color-overlay);border-color:var(--cd-bg-color-overlay);box-shadow:var(--cd-box-shadow-light)}.cd-message p{margin:0}.cd-message--primary{--cd-message-bg-color:var(--cd-color-primary-light-9);--cd-message-border-color:var(--cd-color-primary-light-8);--cd-message-text-color:var(--cd-color-primary)}.cd-message--primary .cd-message__content{color:var(--cd-message-text-color);overflow-wrap:break-word}.cd-message .cd-message-icon--primary{color:var(--cd-message-text-color)}.cd-message--success{--cd-message-bg-color:var(--cd-color-success-light-9);--cd-message-border-color:var(--cd-color-success-light-8);--cd-message-text-color:var(--cd-color-success)}.cd-message--success .cd-message__content{color:var(--cd-message-text-color);overflow-wrap:break-word}.cd-message .cd-message-icon--success{color:var(--cd-message-text-color)}.cd-message--info{--cd-message-bg-color:var(--cd-color-info-light-9);--cd-message-border-color:var(--cd-color-info-light-8);--cd-message-text-color:var(--cd-color-info)}.cd-message--info .cd-message__content{color:var(--cd-message-text-color);overflow-wrap:break-word}.cd-message .cd-message-icon--info{color:var(--cd-message-text-color)}.cd-message--warning{--cd-message-bg-color:var(--cd-color-warning-light-9);--cd-message-border-color:var(--cd-color-warning-light-8);--cd-message-text-color:var(--cd-color-warning)}.cd-message--warning .cd-message__content{color:var(--cd-message-text-color);overflow-wrap:break-word}.cd-message .cd-message-icon--warning{color:var(--cd-message-text-color)}.cd-message--error{--cd-message-bg-color:var(--cd-color-error-light-9);--cd-message-border-color:var(--cd-color-error-light-8);--cd-message-text-color:var(--cd-color-error)}.cd-message--error .cd-message__content{color:var(--cd-message-text-color);overflow-wrap:break-word}.cd-message .cd-message-icon--error{color:var(--cd-message-text-color)}.cd-message .cd-message__badge{position:absolute;right:-8px;top:-8px}.cd-message__content{font-size:14px;line-height:1;padding:0}.cd-message__content:focus{outline-width:0}.cd-message .cd-message__closeBtn{color:var(--cd-message-close-icon-color);cursor:pointer;font-size:var(--cd-message-close-size)}.cd-message .cd-message__closeBtn:focus{outline-width:0}.cd-message .cd-message__closeBtn:hover{color:var(--cd-message-close-hover-color)}.cd-message-fade-enter-from,.cd-message-fade-leave-to{opacity:0}.cd-message-fade-enter-from:is(.is-left,.is-right),.cd-message-fade-leave-to:is(.is-left,.is-right){transform:translateY(-100%)}.cd-message-fade-enter-from:is(.is-left,.is-right).is-bottom,.cd-message-fade-leave-to:is(.is-left,.is-right).is-bottom{transform:translateY(100%)}.cd-message-fade-enter-from.is-center,.cd-message-fade-leave-to.is-center{transform:translate(-50%,-100%)}.cd-message-fade-enter-from.is-center.is-bottom,.cd-message-fade-leave-to.is-center.is-bottom{transform:translate(-50%,100%)}