body,html{height:100%;overflow:hidden;width:100%}body,html{background:#3e60f5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,Helvetica Neue,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;font-size:16pt;font-size:3vh;margin:0;padding:0}:root{--primary:#3e60f5;--secondary:#5270f6}#root{height:100%;overflow:hidden;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{-webkit-tap-highlight-color:transparent}.layout{flex-direction:column;height:100%;margin:0 auto;max-width:1024px}.layout,.layout__content,.layout__header{align-items:center;display:flex;justify-content:space-between;width:100%}.layout__content,.layout__header{flex-direction:row}.layout__header{box-sizing:border-box;font-size:1.2rem;height:4rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width:768px){.layout__header{font-size:1.4rem;height:6rem;padding-left:2rem;padding-right:2rem}}.layout__content-wrapper{border-radius:1rem 1rem 0 0;box-sizing:border-box;font-size:1rem;height:calc(100% - 4rem);margin:0 auto;overflow-y:auto;padding-top:2rem;width:96%}.layout__content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:auto;padding:0 2rem 2rem;width:100%}@media (prefers-color-scheme:dark){.layout__content-wrapper{background:#222;color:#eee}}@media (prefers-color-scheme:light){.layout__content-wrapper{background-color:#fff;color:#222}}@media screen and (min-width:768px){.layout__content-wrapper{font-size:1.2rem;height:calc(100% - 6rem);padding-top:3rem}.layout__content{padding:0 3rem 3rem}}.layout--add_drink .layout__content-wrapper,.layout--index .layout__content-wrapper,.layout--set_goal .layout__content-wrapper{background-color:initial;border-radius:0;color:#fff;padding-top:0}.layout--add_drink .layout__content,.layout--index .layout__content,.layout--set_goal .layout__content{justify-content:space-between;padding-bottom:2rem}.layout--add_drink .layout__content{justify-content:flex-end}.layout--history .layout__content,.layout--set_goal .layout__content{align-items:flex-start;justify-content:flex-start}.layout__header-links{width:100%}.layout__header-back{border-right:1px solid #ffffff40;margin-right:.8rem;padding-right:.4rem}@media screen and (min-width:768px){.layout__header-back{margin-right:1.5rem;padding-right:1rem}}.layout__header-title{font-weight:500;min-width:20rem}.layout__header-links{text-align:right}.link{border:none;border-radius:.3rem;color:#fff;padding:.4rem;text-decoration:none;transition:all .3s cubic-bezier(.445,.05,.55,.95)}.link:hover{background-color:#00000026}.install,.install__button,.install__label,.install__wrapper{align-items:center;box-sizing:border-box;display:flex}.install{border:1px solid;border-bottom:none;border-radius:1rem 1rem 0 0;bottom:0;font-size:.8rem;height:4rem;left:0;margin:0 auto;overflow:hidden;padding:0 1rem;position:fixed;right:0;width:100%;z-index:3}.install__wrapper{box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:960px;width:100%}.install__button,.install__label{justify-content:flex-start}.install__button{background:var(--secondary);border:none;border-radius:1rem;color:#fff;font-size:.8rem;margin-right:.3rem;outline:none;padding:.3rem .6rem}.install__button>svg{height:1.2rem;margin-right:.1rem;width:1.2rem}@media screen and (min-width:768px){.install__label{font-size:1.2rem}.install__button{font-size:1.2rem;margin-right:.5rem}.install__button>svg{height:1.3rem;width:1.3rem}}@media (prefers-color-scheme:dark){.install{background-color:#333;border-color:#444;color:#eee}.install__close>svg{color:#fff}}@media (prefers-color-scheme:light){.install{background-color:#eee;border-color:#ddd;color:#222}.install__close>svg{color:#000}}.icon-button{align-items:center;background-color:#ffffff0d;border:none;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:500;height:3rem;justify-content:center;line-height:3rem;outline:none;padding:0;text-align:center;transform:rotate(0deg);transition:all .1s ease-in;width:3rem}.icon-button>svg{height:1.5rem;width:1.5rem}@media screen and (min-width:768px) and (min-height:768px){.icon-button{font-size:2rem;height:5rem;line-height:5rem;width:5rem}.icon-button>svg{height:2rem;width:2rem}}.icon-button:active,.icon-button:focus,.icon-button:hover{background-color:#0000000d}.ios-install{border:1px solid;border-bottom:none;border-radius:1rem 1rem 0 0;bottom:0;left:0;position:fixed;right:0;top:5%;transition:all .7s cubic-bezier(.19,1,.22,1);z-index:2}.ios-install__content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:0 auto;max-width:1024px;padding:1rem 1rem 2rem;width:100%}.ios-install__header{align-items:center;display:flex;justify-content:flex-end;width:100%}.ios-install__step{font-size:1rem;margin-bottom:1.5rem}.ios-install__step p{margin-bottom:.5rem;margin-top:0}.ios-install__step:last-child{margin-bottom:0}.ios-install__step img{border-radius:.3rem;box-shadow:0 .5rem 1rem #00000012;width:100%}@media (prefers-color-scheme:dark){.ios-install{background-color:#333;border-color:#444;color:#eee}}.ios-install__close-icon{color:inherit}@media (prefers-color-scheme:light){.ios-install{background-color:#eee;border-color:#ddd;color:#222}}.primary-link{align-items:center;background:#fff;border:none;border-radius:50%;color:#476eff;display:flex;font-size:3rem;font-weight:500;height:5rem;justify-content:center;line-height:5rem;outline:none;padding:0;text-align:center;transform:rotate(0deg);transition:all .1s ease-in;width:5rem}.primary-link>svg{height:3rem;width:3rem}@media screen and (max-height:500px){.primary-link{font-size:2rem;height:3rem;line-height:3rem;width:3rem}.primary-link>svg{height:2rem;width:2rem}}@media screen and (min-width:768px) and (min-height:768px){.primary-link{height:6rem;line-height:6rem;width:6rem}}.primary-link:active,.primary-link:focus,.primary-link:hover{background-color:#fffc}.waves-background{height:100vh;overflow:hidden;position:relative;width:100vw}.waves-background__progress{background-color:var(--secondary);bottom:0;height:0;position:absolute;width:100%;z-index:0}.waves-background__content{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}.waves-animation{bottom:100%;left:0;opacity:.1;position:absolute;right:0;width:100%}.waves-animation__parallax>use{animation:move-forever 25s ease-in-out infinite}.waves-animation__parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.waves-animation__parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.waves-animation__parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.waves-animation__parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-5rem,0,0)}to{transform:translate3d(6rem,0,0)}}.home-progress{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.home-progress__percentage{font-size:6rem;font-weight:600;margin-top:-2rem;position:relative}.home-progress__percentage:after{bottom:15%;content:"%";font-size:2rem;font-weight:500;left:105%;position:absolute}@media screen and (min-height:768px){.home-progress__percentage{font-size:7rem}.home-progress__percentage:after{font-size:3rem}}@media screen and (min-height:1024px) and (min-width:768px){.home-progress__percentage{font-size:12rem}.home-progress__percentage:after{font-size:4rem}}.home-progress__amount{font-size:1.2rem;font-weight:700;line-height:1;text-align:center;width:100%}.home-progress__amount-link{background:#0000;border-bottom:1px dashed;border-radius:0;padding:0 0 .2rem}.home-progress__amount-link:hover{background:#0000;border-bottom:none}.home-buttons{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.home-buttons__item--pre{padding-right:1rem}.home-buttons__item--post{padding-left:1rem}.home-buttons__mock{width:3rem}@media screen and (min-width:768px) and (min-height:768px){.home-buttons__item--pre{padding-right:3rem}.home-buttons__item--post{padding-left:3rem}.home-buttons__mock{width:5rem}}.spinner{display:inline-block;height:80px;margin:0 auto;position:relative;width:80px}.spinner div{animation-timing-function:cubic-bezier(0,1,1,0);background:var(--secondary);border-radius:50%;height:13px;opacity:.3;position:absolute;top:33px;width:13px}.spinner div:first-child{animation:spinner1 .6s infinite;left:8px}.spinner div:nth-child(2){animation:spinner2 .6s infinite;left:8px}.spinner div:nth-child(3){animation:spinner2 .6s infinite;left:32px}.spinner div:nth-child(4){animation:spinner3 .6s infinite;left:56px}@keyframes spinner1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes spinner3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes spinner2{0%{transform:translate(0)}to{transform:translate(24px)}}.history-items{width:100%}.history-items__day{margin-bottom:1.5rem}@media screen and (min-width:768px){.history-items__day{margin-bottom:2.5rem}}.history-items__day:last-child{margin-bottom:0}.history-items__day-title{font-size:1.5rem;margin:.5rem auto;padding:0}.history-items__day-items{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:-.3rem;margin-right:-.3rem;margin-top:1rem;width:100%}.history-items__day-item{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:3.7rem;justify-content:space-around;margin:.3rem;position:relative;width:3.7rem}.history-items__day-item-button{border:none;border-radius:50%;height:1rem;outline:none;padding:0;position:absolute;transform:scale(0);transition:transform .4s cubic-bezier(.19,1,.22,1);width:1rem;z-index:3}.history-items__day-item-button--delete>svg{color:#fff;height:1rem;width:1rem}.history-items__day-item-button--delete{background:red;height:1rem;right:-.3rem;top:-.3rem;width:1rem}.history-items__day-item-button--restore{background:#0000;color:var(--secondary);font-size:2rem;height:2rem;left:50%;line-height:1;margin-left:-1rem;margin-top:-1rem;top:50%;width:2rem}.history-items__day-item-button--visible{transform:scale(1)}.history-items__day-item-icon{height:1.7rem;opacity:.7;width:1.7rem}.history-items__day-item--removed:before{bottom:0;content:" ";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:2}.history-items__day-item--removed .history-items__day-item-amount,.history-items__day-item--removed .history-items__day-item-icon{opacity:0;transition:opacity 3s linear}.history-items__day-items--edit-mode .history-items__day-item .history-items__day-item-icon{animation-duration:.2s}.history-items__day-items--edit-mode .history-items__day-item--removed .history-items__day-item-icon{animation:none}.history-items__day-items--edit-mode .history-items__day-item:nth-child(2n) .history-items__day-item-icon{animation-iteration-count:infinite;animation-name:jiggIn;transform-origin:50% 10%}.history-items__day-items--edit-mode .history-items__day-item:nth-child(2n-1) .history-items__day-item-icon{animation-direction:alternate;animation-iteration-count:infinite;animation-name:jiggOut;transform-origin:30% 5%}.history-items__day-item-amount{font-size:.8rem;font-weight:700}.history-items__day-progress-bar{background:#ddd;border-radius:.33rem;display:block;height:.75rem;overflow:hidden;width:100%}.history-items__day-progress{background:var(--secondary);border-radius:.33rem;height:100%;transition:width .3s ease-in-out}.history-items__day-progress--full{background:green}.history-items__day-summary{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-top:.75rem;padding:0 .15rem}.history-items__day-summary-button{background:#0000;border:0;border-bottom:1px dashed;color:inherit;color:red;font-size:inherit;font-size:smaller;margin:0;outline:none;padding:0}.history-items__day-summary-button--active{border-color:#0000;color:var(--secondary);font-weight:700}.history-items__day-summary-button:hover{border-color:#0000}@media (prefers-color-scheme:dark){.history-items__day-item-icon{fill:#eee}.history-items__day-progress-bar{background:#333}.history-items__day-item--removed:before{background:#222}}@media (prefers-color-scheme:light){.history-items__day-item-icon{fill:#222}.history-items__day-progress-bar{background:#eee}.history-items__day-item--removed:before{background:#fff}}@keyframes jiggIn{0%{animation-timing-function:ease-in;transform:rotate(-2deg)}50%{animation-timing-function:ease-out;transform:rotate(3deg)}}@keyframes jiggOut{0%{animation-timing-function:ease-in;transform:rotate(2deg)}50%{animation-timing-function:ease-out;transform:rotate(-3qdeg)}}.goal-config{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;min-height:280px;padding-top:1rem;width:100%}.goal-config__form{text-align:center}.goal-config__form>input{margin-bottom:1.5rem}.goal-config__form__action-button{margin:2rem auto}.numeric-input{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #ffffff1a;border-radius:2rem;box-sizing:border-box;color:#fff;font-weight:700;height:8rem;line-height:6.7rem;margin:0 auto;outline:none;padding:0 1rem;text-align:right;text-align:center;width:17.5rem}.numeric-input::placeholder{color:#ffffff1a}.numeric-input--error{animation-duration:1s;animation-name:shake;color:#b22222}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.tag-switch__item{background:#0000;border:none;border-bottom:1px dashed;color:#fff;font-size:1rem;margin:0 .6rem;padding:0}.tag-switch__item--selected{background:var(--secondary);border-color:#0000;border-radius:.5rem;font-weight:700;margin:0;padding:.3rem .6rem}.amounts-grid{flex-direction:column;min-height:280px}.amounts-grid,.amounts-grid__buttons{align-items:center;display:flex;justify-content:flex-end}.amounts-grid__buttons{flex-direction:row}.amounts-grid__close{margin-top:1rem}.amounts-grid__item .icon{fill:#fff;margin-bottom:-.5rem;width:2rem}@media screen and (min-height:500px){.amounts-grid__buttons{flex-direction:column}.amounts-grid__close{margin-top:.5rem}}.grid-button{background:#fff3;border:0;border-radius:50%;color:#fff;font-weight:700;margin:.4rem;outline:none;padding:0;position:relative;text-align:center;transition:all .2s cubic-bezier(.445,.05,.55,.95)}.grid-button .post,.grid-button .pre{display:flex;position:absolute;top:50%}.grid-button .pre{margin-top:-.6rem;right:120%;width:1rem}.grid-button .post{bottom:180%;font-size:.9rem;left:auto;margin-top:-.45rem;right:-30%;top:auto;transform:rotate(-90deg);width:6rem}@media screen and (max-height:360px){.grid-button .post{visibility:hidden}}@media screen and (min-height:500px){.grid-button .post{bottom:auto;left:117%;right:auto;top:50%;transform:rotate(0deg)}}@media screen and (min-width:768px){.grid-button{height:4.5rem;width:4.5rem}}.grid-button:focus,.grid-button:hover{background:#ffffff1a}.grid-button:active{background:#0000}
/*# sourceMappingURL=main.360279fd.css.map*/