html{height:100%;max-height:92dvh}html,body{margin:0;padding:0;height:92dvh}body{font-size:large}main{height:100%}.outer{height:100%}.modal-content{margin-bottom:1rem}.shopping-grid{display:grid;grid-template-rows:1fr auto auto;grid-gap:10px;height:100%}.button{box-shadow:2px 3px 1px #b0c4de}.input{box-shadow:inset 0 .0625em .125em #0a0a0a0d,2px 3px 1px #b0c4de}.textarea,.tag{box-shadow:2px 3px 1px #b0c4de}.tag .tag{box-shadow:none}.box{box-shadow:2px 3px 1px #b0c4de}.hero{border-radius:6px}.preparation{white-space:pre-wrap}.fimage img{object-fit:cover;width:300px;height:250px}.media-content{overflow-x:visible}.ingredients{overflow-x:scroll}.searchResult{background-color:#fff}.itemInfo:hover{background-color:#8ee4af;cursor:pointer}.searchbox{display:flex;justify-content:center;margin-bottom:2rem}.front{z-index:1000}.inputGroup{position:relative;display:flex;flex-wrap:nowrap;align-items:stretch;width:100%;height:100%}.edit-recipe-div,.change-image-div{position:absolute;right:5px;bottom:5px}.change-image-label{background-color:#00000080;border:none;color:#fff;font-size:2rem;padding:2px;margin:2px;height:100%}.recipe-button{background-color:#00000080;border:none;border-radius:2px;color:#fff;font-size:2rem;padding:1px 5px;margin-right:2px}.recipe-file-button{background-color:#00000080;border:none;border-radius:2px;color:#fff;font-size:2rem;padding:5px;margin-right:2px;height:100%}.shopping-container{margin-bottom:3rem;height:100%;padding:.75rem;display:block}.fullheight{height:100%}@media (max-height: 799px){.shopping-container{height:87%}}.shopping-items{overflow-y:scroll;max-height:75dvh;height:100%}.shopping-items-container>div:nth-child(odd){background-color:#e1eaf1}.shopping-item-wrapper{border-radius:6px}.shopping-item-wrapper.checked{background-color:#e5ffee!important;border-top:1px solid lightgray}.shopping-item-button-div{align-self:center}.shopping-item-text{display:flex;flex-direction:column;align-items:center}.shopping-item-details{position:absolute;inset:0;background-color:#00000080;z-index:1}.button.is-text{font-size:1em}.button.is-text:hover{background-color:transparent!important}.button.is-text:active,.button.is-text.focus{border:none}.button.is-success.is-outlined:focus{background-color:transparent;color:#257953}.shopping-search-results{display:flex;overflow-x:scroll;font-size:2rem;-ms-overflow-style:none;scrollbar-width:none}.shopping-search-results::-webkit-scrollbar{display:none}.shopping-search-result{flex-shrink:0;margin:5px 2px;padding:2px 5px;display:flex;justify-content:center}