html,body,#root{height:100vh;text-align:center;margin:0;padding:0}.Header{display:inline-flex;width:100%;align-items:center;justify-content:center;height:100%;gap:80px;border-bottom:1px solid #4b4b4b}.AllRecipesLink,.CreateLink{display:flex;flex-direction:column;align-items:center;font:16px;text-decoration:none;color:#4b4b4b}.CreateIcon,.AllRecipesIcon{width:30px;height:30px;margin-bottom:4px}.CreateLink.active,.AllRecipesLink.active{border-bottom:3px solid #4b4b4b}:root{--content-width: 600px}.NewScreen{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:100vh;margin:0;padding:20px}.NewScreenTitle{align-items:flex-start;justify-content:flex-start;color:#4b4b4b;margin:20px;font-size:28px}.SearchContainer{width:var(--content-width);margin-top:10px;gap:16px;border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto}.SearchContainer form{width:100%;max-width:var(--content-width);margin-top:16px auto 0;display:block}.SearchTF{width:100%}.SearchTF .MuiOutlinedInput-root{height:44px}.SearchTF .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4b4b4b}.SearchTF .MuiInputLabel-root.Mui-focused,.SearchTF .MuiIconButton-root{color:#4b4b4b}form .MuiIconButton-root{height:44px;width:44px;margin-left:6px}.SearchTF .MuiOutlinedInput-input{height:44px;line-height:44px;padding:0 14px;box-sizing:border-box}.SearchTF .MuiCircularProgress-root{color:#4b4b4b!important}.SearchTF .MuiOutlinedInput-input::placeholder{color:#999;opacity:1;align-items:center}.SearchTF .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input::placeholder{align-items:center;opacity:0}.LoadingWithImage,.LoadingWithoutImage{text-align:center;margin-top:12px;padding:8px;width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto;color:#4b4b4b}.CenterRow{width:100%;display:flex;justify-content:center}.InputData{display:flex;align-items:center;gap:12px}.QuantitySelector{width:80px;height:40px;font-size:18px;font-weight:600;text-align:center;text-align-last:center}.QuantitySelector option{font-size:18px}.ImageSwitch{display:flex;flex-direction:column;gap:12px;max-width:400px;min-width:240px}.ToggleGroup{display:flex;width:100%;border:1px solid #4b4b4b;border-radius:4px}.ToggleGroup .MuiToggleButtonGroup-grouped{flex:1;border:none;padding:8px 12px;text-transform:none}.ToggleGroup .MuiToggleButton-root{background:#fff;color:#4b4b4b}.ToggleGroup .MuiToggleButton-root:hover{background:#fff}.ToggleGroup .MuiToggleButton-root.Mui-selected{background:#34a6db!important;color:#fff!important}.ToggleGroup .MuiToggleButton-root.Mui-selected:hover{background:#34a6db!important}:root{--content-width: 500px}.RecipeCard{width:var(--content-width);display:flex;flex-direction:column;align-items:center}.MainContainer:has(.LoadingWithImage,.LoadingWithoutImage)~div .RecipeCard{margin-top:32px}.MainContainer:not(:has(.LoadingWithImage,.LoadingWithoutImage))~div .RecipeCard{margin-top:8px}.RecipeCard>h2,.InstructionsList h2{color:#4b4b4b;text-align:center;font-weight:700}.CalorieCount{color:#4b4b4b}.RecipeImage{object-fit:cover;width:100%;height:330px;border-radius:8px}.IngredientsList,.InstructionsList{padding:20px;margin:20px auto;width:100%;max-width:var(--content-width);box-sizing:border-box}.IngredientRow{display:flex;justify-content:space-between;border-bottom:1px solid #c5c3c3;padding:6px 0}.IngredientRow:last-child{border-bottom:none}.IngredientName{width:60%;text-align:left;font-weight:600;color:#333;padding-right:12px}.IngredientAmount{width:40%;text-align:right;color:#555;white-space:nowrap}.InstructionsList ol{padding-left:20px;margin:0}.InstructionsList li{margin-bottom:6px;line-height:1.4;border-bottom:1px solid #c5c3c3;padding-bottom:6px}.InfoScreenContainer{border:1px solid #4d4d4d;width:600px;margin:8px auto}.TopSection{display:flex;margin:30px}.BackBtn{background:#34a6db!important;padding:6px 12px!important}.RecipeInImage{padding:20px;width:80%;height:400px;border-radius:8px}.RecipeList{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:100vh;margin:0;padding:20px}.Title{align-items:flex-start;justify-content:flex-start;color:#4b4b4b;margin:20px;font-size:28px}.List{display:flex;flex-wrap:wrap;gap:16px;width:85%;margin:0 auto;justify-content:space-between;box-sizing:border-box}.RecipeListItem,.NoImageListItem{width:330px;padding:8px;height:auto;border-radius:8px;box-shadow:2px 2px 2px 2px gray;background-color:#fff;overflow:hidden}.NoImageListItem{height:100px}.RecipeListItem:hover,.NoImageListItem:hover{transform:translateY(-12px)}.CardImage{width:100%;height:220px;object-fit:cover}.CardTitle{color:#4d4d4d}.MoreInfoBtn{align-self:center;width:80%;background-color:#34a6db!important;color:#fff!important}.MainLayout{height:100vh;padding:0;margin:0;box-sizing:border-box;display:grid;grid-template-rows:80px 1fr;grid-template-columns:1fr}.MainLayout>*{font-family:Arial}header{grid-column:span 2}main{grid-row:2;overflow:auto;min-height:0}