/* src/styles/src/styles/index.module.css */
@layer ddsweb-large-atoms {
  @layer ddsweb-button {
    .a9d866_8WKJvW_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(.a9d866_8WKJvW_externalTextButton.a9d866_8WKJvW_hasStrikeThrough, .a9d866_8WKJvW_hasStrikeThrough .ddsweb-button__inner-container) {
      text-decoration: line-through 2px;
    }
    .a9d866_8WKJvW_base:disabled {
      cursor: not-allowed;
      opacity: .4;
    }
    .a9d866_8WKJvW_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%);
    }
    .a9d866_8WKJvW_md {
      --ddsweb-button-icon-container-size: var(--ddsweb-tc-button-md-icon-container-size, 40px);
    }
    .a9d866_8WKJvW_sm {
      --ddsweb-button-icon-container-size: var(--ddsweb-tc-button-sm-icon-container-size, 32px);
    }
    .a9d866_8WKJvW_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);
    }
    .a9d866_8WKJvW_spinnerWrapper {
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      display: flex;
      position: absolute;
      top: 0;
      left: 0;
    }
    .a9d866_8WKJvW_spinnerWrapper svg {
      margin: 0;
      display: block;
    }
    .a9d866_8WKJvW_container {
      justify-content: center;
      align-items: center;
      display: flex;
    }
    .a9d866_8WKJvW_loading .a9d866_8WKJvW_container {
      visibility: hidden;
    }
    .a9d866_8WKJvW_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;
    }
    .a9d866_8WKJvW_iconLeft {
      margin-right: var(--ddsweb-button-icon-margin);
    }
    .a9d866_8WKJvW_iconRight {
      margin-left: var(--ddsweb-button-icon-margin);
    }
    .a9d866_8WKJvW_textRight .a9d866_8WKJvW_iconContainer {
      margin-right: unset;
      margin-left: var(--ddsweb-tc-button-icon-container-text-right-icon-margin, 4px);
    }
    svg.a9d866_8WKJvW_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;
    }
    .a9d866_8WKJvW_selectedIcon path:first-child {
      fill: var(--ddsweb-theme-colors-white);
    }
    .a9d866_8WKJvW_selectedIcon path:nth-child(2) {
      fill: var(--ddsweb-theme-colors-primary);
    }
    .a9d866_8WKJvW_hasOutline:after {
      z-index: 0;
      top: var(--ddsweb-button-shadow-position-inset);
      right: var(--ddsweb-button-shadow-position-inset);
      bottom: var(--ddsweb-button-shadow-position-inset);
      left: var(--ddsweb-button-shadow-position-inset);
      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;
    }
    .a9d866_8WKJvW_hasOutline:hover:after,
    .a9d866_8WKJvW_hasOutline:focus:after {
      opacity: 1;
    }
    .a9d866_8WKJvW_hasOutline:disabled:after {
      display: none;
    }
    @media (-ms-high-contrast: active) {
      .a9d866_8WKJvW_hasOutline:after {
        outline: 3px solid var(--ddsweb-theme-colors-primary);
        box-shadow: none;
      }
    }
    .a9d866_8WKJvW_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;
    }
    .a9d866_8WKJvW_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);
    }
    .a9d866_8WKJvW_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);
    }
    .a9d866_8WKJvW_textLeft {
      text-align: left;
    }
    .a9d866_8WKJvW_textRight {
      text-align: right;
    }
    .a9d866_8WKJvW_fullWidth {
      width: 100%;
    }
    .a9d866_8WKJvW_loading:disabled {
      opacity: 1;
    }
    .a9d866_8WKJvW_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;
    }
    .a9d866_8WKJvW_externalTextButton.a9d866_8WKJvW_hasStrikeThrough {
      color: var(--ddsweb-theme-colors-primary);
    }
    .a9d866_8WKJvW_externalTextButton.a9d866_8WKJvW_inversed.a9d866_8WKJvW_hasStrikeThrough {
      color: var(--ddsweb-theme-colors-white);
    }
    .a9d866_8WKJvW_externalTextButton:hover > .a9d866_8WKJvW_externalTextButtonTextContainer,
    .a9d866_8WKJvW_externalTextButton:focus > .a9d866_8WKJvW_externalTextButtonTextContainer {
      text-decoration: underline 1px;
    }
    .a9d866_8WKJvW_externalTextButton:disabled > .a9d866_8WKJvW_externalTextButtonTextContainer {
      text-decoration: none;
    }
    .a9d866_8WKJvW_externalTextButtonTextContainer {
      color: var(--ddsweb-button-text-color);
      padding: 0;
    }
    .a9d866_8WKJvW_externalTextButtonInversed {
      --ddsweb-button-color: var(--ddsweb-theme-colors-white);
      --ddsweb-button-text-color: var(--ddsweb-theme-colors-white);
    }
    .a9d866_8WKJvW_externalTextButtonPrimaryInversed {
      --ddsweb-button-color: var(--ddsweb-theme-colors-primary);
    }
    .a9d866_8WKJvW_externalTextButtonMd {
      --ddsweb-button-external-text-icon-spacing: var(--ddsweb-tc-button-external-text-icon-spacing, 12px);
    }
    .a9d866_8WKJvW_externalTextButtonXs {
      --ddsweb-button-external-text-icon-loading-extra-space: var(--ddsweb-tc-button-external-text-icon-loading-extra-space, 4px);
    }
    .a9d866_8WKJvW_externalTextButton .a9d866_8WKJvW_hasOutline:after {
      display: none;
    }
    .a9d866_8WKJvW_externalTextButton:hover .a9d866_8WKJvW_hasOutline:after,
    .a9d866_8WKJvW_externalTextButton:hover .a9d866_8WKJvW_focus:after {
      display: unset;
      opacity: 1;
    }
    .a9d866_8WKJvW_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);
    }
    .a9d866_8WKJvW_externalTextButtonIconLeft {
      margin-right: var(--ddsweb-button-external-text-icon-spacing);
      margin-left: 0;
    }
    .a9d866_8WKJvW_externalTextButtonIconRight {
      margin-right: 0;
      margin-left: var(--ddsweb-button-external-text-icon-spacing);
    }
    .a9d866_8WKJvW_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;
    }
    .a9d866_8WKJvW_externalTextButtonSpinnerWrapper {
      padding: 0;
      padding-right: var(--ddsweb-button-external-text-icon-loading-extra-space);
      background: none;
      border: 0;
      display: inline-flex;
    }
    .a9d866_8WKJvW_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;
    }
    .a9d866_8WKJvW_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);
    }
    .a9d866_8WKJvW_iconButtonInversed {
      --ddsweb-button-color: var(--ddsweb-button-color-inversed);
      --ddsweb-button-shadow-color: var(--ddsweb-theme-colors-white);
    }
    .a9d866_8WKJvW_iconButtonLoading {
      --ddsweb-button-background: none;
      --ddsweb-button-container-visibility: hidden;
    }
    .a9d866_8WKJvW_iconButtonLoadingDark {
      --ddsweb-button-border-color: var(--ddsweb-theme-colors-primary);
    }
    .a9d866_8WKJvW_iconButtonLoadingNormal {
      --ddsweb-button-border-color: var(--ddsweb-theme-colors-white);
    }
    .a9d866_8WKJvW_iconButtonContainer {
      display: inherit;
      visibility: var(--ddsweb-button-container-visibility, unset);
    }
    .a9d866_8WKJvW_linkButton {
      --ddsweb-button-color: var(--ddsweb-theme-colors-primary);
      text-decoration: var(--ddsweb-link-text-decoration, underline);
      padding: 0;
    }
    .a9d866_8WKJvW_linkButton:focus,
    .a9d866_8WKJvW_linkButton:hover {
      text-decoration: var(--ddsweb-link-text-decoration-hover, none);
    }
    .a9d866_8WKJvW_linkButton:disabled {
      text-decoration: var(--ddsweb-link-text-decoration, none);
      opacity: .4;
    }
    .a9d866_8WKJvW_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);
    }
    .a9d866_8WKJvW_linkWithIcon {
      text-decoration: var(--ddsweb-link-text-decoration, none);
    }
    .a9d866_8WKJvW_linkWithIcon:focus,
    .a9d866_8WKJvW_linkWithIcon:hover {
      text-decoration: var(--ddsweb-link-text-decoration-hover, underline);
    }
    .a9d866_8WKJvW_linkButtonInversed,
    .a9d866_8WKJvW_linkButtonInversed:focus,
    .a9d866_8WKJvW_linkButtonInversed:hover {
      --ddsweb-button-color: var(--ddsweb-theme-colors-white);
    }
    .a9d866_8WKJvW_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);
    }
    .a9d866_8WKJvW_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);
    }
    .a9d866_8WKJvW_textButton:hover,
    .a9d866_8WKJvW_textButton:focus {
      text-decoration: underline;
    }
    .a9d866_8WKJvW_textButton:disabled {
      text-decoration: none;
    }
    .a9d866_8WKJvW_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));
    }
    .a9d866_8WKJvW_icon {
      width: var(--icon-size);
      height: var(--icon-size);
    }
    .a9d866_8WKJvW_lg {
      --icon-size: var(--ddsweb-tc-messaging-icons-lg, var(--ddsweb-theme-font-size-next-oversized-xxxl));
    }
    .a9d866_8WKJvW_md {
      --icon-size: var(--ddsweb-tc-messaging-icons-md, var(--ddsweb-theme-font-size-next-oversized-lg));
    }
    .a9d866_8WKJvW_sm {
      --icon-size: var(--ddsweb-tc-messaging-icons-sm, var(--ddsweb-theme-font-size-next-headline-xl));
    }
    .a9d866_8WKJvW_xs {
      --icon-size: var(--ddsweb-tc-messaging-icons-xs, var(--ddsweb-theme-font-size-next-headline-md));
    }
    .a9d866_8WKJvW_bg {
      fill: var(--icon-bg);
    }
    .a9d866_8WKJvW_fg {
      fill: var(--icon-fg);
    }
  }
}


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