.notification-container{position:fixed;height:100%;right:0;top:0;display:flex;flex-direction:column;z-index:995;pointer-events:none}.notification-container--top{left:0;align-items:center}.notification-container--bottom{left:0;bottom:0;justify-content:flex-end;align-items:center}.notification{position:relative;width:250px;min-width:250px;margin:5px 5px 0 0;padding:5px;border-radius:3px;pointer-events:auto;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05),0px 0 5px 5px rgba(0,0,0,.2);background:linear-gradient(to bottom,rgba(245,245,245,1) 0,rgba(203,210,213,1) 100%);border:1px solid #000;color:#333;opacity:0;height:auto;transform:scaleY(0.8);transform-origin:top;transition:all .2s ease-out}.notification-container--bottom .notification{transform-origin:bottom;width:90%}.notification-container--top .notification{width:90%}.notification:hover{opacity:.6}.notification--visible{opacity:1;transform:none}.notification--dismissable{cursor:pointer}.notification--dismissable:hover::before{content:'X';font-family:Arial,sans-serif;font-weight:bold;position:absolute;font-size:20px;color:rgba(0,0,0,1);top:2px;right:5px;z-index:5;pointer-events:none}.notification__progress{height:2px;background:rgba(255,255,255,.5);position:absolute;bottom:0;left:0}.notification__action{opacity:.9;font-style:italic;padding-top:10px}.notification--primary{background-image:none;background-color:var(--notificationPrimaryBackground);border-color:var(--notificationPrimaryBorder,#000);color:var(--notificationPrimaryFontColor,#FFF)}.notification--secondary{background-image:none;background-color:var(--notificationSecondaryBackground);border-color:var(--notificationSecondaryBorder,#000);color:var(--notificationSecondaryFontColor,#FFF)}.notification--success{background-image:none;background-color:var(--notificationSuccessBackground);border-color:var(--notificationSuccessBorder,#000);color:var(--notificationSuccessFontColor,#FFF)}.notification--info{background-image:none;background-color:var(--notificationInfoBackground);border-color:var(--notificationInfoBorder,#000);color:var(--notificationInfoFontColor,#FFF)}.notification--warning{background-image:none;background-color:var(--notificationWarningBackground);border-color:var(--notificationWarningBorder,#000);color:var(--notificationWarningFontColor,#FFF)}.notification--danger{background-image:none;background-color:var(--notificationDangerBackground);border-color:var(--notificationDangerBorder,#000);color:var(--notificationDangerFontColor,#FFF)}