body{margin:0;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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.circle-loader{border:1px solid rgba(0,0,0,.2);border-left-color:#5cb85c;animation:loader-spin .8s infinite linear;position:relative;display:inline-block;vertical-align:top;border-radius:50%;width:5em;height:5em}.circle-loader .checkmark{position:relative}.circle-loader .checkmark.draw:after{animation-duration:.8s;animation-timing-function:ease;animation-name:checkmark;transform:scaleX(-1) rotate(135deg)}.circle-loader .checkmark:after{opacity:1;height:2.5em;width:1.25em;transform-origin:left top;border-right:3px solid #5cb85c;border-top:3px solid #5cb85c;content:"";left:1.25em;top:2.5em;position:absolute;display:block}.circle-loader.sm{width:2em;height:2em}.circle-loader.sm .checkmark{height:1em;width:.5em}.circle-loader.sm .checkmark:after{height:1em;width:.5em;left:.35em;top:1.05em}.circle-loader.lg{width:8em;height:8em}.circle-loader.lg .checkmark:after{height:4em;width:2em;left:2em;top:4em}.load-complete{-webkit-animation:none;animation:none;border-color:#5cb85c;transition:border .5s ease-out}.circle-failed{position:relative;display:inline-block;vertical-align:top;width:5em;height:5em}.circle-failed .cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%}.circle-failed .cross:before,.circle-failed .cross:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;background-color:#dc3545}.circle-failed .cross:before{transform:translate(-50%,-50%) rotate(45deg)}.circle-failed .cross:after{transform:translate(-50%,-50%) rotate(-45deg)}.circle-failed.sm{width:2em;height:2em}.circle-failed.lg{width:8em;height:8em}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkmark{0%{height:0%;width:0%;opacity:1}20%{height:0%;width:100%;opacity:1}40%{height:100%;width:100%;opacity:1}to{height:100%;width:100%;opacity:1}}