react-award/dist/react-award-light.css.map

React component for rewarding users

{"version":3,"sources":["transitions.css","animations.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,WAAW;EACX,sBAAmB;KAAnB,mBAAmB;EACnB,4BAA4B;AAC9B;;AAEA;;;EAGE,UAAU;AACZ;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,8BAAsB;UAAtB,sBAAsB;EACtB,0BAAkB;UAAlB,kBAAkB;EAClB,6BAAqB;UAArB,qBAAqB;AACvB;;AAEA;EACE,kBAAkB;AACpB;;;AAGA;EACE,kBAAkB;EAClB,oBAAoB;EACpB,SAAS;EACT,UAAU;EACV,WAAW;EACX,YAAY;AACd;;AAEA;;;EAGE,UAAU;AACZ;;AAEA;;EAEE,UAAU;AACZ;ACjDA;EACE,sBAAsB;EACtB,4CAA4C;AAC9C;;AAEA;EACE;IACE,sBAAsB;EACxB;;EAEA;IACE,sBAAsB;EACxB;;EAEA;IACE,sBAAsB;EACxB;AACF","file":"react-award-light.css","sourcesContent":[".award-image {\n  height: 100%;\n  width: 100%;\n  object-fit: contain;\n  transition-property: opacity;\n}\n  \n.award-image.preEnter,\n.award-image.entered,\n.award-image.exiting {\n  opacity: 1;\n}\n\n.award-image.exited {\n  opacity: 0;\n}\n\n.award-mask{\n  height: 100%;\n  width: 100%;\n  mask-mode: alpha;\n  mask-repeat: no-repeat;\n  mask-size: contain;\n  mask-position: center;\n}\n\n.award-container{\n  position: relative;\n}\n\n\n.award-player {\n  position: absolute;\n  pointer-events: none;\n  top:-100%;\n  left:-100%;\n  width: 300%;\n  height: 300%;\n}\n\n.award-player.preEnter,\n\n.award-player.exiting {\n  opacity: 1;\n}\n\n.award-player.entered,\n.award-player.exited {\n  opacity: 0;\n}",".placeholder {\n  background-color: #eee;\n  animation: placeholder 2s infinite alternate;\n}\n\n@keyframes placeholder {\n  0% {\n    background-color: #eee;\n  }\n  \n  50% {\n    background-color: #ddd;\n  }\n  \n  100% {\n    background-color: #eee;\n  }\n}"]}