.sg-notifications-active{position:relative}#sg_notifications{display:none;box-sizing:border-box;position:fixed;left:1em;bottom:1em;padding:32px 10px 10px 102px;max-width:350px;width:90%;min-height:120px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.15);opacity:0}#sg_notifications.active{display:block;-webkit-animation:sgNotificationFadeIn 1s ease-in;-moz-animation:sgNotificationFadeIn 1s ease-in;-ms-animation:sgNotificationFadeIn 1s ease-in;-o-animation:sgNotificationFadeIn 1s ease-in;animation:sgNotificationFadeIn 1s ease-in;animation-fill-mode:both}#sg_notifications a{color:#000}.sg-notification-close{position:absolute;right:0;background:none;color:rgba(0,0,0,.5);font-weight:300;font-size:12px;text-transform:uppercase;padding:10px;top:0;transition:0.5s color ease;border:none}.sg-notification-close:hover{background:none;color:#000}#sg_notifications .sg-notification-image{position:absolute;top:0;left:0;height:100%;width:92px;background:#a46497;display:flex;align-items:center;justify-content:center}#sg_notifications .sg-notification-image svg{width:72px;fill:rgba(0,0,0,.5);height:72px}#sg_notifications .sg-notification-image img{width:72px;height:auto;display:block}.sg-notification-container{font-size:14px}.sg-notification-container .sg-time{position:absolute;right:10px;bottom:10px;font-size:12px;font-style:italic;color:#999}@keyframes sgNotificationFadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes sgNotificationFadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes sgNotificationFadeIn{from{opacity:0}to{opacity:1}}@-ms-keyframes sgNotificationFadeIn{from{opacity:0}to{opacity:1}}@-o-keyframes sgNotificationFadeIn{from{opacity:0}to{opacity:1}}