@layer ddsweb-molecules {
  @layer ddsweb-messaging {
    @layer ddsweb-messaging-icons {
      ._5Twpyq_icon {
        width: var(--icon-size);
        height: var(--icon-size);
      }

      ._5Twpyq_lg {
        --icon-size: var(--ddsweb-tc-messaging-icons-lg, var(--dds-sizing-size-64));
      }

      ._5Twpyq_md {
        --icon-size: var(--ddsweb-tc-messaging-icons-md, var(--dds-sizing-size-40));
      }

      ._5Twpyq_sm {
        --icon-size: var(--ddsweb-tc-messaging-icons-sm, var(--dds-sizing-size-24));
      }

      ._5Twpyq_xs {
        --icon-size: var(--ddsweb-tc-messaging-icons-xs, var(--dds-sizing-size-16));
      }

      ._5Twpyq_bg {
        fill: var(--icon-bg);
      }

      ._5Twpyq_fg {
        fill: var(--icon-fg);
      }

      ._5Twpyq_iconOnLight {
        --icon-bg: var(--dds-retain-colour-in-dark-mode-retain-interactive-inverse);
      }

      ._5Twpyq_iconOnTheme {
        --icon-bg: var(--bg-color-dark);
      }

      ._5Twpyq_iconFillLight {
        --icon-fg: var(--dds-retain-colour-in-dark-mode-retain-interactive-default);
      }

      ._5Twpyq_iconFillPlain {
        --icon-fg: var(--dds-retain-colour-in-dark-mode-retain-interactive-inverse);
      }

      ._5Twpyq_iconFillColor {
        --icon-fg: var(--bg-color-dark);
      }
    }
  }
}

._5Twpyq_onboarding {
  min-width: var(--icon-size);
  background-color: var(--icon-bg);
  color: var(--icon-fg);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}


/*# sourceMappingURL=bd70fee3d264a9cb3891.css.map*/