/* src/component/styles/src/component/styles/index.module.css */
@layer ddsweb-molecules {
  @layer ddsweb-messaging-card {
    .UKFzTG_container {
      --item-spacing: var(--ddsweb-tc-messaging-card-small-item-spacing, var(--ddsweb-theme-spacing-xx));
      --heading-color: var(--heading-color-override, var(--ddsweb-theme-colors-text-dark));
      --icon-size: var(--ddsweb-tc-messaging-card-small-icon-size, 40px);
      --icon-color: var(--override-icon-colour, var(--custom-icon-color, var(--ddsweb-theme-colors-grayscale)));
      --icon-background: var(--override-icon-bg-colour, var(--custom-icon-bg-color, var(--ddsweb-theme-colors-background-darkest)));
      --heading-size: var(--ddsweb-theme-font-size-next-headline-lg);
      --subheading-size: var(--ddsweb-theme-font-size-next-text-md);
      --body-size: var(--ddsweb-theme-font-size-next-text-sm);
      gap: var(--item-spacing);
      text-align: center;
      flex-flow: column;
      display: flex;
    }
    .UKFzTG_large {
      --item-spacing: var(--ddsweb-tc-messaging-card-large-item-spacing, var(--ddsweb-theme-spacing-xs));
      --icon-size: var(--ddsweb-tc-messaging-card-large-icon-size, 64px);
      --heading-size: var(--ddsweb-theme-font-size-next-headline-xl);
      --subheading-size: var(--ddsweb-theme-font-size-next-text-lg);
      --body-size: var(--ddsweb-theme-font-size-next-text-md);
    }
    .UKFzTG_container > * {
      margin-top: 0;
      margin-bottom: 0;
    }
    .UKFzTG_iconContainer {
      width: var(--icon-size);
      height: var(--icon-size);
      color: var(--heading-color);
      justify-content: center;
      align-items: center;
      margin-inline: auto;
      display: flex;
    }
    .UKFzTG_iconContainer + * {
      margin-top: var(--ddsweb-theme-spacing-xx);
    }
    .UKFzTG_container .UKFzTG_heading,
    .UKFzTG_container .UKFzTG_subHeading {
      --ddsweb-heading-color: var(--heading-color);
      --ddsweb-text-color: var(--heading-color);
      font-weight: var(--ddsweb-theme-font-weight-heading);
    }
    .UKFzTG_container .UKFzTG_heading {
      font-size: var(--heading-size);
      --ddsweb-text-font-size: var(--heading-size);
    }
    .UKFzTG_container .UKFzTG_subHeading {
      font-size: var(--subheading-size);
      --ddsweb-text-font-size: var(--subheading-size);
    }
    .UKFzTG_bodyText {
      font-size: var(--body-size);
      --ddsweb-text-font-size: var(--body-size);
    }
    .UKFzTG_ctaContainer {
      margin-top: var(--ddsweb-theme-spacing-xx);
      justify-content: center;
      gap: var(--ddsweb-theme-spacing-sm);
      flex-flow: wrap;
      display: flex;
    }
    .UKFzTG_branded {
      --heading-color: var(--ddsweb-theme-colors-primary);
      --heading-size: var(--ddsweb-theme-font-size-next-headline-xxl);
    }
    .UKFzTG_onDark {
      --heading-color-override: var(--ddsweb-theme-colors-white);
      --ddsweb-text-color: var(--ddsweb-theme-colors-white);
      --override-icon-bg-colour: var(--ddsweb-theme-colors-white);
      --override-icon-colour: var(--ddsweb-theme-colors-primary);
    }
    .UKFzTG_dot {
      color: var(--ddsweb-theme-colors-tag-fullstop-red);
    }
    .UKFzTG_iconBackground {
      background: var(--icon-background);
      width: 100%;
      height: 100%;
      color: var(--icon-color);
      border-radius: 50%;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      display: flex;
    }
    .UKFzTG_iconFg {
      fill: var(--icon-color);
    }
    .UKFzTG_iconBg {
      fill: var(--icon-background);
    }
    .UKFzTG_success {
      --custom-icon-bg-color: var(--ddsweb-theme-colors-success);
      --custom-icon-color: var(--ddsweb-theme-colors-white);
    }
    .UKFzTG_error {
      --custom-icon-bg-color: var(--ddsweb-theme-colors-error);
      --custom-icon-color: var(--ddsweb-theme-colors-white);
    }
    .UKFzTG_info {
      --custom-icon-bg-color: var(--ddsweb-theme-colors-info-messaging);
      --custom-icon-color: var(--ddsweb-theme-colors-white);
    }
    .UKFzTG_warning {
      --custom-icon-bg-color: var(--ddsweb-theme-colors-messaging-amber-messaging);
      --custom-icon-color: var(--ddsweb-theme-colors-white);
    }
    .UKFzTG_emptyBasket {
      --custom-icon-bg-color: var(--ddsweb-theme-colors-background-darkest);
      --custom-icon-color: var(--ddsweb-theme-colors-disabled-with-background);
    }
  }
}


/*# sourceMappingURL=038e8163888955f2a187.css.map*/