.sg-notification{--sg-notification-width:330px;--sg-notification-min-height:40px;--sg-notification-padding:8px 16px;--sg-notification-radius:var(--sg-border-radius-base);--sg-notification-shadow:var(--sg-box-shadow-input);--sg-notification-offset:16px;--sg-notification-icon-size:16px;--sg-notification-title-size:14px;--sg-notification-title-color:var(--sg-text-color-primary);--sg-notification-content-size:12px;--sg-notification-content-color:var(--sg-text-color-regular);--sg-notification-close-color:var(--sg-text-color-secondary);--sg-notification-close-size:var(--sg-message-close-size, 12px);--sg-notification-close-hover-color:var(--sg-text-color-regular)}.sg-notification{position:fixed;width:var(--sg-notification-width);min-height:var(--sg-notification-min-height);display:flex;align-items:center;padding:var(--sg-notification-padding);border-radius:var(--sg-notification-radius);box-sizing:border-box;background-color:var(--sg-color-white);box-shadow:var(--sg-notification-shadow);transition:opacity var(--sg-transition-duration),transform var(--sg-transition-duration),left var(--sg-transition-duration),right var(--sg-transition-duration),top .4s,bottom var(--sg-transition-duration);overflow-wrap:anywhere;z-index:9999}.sg-notification.right{right:var(--sg-notification-offset)}.sg-notification.left{left:var(--sg-notification-offset)}.sg-notification__badge{position:absolute;top:-8px;right:-8px}.sg-notification__icon{height:var(--sg-notification-icon-size);width:var(--sg-notification-icon-size);font-size:var(--sg-notification-icon-size);margin-right:8px}.sg-notification__title{color:var(--sg-notification-title-color);font-size:var(--sg-notification-title-size)}.sg-notification__content{font-size:var(--sg-notification-content-size);color:var(--sg-notification-content-color)}.sg-notification__content p{margin:0}.sg-notification__closebtn{position:absolute;top:50%;right:16px;transform:translateY(-50%);cursor:pointer;color:var(--sg-notification-close-color);font-size:var(--sg-notification-close-size)}.sg-notification__closebtn:hover{color:var(--sg-notification-close-hover-color)}.sg-notification.is-description .sg-notification__icon{position:absolute;top:10px}.sg-notification.is-description .sg-notification__icon+.sg-notification__group{padding-left:24px}.sg-notification.is-description .sg-notification__group .sg-notification__title{font-weight:700}.sg-notification.is-description .sg-notification__group .sg-notification__content{margin-top:8px}.sg-notification.is-description .sg-notification__closebtn{top:18px}.sg-notification--success .sg-notification__icon{color:var(--sg-color-success)}.sg-notification--info .sg-notification__icon{color:var(--sg-color-primary)}.sg-notification--warning .sg-notification__icon{color:var(--sg-color-warning)}.sg-notification--error .sg-notification__icon{color:var(--sg-color-error)}.sg-notification-fade-enter-from.right{right:0;transform:translateX(100%)}.sg-notification-fade-enter-from.left{left:0;transform:translateX(-100%)}.sg-notification-fade-leave-to{opacity:0}