.recipePreview{text-align:left;border:1px solid #6fc;border-radius:8px;flex-direction:column;gap:8px;margin:5px;padding:10px;display:flex}.recipeRow{align-items:center;gap:12px;width:100%;display:flex}.recipePreview .recipeMeta{flex:auto;min-width:0}.recipePreview .recipeArrow{justify-content:center;align-items:center;display:flex}.recipeIngredientsCenter{box-sizing:border-box;justify-content:center;width:100%;padding:6px 0 10px;display:flex}.recipeIngredientsCenter .ul{width:100%;max-width:640px}.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}.sectionControls{justify-content:center;align-items:center;gap:8px;width:100%;display:flex;position:relative}.clearButton{color:#b2f0e5;cursor:pointer;background-color:#1a1a1a;border:1px solid #6fc;border-radius:6px;padding:6px;font-size:.9rem;position:absolute;right:0}.clearButton:hover{background-color:#162525}.arrow-trigger-standalone svg{transition:transform .16s}.arrow-trigger-standalone.open svg{transform:rotate(180deg)}.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;max-width:640px}.prep-timer-row{display:block}.displayArea[data-visible=false]{display:none}}