.mealz-recipe-pricing {
  line-height: 100%;
  max-width: 70px;
  
  /* Prevent flickering during re-renders */
  opacity: 1;
  transition: opacity 0.05s ease-in-out;
  
  &.re-rendering {
    opacity: 0.98;
  }

  .mealz-recipe-pricing__wrapper .mealz-recipe-pricing__wrapper__subline {
    color: var(--mealz-ds-color-neutral-black, #0F191F);
    opacity: 0.7;
    font-weight: 500;
    line-height: 100%;
  }

  .mealz-recipe-pricing__wrapper .mealz-recipe-pricing__wrapper__price {
    white-space: nowrap;
  }

  .hidden {
    display: none !important;
  }

  .active {
    display: flex;
    align-items: flex-start;
    flex-flow: row wrap;

    > *:not(:last-child) {
      margin-right: 4px;
    }
  }
}

.mealz-recipe-pricing__loading {
  width: 90px;
  height: 24px;
  border-radius: 0.25rem;
  animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}