.recipePreview{text-align:left;border:1px solid #6fc;border-radius:8px;margin:5px;padding:10px}.showArea{box-sizing:border-box;background-color:#ffffff08;border-radius:6px;justify-content:center;align-items:center;width:50vw;padding:8px 12px;display:flex}.showRow{box-sizing:border-box;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.showArea .h3{margin:0;font-size:1rem}.showArea.active{background-color:#ffffff0f}.li{list-style-type:none}.ingredientList{justify-self:center;margin:0;padding:0}.ingredientList li{align-items:center;gap:8px;margin-bottom:6px;display:flex}.displayArea{justify-content:center;width:100%}.button *{all:unset}.ingredientArea,.categoryArea{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;width:100%;display:flex}.searchTextField{box-sizing:border-box;align-self:center;max-width:640px;margin-top:5px;margin-bottom:12px}.centered-column{flex-direction:column;align-items:center;display:flex}.centered-row{flex-direction:row;align-items:center;display:flex}#amountOfMissingIngredients{text-align:center;width:6ch;min-width:3ch}.upButton{margin:12px auto;display:block}.prep-content{flex:auto;min-width:0}@media (orientation:landscape){.displayArea{float:left;box-sizing:border-box;width:50%;min-height:100vh;padding:8px;overflow-y:auto}.showArea{width:50%;max-width:50vw}.mainRow{align-items:flex-start;gap:8px;display:flex}}@media (orientation:portrait){.displayArea{box-sizing:border-box;width:100%;padding:8px}.input[type=text],.input[type=number],.textarea,.select{padding:12px;font-size:1.125rem}.displayArea input[type=text],.displayArea input[type=number],.displayArea textarea{box-sizing:border-box;width:92%;max-width:640px}.prep-timer-row{display:block}.displayArea[data-visible=false]{display:none}}