{"version":3,"sources":["notifications.css"],"names":[],"mappings":"AAwFA,gBAEA,CAzFA,WACE,wBAA2B,CAC3B,gDAA2C,CAC3C,8RAAmQ,CACnQ,eAAmB,CACnB,iBACF,CAEA,wBACE,qBAAsB,CACtB,cAAe,CACf,KAAM,CACN,OAAQ,CACR,cAAe,CACf,WAAY,CACZ,cAAiB,CACjB,4BAA6B,CAC7B,iBAAkB,CAClB,eACF,CAEA,cACE,qBAAsB,CACtB,2BAA4B,CAC5B,iBAAkB,CAClB,UAAW,CACX,qBAAsB,CACtB,wBAAyB,CACzB,cAAe,CACf,aAAc,CACd,iBAAkB,CAClB,iBAAkB,CAClB,UAAY,CACZ,eACF,CAEA,qBACE,aAAc,CACd,iBAAkB,CAClB,eAAiB,CACjB,cACF,CAEA,wCACE,SACF,CAEA,oBACE,iBAAkB,CAClB,uCAAkC,CAAlC,+BACF,CAEA,8CAGE,0BAAoB,CAApB,kBACF,CAEA,kEALE,kBAAmB,CACnB,+BAA+B,CAA/B,uBAOF,CAEA,8CACE,iBAAkB,CAClB,uCAAkC,CAAlC,+BAAkC,CAClC,0BAAoB,CAApB,kBACF,CAEA,qBACE,iBAAkB,CAClB,OAAQ,CACR,SAAU,CACV,gBAAiB,CACjB,aAAc,CACd,wBAA2B,CAC3B,UAAW,CACX,WAAY,CACZ,cAAe,CACf,iBAAkB,CAClB,gBACF,CAEA,mBACE,wBACF,CAEA,0BACE,WACF,CAEA,sBACE,wBACF,CAEA,6BACE,WACF,CAEA,sBACE,wBACF,CAEA,6BACE,WACF,CAEA,oBACE,wBACF,CAEA,2BACE,WACF","file":"2.0f801562.chunk.css","sourcesContent":["@charset \"UTF-8\";\n@font-face {\n  font-family: 'Notification';\n  src: url(\"./fonts/notification.eot?s3g3t9\");\n  src: url(\"./fonts/notification.eot?#iefixs3g3t9\") format(\"embedded-opentype\"), url(\"./fonts/notification.woff?s3g3t9\") format(\"woff\"), url(\"./fonts/notification.ttf?s3g3t9\") format(\"truetype\"), url(\"./fonts/notification.svg?s3g3t9#notification\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal;\n}\n\n.notification-container {\n  box-sizing: border-box;\n  position: fixed;\n  top: 0;\n  right: 0;\n  z-index: 999999;\n  width: 320px;\n  padding: 0px 15px;\n  max-height: calc(100% - 30px);\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.notification {\n  box-sizing: border-box;\n  padding: 15px 15px 15px 58px;\n  border-radius: 2px;\n  color: #fff;\n  background-color: #ccc;\n  box-shadow: 0 0 12px #999;\n  cursor: pointer;\n  font-size: 1em;\n  line-height: 1.2em;\n  position: relative;\n  opacity: 0.9;\n  margin-top: 15px;\n}\n\n.notification .title {\n  font-size: 1em;\n  line-height: 1.2em;\n  font-weight: bold;\n  margin: 0 0 5px 0;\n}\n\n.notification:hover, .notification:focus {\n  opacity: 1;\n}\n\n.notification-enter {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n\n.notification-enter.notification-enter-active {\n  visibility: visible;\n  transform: translate3d(0, 0, 0);\n  transition: all 0.4s;\n}\n\n.notification-leave {\n  visibility: visible;\n  transform: translate3d(0, 0, 0);\n}\n\n.notification-leave.notification-leave-active {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n  transition: all 0.4s;\n}\n\n.notification:before {\n  position: absolute;\n  top: 50%;\n  left: 15px;\n  margin-top: -14px;\n  display: block;\n  font-family: 'Notification';\n  width: 28px;\n  height: 28px;\n  font-size: 28px;\n  text-align: center;\n  line-height: 28px;\n}\n\n.notification-info {\n  background-color: #2f96b4;\n}\n\n.notification-info:before {\n  content: \"\";\n}\n\n.notification-success {\n  background-color: #51a351;\n}\n\n.notification-success:before {\n  content: \"\";\n}\n\n.notification-warning {\n  background-color: #f89406;\n}\n\n.notification-warning:before {\n  content: \"\";\n}\n\n.notification-error {\n  background-color: #bd362f;\n}\n\n.notification-error:before {\n  content: \"\";\n}\n"]}