/* src/styles/src/styles/index.module.css */
@layer ddsweb-large-atoms {
  @layer ddsweb-button {
    .Fb7diq_base {
      --ddsweb-button-min-hit-area: var(--ddsweb-tc-button-min-hit-area, 44px);
      --ddsweb-button-font-family: var(--ddsweb-theme-base-font-family);
      --ddsweb-button-font-size: var(--ddsweb-theme-base-font-size);
      --ddsweb-button-line-height: var(--ddsweb-theme-base-line-height);
      --ddsweb-button-font-weight: var(--ddsweb-tc-button-font-weight, 700);
      --ddsweb-button-border-width: var(--ddsweb-tc-button-border-width, 2px);
      --ddsweb-button-border-radius: var(--ddsweb-tc-button-border-radius, 99px);
      --ddsweb-button-transition-duration: var(--ddsweb-theme-base-transition-duration);
      --ddsweb-button-shadow-width: var(--ddsweb-tc-button-shadow-width, 3px);
      --ddsweb-button-shadow-position-inset: var(--ddsweb-tc-button-shadow-position-inset, -3px);
      box-sizing: border-box;
      display: var(--ddsweb-button-display, block);
      border: var(--ddsweb-button-border-width) solid var(--ddsweb-button-border-color);
      background: var(--ddsweb-button-background);
      color: var(--ddsweb-button-color, var(--ddsweb-theme-colors-primary));
      font-weight: var(--ddsweb-button-font-weight);
      font-size: var(--ddsweb-button-font-size);
      line-height: var(--ddsweb-button-line-height);
      font-family: var(--ddsweb-button-font-family);
      cursor: pointer;
      -webkit-font-smoothing: antialiased;
      -webkit-tap-highlight-color: var(--ddsweb-theme-base-tap-highlight-color);
      -moz-osx-font-smoothing: grayscale;
      outline: none;
      padding: 0;
      text-decoration: none;
      position: relative;
    }
    :is(.Fb7diq_externalTextButton.Fb7diq_hasStrikeThrough, .Fb7diq_hasStrikeThrough .ddsweb-button__inner-container) {
      text-decoration: line-through 2px;
    }
    .Fb7diq_base:disabled {
      cursor: not-allowed;
      opacity: .4;
    }
    .Fb7diq_base:before {
      z-index: 0;
      width: 100%;
      min-width: var(--ddsweb-button-min-hit-area);
      height: 100%;
      min-height: var(--ddsweb-button-min-hit-area);
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    @media (forced-colors: active) {
      .Fb7diq_spinnerWrapper {
        forced-color-adjust: preserve-parent-color;
      }
    }
    @media (forced-colors: active) {
      .Fb7diq_container {
        forced-color-adjust: preserve-parent-color;
      }
    }
    .Fb7diq_md {
      --ddsweb-button-icon-container-size: var(--ddsweb-tc-button-md-icon-container-size, 40px);
    }
    .Fb7diq_sm {
      --ddsweb-button-icon-container-size: var(--ddsweb-tc-button-sm-icon-container-size, 32px);
    }
    .Fb7diq_xs {
      --ddsweb-button-min-hit-area: var(--ddsweb-tc-button-xs-min-hit-area, 32px);
      --ddsweb-button-icon-container-size: var(--ddsweb-tc-button-xs-icon-container-size, 24px);
    }
    .Fb7diq_spinnerWrapper {
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      display: flex;
      position: absolute;
      top: 0;
      left: 0;
    }
    .Fb7diq_spinnerWrapper svg {
      margin: 0;
      display: block;
    }
    .Fb7diq_container {
      justify-content: center;
      align-items: center;
      display: flex;
    }
    .Fb7diq_loading .Fb7diq_container {
      visibility: hidden;
    }
    .Fb7diq_iconContainer {
      --ddsweb-button-icon-margin: var(--ddsweb-tc-button-icon-container-icon-margin, 4px);
      max-height: var(--ddsweb-tc-button-icon-container-max-height, 24px);
      margin-top: var(--ddsweb-tc-button-icon-container-margin-top, -2px);
      margin-bottom: var(--ddsweb-tc-button-icon-container-margin-bottom, -2px);
      justify-content: center;
      display: flex;
    }
    .Fb7diq_iconLeft {
      margin-right: var(--ddsweb-button-icon-margin);
    }
    .Fb7diq_iconRight {
      margin-left: var(--ddsweb-button-icon-margin);
    }
    .Fb7diq_textRight .Fb7diq_iconContainer {
      margin-right: unset;
      margin-left: var(--ddsweb-tc-button-icon-container-text-right-icon-margin, 4px);
    }
    svg.Fb7diq_selectedIcon {
      box-sizing: border-box;
      z-index: 1;
      width: var(--ddsweb-theme-spacing-lg);
      height: var(--ddsweb-theme-spacing-lg);
      border: 2px solid var(--ddsweb-theme-colors-primary);
      background-color: var(--ddsweb-theme-colors-white);
      cursor: default;
      border-radius: 50%;
      align-items: center;
      display: flex;
      position: absolute;
      top: -6px;
      right: -6px;
    }
    .Fb7diq_selectedIcon path:first-child {
      fill: var(--ddsweb-theme-colors-white);
    }
    .Fb7diq_selectedIcon path:nth-child(2) {
      fill: var(--ddsweb-theme-colors-primary);
    }
    .Fb7diq_hasOutline:after {
      z-index: 0;
      inset: var(--ddsweb-button-shadow-position-inset);
      border-radius: var(--ddsweb-button-border-radius);
      box-shadow: 0 0 0 var(--ddsweb-button-shadow-width) var(--ddsweb-button-shadow-color, var(--ddsweb-theme-colors-primary));
      content: "";
      opacity: 0;
      transition: opacity var(--ddsweb-button-transition-duration);
      position: absolute;
    }
    .Fb7diq_hasOutline:hover:after,
    .Fb7diq_hasOutline:focus:after {
      opacity: 1;
    }
    .Fb7diq_hasOutline:disabled:after {
      display: none;
    }
    @media (forced-colors: active) {
      .Fb7diq_hasOutline:after {
        box-shadow: none;
        outline: 3px solid canvastext;
      }
    }
    .Fb7diq_primary {
      --ddsweb-button-color: var(--ddsweb-theme-colors-white);
      --ddsweb-button-background: var(--ddsweb-theme-colors-primary);
      --ddsweb-button-border-color: transparent;
      --ddsweb-button-color-inversed: var(--ddsweb-theme-colors-primary);
      --ddsweb-button-background-inversed: var(--ddsweb-theme-colors-white);
      --ddsweb-button-border-color-inversed: transparent;
    }
    @media (forced-colors: active) {
      .Fb7diq_primary {
        --ddsweb-button-color: Canvas;
        --ddsweb-button-background: CanvasText;
        --ddsweb-button-color-inversed: Canvas;
        --ddsweb-button-background-inversed: CanvasText;
      }
      .Fb7diq_primary .ddsweb-spinner circle {
        stroke: canvas;
      }
    }
    .Fb7diq_secondary {
      --ddsweb-button-color: var(--ddsweb-theme-colors-primary);
      --ddsweb-button-background: var(--ddsweb-theme-colors-white);
      --ddsweb-button-border-color: var(--ddsweb-theme-colors-primary);
      --ddsweb-button-color-inversed: var(--ddsweb-theme-colors-white);
      --ddsweb-button-background-inversed: transparent;
      --ddsweb-button-border-color-inversed: var(--ddsweb-theme-colors-white);
    }
    @media (forced-colors: active) {
      .Fb7diq_secondary {
        --ddsweb-button-color: CanvasText;
        --ddsweb-button-background: Canvas;
        --ddsweb-button-color-inversed: CanvasText;
        --ddsweb-button-background-inversed: Canvas;
        --ddsweb-button-border-color-inversed: CanvasText;
      }
      .Fb7diq_secondary .ddsweb-spinner circle {
        stroke: canvastext;
      }
    }
    .Fb7diq_inversed {
      --ddsweb-button-color: var(--ddsweb-button-color-inversed);
      --ddsweb-button-background: var(--ddsweb-button-background-inversed);
      --ddsweb-button-border-color: var(--ddsweb-button-border-color-inversed);
      --ddsweb-button-shadow-color: var(--ddsweb-theme-colors-white);
    }
    .Fb7diq_textLeft {
      text-align: left;
    }
    .Fb7diq_textRight {
      text-align: right;
    }
    .Fb7diq_fullWidth {
      width: 100%;
    }
    .Fb7diq_loading:disabled {
      opacity: 1;
    }
    .Fb7diq_externalTextButton {
      --ddsweb-button-shadow-width: var(--ddsweb-tc-button-external-text-shadow-width, 3px);
      --ddsweb-button-external-text-icon-spacing: var(--ddsweb-tc-button-external-text-icon-spacing, 8px);
      --ddsweb-button-external-text-icon-loading-extra-space: var(--ddsweb-tc-button-external-text-icon-loading-extra-space, 0);
      --ddsweb-button-text-color: var(--ddsweb-theme-colors-primary);
      --ddsweb-button-display: flex;
      --ddsweb-button-border-radius: 100%;
      background: none;
      border: none;
      align-items: center;
    }
    .Fb7diq_externalTextButton.Fb7diq_hasStrikeThrough {
      color: var(--ddsweb-theme-colors-primary);
    }
    .Fb7diq_externalTextButton.Fb7diq_inversed.Fb7diq_hasStrikeThrough {
      color: var(--ddsweb-theme-colors-white);
    }
    .Fb7diq_externalTextButton:hover > .Fb7diq_externalTextButtonTextContainer,
    .Fb7diq_externalTextButton:focus > .Fb7diq_externalTextButtonTextContainer {
      text-decoration: underline 1px;
    }
    .Fb7diq_externalTextButton:disabled > .Fb7diq_externalTextButtonTextContainer {
      text-decoration: none;
    }
    .Fb7diq_externalTextButtonTextContainer {
      color: var(--ddsweb-button-text-color);
      padding: 0;
    }
    .Fb7diq_externalTextButtonInversed {
      --ddsweb-button-color: var(--ddsweb-theme-colors-white);
      --ddsweb-button-text-color: var(--ddsweb-theme-colors-white);
    }
    @media (forced-colors: active) {
      .Fb7diq_externalTextButtonInversed {
        --ddsweb-button-color: CanvasText;
      }
    }
    .Fb7diq_externalTextButtonPrimaryInversed {
      --ddsweb-button-color: var(--ddsweb-theme-colors-primary);
    }
    @media (forced-colors: active) {
      .Fb7diq_externalTextButtonPrimaryInversed {
        --ddsweb-button-color: Canvas;
      }
    }
    .Fb7diq_externalTextButtonMd {
      --ddsweb-button-external-text-icon-spacing: var(--ddsweb-tc-button-external-text-icon-spacing, 12px);
    }
    .Fb7diq_externalTextButtonXs {
      --ddsweb-button-external-text-icon-loading-extra-space: var(--ddsweb-tc-button-external-text-icon-loading-extra-space, 0);
    }
    .Fb7diq_externalTextButton .Fb7diq_hasOutline:after {
      display: none;
    }
    .Fb7diq_externalTextButton:focus .Fb7diq_hasOutline:after,
    .Fb7diq_externalTextButton:hover .Fb7diq_hasOutline:after,
    .Fb7diq_externalTextButton:hover .Fb7diq_focus:after {
      display: unset;
      opacity: 1;
    }
    .Fb7diq_externalTextButtonBaseIconContainer {
      box-sizing: border-box;
      margin-right: var(--ddsweb-button-external-margin-right);
      margin-left: var(--ddsweb-button-external-margin-left);
      color: var(--ddsweb-button-color);
    }
    .Fb7diq_externalTextButtonIconLeft {
      margin-right: var(--ddsweb-button-external-text-icon-spacing);
      margin-left: 0;
    }
    .Fb7diq_externalTextButtonIconRight {
      margin-right: 0;
      margin-left: var(--ddsweb-button-external-text-icon-spacing);
    }
    .Fb7diq_externalTextButtonIconContainer {
      width: var(--ddsweb-button-icon-container-size);
      height: var(--ddsweb-button-icon-container-size);
      border: var(--ddsweb-tc-button-border-width, 2px) solid var(--ddsweb-button-border-color);
      border-radius: var(--ddsweb-button-border-radius);
      background: var(--ddsweb-button-background);
      justify-content: center;
      align-items: center;
      display: flex;
      position: relative;
    }
    .Fb7diq_externalTextButtonSpinnerWrapper {
      padding: 0;
      padding-right: var(--ddsweb-button-external-text-icon-loading-extra-space);
      background: none;
      border: 0;
      display: inline-flex;
    }
    @media (forced-colors: active) {
      .Fb7diq_externalTextButtonSpinnerWrapper {
        --ddsweb-button-border-color: none;
        --ddsweb-button-color: CanvasText;
      }
      .Fb7diq_externalTextButtonSpinnerWrapper .ddsweb-spinner circle {
        stroke: canvastext;
      }
    }
    .Fb7diq_iconButton {
      --ddsweb-button-shadow-color: var(--ddsweb-theme-colors-primary);
      --ddsweb-button-border-radius: 100%;
      aspect-ratio: 1;
      width: var(--ddsweb-button-icon-container-size);
      height: var(--ddsweb-button-icon-container-size);
      border-radius: var(--ddsweb-button-border-radius);
      justify-content: center;
      align-items: center;
      display: flex;
    }
    .Fb7diq_iconButtonLink {
      --ddsweb-button-color: var(--ddsweb-theme-colors-primary);
      --ddsweb-button-background: transparent;
      --ddsweb-button-border-color: transparent;
      --ddsweb-button-color-inversed: var(--ddsweb-theme-colors-white);
    }
    .Fb7diq_iconButtonInversed {
      --ddsweb-button-color: var(--ddsweb-button-color-inversed);
      --ddsweb-button-shadow-color: var(--ddsweb-theme-colors-white);
    }
    .Fb7diq_iconButtonLoading {
      --ddsweb-button-background: none;
      --ddsweb-button-container-visibility: hidden;
    }
    .Fb7diq_iconButtonLoadingDark {
      --ddsweb-button-border-color: var(--ddsweb-theme-colors-primary);
    }
    .Fb7diq_iconButtonLoadingNormal {
      --ddsweb-button-border-color: var(--ddsweb-theme-colors-white);
    }
    @media (forced-colors: active) {
      .Fb7diq_iconButtonLoading {
        --ddsweb-button-border-color: none;
        --ddsweb-button-color: CanvasText;
      }
      .Fb7diq_iconButtonLoading .ddsweb-spinner circle {
        stroke: canvastext;
      }
    }
    .Fb7diq_iconButtonContainer {
      display: inherit;
      visibility: var(--ddsweb-button-container-visibility, unset);
    }
    .Fb7diq_linkButton {
      --ddsweb-button-color: var(--ddsweb-theme-colors-primary);
      text-decoration: var(--ddsweb-link-text-decoration, underline);
      padding: 0;
    }
    .Fb7diq_linkButton:focus,
    .Fb7diq_linkButton:hover {
      text-decoration: var(--ddsweb-link-text-decoration-hover, none);
    }
    .Fb7diq_linkButton:disabled {
      text-decoration: var(--ddsweb-link-text-decoration, none);
      opacity: .4;
    }
    .Fb7diq_linkButton:not([aria-disabled=true]):focus-visible {
      outline: var(--ddsweb-theme-colors-primary) solid 3px;
      outline-offset: 1px;
      text-decoration: var(--ddsweb-link-text-decoration, none);
    }
    @media (forced-colors: active) {
      .Fb7diq_linkButton .ddsweb-spinner circle {
        stroke: canvastext;
      }
    }
    .Fb7diq_linkWithIcon {
      text-decoration: var(--ddsweb-link-text-decoration, none);
    }
    .Fb7diq_linkWithIcon:focus,
    .Fb7diq_linkWithIcon:hover {
      text-decoration: var(--ddsweb-link-text-decoration-hover, underline);
    }
    .Fb7diq_linkButtonInversed,
    .Fb7diq_linkButtonInversed:focus,
    .Fb7diq_linkButtonInversed:hover {
      --ddsweb-button-color: var(--ddsweb-theme-colors-white);
    }
    .Fb7diq_linkButtonInversed:not([aria-disabled]):focus-visible {
      outline: var(--ddsweb-theme-colors-white) solid 3px;
      outline-offset: 1px;
      text-decoration: var(--ddsweb-link-text-decoration, none);
    }
    .Fb7diq_textButton {
      --ddsweb-button-padding-vertical: calc(var(--ddsweb-tc-button-padding-vertical, 10px) - var(--ddsweb-button-border-width));
      --ddsweb-button-padding-horizontal: calc(var(--ddsweb-tc-button-padding-horizontal, 20px) - var(--ddsweb-button-border-width));
      padding: var(--ddsweb-button-padding-vertical) var(--ddsweb-button-padding-horizontal);
      border-radius: var(--ddsweb-button-border-radius);
    }
    .Fb7diq_textButton:hover,
    .Fb7diq_textButton:focus {
      text-decoration: underline;
    }
    .Fb7diq_textButton:disabled {
      text-decoration: none;
    }
    .Fb7diq_textButtonSm {
      --ddsweb-button-padding-vertical: calc(var(--ddsweb-tc-button-sm-padding-vertical, calc(var(--ddsweb-theme-spacing-sm) / 2)) - var(--ddsweb-button-border-width));
      --ddsweb-button-padding-horizontal: calc(var(--ddsweb-tc-button-sm-padding-horizontal, var(--ddsweb-theme-spacing-lg)) - var(--ddsweb-button-border-width));
    }
    .Fb7diq_icon {
      width: var(--icon-size);
      height: var(--icon-size);
    }
    .Fb7diq_lg {
      --icon-size: var(--ddsweb-tc-messaging-icons-lg, var(--ddsweb-theme-font-size-next-oversized-xxxl));
    }
    .Fb7diq_md {
      --icon-size: var(--ddsweb-tc-messaging-icons-md, var(--ddsweb-theme-font-size-next-oversized-lg));
    }
    .Fb7diq_sm {
      --icon-size: var(--ddsweb-tc-messaging-icons-sm, var(--ddsweb-theme-font-size-next-headline-xl));
    }
    .Fb7diq_xs {
      --icon-size: var(--ddsweb-tc-messaging-icons-xs, var(--ddsweb-theme-font-size-next-headline-md));
    }
    .Fb7diq_bg {
      fill: var(--icon-bg);
    }
    .Fb7diq_fg {
      fill: var(--icon-fg);
    }
  }
}


/*# sourceMappingURL=71dc5672abeeb4f0419a.css.map*/