.mealz-to-basket-loader{position:relative;width:100%;min-height:90dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.mealz-catalog-home .mealz-to-basket-loader{position:fixed;top:24px;right:0;width:100%;height:100%;z-index:50;background-color:#fff}.mealz-to-basket-loader__background,.mealz-to-basket-loader__background-crossfade{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-1;transition:opacity .8s ease;opacity:0;overflow:hidden}.mealz-to-basket-loader__background:before,.mealz-to-basket-loader__background-crossfade:before{content:"";position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;background:inherit;background-size:cover;background-position:center;filter:blur(30px);-webkit-filter:blur(30px);-moz-filter:blur(30px);-o-filter:blur(30px);-ms-filter:blur(30px);transform:scale(1.1)}.mealz-to-basket-loader__background.active,.mealz-to-basket-loader__background-crossfade.active{opacity:1}.mealz-to-basket-loader__container{width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mealz-to-basket-loader__recipes{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;min-height:120px}.mealz-to-basket-loader__recipe-item{transform:scale(.8);animation:fadeInRecipe .5s ease forwards}.mealz-to-basket-loader__recipe-image{width:144px;height:144px;border-radius:50%;overflow:hidden;box-shadow:0 4px 8px var(rgba(0, 0, 0, .1));background-color:var(--mealz-ds-color-neutral-white, #fff);display:flex;align-items:center;justify-content:center;border:8px solid var(--mealz-ds-color-neutral-white, #fff)}.mealz-to-basket-loader__recipe-image img{width:100%;height:100%;object-fit:cover}.mealz-to-basket-loader__recipe-placeholder{width:100%;height:100%;background-color:var(--mealz-ds-color-neutral-100, #f7f8f9);border-radius:50%}.mealz-to-basket-loader.complete .mealz-to-basket-loader__recipe-item{animation:pulseComplete .5s ease forwards}@keyframes fadeInRecipe{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseComplete{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.mealz-to-basket-loader__container{padding:1.5rem}.mealz-to-basket-loader__recipe-image{width:70px;height:70px;border:4px solid var(--mealz-ds-color-neutral-white, #fff)}}@media (max-width: 480px){.mealz-to-basket-loader__recipe-image{width:60px;height:60px;border:2px solid var(--mealz-ds-color-neutral-white, #fff)}}
