/**
 * These variables are added for global alert, in page alert like new
 * components.
 * These variables should be removed when we upgrade nsw design system to 3.0.
 */
:root {
  --nsw-status-info: #2e5299;
  --nsw-text-light: #ffffff;
  --nsw-hover: rgba(0, 38, 100, 0.1);
  --nsw-hover-light: rgba(230,233,240,.1);
  --nsw-focus-light: #cce7f0;
  --nsw-active-light: rgba(230,233,240,.2);
  --nsw-container-width: 75rem;
  --nsw-line-height-md-mobile: 1.33;
  --nsw-font-bold: 700;
  --nsw-line-height-md-desktop: 1.4;
  --nsw-link-light: #e6e9f0;
  --nsw-visited-light: #ddd1e8;
  --nsw-status-error: #b81237;
  --nsw-status-info-bg: #eaedf4;
  --nsw-text-dark: #22272b;
  --nsw-link: #002664;
  --nsw-visited: #551a8b;
  --nsw-focus: #0086b3;
  --nsw-active: rgba(0,38,100,.2);
  --nsw-brand-dark: #002664;
  --nsw-border-radius: 0.25rem;
  --nsw-brand-light: #cbedfd;
  --nsw-brand-supplementary: #146cfd;
  --nsw-brand-accent: #d7153a;
  --nsw-black: #000;
  --nsw-grey-01: #22272b;
  --nsw-grey-02: #495054;
  --nsw-grey-03: #cdd3d6;
  --nsw-grey-04: #ebebeb;
  --nsw-off-white: #f2f2f2;
  --nsw-white: #fff;
  --nsw-brand-dark-rgb: 0, 38, 100;
  --nsw-brand-light-rgb: 203, 237, 253;
  --nsw-brand-supplementary-rgb: 20, 108, 253;
  --nsw-brand-accent-rgb: 215, 21, 58;
  --nsw-black-rgb: 0, 0, 0;
  --nsw-grey-01-rgb: 34, 39, 43;
  --nsw-grey-02-rgb: 73, 80, 84;
  --nsw-grey-03-rgb: 205, 211, 214;
  --nsw-grey-04-rgb: 235, 235, 235;
  --nsw-off-white-rgb: 242, 242, 242;
  --nsw-white-rgb: 255, 255, 255;
  --nsw-text-dark-rgb: 34, 39, 43;
  --nsw-text-light-rgb: 255, 255, 255;
  --nsw-disabled: #8093b2;
  --nsw-link-rgb: 0, 38, 100;
  --nsw-link-light-rgb: 229.5, 233.3, 239.5;
  --nsw-visited-rgb: 84.7726824, 26.00794, 139.01706;
  --nsw-visited-light-rgb: 220.95453648, 209.201588, 231.803412;
  --nsw-hover-rgb: 0, 38, 100;
  --nsw-hover-light-rgb: 229.5, 233.3, 239.5;
  --nsw-active-rgb: 0, 38, 100;
  --nsw-active-light-rgb: 229.5, 233.3, 239.5;
  --nsw-focus-rgb: 0, 133.6525866667, 178.999;
  --nsw-focus-light-rgb: 204, 230.7305173333, 239.7998;
  --nsw-disabled-rgb: 127.5, 146.5, 177.5;
  --nsw-status-success: #008a07;
  --nsw-status-success-bg: #e5f6e6;
  --nsw-status-warning: #c95000;
  --nsw-status-warning-bg: #fbeee5;
  --nsw-status-error-bg: #f7e7eb;
  --nsw-status-success-rgb: 0, 138, 7;
  --nsw-status-success-bg-rgb: 229, 246, 230;
  --nsw-status-info-rgb: 46, 82, 153;
  --nsw-status-info-bg-rgb: 234, 237, 244;
  --nsw-status-warning-rgb: 201, 80, 0;
  --nsw-status-warning-bg-rgb: 251, 238, 229;
  --nsw-status-error-rgb: 184, 18, 55;
  --nsw-status-error-bg-rgb: 247, 231, 235;
  --nsw-text-hover: var(--nsw-hover);
  --nsw-text-hover-light: var(--nsw-hover-light);
  --nsw-text-link: var(--nsw-link);
  --nsw-text-link-hover: var(--nsw-hover);
  --nsw-text-link-hover-light: var(--nsw-hover-light);
  --nsw-text-visited: var(--nsw-visited);
  --nsw-font-family: "Public Sans", sans-serif;
  --nsw-font-size: 16px;
  --nsw-line-height: 1.5;
  --nsw-font-normal: 400;
  --nsw-font-size-xxs-mobile: 0.75rem;
  --nsw-font-size-xxs-desktop: 0.75rem;
  --nsw-line-height-xxs-mobile: 1.5;
  --nsw-line-height-xxs-desktop: 1.5;
  --nsw-font-size-xs-mobile: 0.875rem;
  --nsw-font-size-xs-desktop: 0.875rem;
  --nsw-line-height-xs-mobile: 1.35;
  --nsw-line-height-xs-desktop: 1.35;
  --nsw-font-size-sm-mobile: 1rem;
  --nsw-font-size-sm-desktop: 1rem;
  --nsw-line-height-sm-mobile: 1.5;
  --nsw-line-height-sm-desktop: 1.5;
  --nsw-font-size-lg-mobile: 1.375rem;
  --nsw-font-size-lg-desktop: 1.5rem;
  --nsw-line-height-lg-mobile: 1.25;
  --nsw-line-height-lg-desktop: 1.33;
  --nsw-font-size-xl-mobile: 1.75rem;
  --nsw-font-size-xl-desktop: 2rem;
  --nsw-line-height-xl-mobile: 1.25;
  --nsw-line-height-xl-desktop: 1.25;
  --nsw-font-size-xxl-mobile: 2.25rem;
  --nsw-font-size-xxl-desktop: 3rem;
  --nsw-line-height-xxl-mobile: 1.25;
  --nsw-line-height-xxl-desktop: 1.25;
  --nsw-border-width: 1px;
  --nsw-border-style: solid;
  --nsw-border-color: var(--nsw-brand-accent);
  --nsw-box-shadow: 0 0.25rem 0.75rem 0 rgba(var(--nsw-black-rgb), 0.15);
  --nsw-font-size-md: 1.25rem;
  --nsw-font-size-md-mobile: 1.125rem;
  --nsw-font-size-md-desktop: 1.25rem;
}

