body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--red:#f54e4e;--green:#4aec8c}body{background-color:#30384b;color:#eee}main{margin:0 auto;max-width:21rem;padding-top:3rem;text-align:center}button{background-color:initial;border:0;color:hsla(0,0%,100%,.8);cursor:pointer;display:inline-block;width:6rem}button.with-text{background-color:hsla(0,0%,100%,.1);border-radius:.6rem;font-size:1.4rem;line-height:2.25rem;padding:.6rem 1.25rem;width:auto}button.with-text svg{float:left;margin-right:.3rem;width:2.25rem}label{display:block;margin:1.2rem 0 .6rem;text-transform:capitalize}.slider{border:2px solid var(--red)}.slider,.thumb{border-radius:1.25rem;height:2.5rem}.thumb{background-color:var(--red);cursor:pointer;width:2.5rem}.slider.green{border:2px solid var(--green)}.slider.green .thumb{background-color:var(--green)}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}
/*# sourceMappingURL=main.fb0526c3.css.map*/