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