.mealz-planner-quick-menu {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 12px;
}

.mealz-planner-quick-menu__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.mealz-planner-quick-menu__title {
  margin: 0;
}

.mealz-planner-quick-menu__recipes {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.mealz-planner-quick-menu__thumbs-scroll {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

.mealz-planner-quick-menu__thumbs-scroll::-webkit-scrollbar {
  display: none; /* Safari + Chrome */
}

.mealz-planner-quick-menu__thumb--add.mealz-planner-quick-menu__thumb {
  border-radius: 12px;
}

.mealz-planner-quick-menu__thumb {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--mealz-ds-color-neutral-50, #F7F8F9);
  position: relative;
  border: none;
  padding: 0;
}

.mealz-planner-quick-menu__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease-out;
}

.mealz-planner-quick-menu__thumb img.mealz-planner-quick-menu__image--animate {
      animation: mealz-quick-menu-scale 1.3s ease-out;
    }

@keyframes mealz-quick-menu-scale {
  0% {
    transform: scale(1);
  }
  38.46% {
    transform: scale(1.4);
  }
  76.92% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}

.mealz-planner-quick-menu__thumb--add {
  background: transparent;
  border: 1px dashed var(--mealz-ds-color-primary, #24748F);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}

.mealz-planner-quick-menu__plus {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
  color: var(--mealz-ds-color-primary, #24748F);
  text-align: center;
}