.sg-message{--sg-message-min-width:380px;--sg-message-min-height:40px;--sg-message-bg-color:var(--sg-color-white);--sg-message-box-shadow:0px 2px 8px 0 rgba(0, 0, 0, 0.15);--sg-message-padding:8px 38px 8px 16px;--sg-message-title-size:14px;--sg-message-description-size:12px;--sg-message-close-size:12px;--sg-message-close-icon-color:var(--sg-text-color-secondary);--sg-message-close-hover-color:var(--sg-text-color-secondary)}.sg-message{position:fixed;left:50%;top:20px;min-width:var(--sg-message-min-width);min-height:var(--sg-message-min-height);border-radius:var(--sg-border-radius-base);transform:translateX(-50%);background-color:var(--sg-message-bg-color);transition:opacity var(--sg-transition-duration),transform .4s,top .4s;padding:var(--sg-message-padding);box-shadow:var(--sg-box-shadow-input);display:flex;align-items:center}.sg-message__icon{margin-right:8px}.sg-message__badge{position:absolute;top:-8px;right:-8px}.sg-message__content{padding:0}.sg-message__content--title{font-size:var(--sg-message-title-size)}.sg-message__content--description{font-size:var(--sg-message-description-size);margin-top:8px}.sg-message__content:focus{outline-width:0}.sg-message__closebtn{position:absolute;top:50%;right:16px;transform:translateY(-50%);cursor:pointer;color:var(--sg-message-close-icon-color);font-size:var(--sg-message-close-size,12px)}.sg-message__closebtn:focus{outline-width:0}.sg-message__closebtn:hover{color:var(--sg-message-close-hover-color)}.sg-message.is-center{justify-content:center}.sg-message.is-description .sg-message__icon{position:absolute;top:10px}.sg-message.is-description .sg-message__content{padding-left:24px}.sg-message.is-description .sg-message__closebtn{top:18px}.sg-message p{margin:0}.sg-message--primary .sg-message__icon{color:var(--sg-color-primary)}.sg-message--primary .sg-message__content{color:var(--sg-color-primary)}.sg-message--primary .sg-message__content--description{color:#80e1e7}.sg-message--success .sg-message__icon{color:var(--sg-color-success)}.sg-message--success .sg-message__content{color:var(--sg-color-success)}.sg-message--success .sg-message__content--description{color:#87e4c2}.sg-message--info .sg-message__icon{color:var(--sg-color-info)}.sg-message--info .sg-message__content{color:var(--sg-color-info)}.sg-message--info .sg-message__content--description{color:#d5d6d7}.sg-message--warning .sg-message__icon{color:var(--sg-color-warning)}.sg-message--warning .sg-message__content{color:var(--sg-color-warning)}.sg-message--warning .sg-message__content--description{color:#f8d38b}.sg-message--error .sg-message__icon{color:var(--sg-color-error)}.sg-message--error .sg-message__content{color:var(--sg-color-error)}.sg-message--error .sg-message__content--description{color:#f7ab8a}.sg-message-fade-enter-from,.sg-message-fade-leave-to{opacity:0;transform:translate(-50%,-100%)}