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;height:100%;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App,body,html{height:100%}.App{margin:0;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main-container{display:flex;min-height:100vh}a{text-decoration:none}.page{background-color:#eef7f2;margin-left:262.25px;margin-top:100px;width:100%}header{background-color:#295a83;display:flex;flex-direction:row;justify-content:space-between;position:fixed;width:100%;z-index:20}header,header img{height:102px}.navigation{align-items:center;display:flex}.navigation p{color:#fff;font-size:20px;height:42px;margin:30px 50px;text-align:center}.navigation a{text-decoration:none;transition:all .5s}.navigation a:hover{background-color:hsla(0,0%,100%,.3)}.nameInside{bottom:15px;left:25px;position:relative}.sidebar{background-color:#295a83;display:flex;justify-content:center;max-width:262.25px;min-height:100vh;position:fixed;z-index:2}.sidebar-list{display:flex;flex-direction:column;gap:10px;margin:120px 0 0;min-width:262.25px;padding:0}.lists{border-bottom:1px solid #fff;color:#fff;font-size:18px;height:55px;list-style:none;padding:40px 50px 10px;transition:all .5s}.lists:hover{background-color:hsla(0,0%,100%,.3)}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}.home{background:#eef7f2;height:1200px;width:100%}.education-slider{background:#ebedf2;box-shadow:0 4px 4px rgba(0,0,0,.25);height:428px;left:382px;position:absolute;top:170px;width:937px}.main-slide{display:inline-block;margin-top:35px}.carousel,.main-slide{text-align:center}.carousel .slider-wrapper{align-items:center;border:2px solid #9ac8ee;height:352px;width:671px}.carousel .slide .caption{background:#21415c;border-radius:10px;color:hsla(0,0%,100%,.85);font-family:Fira Sans Extra Condensed;font-size:24px;font-style:normal;font-weight:400;height:43px;left:50%;margin-left:-45%;opacity:.7;padding:5px;position:absolute;text-align:center;top:0;transition:all .5s ease-in-out;transition:opacity .5s ease-in-out;width:90%}.carousel .slide .caption:hover{opacity:1}.aboutUs{height:288px;left:382px;margin-top:30px;position:absolute;text-align:justify;top:610px;width:937px}.aboutUs h1{color:#000;font-style:Medium;font-weight:700}.aboutUs h1,.aboutUs p{font-family:Inter;font-size:27px;line-height:36px}.aboutUs p{font-style:Light;line-height:100%}.loginWrapper{height:260px}.loginWrapper,.registerWrapper{background-color:#fff;border-radius:50px;color:#000;display:inline-block;margin-top:100px;padding:12px 24px;text-align:center;width:500px}.registerWrapper{height:430px}.lupapassword{margin-left:240px}.lupapassword,.noakun{font-size:12px}div .login,div .register{margin-left:250px;margin-top:100px}.transaction{display:flex;flex-direction:row;justify-content:space-between;margin-left:262.25px;width:100%}.transaction-contents{background:#eef7f2;height:100%;position:relative;width:100%}.contents-title{display:flex;flex-direction:row;justify-content:flex-end}.contents-title h1{display:inline-block;height:70px;text-align:center;width:100%}.contents-title h1,.icon-wrapper{background:#ebebeb;margin-top:102px}.icon-wrapper{align-items:center;color:#000;display:flex;float:right;margin-right:10%;position:absolute}.icon-wrapper h2{margin:0}.coin-transaksi{margin-right:60px}.history-logo{color:#000}.inputToken-wrapper{background-color:#fff;border:1px solid #295a83;border-radius:32px;height:305px;margin:50px auto 0;padding:14px;width:460px}.point-information{display:grid;grid-template-columns:repeat(2,1fr);text-align:center}.trash-type{height:125px;width:171px}.inputToken-button{background:#295a83;border:1px solid #fff;border-radius:35px;box-sizing:border-box;color:#fff;height:42px;margin:0 auto;width:169px}.popup-content{background-color:#d5d5d5;border-radius:44px;height:286px;opacity:.92;width:523px;z-index:15}.inputToken-form h2{color:#000;font-family:Inter;font-size:20px;font-style:normal;font-weight:800;height:59px;line-height:24px;margin-top:30px;text-align:center;text-transform:lowercase;width:356px}.inputToken-form input{background-color:#fff;height:59px;width:461px}.input-button{background:#295a83;border:1px solid #fff;border-radius:35px;color:#fff;height:42px;margin-top:17px;width:169px}.sidepanel-img{height:100%;max-width:240px;opacity:.4}.sidepanelL-img{height:100%;max-width:300px;opacity:.4}.edukasi-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}.page-edukasi{background-color:#eef7f2;margin-left:262.25px;margin-top:100px;width:100%}.edukasi-wrapper{display:grid;width:700px}.EdukasiContent{background-color:#ebedf2;border-bottom:4px solid #bfc1c6;border-radius:50px;height:300px;margin:20px;padding-left:20px;padding-right:20px}.icon{float:left;height:200px;margin-right:15px;width:200px}.h1-edukasi{font-size:20px;margin-top:20px}.isi{font-size:16px;margin-left:15px;padding:0 15px;text-align:justify}.moredetails{float:right;font-size:12px;margin-right:25px}.content-details{display:block;margin-top:20px}.c33{margin-bottom:15px}.content{width:100%}.content-wrap{flex-direction:column;margin:0}.content-wrap,.title-wrapper{align-items:center;display:flex;width:100%}.title-wrapper{background:#ebebeb;flex-direction:row;height:70px;justify-content:space-between;margin-bottom:50px;text-align:center}.title-wrapper h1{margin:0 auto}.icon-indikator{color:#000;display:flex;height:40px;margin-right:10%}.time-icon{color:#000}.RedeemWrapper{background-color:#fff;border-radius:50px;color:#000;display:inline-block;height:300px;margin:auto;padding:35px 25px;text-align:center;width:200px}.uangtunai{height:100px;width:200px}.kompos{width:250px;width:165px}.TSampah{height:100px;width:200px}.tasbelanja{height:100px;width:180px}.reedem-button{background:#295a83;border:1px solid #fff;border-radius:35px;box-sizing:border-box;color:#fff;cursor:pointer;height:42px;width:169px}.content-title{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);width:100%}.poin-content{width:100%}.history-card{background-color:#d9d9d9;border-radius:20px;margin-bottom:30px;padding:10px 30px}.card-top{display:flex;justify-content:space-between}.transaction-indikator p{background-color:#295a83;border-radius:20px;color:#fff;padding:5px 30px}.coin-indikator{align-items:center;display:flex}.coin-indikator p{align-items:center;font-size:20px;height:30px;margin:0}.card-detail{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:20px}.card-detail p{margin:0}.card-detail h3{font-size:16px;margin:0}.sub-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}.content{width:720px}.content-wrapper{display:flex;margin:auto;width:100%}.title{justify-content:space-between}.indikator-wrapper{display:flex}.trash-amount{justify-content:center}.no-contain,.trash-amount{align-items:center;display:flex}.no-contain{flex-direction:column;margin-top:250px}.profileWrapper{background-color:#ffffffc1;color:#000;display:inline-block;height:499px;margin-top:102px;position:relative;text-align:center;width:100%}.profilePage{display:flex;flex-direction:row;justify-content:space-between;width:100%}.profileContent{color:#616161}.profileName{color:#64cf2e;margin-top:0;text-align:center}.profileData{font-size:smaller;padding-left:40%;text-align:left}.data{color:#000;font-weight:700}.LPanel{margin-left:262px}.profileDataWrapper{justify-content:center}.A1{margin-top:80px}.A-Wrapper{height:100%;margin:0 150px;padding:0 50px}.A-title{margin-bottom:40px}.A-content{margin-top:280px;padding-bottom:20px;text-align:justify}.editprofilePage{margin-left:0;margin-top:0}.editWrapper{background-color:#ffffffc1;color:#000;display:inline-block;height:499px;position:relative;text-align:center;width:100%}.editprofilePage{display:flex;flex-direction:row;justify-content:space-between;width:100%}.profileHeader{background-color:#eef7f2;border-bottom:1px solid #000}.profileHeader p{color:#295a83;font-size:25px;margin:0;padding:5px;text-align:left}.page-edit{background-color:#ffffffc1;margin-top:100px;width:100%}
/*# sourceMappingURL=main.39992a2a.css.map*/