*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes flowDown{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}to{top:calc(100% - 8px);opacity:0}}@keyframes flowUp{0%{bottom:0;opacity:0}20%{opacity:1}80%{opacity:1}to{bottom:calc(100% - 8px);opacity:0}}@keyframes flowRight{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:calc(100% - 8px);opacity:0}}@keyframes flowLeft{0%{right:0;opacity:0}20%{opacity:1}80%{opacity:1}to{right:calc(100% - 8px);opacity:0}}@keyframes flowDownBat{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}to{top:calc(100% - 8px);opacity:0}}@keyframes flowUpBat{0%{bottom:0;opacity:0}20%{opacity:1}80%{opacity:1}to{bottom:calc(100% - 8px);opacity:0}}@keyframes flowRightLoad{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:calc(100% - 8px);opacity:0}}.flow-dot-down{position:absolute;width:10px;height:10px;border-radius:50%;background-color:#fff;box-shadow:0 0 8px 2px currentColor;animation:flowDown 1.5s ease-in-out infinite}.flow-dot-up{position:absolute;width:10px;height:10px;border-radius:50%;background-color:#fff;box-shadow:0 0 8px 2px currentColor;animation:flowUp 1.5s ease-in-out infinite}.flow-dot-right{position:absolute;width:10px;height:10px;border-radius:50%;background-color:#fff;box-shadow:0 0 8px 2px currentColor;animation:flowRight 1.5s ease-in-out infinite}.flow-dot-left{position:absolute;width:10px;height:10px;border-radius:50%;background-color:#fff;box-shadow:0 0 8px 2px currentColor;animation:flowLeft 1.5s ease-in-out infinite}