.sg-alert{--sg-alert-padding:8px 16px;--sg-alert-padding-large:16px 24px;--sg-alert-border-radius-base:var(--sg-border-radius-base);--sg-alert-title-size:14px;--sg-alert-title-large-size:16px;--sg-alert-description-size:14px;--sg-alert-close-size:12px;--sg-alert-close-large-size:16px;--sg-alert-close-customed-size:12px;--sg-alert-icon-size:16px;--sg-alert-icon-large-size:24px;position:relative;width:100%;padding:var(--sg-alert-padding);margin:0;box-sizing:border-box;border-radius:var(--sg-alert-border-radius-base);border:var(--sg-border-base);background-color:var(--sg-color-white);overflow:hidden;opacity:1;display:flex;align-items:center;transition:opacity var(--sg-transition-duration-fast)}.sg-alert__icon{font-size:var(--sg-alert-icon-size)}.sg-alert__content{display:table-cell;padding:0 8px}.sg-alert__title{font-size:var(--sg-alert-title-size)}.sg-alert__description{font-size:var(--sg-alert-description-size);margin:8px 0 0 0}.sg-alert__closebtn{position:absolute;top:50%;right:16px;transform:translateY(-50%);font-size:var(--sg-alert-close-size);opacity:1;cursor:pointer}.sg-alert__closebtn.is-customed{font-style:normal;font-size:var(--sg-alert-close-customed-size);top:9px}.sg-alert.is-light .sg-alert__closebtn{color:var(--sg-text-color-secondary)}.sg-alert.is-light .sg-alert__description{color:var(--sg-text-color-secondary)}.sg-alert.is-dark .sg-alert__closebtn{color:var(--sg-color-white)}.sg-alert.is-dark .sg-alert__description{color:var(--sg-color-white)}.sg-alert.is-center{justify-content:center}.sg-alert.is-description{padding:var(--sg-alert-padding-large)}.sg-alert.is-description .sg-alert__icon{position:absolute;top:16px;font-size:var(--sg-alert-icon-large-size)}.sg-alert.is-description .sg-alert__icon+.sg-alert__content{padding-left:40px}.sg-alert.is-description .sg-alert__content .sg-alert__title{font-weight:700;line-height:var(--sg-alert-icon-large-size);font-size:var(--sg-alert-title-large-size)}.sg-alert.is-description .sg-alert__content .sg-alert__closebtn{top:28px;right:24px;font-size:var(--sg-alert-close-large-size)}.sg-alert--primary{--sg-alert-bg-color:#e6f9fa}.sg-alert--primary.is-light{color:var(--sg-text-color-primary);border-color:var(--sg-color-primary);background-color:var(--sg-alert-bg-color)}.sg-alert--primary.is-light .sg-alert__icon{color:var(--sg-color-primary)}.sg-alert--primary.is-dark{color:var(--sg-color-white);border-color:var(--sg-color-primary);background-color:var(--sg-color-primary)}.sg-alert--primary.is-dark .sg-alert__icon{color:var(--sg-color-white)}.sg-alert--success{--sg-alert-bg-color:#e7faf3}.sg-alert--success.is-light{color:var(--sg-text-color-primary);border-color:var(--sg-color-success);background-color:var(--sg-alert-bg-color)}.sg-alert--success.is-light .sg-alert__icon{color:var(--sg-color-success)}.sg-alert--success.is-dark{color:var(--sg-color-white);border-color:var(--sg-color-success);background-color:var(--sg-color-success)}.sg-alert--success.is-dark .sg-alert__icon{color:var(--sg-color-white)}.sg-alert--info{--sg-alert-bg-color:#f7f7f7}.sg-alert--info.is-light{color:var(--sg-text-color-primary);border-color:var(--sg-color-info);background-color:var(--sg-alert-bg-color)}.sg-alert--info.is-light .sg-alert__icon{color:var(--sg-color-info)}.sg-alert--info.is-dark{color:var(--sg-color-white);border-color:var(--sg-color-info);background-color:var(--sg-color-info)}.sg-alert--info.is-dark .sg-alert__icon{color:var(--sg-color-white)}.sg-alert--warning{--sg-alert-bg-color:#fef6e8}.sg-alert--warning.is-light{color:var(--sg-text-color-primary);border-color:var(--sg-color-warning);background-color:var(--sg-alert-bg-color)}.sg-alert--warning.is-light .sg-alert__icon{color:var(--sg-color-warning)}.sg-alert--warning.is-dark{color:var(--sg-color-white);border-color:var(--sg-color-warning);background-color:var(--sg-color-warning)}.sg-alert--warning.is-dark .sg-alert__icon{color:var(--sg-color-white)}.sg-alert--error{--sg-alert-bg-color:#fdeee8}.sg-alert--error.is-light{color:var(--sg-text-color-primary);border-color:var(--sg-color-error);background-color:var(--sg-alert-bg-color)}.sg-alert--error.is-light .sg-alert__icon{color:var(--sg-color-error)}.sg-alert--error.is-dark{color:var(--sg-color-white);border-color:var(--sg-color-error);background-color:var(--sg-color-error)}.sg-alert--error.is-dark .sg-alert__icon{color:var(--sg-color-white)}.sg-alert-fade-enter-from,.sg-alert-fade-leave-active{opacity:0}