.ingredients[data-v-22bc830a]{display:flex;flex-direction:column}.ingredients[data-v-22bc830a] .custom-ingredients,.ingredients[data-v-22bc830a] .info{position:fixed;width:100vw;min-height:100vh;height:100%;top:0;left:0;z-index:1001}.ingredients.-mixing>.categories[data-v-22bc830a],.ingredients.-mixing>.ingredients[data-v-22bc830a],.ingredients.-mixing[data-v-22bc830a] .add-ingredient,.ingredients.-mixing[data-v-22bc830a] .badge,.ingredients.-mixing[data-v-22bc830a] .continue,.ingredients.-mixing[data-v-22bc830a] .my-ingredients{opacity:0}.ingredients.-mixing[data-v-22bc830a] .blender{transform:translateY(-50px)}@media only screen and (max-width:320px){.ingredients[data-v-22bc830a]{display:block}.ingredients[data-v-22bc830a] .mixer{margin-bottom:1.25rem;margin-top:-30px;position:relative;bottom:0;flex-direction:row;overflow:auto;left:0;transform:none}}@media only screen and (min-width:768px) and (max-height:768px){.ingredients[data-v-22bc830a] .badge{font-size:1.25rem;line-height:1.75rem;width:2rem;height:2rem}}@media only screen and (min-width:768px){.ingredients[data-v-22bc830a]{padding-bottom:3.75rem}.ingredients .arrow[data-v-22bc830a]{margin-top:0}}