.nsw-steps {
  --counter-top: 0.0625rem;
  --counter-size: 2rem;
  --counter-line-color: var(--nsw-brand-accent);
  --counter-background: transparent;
  --counter-foreground: var(--counter-line-color, var(--nsw-brand-accent));
  counter-reset: step;
  margin-top: 1.5rem;
}
.nsw-steps:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .nsw-steps {
    margin-top: 2rem;
  }
}
.nsw-steps .nsw-steps__item {
  position: relative;
}
.nsw-steps .nsw-steps__item:last-child .nsw-steps__content {
  padding-bottom: 0;
}
.nsw-steps .nsw-steps__item:last-child .nsw-steps__content::before {
  bottom: 0;
}
.nsw-steps .nsw-steps__item::before {
  content: "";
  position: absolute;
  top: var(--counter-top);
  left: 0;
  width: var(--counter-size);
  height: var(--counter-size);
  border: 0.25rem solid var(--counter-line-color);
  background-color: var(--counter-background);
  border-radius: 100%;
}
@media (min-width: 992px) {
  .nsw-steps .nsw-steps__item::before {
    --counter-size: 3rem;
    --counter-top: -0.25rem;
  }
}
.nsw-steps .nsw-steps__item::after {
  counter-increment: step;
  content: counter(step);
  position: absolute;
  top: var(--counter-top);
  left: 0;
  width: var(--counter-size);
  height: var(--counter-size);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--counter-foreground);
  font-weight: var(--nsw-font-bold);
  visibility: var(--counter-visibility, hidden);
  font-size: var(--counter-font-size, var(--nsw-font-size-md));
}
@media (min-width: 992px) {
  .nsw-steps .nsw-steps__item::after {
    --counter-size: 3rem;
    --counter-top: -0.25rem;
  }
}
.nsw-steps .nsw-steps__content {
  position: relative;
  padding: 0 0 1.5rem 3rem;
}
@media (min-width: 992px) {
  .nsw-steps .nsw-steps__content {
    padding: 0 0 2rem 4.5rem;
  }
}
.nsw-steps .nsw-steps__content::before {
  content: "";
  position: absolute;
  top: 2.0625rem;
  bottom: -0.0625rem;
  left: 0.875rem;
  width: 0.25rem;
  background-color: var(--counter-line-color);
}
@media (min-width: 992px) {
  .nsw-steps .nsw-steps__content::before {
    top: 2.75rem;
    left: 1.375rem;
    bottom: 0.25rem;
  }
}
.nsw-steps--dark {
  --counter-line-color: var(--nsw-brand-dark);
}
.nsw-steps--light {
  --counter-line-color: var(--nsw-brand-light);
  --counter-fill-foreground: var(--nsw-brand-dark);
}
.nsw-steps--supplementary {
  --counter-line-color: var(--nsw-brand-supplementary);
}
.nsw-steps--fill, .nsw-steps__item--fill {
  --counter-background: var(--counter-line-color);
  --counter-foreground: var(--counter-fill-foreground, var(--nsw-text-light));
}
.nsw-steps--counters {
  --counter-visibility: visible;
}
.nsw-steps--fill.nsw-steps--supplementary .nsw-steps__item::before {
  background-color: var(--nsw-brand-supplementary);
}

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