@layer ddsweb-molecules {
  @layer ddsweb-checkbox {
    .LTP6Ua_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;
    }

    .LTP6Ua_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));
    }

    .LTP6Ua_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));
    }

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

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

    .LTP6Ua_span {
      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-typography-colour-text-on-dark));
      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) {
      .LTP6Ua_span {
        outline-width: 0;
      }

      .LTP6Ua_checkbox:checked + .LTP6Ua_span {
        background-color: canvastext;
      }

      .LTP6Ua_checkbox:checked + .LTP6Ua_span > svg {
        stroke: canvas;
      }

      .LTP6Ua_checkbox:checked + .LTP6Ua_span > svg path {
        color: canvas;
      }

      .LTP6Ua_checkbox:enabled:focus + .LTP6Ua_span, .LTP6Ua_checkbox:enabled:hover + .LTP6Ua_span {
        --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);
      }
    }

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

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

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

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

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

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

    .LTP6Ua_checkbox:disabled {
      cursor: default;
    }

    .LTP6Ua_checkbox:disabled + .LTP6Ua_span {
      opacity: .4;
    }
  }
}

.LTP6Ua_checkbox:checked + .LTP6Ua_span > svg {
  display: unset;
}

.LTP6Ua_checkbox + .LTP6Ua_span > svg {
  display: none;
}


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