{"version":3,"sources":["app/styles/main.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"public/bundle.css","sourcesContent":["body {\n  padding: 0;\n  margin: 0;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  font-family: sans-serif;\n  font-size: 140%;\n  background-image: url('assets/Dash-logo.svg');\n  background-size: 50vmin auto, cover;\n  background-position: center;\n  background-attachment: fixed;\n  background-repeat: no-repeat;\n  background-color: #bbb;\n  color: black;\n  height: 100vh;\n}\n* {\n  -webkit-box-sizing: inherit;\n          box-sizing: inherit;\n}\na {\n  color: inherit;\n  text-decoration: none;\n}\n#connectionStatus.is-connected ~ #transactionList:empty:before {\n  content: 'Waiting for first transaction...';\n  display: block;\n  text-align: center;\n  font-size: 2em;\n  opacity: 0.5;\n}\n#blockList {\n  margin-left: 80vw;\n  padding-top: 2.5vw;\n}\n#hero, .block {\n  width: 15vw;\n  height: 15vw;\n  -webkit-box-shadow: 0.1em 0.1em 1em hsla(0, 0%, 0%, 0.5);\n          box-shadow: 0.1em 0.1em 1em hsla(0, 0%, 0%, 0.5);\n  background-color: #dad7b7;\n  margin: 0 auto 1em;\n  position: relative;\n  overflow: hidden;\n}\n#hero {\n  position: fixed;\n  left: 41.125%;\n  top: 50%;\n  width: 77.5vw;\n  height: 77.5vw;\n  -webkit-transform: translate(-50%,-50%);\n      -ms-transform: translate(-50%,-50%);\n          transform: translate(-50%,-50%);\n}\n@media (max-height: 82.5vw) {\n  #hero {\n    width: calc(100vh - 5vw);\n    height: calc(100vh - 5vw);\n  }\n}\n#hero.solo {\n  left: 50%;\n  width: 95vmin;\n  height: 95vmin;\n}\n.explorer-link {\n  display: none;\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n  font-size: 1.9vmin;\n  justify-content: center;\n  align-items: center;\n  background-color: hsla(0, 0%, 0%, 0.5);\n  color: white;\n  opacity: 0.5;\n  font-size: 6vw;\n  line-height: 0;\n}\n.block:hover .explorer-link {\n  display: flex;\n}\n.paint {\n  position: absolute;\n  left: calc(var(--x) * 90% + 5%);\n  top: calc(var(--y) * 90% + 5%);\n  background-color: var(--color);\n  -webkit-transform: translate(-50%, -50%) rotate(var(--rotation));\n      -ms-transform: translate(-50%, -50%) rotate(var(--rotation));\n          transform: translate(-50%, -50%) rotate(var(--rotation));\n  height: calc(var(--size) * 20% + 20%);\n  width: calc(var(--size) * 20% + 20%);\n  -webkit-mask-size: contain;\n          mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n          mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n          mask-position: center;\n}\n#hero .paint.stale {\n  background-color: gray;\n  opacity: calc(1.1 - var(--age) / 10);\n}\n\n#muteToggle, #connectionStatus {\n  position: fixed;\n  top: 0;\n  width: 8em;\n  background: white;\n  border: solid black;\n  padding: 0.5em;\n  font-size: 0.8em;\n  text-transform: uppercase;\n  font-weight: bold;\n  text-align: center;\n  color: black;\n}\n\n#connectionStatus {\n  z-index: 1;\n  right: 0;\n  border-radius: 0 0 0 0.5em;\n  border-width: 0 0 0.1em 0.1em;\n  -webkit-transition: -webkit-transform 0.5s;\n  transition: -webkit-transform 0.5s;\n  -o-transition: transform 0.5s;\n  transition: transform 0.5s;\n  transition: transform 0.5s, -webkit-transform 0.5s;\n  -webkit-transform: none;\n      -ms-transform: none;\n          transform: none;\n}\n#connectionStatus.is-disconnected:before {\n  content: 'Disconnected';\n  color: red;\n}\n#connectionStatus.is-connecting:before {\n  content: 'Connecting...';\n  color: black;\n}\n#connectionStatus.is-loading:before {\n  content: 'Loading...';\n  color: black;\n}\n#connectionStatus.is-connected:before {\n  content: 'Connected';\n  color: green;\n}\n#connectionStatus.is-loaded:before {\n  content: 'Loaded';\n  color: green;\n}\n#connectionStatus.is-connected, #connectionStatus.is-loaded {\n  -webkit-transition: -webkit-transform 0.5s;\n  transition: -webkit-transform 0.5s;\n  -o-transition: transform 0.5s;\n  transition: transform 0.5s;\n  transition: transform 0.5s, -webkit-transform 0.5s;\n  -webkit-transition-delay: 2s;\n       -o-transition-delay: 2s;\n          transition-delay: 2s;\n  -webkit-transform: translate3d(0, -100%, 0);\n          transform: translate3d(0, -100%, 0);\n}\n"]}