@layer ddsweb-molecules {
  @layer ddsweb-nutritional-info {
    .NOev7W_list {
      grid-template-rows: 1fr;
      grid-template-columns: repeat(var(--nutritional-item-count), minmax(0, 1fr));
      background: var(--dds-background-colour-background-1);
      display: inline-grid;
    }

    .NOev7W_item {
      --nutritional-horizontal-height: 72px;
      --nutritional-border-radius: 48px;
      --nutritional--pading-xl: 24px;
      --nutritional-padding-md: 15px;
      --nutritional-padding-sm: 7px;
      --nutritional-negative-margin: -1px;
      --nutritional-vertical-height: 179px;
      min-width: 88px;
      max-width: 100%;
      height: var(--nutritional-vertical-height);
      margin-left: var(--nutritional-negative-margin);
      border: 1px solid var(--dds-line-colour-border-primary);
      border-radius: var(--nutritional-border-radius);
      text-align: center;
    }

    .NOev7W_descriptionTerm {
      box-sizing: border-box;
      width: 100%;
      padding-top: var(--nutritional--pading-xl);
      padding-right: var(--dds-spacing-space-12);
      padding-left: var(--dds-spacing-space-12);
      color: var(--dds-typography-colour-text-body);
      font-size: var(--dds-typography-tokens-size-fontsize-14);
      line-height: var(--ddsweb-theme-line-height-heading-xs);
    }

    .NOev7W_itemValue {
      width: 100%;
      padding-bottom: var(--dds-spacing-space-24);
      color: var(--dds-typography-colour-text-header-primary);
      font-weight: bold;
      font-size: var(--dds-typography-tokens-size-fontsize-20);
      line-height: var(--ddsweb-theme-line-height-heading-md);
    }

    .NOev7W_rating {
      color: var(--dds-retain-colour-in-dark-mode-retain-header-primary);
      font-size: var(--dds-typography-tokens-size-fontsize-14);
      text-transform: capitalize;
    }

    .NOev7W_values {
      padding-bottom: var(--dds-spacing-space-16);
      border-bottom: 1px solid #0000;
    }

    .NOev7W_values span {
      font-size: var(--dds-typography-tokens-size-fontsize-14);
      line-height: var(--ddsweb-theme-line-height-heading-xs);
      display: block;
    }

    .NOev7W_descriptionTermValues {
      padding-top: var(--dds-spacing-space-16);
      line-height: var(--ddsweb-theme-line-height-text-xs);
    }

    .NOev7W_ratingWrapper {
      width: 100%;
      height: calc(var(--nutritional-vertical-height) / 2);
      border-top: 1px solid var(--dds-line-colour-border-primary);
      border-left: unset;
      border-radius: 0 0 var(--nutritional-border-radius) var(--nutritional-border-radius);
      flex-direction: column;
      justify-content: center;
      align-items: center;
      display: flex;
    }

    .NOev7W_percent {
      color: var(--dds-retain-colour-in-dark-mode-retain-header-primary);
      font-weight: bold;
      font-size: var(--dds-typography-tokens-size-fontsize-20);
      line-height: var(--ddsweb-theme-line-height-heading-md);
      margin: 0;
    }

    .NOev7W_high {
      background-color: var(--dds-nutrition-colour-nutri-red);
    }

    .NOev7W_low {
      background-color: var(--dds-nutrition-colour-nutri-green);
    }

    .NOev7W_medium {
      background-color: var(--dds-nutrition-colour-nutri-amber);
    }

    @media (max-width: 755px) {
      .NOev7W_list {
        flex-direction: column;
        display: flex;
      }

      .NOev7W_item {
        width: 100%;
        min-width: 200px;
        height: var(--nutritional-horizontal-height);
        margin-top: var(--nutritional-negative-margin);
        flex-flow: column wrap;
        display: flex;
      }

      .NOev7W_itemValue {
        width: 50%;
        padding-bottom: var(--nutritional-padding-md);
      }

      .NOev7W_ratingWrapper {
        border-top: unset;
        border-left: 1px solid var(--dds-line-colour-border-primary);
        border-radius: 0 var(--nutritional-border-radius) var(--nutritional-border-radius) 0;
        width: 50%;
      }

      .NOev7W_descriptionTerm {
        width: 50%;
        padding-top: var(--nutritional-padding-md);
      }

      .NOev7W_descriptionTermValues {
        padding-top: var(--nutritional-padding-sm);
      }

      .NOev7W_rating {
        color: var(--dds-typography-colour-text-header-primary);
        font-size: var(--dds-typography-tokens-size-fontsize-14);
        text-transform: capitalize;
      }

      .NOev7W_values {
        padding-bottom: var(--nutritional-padding-sm);
      }
    }
  }
}


/*# sourceMappingURL=081a71f6bc7cca5db02c.css.map*/