body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{--text-size:16px;--title-size:22px;--section-bg:#fff;--border-radius:8px;--btn-b-radius:5px;--header-height:60px;--nav-height:60px;--box-shadow:0px 1px 3px rgba(0,0,0,0.1);--container:700px;margin:0;font-size:var(--text-size);line-height:1.6;background:#f5f5f5;--main-color:#f0b947;--sec-color:#8ac926;--icon-color:#393939}.container{width:var(--container);margin:0 auto}.header__container{display:flex;justify-content:space-between}header{height:var(--header-height);width:100%;box-sizing:border-box;position:fixed;top:0;background:var(--section-bg);display:flex;padding:0 20px;align-items:center;z-index:2}.header__title,.title{margin:0}.title{font-family:"Fira Sans",sans-serif;font-size:var(--title-size)}ul{margin:0;padding:0}li,ul{list-style:none}a{text-decoration:none;font-size:var(--text-size);color:inherit}button{font-size:16px}.navBar{position:fixed;z-index:2;bottom:0;width:100%;height:var(--nav-height)}.nav__list{display:flex;justify-content:center;align-items:center;background:var(--section-bg);height:100%}.nav__listElement{color:var(--icon-color);margin-right:65px}.nav__listElement:last-child{margin-right:0}.nav__listElement--active{color:var(--main-color)}.header__backBtn,.moreBtn{background:none;border:none}.header__backBtn{margin-right:16px;padding:6px 0 0}.header__backBtnIcon{font-size:24px}.dropdownMenu{position:relative;margin-left:auto;margin-right:-8px;z-index:1}.dropdownMenu__list{font-size:16px;position:absolute;top:35px;right:1px;background:#fff;box-shadow:var(--box-shadow);width:120px}.dropdownMenu__item{padding:10px}.dropdownMenu__view{width:100vw;height:100vh;position:absolute;top:0;left:0}.page{padding:calc(var(--header-height) + 20px) 20px;padding-bottom:calc(var(--header-height) + 60px)}.emptyList{display:flex;align-items:center;flex-direction:column}.emptyList__p{width:250px;text-align:center;margin:100px auto 40px}.emptyList__actionBtn{background:var(--sec-color);border:none;border-radius:var(--btn-b-radius);color:#fff;padding:10px;font-size:16px;margin:0 auto}.listSection[data-type=roomtemp]{--main-color:#f0b947;--sec-color:#ffe0a1;--tert-color:#fff4de}.listSection[data-type=fridge]{--main-color:#8ac926;--sec-color:#cae999;--tert-color:#f0ffd9}.listSection[data-type=freezer]{--main-color:#74ceeb;--sec-color:#9de5fc;--tert-color:#e9faff}.listSection{background:#fff;margin-bottom:20px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:.4s}.listSection--closed{height:52px}.listSection__list{transform:translateY(-110%);transition:.4s}.listSection__list--open{transform:translateY(0)}.listSection__title{background:var(--main-color);color:#fff;padding:12px;font-size:18px;font-weight:300;position:relative;z-index:1}.listSection__title:after{position:absolute;content:"";width:28px;height:28px;top:50%;right:14px;transform:translateY(-50%);background:url(/projets/grocery-app/static/media/arrow_down.1cd146fe.svg) 50% no-repeat;background-size:contain;transition:.3s}.listSection__title--open:after{transform:translateY(-50%) rotate(180deg)}.listItem{background:#fff;border-bottom:1px solid #ededed;padding:0 20px}.listItem,.listItem__editLink{display:flex;justify-content:space-between;align-items:center}.listItem__editLink{width:100%;padding-right:20px;margin-right:-20px}.listItem--checked,.productElement--checked{background:var(--tert-color)}.listItem:last-child{border:none}.listItem__name{flex-grow:1;margin:0;padding:10px 0}.listItem__name--checked{text-decoration:line-through}.listItem__quantity{margin:0 5px}.listItem__checkbox{margin:0 10px 0 0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;flex-shrink:0;background:#fff;border:1px solid #ddd;border-radius:4px;transition:.5s;box-sizing:border-box;outline:none}.listItem__checkbox:checked{background:var(--sec-color);border:none}.listItem__deleteBtn{border:none;color:var(--icon-color);background:none;margin-right:-3px;margin-left:10px;padding:0}.modalBackground{background:rgba(0,0,0,.34);height:100%;width:100%;position:fixed;top:0;left:0;z-index:3}.modal__message{box-sizing:border-box;background:#fff;margin:120px auto 0;width:325px;text-align:center;padding:30px 20px}.modal__p{margin-bottom:20px}.itemFormPage{position:fixed;bottom:0;left:0;width:100%;background:#f5f5f5;padding-bottom:30px}.itemForm__header{background:#fff;display:flex;align-items:center;padding:12px 20px;margin-bottom:20px}.itemForm__title{margin:0 auto;width:var(--container)}.itemForm{padding:0 20px}.itemForm__inputDiv{display:flex;justify-content:space-between;align-items:center;background:#fff;box-shadow:var(--box-shadow);border-radius:var(--border-radius);padding:15px 10px;margin-bottom:20px}.itemForm__input{height:40px;font-size:var(--text-size);padding:0 20px;border:1px solid #ededed}.itemForm__quantity{display:flex;justify-content:space-between;align-items:center}.itemForm__typeGroup{display:flex;flex-wrap:wrap;margin-bottom:-10px}.itemForm__radioLabel{margin-bottom:10px}.itemCounter{display:flex;justify-content:center;align-items:center}.itemForm__counterInput{padding:0 10px;flex-grow:0;width:30px;display:inline-block;text-align:center}.itemCounter__Buttons{background:none;border:none}.itemForm__inputDiv--type{display:block}.itemForm__p{margin:0 0 20px}.itemForm__radio{display:none}.itemForm__radio:checked+.itemForm__radioLabel{background:var(--bg-color);color:#fff}.itemForm__radioLabel{padding:10px;border:1px solid #efefef;border-radius:var(--border-radius);margin-right:10px;text-align:center}.itemForm__radioLabel--roomtemp{--bg-color:#f0b947}.itemForm__radioLabel--fridge{--bg-color:#8ac926}.itemForm__radioLabel--freezer{--bg-color:#74ceeb}.itemForm__radioLabel:last-child{margin-right:0}.actionBtnRow{display:flex;justify-content:center;align-items:center;margin-top:30px;flex-wrap:wrap}.actionBtnRow--fixed{position:fixed;left:0;padding-top:10px;bottom:var(--nav-height);border-top:1px solid #ededed;border-bottom:1px solid #ededed;background:#fff;width:100%;z-index:1}.itemForm__error{background:#eda0a0;color:#fff;border-radius:var(--border-radius);margin-top:-10px;padding:10px}.actionBtnRow__button{padding:10px;border:none;background:none;font-size:var(--text-size);margin-bottom:10px}.actionBtnRow__confirmBtn{color:#fff;background:var(--sec-color);border-radius:var(--btn-b-radius);margin-left:20px}.actionBtnRow__cancelBtn:focus{background:red!important}.floatingActionBtn{position:fixed;z-index:1;right:calc(20px + (100vw - var(--container))/2);bottom:calc(var(--nav-height) + 24px);background:var(--main-color);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}.floatingActionBtn__icon[data-type=add]{font-size:32px}.products__explanation{margin-top:0}.searchBar{display:flex;flex-direction:column;margin-bottom:20px;position:relative}.searchBar__label{width:100%;margin-bottom:5px;display:none}.searchBar__input{height:50px;font-size:var(--text-size);padding:0 20px 0 60px;border:1px solid #ededed;border-radius:var(--border-radius)}.searchBar__icon{position:absolute;top:50%;transform:translateY(-50%);padding:15px 12px;left:0;border-right:1px solid #ededed;color:var(--icon-color)}.noSearchResults{display:flex;align-items:center;justify-content:center}.noSearchResults__p{width:250px;text-align:center;margin-top:0}@media screen and (max-width:745px){.container{width:inherit}.itemForm__title{margin:0;width:inherit}.itemForm{width:100%;box-sizing:border-box}.floatingActionBtn{right:20px}}
/*# sourceMappingURL=main.7ff99365.chunk.css.map */