@media (min-width:753px){.component--recipe-shopping-list{border-top:1px solid var(--color-black)}}.component--recipe-shopping-list .calculation-box{background-color:var(--color-gray-1)}
.component--recipe-shopping-list-item{list-style-type:none}.component--recipe-shopping-list-item.product-swapped{animation-name:fade-in-product;animation-duration:4s;animation-iteration-count:1}.component--recipe-shopping-list-item .swapping-open{animation-name:fade-in;animation-duration:.5s;animation-iteration-count:1}.component--recipe-shopping-list-item .swapping-close{animation-name:fade-out;animation-duration:.5s;animation-iteration-count:1}@keyframes fade-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes fade-out{0%{opacity:1;max-height:500px}to{opacity:0;max-height:0}}@keyframes fade-in-product{0%{opacity:.5}20%{opacity:.5}to{opacity:1}}