@layer ddsweb-large-atoms {
  @layer ddsweb-spinner {
    .G5T_wa_image {
      width: var(--size);
      height: var(--size);
      transform-origin: center;
      animation-duration: 1s;
      animation-timing-function: linear;
      animation-iteration-count: var(--animation-repeat);
      animation-fill-mode: forwards;
      animation-play-state: var(--animation-play-state);
      animation-name: G5T_wa_spin;
    }

    .G5T_wa_normal {
      --ddsweb-spinner-base-colour: var(--dds-background-colour-background-opacity-rgba);
      --ddsweb-spinner-load-colour: var(--dds-brand-accent-colour-brand-accent);
      --ddsweb-spinner-base-opacity: 1;
    }

    .G5T_wa_dark {
      --ddsweb-spinner-base-colour: var(--dds-retain-colour-in-dark-mode-retain-interactive-inverse);
      --ddsweb-spinner-load-colour: var(--dds-retain-colour-in-dark-mode-retain-interactive-inverse);
    }

    .G5T_wa_image circle {
      transform-origin: center;
      transition: stroke-dashoffset .3s ease-in-out;
      transform: rotate(-90deg);
    }

    @media (prefers-reduced-motion: reduce) {
      .G5T_wa_image {
        animation-duration: 2s;
      }

      .G5T_wa_image circle {
        transition-duration: 0s;
      }
    }

    @keyframes G5T_wa_spin {
      0% {
        transform: rotate(0);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    .G5T_wa_indeterminate {
      --animation-repeat: infinite;
      --animation-play-state: running;
    }

    .G5T_wa_determinate {
      --animation-repeat: 1;
      --animation-play-state: paused;
    }

    .G5T_wa_xx, .G5T_wa_xs {
      --size: var(--ddsweb-tc-spinner-xs-size, 16px);
    }

    .G5T_wa_sm {
      --size: var(--ddsweb-tc-spinner-sm-size, 24px);
    }

    .G5T_wa_md {
      --size: var(--ddsweb-tc-spinner-md-size, 32px);
    }

    .G5T_wa_lg {
      --size: var(--ddsweb-tc-spinner-lg-size, 40px);
    }

    .G5T_wa_xl {
      --size: var(--ddsweb-tc-spinner-xl-size, 64px);
    }

    .G5T_wa_base {
      stroke: var(--ddsweb-spinner-base-colour, var(--dds-background-colour-background-opacity));
      stroke-opacity: var(--ddsweb-spinner-base-opacity, .2);
    }

    .G5T_wa_load {
      stroke: var(--ddsweb-spinner-load-colour, var(--dds-interaction-colour-interactive-default));
      stroke-linecap: butt;
    }
  }
}


/*# sourceMappingURL=73655b4f309e9a44a95e.css.map*/