@font-face{font-family:"Proxima Nova";src:url(/static/media/ProximaNova-Regular.61fc6093.eot);src:url(/static/media/ProximaNova-Regular.61fc6093.eot) format("embedded-opentype"),url(/static/media/ProximaNova-Regular.6ae643d8.woff2) format("woff2"),url(/static/media/ProximaNova-Regular.f06f9987.woff) format("woff"),url(/static/media/ProximaNova-Regular.16ada772.ttf) format("truetype"),url(/static/media/ProximaNova-Regular.182c9022.svg) format("svg");font-weight:400;font-style:normal;font-display:auto}@font-face{font-family:"Proxima Nova Bl";src:url(/static/media/ProximaNova-Black.2dde0975.eot);src:url(/static/media/ProximaNova-Black.2dde0975.eot) format("embedded-opentype"),url(/static/media/ProximaNova-Black.62165c99.woff2) format("woff2"),url(/static/media/ProximaNova-Black.b9f7af5a.woff) format("woff"),url(/static/media/ProximaNova-Black.03f1228c.ttf) format("truetype"),url(/static/media/ProximaNova-Black.0a88fd22.svg) format("svg");font-weight:900;font-style:normal;font-display:auto}@font-face{font-family:"Proxima Nova";src:url(/static/media/ProximaNova-Semibold.8a6e5d5a.eot);src:url(/static/media/ProximaNova-Semibold.8a6e5d5a.eot) format("embedded-opentype"),url(/static/media/ProximaNova-Semibold.7945a30c.woff2) format("woff2"),url(/static/media/ProximaNova-Semibold.e6b0bf2d.woff) format("woff"),url(/static/media/ProximaNova-Semibold.f191b277.ttf) format("truetype"),url(/static/media/ProximaNova-Semibold.c4d5532b.svg) format("svg");font-weight:600;font-style:normal;font-display:auto}@font-face{font-family:"Proxima Nova";src:url(/static/media/ProximaNova-Bold.9568b8c0.eot);src:url(/static/media/ProximaNova-Bold.9568b8c0.eot) format("embedded-opentype"),url(/static/media/ProximaNova-Bold.88477284.woff2) format("woff2"),url(/static/media/ProximaNova-Bold.b32ca4a7.woff) format("woff"),url(/static/media/ProximaNova-Bold.e93c8145.ttf) format("truetype"),url(/static/media/ProximaNova-Bold.78b823f3.svg) format("svg");font-weight:800;font-style:normal;font-display:auto}@font-face{font-family:"Proxima Nova";src:url(/static/media/ProximaNova-Extrabld.d14be7aa.eot);src:url(/static/media/ProximaNova-Extrabld.d14be7aa.eot) format("embedded-opentype"),url(/static/media/ProximaNova-Extrabld.b4791d16.woff2) format("woff2"),url(/static/media/ProximaNova-Extrabld.9d4ef81e.woff) format("woff"),url(/static/media/ProximaNova-Extrabld.8b3da00e.ttf) format("truetype"),url(/static/media/ProximaNova-Extrabld.c2062980.svg) format("svg");font-weight:900;font-style:normal;font-display:auto}*,body{padding:0;margin:0;box-sizing:border-box;font-family:"Proxima Nova",sans-serif;font-weight:400}body{min-height:100vh;max-height:100vh;overflow:hidden}.pr-5{padding-right:5px}.pl-5{padding-left:5px}.align-center{align-items:center}.j-center{justify-content:center}.heading{font-weight:700;color:grey}.lightBordered{border:1px solid #fff}.d-flex{display:flex}.full-width{width:100%;float:left}.half-width{width:50%;float:left}.third-width{width:33.33%;float:left}.cus-main-container{width:100%;display:flex;min-height:100vh;max-height:100vh;overflow:hidden}.cus-main-container .cus-inner-container{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column}.cus-main-container .cus-inner-container .page-heading{width:100%;display:inline-block;text-align:center;padding:10px 0}.cus-main-container .cus-inner-container .page-heading h2{font-weight:700;font-size:40px;color:#737373}.cus-main-container .cus-inner-container .grid-heading{width:100%;display:inline-block;text-align:center;margin-bottom:7px}.cus-main-container .cus-inner-container .grid-heading h3{font-size:30px;font-weight:700}.cus-main-container .cus-inner-container .cus-circle-chart{width:100%;display:inline-block}.cus-main-container .cus-inner-container .cus-per-sec{width:100%;display:table;height:250px;align-items:center;position:relative;padding-left:25px}.cus-main-container .cus-inner-container .cus-per-sec .info{width:100%;display:flex;flex-direction:column;padding:0;margin:0;list-style:none;height:100%;align-items:center;justify-content:center}.cus-main-container .cus-inner-container .cus-per-sec .info .row{display:inline-block;width:100%;position:relative;margin:10px 0}.cus-main-container .cus-inner-container .cus-per-sec .info .row h3{font-weight:700;font-size:25px;color:#737373;padding-left:35px}.cus-main-container .cus-inner-container .cus-per-sec .info .row h3 span{font-weight:700}.cus-main-container .cus-inner-container .cus-per-sec .info .row:after{content:"";height:25px;width:25px;border-radius:50%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#00a88e}.cus-main-container .cus-inner-container .cus-per-sec .info .row.dot-1:after{background-color:#199883}.cus-main-container .cus-inner-container .cus-per-sec .info .row.dot-2:after{background-color:#7ce495}.cus-main-container .cus-inner-container .cus-per-sec .info .row.dot-3:after{background-color:#00c26e}.cus-main-container .cus-inner-container .left-card{padding-right:10px}.cus-main-container .cus-inner-container .left-card .cus-per-sec{padding-left:0;padding-right:25px}.cus-main-container .cus-inner-container .left-card .cus-per-sec .info .row h3{padding-left:0;padding-right:40px;text-align:right}.cus-main-container .cus-inner-container .left-card .cus-per-sec .info .row:after{left:auto;right:0}.cus-main-container .cus-inner-container .right-card{padding-left:10px}.cus-main-container .cus-inner-container .cus-date-sec{position:absolute;right:20px;top:35px}.cus-main-container .cus-inner-container .cus-date-sec h3{font-weight:700;font-size:18px;color:#aaa}.cus-main-container .cus-inner-container .cus-time-sec{position:absolute;right:20px;top:35px}.cus-main-container .cus-inner-container .cus-time-sec h3{font-weight:700;font-size:18px;color:#aaa}.cus-main-container .cus-inner-container .cus-time-sec h3>div{color:#aaa!important;width:auto!important;display:inline-block;text-transform:uppercase}.cus-main-container .cus-inner-container .cus-time-sec h3>div span{min-width:95px;display:inline-block;padding:0!important;font-weight:700}.styles_digit__3_I6o{min-height:25px;font-size:35px;background-color:#00a88e!important;border:1px solid #fff;border-radius:4px;padding:10px 12px;height:auto!important;line-height:normal!important;margin:0 6px;float:left}.styles_digit__3_I6o>div{left:0;top:0;font-weight:700}.styles_digit__3_I6o .styles_hinge__2iwrZ{height:4px;background:hsla(0,0%,100%,.7)}.styles_digit__3_I6o:after,.styles_digit__3_I6o:before{content:"";position:absolute;left:-6px;background:#00a88e;width:4px;height:16px;border-radius:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.styles_digit__3_I6o:before{left:auto;right:-6px}.part{margin:0;display:flex;align-items:center;justify-content:center;padding:28px 0;flex-direction:column;height:100%}.part h3{color:#00a88e!important}.apple-ring .apple-ring-heading{display:flex;align-items:center}.apple-ring .apple-ring-heading h2{font-weight:600;color:grey}.date-message{background:#00a88e;padding:8px 20px;color:#fff;margin:10px 0 0;font-size:20px;font-weight:600;bottom:0;left:0;right:0}.cus-inner-container .cus-middle-sec{height:calc(100% - 150px)}.cus-inner-container .cus-grid-rep{border:3px solid #737373;border-top:none;height:50%}.cus-inner-container .cus-grid-rep:first-child,.cus-inner-container .cus-grid-rep:last-child,.cus-inner-container .cus-grid-rep:nth-child(3),.cus-inner-container .cus-grid-rep:nth-child(4){border-left:none;border-right:none}.cus-inner-container .cus-grid-rep:last-child,.cus-inner-container .cus-grid-rep:nth-child(4),.cus-inner-container .cus-grid-rep:nth-child(5){border-bottom:none}.circles-container{position:relative;height:230px;width:230px;margin:0 auto}.circles-container .cus-logo{position:absolute;left:50%;top:50%;width:40px;height:40px;display:inline-block;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;border-radius:50%;padding:6px}.circles-container .cus-logo img{width:100%;height:100%;display:inline-block;object-fit:contain}.dot{z-index:2;position:absolute;height:100%;width:100%;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;-webkit-transform:rotate(0);transform:rotate(0)}.dot:after{content:"";-webkit-transform:translateX(-50%);transform:translateX(-50%);height:30px;width:30px;background:transparent;box-shadow:3px 0 3px rgba(0,0,0,.5)}.dot:after,.ring{position:absolute;left:50%;border-radius:100%}.ring{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%}.ring:before{content:"";position:absolute;height:100%;width:100%;border-radius:100%}.ring:after{content:"";height:40px;width:40px;background:var(--background);border-radius:100%}.progress-ring,.ring:after{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%}.progress-ring__circle{transition:stroke-dashoffset .35s;-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.day.ring,.quarter.ring{height:220px;width:220px;background:#d1eae6;border:1px solid #d1eae6}.halfYearly.ring,.week.ring{height:160px;width:160px;background:#e5faea;border:1px solid #e5faea}.completeYearly.ring,.month.ring{height:100px;width:100px;background:#ccf3e2;border:1px solid #ccf3e2}.completeYearly.ring:after,.month.ring:after{background:#fff}.card{display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;height:100%;padding:10px 0}.info .row.day,.info .row.quarter{color:#00a88e}.info .row.halfYearly,.info .row.week{color:#b1fd36}.info .row.completeYearly,.info .row.month{color:#15c2e0}.controls{display:flex;flex-direction:column}.number-input{--color:#fff;border:1px solid var(--color);border-radius:5px;color:var(--color);margin-right:16px}.number-input span{display:block;padding:12px 24px;font-size:16px;text-align:center;border-bottom:1px solid var(--color);transition:all .3s;font-weight:600;-webkit-user-select:none;-ms-user-select:none;user-select:none}.number-input .decrease:hover,.number-input .increase:hover{cursor:pointer;background:var(--color);color:#fff}.number-input[data-target=day],.number-input[data-target=quarter]{--color:#00a88e}.number-input[data-target=halfYearly],.number-input[data-target=week]{--color:#b1fd36}.number-input[data-target=completeYearly],.number-input[data-target=month]{--color:#15c2e0}.circles-container .completeYearly:before,.circles-container .day:before,.circles-container .halfYearly:before,.circles-container .month:before,.circles-container .quarter:before,.circles-container .week:before{left:50%}.circles-container .completeYearly.double-arrow:after,.circles-container .completeYearly:before,.circles-container .day.double-arrow:after,.circles-container .day:before,.circles-container .halfYearly.double-arrow:after,.circles-container .halfYearly:before,.circles-container .month.double-arrow:after,.circles-container .month:before,.circles-container .quarter.double-arrow:after,.circles-container .quarter:before,.circles-container .week.double-arrow:after,.circles-container .week:before{content:"";color:#fff;width:20px;height:20px;position:absolute;top:4px;border-radius:50%;z-index:999999;-webkit-transform:translate(-50%);transform:translate(-50%);font-size:32px;line-height:normal;display:flex;align-items:center;justify-content:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYEAQAAAAa7ikwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAGAAAABgAPBrQs8AAAAHdElNRQflCB8GNSlWWQrxAAAAe0lEQVRIx+2VMQ5AQBREZ4XWBehVTiCKvaczydbcgn6fXqJiKvsOMC+Z/MyXCk7I40huW084MQLAtkHXGQTDAOdplkwTHEeRvJIEctMo9L0UwnvNPEvLItW1tO9SjCKvKzZSqj7v6oa/oq+wXlIJfwg3j519riXzw/kPF5ggLuMShLWbAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTA4LTMxVDA2OjUzOjQxKzAwOjAw918YcAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wOC0zMVQwNjo1Mzo0MSswMDowMIYCoMwAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent}.circles-container .completeYearly.double-arrow:after,.circles-container .day.double-arrow:after,.circles-container .halfYearly.double-arrow:after,.circles-container .month.double-arrow:after,.circles-container .quarter.double-arrow:after,.circles-container .week.double-arrow:after{left:52%}@media(min-width:1200px){.circles-container{height:290px;width:290px}.circles-container .cus-logo{width:100px;height:100px;padding:15px}.day.ring,.quarter.ring{height:280px;width:280px}.halfYearly.ring,.week.ring{height:220px;width:220px}.completeYearly.ring,.month.ring{height:160px;width:160px}.cus-main-container .cus-inner-container .cus-per-sec .info .row h3{font-size:30px}.cus-main-container .cus-inner-container .cus-per-sec{height:290px}.styles_digit__3_I6o{min-height:40px;font-size:50px;padding:10px 14px}}@media(min-width:1441px){.circles-container{height:370px;width:370px}.circles-container .cus-logo{width:175px;height:175px;padding:35px}.day.ring,.quarter.ring{height:360px;width:360px}.halfYearly.ring,.week.ring{height:300px;width:300px}.completeYearly.ring,.month.ring{height:240px;width:240px}.cus-main-container .cus-inner-container .page-heading h2{font-size:50px}.cus-main-container .cus-inner-container .grid-heading h3{font-size:40px}.cus-main-container .cus-inner-container .cus-date-sec h3,.cus-main-container .cus-inner-container .cus-time-sec h3{font-size:20px}.cus-main-container .cus-inner-container .cus-per-sec{height:370px}.cus-main-container .cus-inner-container .cus-per-sec .info .row h3{font-size:35px;padding-left:50px}.cus-main-container .cus-inner-container .cus-per-sec .info .row:after{height:30px;width:30px}.cus-main-container .cus-inner-container .left-card .cus-per-sec .info .row h3{padding-right:50px}.styles_digit__3_I6o{min-height:50px;font-size:60px}.date-message{padding:8px 20px;font-size:22px}}@media(min-width:1650px){.cus-main-container .cus-inner-container .page-heading h2{font-size:60px}.cus-main-container .cus-inner-container .grid-heading h3{font-size:50px}.cus-main-container .cus-inner-container .cus-date-sec h3,.cus-main-container .cus-inner-container .cus-time-sec h3{font-size:24px}.cus-main-container .cus-inner-container .cus-per-sec .info .row h3{font-size:45px;padding-left:60px}.cus-main-container .cus-inner-container .cus-per-sec .info .row:after{height:35px;width:35px}.cus-main-container .cus-inner-container .left-card .cus-per-sec .info .row h3{padding-right:60px}.styles_digit__3_I6o{min-height:60px;font-size:70px}.date-message{padding:10px 20px;font-size:26px}}
/*# sourceMappingURL=main.643b9b78.chunk.css.map */