/* src/components/src/components/styles.module.css */
@layer ddsweb-molecules {
  @layer ddsweb-checkbox {
    .b8b9c0_1sGP9G_container {
      box-sizing: border-box;
      width: var(--checkbox-container-width, var(--ddsweb-theme-forms-field-diameter));
      height: var(--checkbox-container-height, var(--ddsweb-theme-forms-field-diameter));
      display: inline-block;
      position: relative;
    }
    .b8b9c0_1sGP9G_md {
      --checkbox-container-height: var(--ddsweb-tc-checkbox-container-height, var(--ddsweb-theme-forms-field-diameter));
      --checkbox-container-width: var(--ddsweb-tc-checkbox-container-width, var(--ddsweb-theme-forms-field-diameter));
    }
    .b8b9c0_1sGP9G_sm {
      --checkbox-container-height: var(--ddsweb-tc-checkbox-sm-container-height, var(--ddsweb-theme-forms-small-field-diameter));
      --checkbox-container-width: var(--ddsweb-tc-checkbox-sm-container-width, var(--ddsweb-theme-forms-small-field-diameter));
    }
    .b8b9c0_1sGP9G_iconIndeterminate[width="24"][height="24"] {
      width: var(--ddsweb-tc-checkbox-indeterminate-icon-width, initial);
      height: var(--ddsweb-tc-checkbox-indeterminate-icon-height, initial);
    }
    .b8b9c0_1sGP9G_iconBenefits[width="24"][height="24"] {
      width: var(--ddsweb-tc-checkbox-benefits-icon-width, initial);
      height: var(--ddsweb-tc-checkbox-benefits-icon-height, initial);
    }
    .b8b9c0_1sGP9G_span {
      box-sizing: border-box;
      border: var(--ddsweb-tc-checkbox-border-width, 1px) solid var(--checkbox-border-color, var(--ddsweb-theme-colors-grayscale));
      outline: var(--ddsweb-tc-checkbox-outline-focus, 3px) solid var(--checkbox-outline-color, transparent);
      outline-offset: var(--ddsweb-tc-checkbox-outline-offset-focus, 1px);
      background-color: var(--checkbox-background-color, var(--ddsweb-theme-colors-white));
      width: 100%;
      height: 100%;
      color: var(--checkbox-color, var(--ddsweb-theme-colors-white));
      transition: border-color var(--ddsweb-theme-base-transition-duration), outline-color var(--ddsweb-theme-base-transition-duration);
      justify-content: center;
      align-items: center;
      margin: 0;
      padding: 0;
      display: flex;
      position: absolute;
      top: 0;
      left: 0;
    }
    @media (-ms-high-contrast: active), (forced-colors: active) {
      .b8b9c0_1sGP9G_span {
        outline-width: 0;
      }
      .b8b9c0_1sGP9G_checkbox:checked + .b8b9c0_1sGP9G_span {
        background-color: canvastext;
      }
      .b8b9c0_1sGP9G_checkbox:checked + .b8b9c0_1sGP9G_span > svg {
        stroke: canvas;
      }
      .b8b9c0_1sGP9G_checkbox:checked + .b8b9c0_1sGP9G_span > svg path {
        color: canvas;
      }
      .b8b9c0_1sGP9G_checkbox:enabled:focus + .b8b9c0_1sGP9G_span,
      .b8b9c0_1sGP9G_checkbox:enabled:hover + .b8b9c0_1sGP9G_span {
        --checkbox-border-color: var(--ddsweb-theme-colors-active);
        --checkbox-outline-color: var(--ddsweb-theme-colors-active);
        outline-width: var(--ddsweb-tc-checkbox-outline-focus, 3px);
      }
    }
    .b8b9c0_1sGP9G_checkbox {
      z-index: 1;
      cursor: pointer;
      opacity: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      position: absolute;
      top: 0;
      left: 0;
    }
    .b8b9c0_1sGP9G_checkbox:checked + .b8b9c0_1sGP9G_span {
      --checkbox-background-color: var(--ddsweb-theme-colors-active);
      --checkbox-border-color: var(--ddsweb-theme-colors-active);
    }
    .b8b9c0_1sGP9G_checkbox:enabled:focus + .b8b9c0_1sGP9G_span,
    .b8b9c0_1sGP9G_checkbox:enabled:hover + .b8b9c0_1sGP9G_span {
      --checkbox-border-color: var(--ddsweb-theme-colors-active);
      --checkbox-outline-color: var(--ddsweb-theme-colors-active);
    }
    .b8b9c0_1sGP9G_error + .b8b9c0_1sGP9G_span {
      --checkbox-border-color: var(--ddsweb-theme-colors-error);
    }
    .b8b9c0_1sGP9G_error:checked + .b8b9c0_1sGP9G_span {
      --checkbox-background-color: var(--ddsweb-theme-colors-error);
      --checkbox-border-color: var(--ddsweb-theme-colors-error);
    }
    .b8b9c0_1sGP9G_error:enabled:hover + .b8b9c0_1sGP9G_span,
    .b8b9c0_1sGP9G_error:enabled:focus + .b8b9c0_1sGP9G_span {
      --checkbox-border-color: var(--ddsweb-theme-colors-error);
      --checkbox-outline-color: var(--ddsweb-theme-colors-error);
    }
    .b8b9c0_1sGP9G_checkbox:disabled {
      cursor: default;
    }
    .b8b9c0_1sGP9G_checkbox:disabled + .b8b9c0_1sGP9G_span {
      opacity: .4;
    }
  }
}
.b8b9c0_1sGP9G_checkbox:checked + .b8b9c0_1sGP9G_span > svg {
  display: unset;
}
.b8b9c0_1sGP9G_checkbox + .b8b9c0_1sGP9G_span > svg {
  display: none;
}


/*# sourceMappingURL=27d635df485763516380.css.map*/