*,:after,:before{box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol[class],p,ul[class]{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}button,input,select,textarea{font:inherit}html{font-size:16px}body{font-family:"Signika",sans-serif;background-color:beige}h1,h2,h3{font-weight:300}a{text-decoration:none}a:active,a:hover{text-decoration:underline}button{color:#343a40;border-radius:.25rem;border:0;box-shadow:0 0 3px rgba(0,0,0,.25);cursor:pointer;transition:all .1s ease-in-out}button:active,button:hover{box-shadow:0 0 3px #000}button+button{margin-left:.33rem}section header{text-align:center;padding:0 1rem;overflow:hidden;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}#root{height:100vh}.App__main,.App__main section{height:100%}.App__main section{margin:0 auto;padding-top:1rem}.AppNav{display:flex;justify-content:space-between;padding:.625rem;background:linear-gradient(90deg,#cf70f6,#2a67c9);box-shadow:0 2px 3px rgba(0,0,0,.125)}.AppNav__section{display:flex;align-items:center}.AppNav__item{white-space:nowrap}.AppNav__item+.AppNav__item{margin-left:.4rem;color:#fff}.AppNav__item a,.AppNav__username{color:beige;text-shadow:rgba(0,0,0,.25) 0 0 4px}.AppNav__logo{width:4rem;-webkit-filter:drop-shadow(0 0 4px rgba(0,0,96,.4));filter:drop-shadow(0 0 4px rgba(0,0,96,.4));margin:.65rem 0}.AppLanding>header{margin-bottom:1rem}.AppLanding__demo-button>button{font-size:1.2rem;width:100%;padding:.75rem;margin-bottom:2rem}.AppLanding__features{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin-bottom:1rem}.AppLanding__features__text{position:relative;font-size:1.2rem;text-align:center;margin:2.5rem 1rem 1.25rem}.AppLanding__features__text--emphasis{font-size:120%}.AppLanding__features:nth-child(2)>img{max-width:100vw}.AppLanding__features:nth-child(2) .AppLanding__features__text{margin-top:1rem}.AppLanding__features:nth-child(3):after,.AppLanding__features:nth-child(4):after{content:"";position:absolute;top:0;box-shadow:0 1px 0 rgba(0,0,0,.5);height:1px;width:50%}.AppLanding__features__text .yabai-badge{font-size:83%;top:-2.25rem}.AppLanding__features:nth-child(2n) .yabai-badge{left:-1.4rem;transform:rotate(-10deg)}.AppLanding__features:nth-child(odd) .yabai-badge{right:-1.4rem;transform:rotate(10deg)}.yabai-badge{position:absolute;font-family:"Sawarabi Gothic",sans-serif;font-weight:bolder;color:beige;background-color:#ff4040;box-shadow:0 0 3px rgba(0,0,0,.5);padding:.2rem .2rem .2rem .4rem}.cubby_logo{border-radius:10%}.react-numeric-input{width:100%}.custom-form{padding:1rem}.custom-form__buttons-container{display:flex;margin-top:1.5rem}.custom-form__buttons-container button{width:100%;padding:.75rem}.custom-form__input-container{margin-bottom:.5rem}.custom-form__buttons-container,.custom-form__input-container{font-size:1.2rem}.custom-form__input,.custom-form__input--expiration-date,.custom-select-wrapper select{border:1px solid #d3d3d3;border-radius:.25em}.custom-form__input,.custom-form__input--expiration-date{line-height:1.85;padding:.35rem .7rem;width:100%}.custom-form__input,.custom-select-wrapper select{-moz-appearance:none;-webkit-appearance:none}.custom-form__input--expiration-date{-webkit-appearance:none;background-color:#fff;min-height:3rem}.custom-form__input--expiration-date::-webkit-inner-spin-button{display:none}.custom-form__input--expiration-date::-webkit-calendar-picker-indicator{background-color:#fff;color:#000}.custom-form__button--edit-text,.custom-form__button--edit-toggle{background-color:beige;color:#000;border:0;border-radius:0;box-shadow:none;padding:0;border-bottom:1px dotted;display:inline-block;line-height:.85}.custom-form__button--edit-text{cursor:text}.custom-form__button--edit-text:active,.custom-form__button--edit-text:hover,.custom-form__button--edit-toggle:active,.custom-form__button--edit-toggle:hover{box-shadow:none}.ItemDetail #item_name{text-align:center;padding:0}.ItemDetail .ProgressBar{min-height:3rem}.ItemDetail .custom-form__input-container{margin-bottom:1rem}.custom-select-wrapper{position:relative;margin:1rem 0;width:14rem}.custom-select-wrapper select{background-color:#fafafa;color:#363636;line-height:1.3;padding:.5rem 0 .5rem 4.5rem;width:100%;margin:0;cursor:pointer}.custom-select-wrapper label{position:absolute;left:.85rem;top:.45rem;color:#777}.custom-select-wrapper__arrow:after{right:1rem;top:25%;border:3px solid #3273dc;border-radius:2px;border-right:0;border-top:0;content:" ";height:.75rem;width:.75rem;position:absolute;pointer-events:none;transform:rotate(-45deg)}.custom-select-wrapper select:active,.custom-select-wrapper select:hover{border-color:#a9a9a9}.custom-select-wrapper__arrow:hover:after{border-color:#363636}.call-to-action--green{background-color:#bff199}.call-to-action--red{background-color:#f7c8c9}.call-to-action--gray{background-color:#fafafa}.call-to-action--themed{background:linear-gradient(45deg,#cf70f6,#cf70f6 30%,#755dfa);color:beige;text-shadow:rgba(0,0,0,.25) 0 0 4px}@media screen and (min-width:320px){.App__main section{max-width:90%}}@media screen and (max-width:339px){.AppLanding__features__text--emphasis{font-size:112%}}@media screen and (min-width:768px){html{font-size:150%}.App__main section{max-width:30rem}.AppLanding__features__text{margin:2.5rem .2rem 1.25rem}}@media only screen and (width:768px){.AppLanding__features:nth-child(2n) .yabai-badge{left:-.6rem}.AppLanding__features:nth-child(odd) .yabai-badge{right:-.6rem}}@media screen and (min-width:1025px){.App__main section{max-width:40rem}}@media screen and (min-width:1366px){.AppLanding__features:nth-child(2)>img{max-width:43.5vw}}.ProgressBar{display:flex;overflow:hidden;background-color:#e2e2e2;border-radius:.25rem;min-height:2rem}.ProgressBar__inner{display:flex;flex-direction:column;justify-content:center;text-align:center;white-space:nowrap;transition:width .6s ease;box-shadow:2px 0 3px rgba(0,0,0,.125)}.ProgressBar__label{color:#fff;text-shadow:#000 0 0 2px,#000 1px 1px 0;padding:0 1rem}.ProgressBar__inner--nonperishable{background:linear-gradient(90deg,#1cb0f6,rgba(28,176,246,.7))}.ProgressBar__inner--fresh{background:linear-gradient(90deg,#0cc75a,rgba(12,199,90,.7))}.ProgressBar__inner--warning{background:linear-gradient(90deg,#ffc715,rgba(255,199,21,.7))}.ProgressBar__inner--danger{background:linear-gradient(90deg,#e53838,rgba(229,56,56,.7))}.ProgressBar__inner--expired{background:linear-gradient(90deg,#343a40,rgba(52,58,64,.7))}.Item{list-style:none;font-size:1.2rem}.Item:last-child{margin-bottom:5rem}.Item:hover{padding:0 1rem;box-shadow:0 -1px 0 rgba(0,0,0,.1),0 1px 0 rgba(0,0,0,.1),1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1),0 0 10px rgba(0,0,0,.1)}.Item a:active,.Item a:hover{text-decoration:none}.Item__container{padding-bottom:.5rem;display:flex;flex-direction:column}.Item__name{color:#000;overflow:hidden}.Item__progress-bar{width:100%;margin-top:-.15rem}.ScrollToTopButton{position:fixed;bottom:1rem;right:1rem;width:3rem;height:3rem;font-size:1.5rem;justify-content:center}.Inventory,.ScrollToTopButton{display:flex;flex-direction:column;align-items:center}.Inventory__header{display:flex;justify-content:space-between;align-items:center}.Inventory__add-button{margin:3px .75rem;font-size:1.5rem;width:3rem;height:3rem;border-radius:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.Inventory__list{width:100%}.Inventory__empty{margin:1rem 0;color:#777}.Loading{font-size:2rem;color:#404040;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:1rem}.Loading__spinner{height:3rem;width:3rem;border:.5rem solid #404040;border-right-color:transparent;border-radius:100%;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn)}}@keyframes spinner{to{transform:rotate(1turn)}}.Error{color:red;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:1rem}.Switch__checkbox{height:0;width:0;visibility:hidden;display:block;margin-top:-12.8px}.Switch__label{display:flex;align-items:center;cursor:pointer;width:90px;height:45px;background:grey;border-radius:90px;position:relative;transition:background-color .2s}.Switch__label .Switch__button{position:absolute;left:2px;width:40px;height:40px;border-radius:40px;transition:.2s;background:#fff;box-shadow:0 0 2px 0 rgba(10,10,10,.29)}.Switch__checkbox:checked+.Switch__label .Switch__button{left:calc(100% - 2px);transform:translateX(-100%)}.Switch__label:active .Switch__button{width:60px}
/*# sourceMappingURL=main.780ec447.chunk.css.map */