@xysfe/memento-core/dist/memento-core-all.min.css.map

record and replay the web

{"version":3,"sources":["style.css"],"names":[],"mappings":"AAAA,kBACE,iBACF,CACA,gBACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,2CAA+C,CAC/C,uBAAwB,CACxB,uBAAkC,CAClC,2BAA4B,CAC5B,kkBAA+qB,CAC/qB,wBACF,CACA,sBACE,UAAW,CACX,oBAAqB,CACrB,UAAW,CACX,WAAY,CACZ,kBAA4B,CAC5B,kBAAmB,CACnB,8BAAgC,CAChC,UACF,CACA,6BACE,iCACF,CACA,6BACE,qBAAsB,CACtB,UAAW,CACX,WAAY,CAGZ,kBAAmB,CACnB,iBAAkB,CAClB,gBAAiB,CACjB,kCAAkC,CAClC,oEACF,CACA,0CACE,oBAAkC,CAClC,wEACF,CACA,mCACE,SACF,CACA,0CACE,uCACF,CACA,qBACE,iBAAkB,CAClB,mBACF,CAEA,iBACE,GACE,UAAY,CACZ,UAAW,CACX,WACF,CACA,IACE,UAAY,CACZ,UAAW,CACX,WACF,CACF,CAEA,uBACE,GACE,SAAU,CACV,UAAW,CACX,WACF,CACA,IACE,UAAY,CACZ,UAAW,CACX,WACF,CACF","file":"memento-core-all.min.css","sourcesContent":[".replayer-wrapper {\r\n  position: relative;\r\n}\r\n.replayer-mouse {\r\n  position: absolute;\r\n  width: 20px;\r\n  height: 20px;\r\n  transition: left 0.05s linear, top 0.05s linear;\r\n  background-size: contain;\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n  background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==');\r\n  border-color: transparent;  /* otherwise we transition from black when .touch-device class is added */\r\n}\r\n.replayer-mouse::after {\r\n  content: '';\r\n  display: inline-block;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: rgb(73, 80, 246);\r\n  border-radius: 100%;\r\n  transform: translate(-50%, -50%);\r\n  opacity: 0.3;\r\n}\r\n.replayer-mouse.active::after {\r\n  animation: click 0.2s ease-in-out 1;\r\n}\r\n.replayer-mouse.touch-device {\r\n  background-image: none;  /* there's no passive cursor on touch-only screens */\r\n  width: 70px;\r\n  height: 70px;\r\n  border-width: 4px;\r\n  border-style: solid;\r\n  border-radius: 100%;\r\n  margin-left: -37px;\r\n  margin-top: -37px;\r\n  border-color: rgba(73, 80, 246, 0);\r\n  transition: left 0s linear, top 0s linear, border-color 0.2s ease-in-out;\r\n}\r\n.replayer-mouse.touch-device.touch-active {\r\n  border-color: rgba(73, 80, 246, 1);\r\n  transition: left 0.25s linear, top 0.25s linear, border-color 0.2s ease-in-out;\r\n}\r\n.replayer-mouse.touch-device::after {\r\n  opacity: 0;  /* there's no passive cursor on touch-only screens */\r\n}\r\n.replayer-mouse.touch-device.active::after {\r\n  animation: touch-click 0.2s ease-in-out 1;\r\n}\r\n.replayer-mouse-tail {\r\n  position: absolute;\r\n  pointer-events: none;\r\n}\r\n\r\n@keyframes click {\r\n  0% {\r\n    opacity: 0.3;\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  50% {\r\n    opacity: 0.5;\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n}\r\n\r\n@keyframes touch-click {\r\n  0% {\r\n    opacity: 0;\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  50% {\r\n    opacity: 0.5;\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n}\r\n"]}