@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;600;700&display=swap);* button,* input,body{font-family:Mulish,sans-serif;margin:0}* button{font-weight:600}* input{font-weight:400}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}.white{color:#fff}#app{margin-top:40px}#progressInput{margin:20px auto;width:30%}.circle-background,.circle-progress{fill:none}.circle-background{stroke:#ddd}.circle-progress{stroke-linecap:round;stroke-linejoin:round}.circle-text{font-size:3em;font-weight:700}body{height:100%}.fs-0{font-size:16px}.fs-1{font-size:18px!important}.fs-2{font-size:20px!important}.slide-btn{font-size:20px}@media screen and (max-width:425px){.fs-2{font-size:18px!important}}.set-size{font-size:10em}.charts-container:after{clear:both;content:"";display:table}.pie-wrapper{float:left;height:1em;margin:15px;position:relative;width:1em}.pie-wrapper:nth-child(3n+1){clear:both}.pie-wrapper .pie{clip:rect(0,1em,1em,.5em)}.pie-wrapper .pie,.pie-wrapper .pie .half-circle{height:100%;left:0;position:absolute;top:0;width:100%}.pie-wrapper .pie .half-circle{clip:rect(0,.5em,1em,0);border:.1em solid #3498db;border-radius:50%}.pie-wrapper .label{background:#34495e;border-radius:50%;bottom:.4em;color:#ecf0f1;cursor:default;display:block;font-size:.25em;left:.4em;line-height:2.8em;position:absolute;right:.4em;text-align:center;top:.4em}.pie-wrapper .label .smaller{color:#bdc3c7;font-size:.45em;padding-bottom:20px;vertical-align:super}.pie-wrapper .shadow{border:.1em solid #bdc3c7;border-radius:50%;height:100%;width:100%}.pie-wrapper.style-2 .label{background:none;color:#7f8c8d}.pie-wrapper.style-2 .label .smaller{color:#bdc3c7}.pie-wrapper.progress-30 .pie .half-circle{border-color:#3498db}.pie-wrapper.progress-30 .pie .left-side{-webkit-transform:rotate(108deg);transform:rotate(108deg)}.pie-wrapper.progress-30 .pie .right-side{display:none}.pie-wrapper.progress-60 .pie{clip:rect(auto,auto,auto,auto)}.pie-wrapper.progress-60 .pie .half-circle{border-color:#9b59b6}.pie-wrapper.progress-60 .pie .left-side{-webkit-transform:rotate(216deg);transform:rotate(216deg)}.pie-wrapper.progress-60 .pie .right-side{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pie-wrapper.progress-90 .pie{clip:rect(auto,auto,auto,auto)}.pie-wrapper.progress-90 .pie .half-circle{border-color:#e67e22}.pie-wrapper.progress-90 .pie .left-side{-webkit-transform:rotate(324deg);transform:rotate(324deg)}.pie-wrapper.progress-90 .pie .right-side{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pie-wrapper.progress-45 .pie .half-circle{border-color:#1abc9c}.pie-wrapper.progress-45 .pie .left-side{-webkit-transform:rotate(162deg);transform:rotate(162deg)}.pie-wrapper.progress-45 .pie .right-side{display:none}.pie-wrapper.progress-75 .pie{clip:rect(auto,auto,auto,auto)}.pie-wrapper.progress-75 .pie .half-circle{border-color:#8e44ad}.pie-wrapper.progress-75 .pie .left-side{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.pie-wrapper.progress-75 .pie .right-side{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pie-wrapper.progress-95 .pie{clip:rect(auto,auto,auto,auto)}.pie-wrapper.progress-95 .pie .half-circle{border-color:#e74c3c}.pie-wrapper.progress-95 .pie .left-side{-webkit-transform:rotate(342deg);transform:rotate(342deg)}.pie-wrapper.progress-95 .pie .right-side{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pie-wrapper--solid{border-radius:50%;overflow:hidden}.pie-wrapper--solid:before{border-radius:0 100% 100% 0/50%;content:"";display:block;height:100%;margin-left:50%;-webkit-transform-origin:left;transform-origin:left}.pie-wrapper--solid .label{background:transparent}.pie-wrapper--solid.progress-65{background:linear-gradient(90deg,#e67e22 50%,#34495e 0)}.pie-wrapper--solid.progress-65:before{background:#e67e22;-webkit-transform:rotate(126deg);transform:rotate(126deg)}.pie-wrapper--solid.progress-25{background:linear-gradient(90deg,#9b59b6 50%,#34495e 0)}.pie-wrapper--solid.progress-25:before{background:#34495e;-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}.pie-wrapper--solid.progress-88{background:linear-gradient(90deg,#3498db 50%,#34495e 0)}.pie-wrapper--solid.progress-88:before{background:#3498db;-webkit-transform:rotate(43.2deg);transform:rotate(43.2deg)}.center{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.conf-modal{background-color:#fafafa;border-radius:3px;box-shadow:0 14px 15px 4px rgba(0,0,0,.21);height:250px;max-width:80%;width:290px}.conf-modal h1{display:inline-block;font-size:24px;font-weight:500;line-height:10px}.title-text{display:inline-block;height:35px;line-height:52px;margin-left:72px;margin-top:22px}.success h1{color:#26cf36}.title-icon{display:inline-block;height:27px;margin-left:30px;margin-right:10px;margin-top:30px;position:absolute;width:27px}.conf-modal p{color:#737373;font-size:16px;line-height:24px;padding:15px 30px}.modal-footer{background:red}.modal-footer .conf-but{background:none;border-radius:4px;color:#4c4c4c;display:inline-block;float:right;font-weight:800;margin-right:15px;margin-top:5px;padding:10px 15px;text-transform:uppercase}.modal-footer .conf-but:hover{background:#eee;cursor:pointer;opacity:.8}.modal-footer .conf-but.green{color:#26cf36}.main-container{height:100vh;justify-content:center;width:100%}.check-container,.main-container{align-items:center;display:flex;flex-flow:column}.check-container{height:7.5rem;justify-content:space-between;width:6.25rem}.check-container .check-background{align-items:center;-webkit-animation:animateContainer .75s ease-out .75s forwards;animation:animateContainer .75s ease-out .75s forwards;background:linear-gradient(to bottom right,#5de593,#41d67c);border-radius:50%;box-shadow:inset 0 0 0 65px hsla(0,0%,100%,.25),inset 0 0 0 65px hsla(0,0%,100%,.25);display:flex;height:calc(100% - 1.25rem);justify-content:center;opacity:0;-webkit-transform:scale(.84);transform:scale(.84);-webkit-transform:scale(1.1);transform:scale(1.1);width:100%}.check-container .check-background svg{stroke-dasharray:80;stroke-dashoffset:80;-webkit-animation:animateCheck .35s ease-out 1.25s forwards;animation:animateCheck .35s ease-out 1.25s forwards;-webkit-transform:translateY(.25rem);transform:translateY(.25rem);width:65%}.check-container .check-shadow{-webkit-animation:animateShadow .75s ease-out .75s forwards;animation:animateShadow .75s ease-out .75s forwards;background:radial-gradient(closest-side,#49da83,transparent);border-radius:50%;bottom:calc(-15% - 5px);left:0}@-webkit-keyframes animateContainer{0%{box-shadow:inset 0 0 0 65px hsla(0,0%,100%,.25),inset 0 0 0 65px hsla(0,0%,100%,.25);opacity:0;-webkit-transform:scale(0);transform:scale(0)}25%{box-shadow:inset 0 0 0 65px hsla(0,0%,100%,.25),inset 0 0 0 65px hsla(0,0%,100%,.25);opacity:1;-webkit-transform:scale(.9);transform:scale(.9)}43.75%{box-shadow:inset 0 0 0 43.334px hsla(0,0%,100%,.25),inset 0 0 0 65px hsla(0,0%,100%,.25);-webkit-transform:scale(1.15);transform:scale(1.15)}62.5%{box-shadow:inset 0 0 0 0 hsla(0,0%,100%,.25),inset 0 0 0 21.667px hsla(0,0%,100%,.25);-webkit-transform:scale(1);transform:scale(1)}81.25%{box-shadow:inset 0 0 0 0 hsla(0,0%,100%,.25),inset 0 0 0 0 hsla(0,0%,100%,.25)}to{box-shadow:inset 0 0 0 0 hsla(0,0%,100%,.25),inset 0 0 0 0 hsla(0,0%,100%,.25);opacity:1}}@keyframes animateContainer{0%{box-shadow:inset 0 0 0 65px hsla(0,0%,100%,.25),inset 0 0 0 65px hsla(0,0%,100%,.25);opacity:0;-webkit-transform:scale(0);transform:scale(0)}25%{box-shadow:inset 0 0 0 65px hsla(0,0%,100%,.25),inset 0 0 0 65px hsla(0,0%,100%,.25);opacity:1;-webkit-transform:scale(.9);transform:scale(.9)}43.75%{box-shadow:inset 0 0 0 43.334px hsla(0,0%,100%,.25),inset 0 0 0 65px hsla(0,0%,100%,.25);-webkit-transform:scale(1.15);transform:scale(1.15)}62.5%{box-shadow:inset 0 0 0 0 hsla(0,0%,100%,.25),inset 0 0 0 21.667px hsla(0,0%,100%,.25);-webkit-transform:scale(1);transform:scale(1)}81.25%{box-shadow:inset 0 0 0 0 hsla(0,0%,100%,.25),inset 0 0 0 0 hsla(0,0%,100%,.25)}to{box-shadow:inset 0 0 0 0 hsla(0,0%,100%,.25),inset 0 0 0 0 hsla(0,0%,100%,.25);opacity:1}}@-webkit-keyframes animateCheck{0%{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes animateCheck{0%{stroke-dashoffset:80}to{stroke-dashoffset:0}}@-webkit-keyframes animateShadow{0%{height:15%;opacity:0;width:100%}25%{opacity:.25}43.75%{height:7%;opacity:.35;width:40%}to{height:15%;opacity:.25;width:85%}}@keyframes animateShadow{0%{height:15%;opacity:0;width:100%}25%{opacity:.25}43.75%{height:7%;opacity:.35;width:40%}to{height:15%;opacity:.25;width:85%}}
/*# sourceMappingURL=main.12ad7520.css.map*/