.base-button {
  position: relative;
  display: inline-block;
}
.base-button md-circular-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1.heading,
h2.heading,
h3.heading,
h4.heading,
h5.heading,
h6.heading,
p.heading,
span.heading {
  font-family: var(--BodyLargeFontFamily), 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: var(--DisplayLargeFontWeight);
  font-size: var(--BodyLargeFontSize);
  line-height: var(--BodyLargeLineHeight);
  margin: 0 0 var(--spacing3);
  padding: 0;
  letter-spacing: var(--BodyLargeLetterSpacing);
  word-break: break-word;
}
h1.role-display,
h2.role-display,
h3.role-display,
h4.role-display,
h5.role-display,
h6.role-display,
h1.heading.role-display,
h2.heading.role-display,
h3.heading.role-display,
h4.heading.role-display,
h5.heading.role-display,
h6.heading.role-display,
p.heading.role-display,
span.heading.role-display {
  font-family: var(--DisplayLargeFontFamily), 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: var(--DisplayLargeFontWeight);
}
h1.role-headline,
h2.role-headline,
h3.role-headline,
h4.role-headline,
h5.role-headline,
h6.role-headline,
h1.heading.role-headline,
h2.heading.role-headline,
h3.heading.role-headline,
h4.heading.role-headline,
h5.heading.role-headline,
h6.heading.role-headline,
p.heading.role-headline,
span.heading.role-headline {
  font-family: var(--HeadlineLargeFontFamily), 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: var(--HeadlineLargeFontWeight);
}
h1.role-title,
h2.role-title,
h3.role-title,
h4.role-title,
h5.role-title,
h6.role-title,
h1.heading.role-title,
h2.heading.role-title,
h3.heading.role-title,
h4.heading.role-title,
h5.heading.role-title,
h6.heading.role-title,
p.heading.role-title,
span.heading.role-title {
  font-family: var(--TitleLargeFontFamily), 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: var(--TitleLargeFontWeight);
}
h1.role-label,
h2.role-label,
h3.role-label,
h4.role-label,
h5.role-label,
h6.role-label,
h1.heading.role-label,
h2.heading.role-label,
h3.heading.role-label,
h4.heading.role-label,
h5.heading.role-label,
h6.heading.role-label,
p.heading.role-label,
span.heading.role-label {
  font-family: var(--LabelLargeFontFamily), 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: var(--LabelLargeFontWeight);
}
h1.role-extra,
h2.role-extra,
h3.role-extra,
h4.role-extra,
h5.role-extra,
h6.role-extra,
h1.heading.role-extra,
h2.heading.role-extra,
h3.heading.role-extra,
h4.heading.role-extra,
h5.heading.role-extra,
h6.heading.role-extra,
p.heading.role-extra,
span.heading.role-extra {
  font-family: var(--DisplayExtraLargeFontFamily), 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: var(--DisplayExtraLargeFontWeight);
  font-style: var(--DisplayExtraLargeFontStyle);
}
h1.size-large.role-display,
h2.size-large.role-display,
h3.size-large.role-display,
h4.size-large.role-display,
h5.size-large.role-display,
h6.size-large.role-display,
h1.heading.size-large.role-display,
h2.heading.size-large.role-display,
h3.heading.size-large.role-display,
h4.heading.size-large.role-display,
h5.heading.size-large.role-display,
h6.heading.size-large.role-display,
p.heading.size-large.role-display,
span.heading.size-large.role-display {
  font-size: var(--DisplayMediumFontSize);
  line-height: var(--DisplayMediumLineHeight);
}
h1.size-large.role-headline,
h2.size-large.role-headline,
h3.size-large.role-headline,
h4.size-large.role-headline,
h5.size-large.role-headline,
h6.size-large.role-headline,
h1.heading.size-large.role-headline,
h2.heading.size-large.role-headline,
h3.heading.size-large.role-headline,
h4.heading.size-large.role-headline,
h5.heading.size-large.role-headline,
h6.heading.size-large.role-headline,
p.heading.size-large.role-headline,
span.heading.size-large.role-headline {
  font-size: var(--HeadlineMediumFontSize);
  line-height: var(--HeadlineMediumLineHeight);
}
h1.size-large.role-title,
h2.size-large.role-title,
h3.size-large.role-title,
h4.size-large.role-title,
h5.size-large.role-title,
h6.size-large.role-title,
h1.heading.size-large.role-title,
h2.heading.size-large.role-title,
h3.heading.size-large.role-title,
h4.heading.size-large.role-title,
h5.heading.size-large.role-title,
h6.heading.size-large.role-title,
p.heading.size-large.role-title,
span.heading.size-large.role-title {
  font-size: var(--TitleMediumFontSize);
  line-height: var(--TitleMediumLineHeight);
}
h1.size-large.role-label,
h2.size-large.role-label,
h3.size-large.role-label,
h4.size-large.role-label,
h5.size-large.role-label,
h6.size-large.role-label,
h1.heading.size-large.role-label,
h2.heading.size-large.role-label,
h3.heading.size-large.role-label,
h4.heading.size-large.role-label,
h5.heading.size-large.role-label,
h6.heading.size-large.role-label,
p.heading.size-large.role-label,
span.heading.size-large.role-label {
  font-size: var(--LabelMediumFontSize);
  line-height: var(--LabelMediumLineHeight);
  font-weight: var(--LabelMediumFontWeight);
}
h1.size-large.role-extra,
h2.size-large.role-extra,
h3.size-large.role-extra,
h4.size-large.role-extra,
h5.size-large.role-extra,
h6.size-large.role-extra,
h1.heading.size-large.role-extra,
h2.heading.size-large.role-extra,
h3.heading.size-large.role-extra,
h4.heading.size-large.role-extra,
h5.heading.size-large.role-extra,
h6.heading.size-large.role-extra,
p.heading.size-large.role-extra,
span.heading.size-large.role-extra {
  font-size: var(--DisplayExtraMediumFontSize);
  line-height: var(--DisplayExtraMediumLineHeight);
}
h1.size-medium.role-display,
h2.size-medium.role-display,
h3.size-medium.role-display,
h4.size-medium.role-display,
h5.size-medium.role-display,
h6.size-medium.role-display,
h1.heading.size-medium.role-display,
h2.heading.size-medium.role-display,
h3.heading.size-medium.role-display,
h4.heading.size-medium.role-display,
h5.heading.size-medium.role-display,
h6.heading.size-medium.role-display,
p.heading.size-medium.role-display,
span.heading.size-medium.role-display {
  font-size: var(--DisplaySmallFontSize);
  line-height: var(--DisplaySmallLineHeight);
}
h1.size-medium.role-headline,
h2.size-medium.role-headline,
h3.size-medium.role-headline,
h4.size-medium.role-headline,
h5.size-medium.role-headline,
h6.size-medium.role-headline,
h1.heading.size-medium.role-headline,
h2.heading.size-medium.role-headline,
h3.heading.size-medium.role-headline,
h4.heading.size-medium.role-headline,
h5.heading.size-medium.role-headline,
h6.heading.size-medium.role-headline,
p.heading.size-medium.role-headline,
span.heading.size-medium.role-headline {
  font-size: var(--HeadlineSmallFontSize);
  line-height: var(--HeadlineSmallLineHeight);
}
h1.size-medium.role-title,
h2.size-medium.role-title,
h3.size-medium.role-title,
h4.size-medium.role-title,
h5.size-medium.role-title,
h6.size-medium.role-title,
h1.heading.size-medium.role-title,
h2.heading.size-medium.role-title,
h3.heading.size-medium.role-title,
h4.heading.size-medium.role-title,
h5.heading.size-medium.role-title,
h6.heading.size-medium.role-title,
p.heading.size-medium.role-title,
span.heading.size-medium.role-title {
  font-size: var(--TitleSmallFontSize);
  line-height: var(--TitleSmallLineHeight);
}
h1.size-medium.role-label,
h2.size-medium.role-label,
h3.size-medium.role-label,
h4.size-medium.role-label,
h5.size-medium.role-label,
h6.size-medium.role-label,
h1.heading.size-medium.role-label,
h2.heading.size-medium.role-label,
h3.heading.size-medium.role-label,
h4.heading.size-medium.role-label,
h5.heading.size-medium.role-label,
h6.heading.size-medium.role-label,
p.heading.size-medium.role-label,
span.heading.size-medium.role-label {
  font-size: var(--LabelSmallFontSize);
  line-height: var(--LabelSmallLineHeight);
}
h1.size-medium.role-extra,
h2.size-medium.role-extra,
h3.size-medium.role-extra,
h4.size-medium.role-extra,
h5.size-medium.role-extra,
h6.size-medium.role-extra,
h1.heading.size-medium.role-extra,
h2.heading.size-medium.role-extra,
h3.heading.size-medium.role-extra,
h4.heading.size-medium.role-extra,
h5.heading.size-medium.role-extra,
h6.heading.size-medium.role-extra,
p.heading.size-medium.role-extra,
span.heading.size-medium.role-extra {
  font-size: var(--DisplayExtraSmallFontSize);
  line-height: var(--DisplayExtraSmallLineHeight);
}
h1.size-small.role-display,
h2.size-small.role-display,
h3.size-small.role-display,
h4.size-small.role-display,
h5.size-small.role-display,
h6.size-small.role-display,
h1.heading.size-small.role-display,
h2.heading.size-small.role-display,
h3.heading.size-small.role-display,
h4.heading.size-small.role-display,
h5.heading.size-small.role-display,
h6.heading.size-small.role-display,
p.heading.size-small.role-display,
span.heading.size-small.role-display {
  font-size: var(--HeadlineMediumFontSize);
  line-height: var(--HeadlineMediumLineHeight);
}
h1.size-small.role-headline,
h2.size-small.role-headline,
h3.size-small.role-headline,
h4.size-small.role-headline,
h5.size-small.role-headline,
h6.size-small.role-headline,
h1.heading.size-small.role-headline,
h2.heading.size-small.role-headline,
h3.heading.size-small.role-headline,
h4.heading.size-small.role-headline,
h5.heading.size-small.role-headline,
h6.heading.size-small.role-headline,
p.heading.size-small.role-headline,
span.heading.size-small.role-headline {
  font-size: var(--HeadlineSmallFontSize);
  line-height: var(--HeadlineSmallLineHeight);
}
h1.size-small.role-title,
h2.size-small.role-title,
h3.size-small.role-title,
h4.size-small.role-title,
h5.size-small.role-title,
h6.size-small.role-title,
h1.heading.size-small.role-title,
h2.heading.size-small.role-title,
h3.heading.size-small.role-title,
h4.heading.size-small.role-title,
h5.heading.size-small.role-title,
h6.heading.size-small.role-title,
p.heading.size-small.role-title,
span.heading.size-small.role-title {
  font-size: var(--TitleSmallFontSize);
  line-height: var(--TitleSmallLineHeight);
}
h1.size-small.role-label,
h2.size-small.role-label,
h3.size-small.role-label,
h4.size-small.role-label,
h5.size-small.role-label,
h6.size-small.role-label,
h1.heading.size-small.role-label,
h2.heading.size-small.role-label,
h3.heading.size-small.role-label,
h4.heading.size-small.role-label,
h5.heading.size-small.role-label,
h6.heading.size-small.role-label,
p.heading.size-small.role-label,
span.heading.size-small.role-label {
  font-size: var(--LabelSmallFontSize);
  line-height: var(--LabelSmallLineHeight);
}
h1.size-small.role-extra,
h2.size-small.role-extra,
h3.size-small.role-extra,
h4.size-small.role-extra,
h5.size-small.role-extra,
h6.size-small.role-extra,
h1.heading.size-small.role-extra,
h2.heading.size-small.role-extra,
h3.heading.size-small.role-extra,
h4.heading.size-small.role-extra,
h5.heading.size-small.role-extra,
h6.heading.size-small.role-extra,
p.heading.size-small.role-extra,
span.heading.size-small.role-extra {
  font-size: var(--DisplayExtraSmallFontSize);
  line-height: var(--DisplayExtraSmallLineHeight);
  letter-spacing: var(--DisplayExtraSmallLetterSpacing);
}
h1.status-green:after,
h1.status-grey:after,
h1.status-red:after,
h2.status-green:after,
h2.status-grey:after,
h2.status-red:after,
h3.status-green:after,
h3.status-grey:after,
h3.status-red:after,
h4.status-green:after,
h4.status-grey:after,
h4.status-red:after,
h5.status-green:after,
h5.status-grey:after,
h5.status-red:after,
h6.status-green:after,
h6.status-grey:after,
h6.status-red:after,
h1.heading.status-green:after,
h1.heading.status-grey:after,
h1.heading.status-red:after,
h2.heading.status-green:after,
h2.heading.status-grey:after,
h2.heading.status-red:after,
h3.heading.status-green:after,
h3.heading.status-grey:after,
h3.heading.status-red:after,
h4.heading.status-green:after,
h4.heading.status-grey:after,
h4.heading.status-red:after,
h5.heading.status-green:after,
h5.heading.status-grey:after,
h5.heading.status-red:after,
h6.heading.status-green:after,
h6.heading.status-grey:after,
h6.heading.status-red:after,
p.heading.status-green:after,
p.heading.status-grey:after,
p.heading.status-red:after,
span.heading.status-green:after,
span.heading.status-grey:after,
span.heading.status-red:after {
  display: inline-block;
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 100%;
  position: relative;
  top: -12px;
}
h1.status-green:after,
h2.status-green:after,
h3.status-green:after,
h4.status-green:after,
h5.status-green:after,
h6.status-green:after,
h1.heading.status-green:after,
h2.heading.status-green:after,
h3.heading.status-green:after,
h4.heading.status-green:after,
h5.heading.status-green:after,
h6.heading.status-green:after,
p.heading.status-green:after,
span.heading.status-green:after {
  background-color: var(--RefTertiaryTertiary60);
}
h1.status-grey:after,
h2.status-grey:after,
h3.status-grey:after,
h4.status-grey:after,
h5.status-grey:after,
h6.status-grey:after,
h1.heading.status-grey:after,
h2.heading.status-grey:after,
h3.heading.status-grey:after,
h4.heading.status-grey:after,
h5.heading.status-grey:after,
h6.heading.status-grey:after,
p.heading.status-grey:after,
span.heading.status-grey:after {
  background-color: var(--RefNeutralNeutral60);
}
h1.status-red:after,
h2.status-red:after,
h3.status-red:after,
h4.status-red:after,
h5.status-red:after,
h6.status-red:after,
h1.heading.status-red:after,
h2.heading.status-red:after,
h3.heading.status-red:after,
h4.heading.status-red:after,
h5.heading.status-red:after,
h6.heading.status-red:after,
p.heading.status-red:after,
span.heading.status-red:after {
  background-color: var(--RefErrorError60);
}
.bg-dark .heading {
  color: var(--White);
}
.bg-dark.margin-bottom-none {
  margin: 0 0 var(--spacing0);
}
@media screen and (min-width: 600px) {
  h1.heading.size-large.role-display,
  h2.heading.size-large.role-display,
  h3.heading.size-large.role-display,
  h4.heading.size-large.role-display,
  h5.heading.size-large.role-display,
  h6.heading.size-large.role-display,
  p.heading.size-large.role-display,
  span.heading.size-large.role-display {
    font-size: var(--DisplayLargeFontSize);
    line-height: var(--DisplayLargeLineHeight);
  }
  h1.heading.size-large.role-headline,
  h2.heading.size-large.role-headline,
  h3.heading.size-large.role-headline,
  h4.heading.size-large.role-headline,
  h5.heading.size-large.role-headline,
  h6.heading.size-large.role-headline,
  p.heading.size-large.role-headline,
  span.heading.size-large.role-headline {
    font-size: var(--HeadlineLargeFontSize);
    line-height: var(--HeadlineLargeLineHeight);
  }
  h1.heading.size-large.role-title,
  h2.heading.size-large.role-title,
  h3.heading.size-large.role-title,
  h4.heading.size-large.role-title,
  h5.heading.size-large.role-title,
  h6.heading.size-large.role-title,
  p.heading.size-large.role-title,
  span.heading.size-large.role-title {
    font-size: var(--TitleLargeFontSize);
    line-height: var(--TitleLargeLineHeight);
  }
  h1.heading.size-large.role-label,
  h2.heading.size-large.role-label,
  h3.heading.size-large.role-label,
  h4.heading.size-large.role-label,
  h5.heading.size-large.role-label,
  h6.heading.size-large.role-label,
  p.heading.size-large.role-label,
  span.heading.size-large.role-label {
    font-size: var(--LabelLargeFontSize);
    line-height: var(--LabelLargeLineHeight);
    font-weight: var(--LabelLargeFontWeight);
  }
  h1.heading.size-large.role-extra,
  h2.heading.size-large.role-extra,
  h3.heading.size-large.role-extra,
  h4.heading.size-large.role-extra,
  h5.heading.size-large.role-extra,
  h6.heading.size-large.role-extra,
  p.heading.size-large.role-extra,
  span.heading.size-large.role-extra {
    font-size: var(--DisplayExtraLargeFontSize);
    line-height: var(--DisplayExtraLargeLineHeight);
  }
  h1.heading.size-medium.role-display,
  h2.heading.size-medium.role-display,
  h3.heading.size-medium.role-display,
  h4.heading.size-medium.role-display,
  h5.heading.size-medium.role-display,
  h6.heading.size-medium.role-display,
  p.heading.size-medium.role-display,
  span.heading.size-medium.role-display {
    font-size: var(--DisplayMediumFontSize);
    line-height: var(--DisplayMediumLineHeight);
  }
  h1.heading.size-medium.role-headline,
  h2.heading.size-medium.role-headline,
  h3.heading.size-medium.role-headline,
  h4.heading.size-medium.role-headline,
  h5.heading.size-medium.role-headline,
  h6.heading.size-medium.role-headline,
  p.heading.size-medium.role-headline,
  span.heading.size-medium.role-headline {
    font-size: var(--HeadlineMediumFontSize);
    line-height: var(--HeadlineMediumLineHeight);
  }
  h1.heading.size-medium.role-title,
  h2.heading.size-medium.role-title,
  h3.heading.size-medium.role-title,
  h4.heading.size-medium.role-title,
  h5.heading.size-medium.role-title,
  h6.heading.size-medium.role-title,
  p.heading.size-medium.role-title,
  span.heading.size-medium.role-title {
    font-size: var(--TitleMediumFontSize);
    line-height: var(--TitleMediumLineHeight);
  }
  h1.heading.size-medium.role-label,
  h2.heading.size-medium.role-label,
  h3.heading.size-medium.role-label,
  h4.heading.size-medium.role-label,
  h5.heading.size-medium.role-label,
  h6.heading.size-medium.role-label,
  p.heading.size-medium.role-label,
  span.heading.size-medium.role-label {
    font-size: var(--LabelMediumFontSize);
    line-height: var(--LabelMediumLineHeight);
  }
  h1.heading.size-medium.role-extra,
  h2.heading.size-medium.role-extra,
  h3.heading.size-medium.role-extra,
  h4.heading.size-medium.role-extra,
  h5.heading.size-medium.role-extra,
  h6.heading.size-medium.role-extra,
  p.heading.size-medium.role-extra,
  span.heading.size-medium.role-extra {
    font-size: var(--DisplayExtraMediumFontSize);
    line-height: var(--DisplayExtraMediumLineHeight);
    letter-spacing: var(--DisplayExtraMediumLetterSpacing);
  }
  h1.heading.size-small.role-display,
  h2.heading.size-small.role-display,
  h3.heading.size-small.role-display,
  h4.heading.size-small.role-display,
  h5.heading.size-small.role-display,
  h6.heading.size-small.role-display,
  p.heading.size-small.role-display,
  span.heading.size-small.role-display {
    font-size: var(--DisplaySmallFontSize);
    line-height: var(--DisplaySmallLineHeight);
  }
  h1.heading.size-small.role-extra,
  h2.heading.size-small.role-extra,
  h3.heading.size-small.role-extra,
  h4.heading.size-small.role-extra,
  h5.heading.size-small.role-extra,
  h6.heading.size-small.role-extra,
  p.heading.size-small.role-extra,
  span.heading.size-small.role-extra {
    font-size: var(--DisplayExtraSmallFontSize);
    line-height: var(--DisplayExtraSmallLineHeight);
    letter-spacing: var(--DisplayExtraSmallLetterSpacing);
  }
}