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;font-size:14px;font-size:var(--fontsize-sm);height:100vh;margin:0;overscroll-behavior-y:contain;padding:0}body *{box-sizing:border-box}body h1,body h2,body h3,body h4,body h5,body h6,body p{margin:0}#root{background-color:#fff;display:flex;flex-flow:column nowrap;height:100%}.app{height:100vh;overflow:hidden}.app,.app__content{display:flex;flex:1 1;flex-flow:column nowrap}.app__content{height:100%;margin:auto;max-width:1200px;overflow-y:auto;padding:0 16px;padding:0 var(--space-lg);width:100%}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){#root,.app,body{height:-webkit-fill-available}}:root{--space-xxxs:0px;--space-xxs:0px;--space-xs:2px;--space-sm:4px;--space-md:8px;--space-lg:16px;--space-xl:32px;--space-xxl:64px;--space-xxxl:96px;--fontsize-xxxs:8px;--fontsize-xxs:10px;--fontsize-xs:12px;--fontsize-sm:14px;--fontsize-md:16px;--fontsize-lg:20px;--fontsize-xl:24px;--fontsize-xxl:30px;--fontsize-xxxl:36px;--color-primary--rgb:96,230,190;--color-primary:#60e6be;--color-secondaryLight--rgb:255,255,255;--color-secondaryLight:#fff;--color-secondary--rgb:255,255,255;--color-secondary:#fff;--color-secondaryDark--rgb:255,255,255;--color-secondaryDark:#fff;--color-accentLight--rgb:255,150,79;--color-accentLight:#ff964f;--color-accent--rgb:255,150,79;--color-accent:#ff964f;--color-text--rgb:0,0,0;--color-text:#000;--color-background--rgb:255,255,255;--color-background:#fff;--color-primaryLight--rgb:191,238,225;--color-primaryLight:#bfeee1;--color-primaryDark--rgb:18,69,63;--color-primaryDark:#12453f;--color-accentDark--rgb:167,67,0;--color-accentDark:#a74300;--color-text-light--rgb:255,255,255;--color-text-light:#fff;--card-border:rgba(0,0,0,.1);--box-shadow:0px 3px 6px 2px rgba(0,0,0,.2)}.btn{border:none;border-radius:1000px;color:#fff;color:var(--color-text-light);cursor:pointer;padding:8px 16px;padding:var(--space-md) var(--space-lg);transition:background-color .3s ease}.btn[disabled]{background-color:rgba(0,0,0,.2);background-color:rgba(var(--color-text--rgb),.2)}.btn--normal{background-color:#60e6be;background-color:var(--color-primary)}.btn--dark,.btn--normal:hover{background-color:#12453f;background-color:var(--color-primaryDark)}.btn--dark:hover{background-color:#60e6be;background-color:var(--color-primary)}.btn--accent{background-color:#ff964f;background-color:var(--color-accent)}.btn--accent:hover{background-color:#a74300;background-color:var(--color-accentDark)}.btn--link{background-color:transparent;color:#ff964f;color:var(--color-accent);padding:0;text-decoration:underline}.btn--link:hover{color:#a74300;color:var(--color-accentDark)}.react-calendar__tile--now{background-color:#60e6be!important;background-color:var(--color-primary)!important}.react-calendar__tile--active{background-color:#12453f!important;background-color:var(--color-primaryDark)!important}.react-calendar__month-view__days__day--weekend{color:0,0,0!important;color:var(--color-text--rgb)!important}.card,.rewarditem,.taskitem{border:1px solid rgba(0,0,0,.1);border:1px solid var(--card-border);border-radius:8px;transition:box-shadow .3s ease,background-color .6s ease}.card:hover,.rewarditem:hover,.taskitem:hover{background-color:rgba(96,230,190,.2);background-color:rgba(var(--color-primary--rgb),.2);box-shadow:0 3px 6px 2px rgba(0,0,0,.2);box-shadow:var(--box-shadow)}.footer{align-items:stretch;background-color:#fff;background-color:var(--color-background);border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--card-border);display:flex;flex-flow:row nowrap;height:56px;justify-content:space-between;padding:8px 16px;padding:var(--space-md) var(--space-lg)}.footer__item{align-items:center;display:flex;flex:1 1;flex-flow:column nowrap;flex-shrink:0;justify-content:center}.header{background-color:#fff;background-color:var(--color-background);border-bottom:1px solid rgba(0,0,0,.1);border-bottom:1px solid var(--card-border);display:flex;flex-flow:row nowrap;justify-content:space-between;padding:8px 16px;padding:var(--space-md) var(--space-lg)}.highlight{position:relative;z-index:0}.highlight:before{background-color:#60e6be;background-color:var(--color-primary);bottom:0;content:"";display:block;height:15px;position:absolute;right:0;width:calc(100% - 8px);width:calc(100% - var(--space-md));z-index:-1}.highlight--accent:before{background-color:#ff964f;background-color:var(--color-accent)}h1.highlight,h2.highlight,h3.highlight,h4.highlight,h5.highlight,h6.highlight{padding:initial}.list{-webkit-padding-start:0;list-style:none;padding-inline-start:0}.list li{padding-bottom:16px;padding-bottom:var(--space-lg);padding-top:16px;padding-top:var(--space-lg)}.list li:not(:last-of-type){border-bottom:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(var(--color-text--rgb),.2)}.list li a{color:#000;color:var(--color-text);text-decoration:none}.modal{background-color:transparent;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:background-color .3s ease}.modal.show{background-color:rgba(0,0,0,.2);pointer-events:all}.modal.show .modal__body{top:32px!important;top:var(--space-xl)!important}.modal__body{background-color:#fff;background-color:var(--color-secondary);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -3px 12px 3px rgba(0,0,0,.4);height:calc(100% - 32px);height:calc(100% - var(--space-xl));overflow:hidden;padding:16px;padding:var(--space-lg);position:relative;top:100%;transition:top .5s ease,box-shadow .5s ease;width:100%}.modal__body,.modal__content{display:flex;flex-flow:column nowrap}.modal__content{flex:1 1}.modal--camera.show .modal__body{padding:0}.rewarditem{align-items:center;display:flex;flex-flow:column nowrap;flex-shrink:0;margin-bottom:16px;margin-bottom:var(--space-lg);margin-right:16px;margin-right:var(--space-lg);overflow:visible;padding:0 0 8px;padding:0 0 var(--space-md) 0;position:relative;width:320px}.rewarditem.unlocked{border-color:#ff964f;border-color:var(--color-accent)}.rewarditem__content{display:flex;flex:1 1;flex-flow:column nowrap;padding:8px;padding:var(--space-md);width:100%}.rewarditem__issuer{font-size:16px;font-size:var(--fontsize-md);font-weight:700;padding:8px 0;padding:var(--space-md) 0}.rewarditem__description{flex:1 1}.rewarditem__cost{font-size:24px;font-size:var(--fontsize-xl);font-weight:700}.rewarditem__cost__wrapper{display:flex;justify-content:flex-end;padding-top:32px;padding-top:var(--space-xl)}.rewarditem--card .rewarditem__img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.rewarditem--card .rewarditem__img__wrapper{border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;position:relative;width:100%}.rewarditem--card .rewarditem__img__wrapper:before{background-color:#d3d3d3;content:"";display:block;padding-bottom:56.25%;width:100%}.rewarditem--row{align-items:flex-start;padding:16px;padding:var(--space-lg);width:100%}.rewarditem--row .rewarditem__img{height:100%;object-fit:cover;width:100%}.rewarditem--row .rewarditem__img__wrapper{border-radius:32px;height:64px;overflow:hidden;width:64px}.rewarditem--row .rewarditem__issuer{padding:0}.select{width:100%}.select label{display:block;font-weight:600;margin-bottom:4px;margin-bottom:var(--space-sm)}.select__inner{border:1px solid rgba(0,0,0,.1);border:1px solid rgba(var(--color-text--rgb),.1);border-radius:8px;position:relative}.select__value{left:16px;left:var(--space-lg);pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.select select{display:block;height:100%;opacity:0;padding:8px 16px;padding:var(--space-md) var(--space-lg);width:100%}.select.disabled label{opacity:.4}.select.disabled select{border-color:rgba(0,0,0,.4);border-color:rgba(var(--color-text--rgb),.4)}.taskitem{align-items:center;display:flex;flex-flow:row nowrap;margin-bottom:8px;margin-bottom:var(--space-md);overflow:hidden;position:relative}.taskitem.unlocked{border-color:#ff964f;border-color:var(--color-accent)}.taskitem__content{display:flex;flex-flow:column nowrap;padding-right:16px;padding-right:var(--space-lg);width:100%}.taskitem__data{display:flex;flex:1 1;flex-flow:row nowrap;padding-left:16px;padding-left:var(--space-lg)}.taskitem__title{font-size:16px;font-size:var(--fontsize-md);font-weight:700;margin:0}.taskitem__time{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;padding-left:16px;padding-left:var(--space-lg);padding-top:8px;padding-top:var(--space-md);width:100%}.taskitem__reward{font-size:24px;font-size:var(--fontsize-xl);font-weight:700}.taskitem__img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.taskitem__img__wrapper{max-height:200px;max-width:200px;min-height:64px;min-width:64px;position:relative;width:30vw}.taskitem__img__wrapper:before{background-color:#d3d3d3;content:"";display:block;padding-bottom:100%;width:100%}.textinput{width:100%}.textinput label{display:block;font-weight:600;margin-bottom:4px;margin-bottom:var(--space-sm)}.textinput input{border:1px solid #bfeee1;border:1px solid var(--color-primaryLight);border-radius:8px;display:block;outline-color:#60e6be;outline-color:var(--color-primary);outline-width:30px;padding:8px 16px;padding:var(--space-md) var(--space-lg);width:100%}.textinput input:focus{border-color:#60e6be;border-color:var(--color-primary)}.textinput.disabled label{opacity:.4}.textinput.disabled input{border-color:rgba(0,0,0,.4);border-color:rgba(var(--color-text--rgb),.4)}.taskdetail{padding-top:16px;padding-top:var(--space-lg)}.taskdetail__img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.taskdetail__img__wrapper{border-radius:8px;box-shadow:0 3px 6px 2px rgba(0,0,0,.2);box-shadow:var(--box-shadow);overflow:hidden;position:relative}.taskdetail__img__wrapper:before{content:"";display:block;padding-bottom:56.25%;width:100%}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}
/*# sourceMappingURL=main.ee6e8d3d.css.map*/