@layer ddsweb-base {
  @layer ddsweb-foundation {
    .wrSJiq_root {
      -moz-osx-font-smoothing: var(--ddsweb-foundation-root-osx-font-smoothing, grayscale);
      -webkit-font-smoothing: var(--ddsweb-foundation-root-webkit-font-smoothing, antialiased);
      box-sizing: var(--ddsweb-foundation-root-box-sizing, border-box);
      font-weight: var(--ddsweb-foundation-root-font-weight, normal);
      font-size: var(--ddsweb-foundation-root-font-size, var(--dds-typography-tokens-size-fontsize-16));
      line-height: var(--ddsweb-foundation-root-line-height, var(--ddsweb-theme-base-line-height));
      font-family: var(--ddsweb-foundation-root-font-family, var(--ddsweb-theme-base-font-family));
    }

    .wrSJiq_base {
      -webkit-tap-highlight-color: var(--ddsweb-theme-base-tap-highlight-color);
      box-sizing: border-box;
      outline: var(--ddsweb-theme-base-outline);
      color: var(--dds-typography-colour-text-body);
      position: relative;
    }

    .wrSJiq_reset {
      margin: var(--ddsweb-foundation-reset-margin-top, 0) var(--ddsweb-foundation-reset-margin-right, 0) var(--ddsweb-foundation-reset-margin-bottom, 0) var(--ddsweb-foundation-reset-margin-left, 0);
      padding: var(--ddsweb-foundation-reset-padding-top, 0) var(--ddsweb-foundation-reset-padding-right, 0) var(--ddsweb-foundation-reset-padding-bottom, 0) var(--ddsweb-foundation-reset-padding-left, 0);
      border: var(--ddsweb-foundation-reset-border, 0);
    }

    .wrSJiq_scrollableHorizontal {
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      white-space: nowrap;
      overflow: auto hidden;
    }

    .wrSJiq_visuallyHidden {
      white-space: nowrap;
      clip-path: inset(50%);
      width: 1px;
      height: 1px;
      position: absolute;
      overflow: hidden;
    }

    .wrSJiq_centerAlign {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .wrSJiq_cursorDefault {
      cursor: default;
    }

    .wrSJiq_cursorPointer {
      cursor: pointer;
    }

    .wrSJiq_cover {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }

    .wrSJiq_truncate {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .wrSJiq_verticallyAlign {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
    }

    .wrSJiq_dark {
      color: var(--dds-typography-colour-text-header-primary);
    }

    .wrSJiq_inverse {
      color: var(--dds-typography-colour-text-on-dark);
    }

    .wrSJiq_success {
      color: var(--dds-messaging-colour-messaging-success);
    }

    .wrSJiq_error {
      color: var(--dds-messaging-colour-messaging-error);
      --foundation-base-form-border-color: var(--dds-interaction-colour-interactive-error-form);
    }

    .wrSJiq_disabled {
      color: var(--dds-line-colour-border-primary);
    }

    .wrSJiq_font {
      font-family: var(--ddsweb-theme-font-family-text);
    }

    .wrSJiq_xs {
      font-size: var(--dds-typography-tokens-size-fontsize-12);
    }

    .wrSJiq_sm {
      font-size: var(--dds-typography-tokens-size-fontsize-14);
    }

    .wrSJiq_md {
      font-size: var(--dds-typography-tokens-size-fontsize-16);
    }

    .wrSJiq_lg {
      font-size: var(--dds-typography-tokens-size-fontsize-20);
    }

    .wrSJiq_lineHeightShort {
      line-height: var(--ddsweb-theme-line-height-next-text-sm);
    }

    .wrSJiq_lineHeightLong {
      line-height: var(--ddsweb-theme-line-height-next-text-md);
    }

    .wrSJiq_normal {
      font-weight: var(--dds-typography-tokens-weight-sans-regular);
    }

    .wrSJiq_emphasized {
      font-weight: bold;
    }

    .wrSJiq_bareForm {
      appearance: none;
      width: 100%;
      color: var(--dds-typography-colour-text-body);
      background-image: none;
    }

    .wrSJiq_bareInput {
      background-color: var(--dds-background-colour-background-1);
    }

    .wrSJiq_bareInput:focus-visible {
      --base-form-outline-color: transparent;
    }

    .wrSJiq_bareInput::placeholder {
      color: var(--dds-typography-colour-text-body);
      font-family: inherit;
      font-style: italic;
    }

    .wrSJiq_bareInput::selection {
      background-color: rgb(var(--dds-interaction-colour-interactive-active-rgb), .4);
    }

    .wrSJiq_baseForm {
      border-style: solid;
      border-width: 1px;
      border-color: var(--foundation-base-form-border-color, var(--dds-interaction-colour-interactive-form));
      outline-color: var(--foundation-base-form-outline-color, transparent);
      outline-offset: 1px;
      background-color: var(--foundation-base-form-background-color, var(--dds-interaction-colour-interactive-inverse));
      color: var(--dds-typography-colour-text-body);
      transition: border-color var(--ddsweb-theme-base-transition-duration), outline-color var(--ddsweb-theme-base-transition-duration);
      border-radius: 0;
      outline-width: 3px;
      outline-style: solid;
    }

    .wrSJiq_baseForm:disabled {
      --base-form-background-color: var(--dds-interaction-colour-interactive-inverse);
      --base-form-border-color: var(--dds-interaction-colour-interactive-form);
      box-shadow: none;
      cursor: default;
      opacity: var(--ddsweb-theme-base-rgb-opacity);
    }

    .wrSJiq_baseForm:focus {
      --foundation-base-form-border-color: var(--dds-interaction-colour-interactive-active);
      --foundation-base-form-outline-color: var(--dds-interaction-colour-interactive-active);
    }

    .wrSJiq_baseForm:invalid {
      box-shadow: none;
    }

    .wrSJiq_error:focus {
      --foundation-base-form-border-color: var(--dds-interaction-colour-interactive-error-form);
      --foundation-base-form-outline-color: var(--dds-interaction-colour-interactive-error-form);
    }

    .wrSJiq_error::selection {
      --foundation-base-form-background-color: rgb(var(--dds-interaction-colour-interactive-error-form-rgb), .4);
    }

    .wrSJiq_scrollableVertical {
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      overflow: hidden auto;
    }

    .wrSJiq_fadeIn {
      animation: wrSJiq_ddsWebFadeIn var(--ddsweb-theme-base-transition-duration);
      animation-fill-mode: forwards;
    }

    .wrSJiq_fadeOut {
      animation: wrSJiq_ddsWebFadeOut var(--ddsweb-theme-base-transition-duration);
      animation-fill-mode: forwards;
    }

    @keyframes wrSJiq_ddsWebFadeIn {
      0% {
        visibility: visible;
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes wrSJiq_ddsWebFadeOut {
      0% {
        opacity: 1;
      }

      100% {
        visibility: hidden;
        opacity: 0;
      }
    }
  }
}


/*# sourceMappingURL=2013ad1b341dbc26286b.css.map*/