@layer ddsweb-molecules {
  @layer ddsweb-checkbox {
    .xjBltW_container {
      box-sizing: border-box;
      width: var(--checkbox-container-width, var(--dds-sizing-size-32));
      height: var(--checkbox-container-height, var(--dds-sizing-size-32));
      display: inline-block;
      position: relative;
    }

    .xjBltW_md {
      --checkbox-container-height: var(--ddsweb-tc-checkbox-container-height, var(--dds-sizing-size-32));
      --checkbox-container-width: var(--ddsweb-tc-checkbox-container-width, var(--dds-sizing-size-32));
    }

    .xjBltW_sm {
      --checkbox-container-height: var(--ddsweb-tc-checkbox-sm-container-height, var(--dds-sizing-size-24));
      --checkbox-container-width: var(--ddsweb-tc-checkbox-sm-container-width, var(--dds-sizing-size-24));
    }

    .xjBltW_iconIndeterminate[width="24"][height="24"] {
      width: var(--ddsweb-tc-checkbox-indeterminate-icon-width, initial);
      height: var(--ddsweb-tc-checkbox-indeterminate-icon-height, initial);
    }

    .xjBltW_iconBenefits[width="24"][height="24"] {
      width: var(--ddsweb-tc-checkbox-benefits-icon-width, initial);
      height: var(--ddsweb-tc-checkbox-benefits-icon-height, initial);
    }

    .xjBltW_icon {
      box-sizing: border-box;
      border: var(--ddsweb-tc-checkbox-border-width, 1px) solid var(--checkbox-border-color, var(--dds-interaction-colour-interactive-form));
      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(--dds-background-colour-background-1));
      width: 100%;
      height: 100%;
      color: var(--checkbox-color, var(--dds-interaction-colour-interactive-inverse));
      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 (forced-colors: active) {
      .xjBltW_icon {
        outline-width: 0;
      }

      .xjBltW_checkbox:checked + .xjBltW_icon {
        background-color: canvastext;
      }

      .xjBltW_checkbox:checked + .xjBltW_icon > svg {
        stroke: canvas;
      }

      .xjBltW_checkbox:checked + .xjBltW_icon > svg path {
        color: canvas;
      }

      .xjBltW_checkbox:enabled:focus + .xjBltW_icon, .xjBltW_checkbox:enabled:hover + .xjBltW_icon {
        --checkbox-border-color: var(--dds-interaction-colour-interactive-active);
        --checkbox-outline-color: var(--dds-interaction-colour-interactive-active);
        outline-width: var(--ddsweb-tc-checkbox-outline-focus, 3px);
      }
    }

    .xjBltW_checkbox {
      z-index: 1;
      cursor: pointer;
      opacity: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      position: absolute;
      top: 0;
      left: 0;
    }

    .xjBltW_checkbox:checked + .xjBltW_icon {
      --checkbox-background-color: var(--dds-interaction-colour-interactive-active);
      --checkbox-border-color: var(--dds-interaction-colour-interactive-active);
    }

    .xjBltW_checkbox:enabled:focus + .xjBltW_icon, .xjBltW_checkbox:enabled:hover + .xjBltW_icon {
      --checkbox-border-color: var(--dds-interaction-colour-interactive-active);
      --checkbox-outline-color: var(--dds-interaction-colour-interactive-active);
    }

    .xjBltW_error + .xjBltW_icon {
      --checkbox-border-color: var(--dds-interaction-colour-interactive-error-form);
    }

    .xjBltW_error:checked + .xjBltW_icon {
      --checkbox-background-color: var(--dds-interaction-colour-interactive-error-form);
      --checkbox-border-color: var(--dds-interaction-colour-interactive-error-form);
    }

    .xjBltW_error:enabled:hover + .xjBltW_icon, .xjBltW_error:enabled:focus + .xjBltW_icon {
      --checkbox-border-color: var(--dds-interaction-colour-interactive-error-form);
      --checkbox-outline-color: var(--dds-interaction-colour-interactive-error-form);
    }

    .xjBltW_checkbox:disabled {
      cursor: default;
    }

    .xjBltW_checkbox:disabled + .xjBltW_icon {
      opacity: .4;
    }
  }
}

.xjBltW_checkbox:checked + .xjBltW_icon > svg {
  display: unset;
}

.xjBltW_checkbox + .xjBltW_icon > svg {
  display: none;
}


/*# sourceMappingURL=464beb09a27c61a5e63f.css.map*/