{"version":3,"sources":["Notification.vue%3Fvue&type=style&index=0&id=9084a0ca&scoped=true&lang.scss","NotificationCenter.vue%3Fvue&type=style&index=0&id=7329d160&scoped=true&lang.scss","index.scss"],"names":[],"mappings":"AAAA,qCACE,kBACF,CACA,iCACE,cACF,CACA,8BACE,WACF,CAEA,2BACE,iBACF,CAEA,2BACE,iBACF,CAEA,wBACE,KACF,CAEA,0BACE,OACF,CAEA,2BACE,QACF,CAEA,yBACE,MACF,CAEA,iCACE,mBACF,CACA,gCACE,kBACF,CCvCA,iCACE,mBACF,CACA,gCACE,kBACF,CAEA,uEACE,SACF,CACA,0DACE,iBACF,CACA,iCACE,kBACF,CCfA,qBAKE,QAAS,CAHT,SAAU,CADV,cAAe,CAEf,UAAW,CACX,KAAM,CAEN,SACF,CACA,wCAKE,YAAa,CAHb,UAAW,CADX,iBAAkB,CAElB,WAAY,CACZ,SAEF,CACA,gDACE,uGACE,iBACF,CACA,2GACE,gBAAiB,CACjB,iBACF,CACA,yGACE,gBACF,CACF,CACA,6CAIE,YAAa,CAHb,MAAO,CAIP,UAAW,CAHX,OAAQ,CACR,KAGF,CACA,4BACE,6CACE,UACF,CACF,CACA,kDAIE,YAAa,CAHb,MAAO,CACP,WAAY,CACZ,KAEF,CACA,oDAKE,YAAa,CAJb,QAAS,CAET,WAAY,CACZ,KAAM,CAFN,0BAIF,CACA,mDAIE,YAAa,CAHb,UAAW,CACX,OAAQ,CACR,KAEF,CACA,gDAIE,QAAS,CAHT,MAAO,CACP,OAAQ,CACR,SAEF,CACA,qDAIE,QAAS,CAHT,MAAO,CACP,WAAY,CACZ,SAEF,CACA,uDAKE,QAAS,CAJT,QAAS,CAET,WAAY,CACZ,SAAU,CAFV,0BAIF,CACA,sDAIE,QAAS,CAHT,UAAW,CACX,OAAQ,CACR,SAEF,CACA,8PACE,iBACF,CACA,8SACE,eACF,CACA,0QACE,iBACF,CACA,sTACE,kBACF,CACA,cAOE,qBAAuB,CADvB,WAAY,CADZ,kBAAoB,CAGpB,sCAA2C,CAC3C,aAAmB,CAPnB,QAAe,CAEf,eAAgB,CAHhB,kBAAmB,CAEnB,UAAW,CAOX,WACF,CACA,yHACE,WACF,CACA,gDACE,uIACE,gBAAiB,CACjB,iBACF,CACA,mIACE,iBACF,CACA,qIACE,gBACF,CACF,CACA,0BACE,mBACF,CACA,qBASE,kBAAmB,CALnB,mBAAqB,CACrB,UAAc,CAJd,YAAa,CACb,qBAAsB,CAKtB,aAAc,CACd,sBAAuB,CALvB,iBAAkB,CAGlB,YAIF,CACA,qCACE,cAAe,CAEf,aAAc,CADd,UAEF,CACA,8BACE,wBACF,CACA,2BACE,wBACF,CACA,8BACE,wBACF,CACA,6BACE,wBACF,CACA,4BACE,qBAEE,mBAAqB,CAErB,WAAY,CAHZ,aAAe,CAEf,UAEF,CACF,CACA,qBACE,UAAY,CACZ,cAAe,CACf,eAAiB,CACjB,gBACF,CACA,kCACE,yBACF,CACA,gCAEE,mBAAoB,CADpB,gBAEF,CACA,yBAEE,kBAAmB,CADnB,YAEF,CACA,iCACE,MACF,CACA,uBAEE,aAAmB,CADnB,MAAO,CAGP,eAAiB,CADjB,eAAmB,CAEnB,oBACF,CACA,oCACE,yBACF,CAKA,oEAEE,mBAAoB,CADpB,gBAEF,CACA,+BACE,aAAc,CACd,kBACF,CACA,4BAEE,wBAAoC,CACpC,QAAS,CACT,2BAA8B,CAH9B,UAAY,CAIZ,mBACF,CACA,wBAEE,mBAAqB,CACrB,gBAAkB,CAFlB,oBAAuB,CAGvB,UACF,CACA,0BACE,UAAY,CAEZ,iBAAmB,CACnB,eAAgB,CAFhB,oBAGF,CACA,oBACE,YACF,CACA,yCACE,kBACF,CACA,kDACE,qBAAuB,CACvB,oBACF,CACA,yDACE,cAAe,CACf,aACF,CACA,yCACE,eACF,CACA,2CACE,eACF,CACA,gDAGE,YAAa,CADb,WAAY,CADZ,aAGF,CACA,4CAGE,WAAY,CADZ,qBAAsB,CADtB,mBAGF,CACA,8CACE,gBAAkB,CAClB,iBACF,CAEA,sBACE,WACF,CACA,8CAEE,WAAY,CADZ,qBAEF,CACA,uBACE,qBACF,CACA,gDAEE,qBAAuB,CADvB,UAEF,CAIA,oFACE,UACF,CACA,iCACE,wBAA8B,CAC9B,UACF","file":"vue-notification-center.umd.css","sourcesContent":[".cursor-not-allowed[data-v-9084a0ca] {\n  cursor: not-allowed;\n}\n.cursor-pointer[data-v-9084a0ca] {\n  cursor: pointer;\n}\n.cursor-auto[data-v-9084a0ca] {\n  cursor: auto;\n}\n\n.relative[data-v-9084a0ca] {\n  position: relative;\n}\n\n.absolute[data-v-9084a0ca] {\n  position: absolute;\n}\n\n.top-0[data-v-9084a0ca] {\n  top: 0;\n}\n\n.right-0[data-v-9084a0ca] {\n  right: 0;\n}\n\n.bottom-0[data-v-9084a0ca] {\n  bottom: 0;\n}\n\n.left-0[data-v-9084a0ca] {\n  left: 0;\n}\n\n.u-events--none[data-v-9084a0ca] {\n  pointer-events: none;\n}\n.u-events--all[data-v-9084a0ca] {\n  pointer-events: all;\n}",".u-events--none[data-v-7329d160] {\n  pointer-events: none;\n}\n.u-events--all[data-v-7329d160] {\n  pointer-events: all;\n}\n\n.fade-list-enter[data-v-7329d160], .fade-list-leave-to[data-v-7329d160] {\n  opacity: 0;\n}\n.fade-list-leave-active[data-v-7329d160]:not(:only-child) {\n  position: absolute;\n}\n.fade-list-item[data-v-7329d160] {\n  transition: all 0.2s;\n}",".notification-center {\n  position: fixed;\n  left: 10px;\n  right: 10px;\n  top: 0;\n  bottom: 0;\n  z-index: 2;\n}\n.notification-center__notification-list {\n  position: absolute;\n  left: unset;\n  right: unset;\n  top: unset;\n  bottom: unset;\n}\n@media only screen and (min-device-width: 768px) {\n  .notification-center__notification-list--top-left, .notification-center__notification-list--bottom-left {\n    margin-right: auto;\n  }\n  .notification-center__notification-list--top-center, .notification-center__notification-list--bottom-center {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .notification-center__notification-list--top-right, .notification-center__notification-list--bottom-right {\n    margin-left: auto;\n  }\n}\n.notification-center__notification-list--top {\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: unset;\n  margin: 4px;\n}\n@media (max-width: 767.98px) {\n  .notification-center__notification-list--top {\n    margin: 8px;\n  }\n}\n.notification-center__notification-list--top-left {\n  left: 0;\n  right: unset;\n  top: 0;\n  bottom: unset;\n}\n.notification-center__notification-list--top-center {\n  left: 50%;\n  transform: translateX(-50%);\n  right: unset;\n  top: 0;\n  bottom: unset;\n}\n.notification-center__notification-list--top-right {\n  left: unset;\n  right: 0;\n  top: 0;\n  bottom: unset;\n}\n.notification-center__notification-list--bottom {\n  left: 0;\n  right: 0;\n  top: unset;\n  bottom: 0;\n}\n.notification-center__notification-list--bottom-left {\n  left: 0;\n  right: unset;\n  top: unset;\n  bottom: 0;\n}\n.notification-center__notification-list--bottom-center {\n  left: 50%;\n  transform: translateX(-50%);\n  right: unset;\n  top: unset;\n  bottom: 0;\n}\n.notification-center__notification-list--bottom-right {\n  left: unset;\n  right: 0;\n  top: unset;\n  bottom: 0;\n}\n.notification-center__notification-list--top .notification, .notification-center__notification-list--top-left .notification, .notification-center__notification-list--top-center .notification, .notification-center__notification-list--top-right .notification {\n  margin-bottom: 4px;\n}\n.notification-center__notification-list--top .notification:first-child, .notification-center__notification-list--top-left .notification:first-child, .notification-center__notification-list--top-center .notification:first-child, .notification-center__notification-list--top-right .notification:first-child {\n  margin-top: 10px;\n}\n.notification-center__notification-list--bottom .notification, .notification-center__notification-list--bottom-left .notification, .notification-center__notification-list--bottom-center .notification, .notification-center__notification-list--bottom-right .notification {\n  margin-bottom: 4px;\n}\n.notification-center__notification-list--bottom .notification:last-child, .notification-center__notification-list--bottom-left .notification:last-child, .notification-center__notification-list--bottom-center .notification:last-child, .notification-center__notification-list--bottom-right .notification:last-child {\n  margin-bottom: 10px;\n}\n.notification {\n  padding: 1.2rem 1em;\n  margin: 0 0 0 0;\n  width: 100%;\n  overflow: hidden;\n  border-radius: 0.4em;\n  border: none;\n  background-color: white;\n  box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.2);\n  color: rgb(5, 5, 5);\n  width: 290px;\n}\n.notification-center__notification-list--top .notification, .notification-center__notification-list--bottom .notification {\n  width: unset;\n}\n@media only screen and (min-device-width: 769px) {\n  .notification-center__notification-list--top-center .notification, .notification-center__notification-list--bottom-center .notification {\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .notification-center__notification-list--top-left .notification, .notification-center__notification-list--bottom-left .notification {\n    margin-right: auto;\n  }\n  .notification-center__notification-list--top-right .notification, .notification-center__notification-list--bottom-right .notification {\n    margin-left: auto;\n  }\n}\n.notification > *:last-child {\n  margin-bottom: unset;\n}\n.notification__aside {\n  display: flex;\n  flex-direction: column;\n  margin-right: 1rem;\n  border-radius: 0.5rem;\n  color: #ffffff;\n  width: 2.5rem;\n  height: 2.5rem;\n  justify-content: center;\n  align-items: center;\n}\n.notification__aside .material-icons {\n  font-size: 2rem;\n  width: 2rem;\n  margin: 0 auto;\n}\n.notification__aside--success {\n  background-color: #92d456;\n}\n.notification__aside--info {\n  background-color: #92bdf1;\n}\n.notification__aside--warning {\n  background-color: #f7cf7b;\n}\n.notification__aside--danger {\n  background-color: #e1877d;\n}\n@media (max-width: 767.98px) {\n  .notification__aside {\n    padding: 0.2rem;\n    border-radius: 0.4rem;\n    width: 2rem;\n    height: 2rem;\n  }\n}\n.notification__title {\n  color: black;\n  font-size: 1rem;\n  font-weight: bold;\n  margin-top: unset;\n}\n.notification__title::first-letter {\n  text-transform: capitalize;\n}\n.notification__title:only-child {\n  margin-top: unset;\n  margin-bottom: unset;\n}\n.notification__container {\n  display: flex;\n  align-items: center;\n}\n.notification__message-container {\n  flex: 1;\n}\n.notification__message {\n  flex: 1;\n  color: rgb(5, 5, 5);\n  font-weight: normal;\n  font-size: 0.9rem;\n  white-space: pre-wrap;\n}\n.notification__message::first-letter {\n  text-transform: capitalize;\n}\n.notification__message:last-child {\n  margin-top: unset;\n  margin-bottom: unset;\n}\n.notification__message:only-child {\n  margin-top: unset;\n  margin-bottom: unset;\n}\n.notification__message-spinner {\n  flex-shrink: 0;\n  margin-right: 0.5rem;\n}\n.notification__close-button {\n  color: black;\n  background-color: rgb(220, 220, 220);\n  border: 0;\n  border-radius: 0 0.4em 0 0.4em;\n  padding: 0.1rem 0.5rem;\n}\n.notification__redirect {\n  padding: 0.25rem 0.5rem;\n  border-radius: 0.2rem;\n  margin-top: 0.3rem;\n  width: 100%;\n}\n.notification__redirect > a {\n  color: black;\n  text-decoration: none;\n  font-size: 0.875rem;\n  line-height: 1.5;\n}\n.notification__slim {\n  padding: 1rem;\n}\n.notification__slim .notification__aside {\n  margin-right: 0.5rem;\n}\n.notification__slim .notification__aside .spinner {\n  height: 25px !important;\n  width: 25px !important;\n}\n.notification__slim .notification__aside .material-icons {\n  font-size: 25px;\n  margin: 0 auto;\n}\n.notification__slim .notification__title {\n  font-size: 0.8rem;\n}\n.notification__slim .notification__message {\n  font-size: 0.7rem;\n}\n.notification__slim .notification__close-button {\n  padding: 0.2rem;\n  height: 20px;\n  display: flex;\n}\n.notification__slim .notification__redirect {\n  padding: 0.2rem 0.4rem;\n  max-width: max-content;\n  float: right;\n}\n.notification__slim .notification__redirect > a {\n  font-size: 0.75rem;\n  line-height: unset;\n}\n\n.notification--notice {\n  width: 320px;\n}\n.notification--notice .notification__redirect {\n  max-width: max-content;\n  float: right;\n}\n.notification--default {\n  background-color: white;\n}\n.notification--dark .notification__close-button {\n  color: white;\n  background-color: black;\n}\n.notification--dark .notification__message {\n  color: white;\n}\n.notification--dark .notification__title {\n  color: white;\n}\n.notification--dark.notification {\n  background-color: rgb(5, 5, 5);\n  color: white;\n}"]}