@import"https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap";:root{--dark:#222;--high:#20a0c1;--low:#1c354f}.rotate45{transform-box:fill-box;transform-origin:center;transform:rotate(45deg)}.rotate60{transform-box:fill-box;transform-origin:center;transform:rotate(60deg)}.rotate120{transform-box:fill-box;transform-origin:center;transform:rotate(120deg)}.rotate180{transform-box:fill-box;transform-origin:center;transform:rotate(180deg)}.bg-dark{background-color:var(--dark);fill:var(--dark)}.line-dark{stroke:var(--dark)}.line-low{stroke:var(--low)}.line-high{stroke:var(--high);stroke-width:1.5}.thin{stroke-width:.25}.thick{stroke-width:4}.fill-low{fill:var(--low)}.fill-high{fill:var(--high)}body{background-color:#0474a1;font-family:"Lato",sans-serif;color:var(--high)}.react-path{stroke-dasharray:40%;animation-duration:1s;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:dash;animation-timing-function:linear}@keyframes dash{0%{stroke-dashoffset:0%}to{stroke-dashoffset:80%}}