@charset "UTF-8";
.social-icons-list[class][class] {
  display: flex;
  align-items: center;
  margin: 0;
  list-style: none;
}
.social-icons-list--centered {
  justify-content: center;
}
.social-icons-list[class][class] li:not(:last-child) {
  margin-right: 7px;
}
.social-icons-list a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #969ea2;
  border-radius: 100%;
  width: 30px;
  height: 30px;
}
.social-icons-list__link--twitter:hover {
  background-color: #00aced;
}
.social-icons-list__link--facebook:hover {
  background-color: #3b5998;
}
.social-icons-list__link--linkedin:hover {
  background-color: #0976b4;
}
.social-icons-list__link--youtube:hover {
  background-color: #e52d27;
}
.social-icons-list__link--rss:hover {
  background-color: #ff4a00;
}
.social-icons-list__icon[class] {
  fill: #fff;
}

.google-sso-flow,
.sso-flow {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #f1f4f5;
}
.google-sso-flow__inner,
.sso-flow__inner {
  max-width: 50rem;
  padding: 4rem 6rem 2.5rem;
  background-color: var(--zds-colors-neutral-100, #fff);
  border-radius: 4px;
  border: 1px solid #dadfe2;
  margin: 40px 0 500px;
}
.google-sso-flow__form,
.sso-flow__form {
  margin: 3rem 0;
}

.checkmark {
  background: linear-gradient(#ff4a00, #eba344) no-repeat, #ff4a00;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 26px;
  height: 26px;
  font-size: 13px;
}

.landing-page {
  background: var(--zds-colors-neutral-100, #fff);
}

.landing-page-description {
  color: #969ea2;
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 0;
}

.landing-page-feature__icon-wrap {
  margin: 0 auto 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.landing-page-feature__icon {
  display: block;
  height: auto;
}
.landing-page-feature__title {
  color: #5f6c72;
  font-size: 2.6rem;
  font-weight: 400;
  margin: 0 0 5px;
  padding: 0;
  letter-spacing: -0.01em;
}
.landing-page-feature__title, .landing-page-feature__description {
  text-align: center;
}
.landing-page-feature__description {
  max-width: 21em;
  margin: 0 auto;
}
.landing-page-feature__link {
  margin: 1.5em auto 0;
  text-align: center;
}
.landing-page-feature__tag {
  margin-left: 0.5rem;
}
.landing-page-feature--square {
  max-width: 26rem;
}
.landing-page-feature--square .landing-page-feature__icon {
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 756px) {
  .landing-page-feature--square .landing-page-feature__icon {
    width: 60px;
    height: 60px;
  }
}

.landing-page-features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1040px;
  margin: 0 auto -8rem;
}
.landing-page-features--three-or-more-items {
  justify-content: flex-start;
  max-width: 1500px;
}
@media screen and (min-width: 900px) {
  .landing-page-features {
    justify-content: space-between;
  }
  .landing-page-features--three-or-more-items {
    justify-content: flex-start;
  }
}
.landing-page-features__feature {
  margin: 0 auto 8rem;
  padding: 0 5px;
}
@media screen and (min-width: 550px) {
  .landing-page-features__feature {
    max-width: 525px;
  }
}
@media screen and (min-width: 900px) {
  .landing-page-features__feature {
    max-width: 48%;
  }
}
.landing-page-features--space-around {
  justify-content: space-around;
}

.landing-page-hero {
  background: #f1f4f5;
  color: #fff;
  text-align: center;
  padding: 50px 25px;
}
@media screen and (min-width: 750px) {
  .landing-page-hero {
    padding: 70px 50px;
  }
}
.landing-page-hero--bare {
  padding-top: 0;
}
.landing-page-hero--bare-bottom {
  padding-bottom: 0;
}
.landing-page-hero--transparent {
  background: none;
}
.landing-page-hero--border {
  border-top: 1px solid #f1f4f5;
}
.landing-page-hero__inner {
  max-width: 620px;
  margin: 0 auto;
}
.landing-page-hero__inner--no-limits {
  max-width: none;
}
.landing-page-hero__image {
  display: block;
  margin: 40px auto 30px;
}
.landing-page-hero__subtitle {
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #5f6c72;
}
.landing-page-hero__title {
  font-size: 3rem;
  font-weight: 400;
  margin: 0 0 1.5rem;
  padding: 0;
  color: #354147;
}
@media screen and (max-width: 750px) {
  .landing-page-hero__title {
    font-size: 2.8rem;
  }
}
.landing-page-hero__description {
  color: #969ea2;
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 0 auto 2rem;
  max-width: 30em;
}
.landing-page-hero--large-description .landing-page-hero__description {
  font-size: 2rem;
  color: #5f6c72;
}
.landing-page-hero__call-out-link {
  color: #969ea2;
  margin: 2rem auto;
}
.landing-page-hero__button {
  min-width: 20rem;
}

.landing-page-logos {
  max-width: 900px;
  margin: 0 auto;
}
.landing-page-logos__title {
  color: #5f6c72;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  margin: 0 auto 50px;
}
.landing-page-logos__list {
  margin: 0 0 -45px;
  text-align: center;
}
.landing-page-logos__list-item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 22px 45px;
}
.landing-page-logos__image {
  display: block;
}

.landing-page-screenshot {
  max-width: 1200px;
  margin: 0 auto;
  background: #dadfe2;
  padding: 20px 1px 1px;
  position: relative;
  border-radius: 3px 3px 0 0;
}
.landing-page-screenshot::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #f1f4f5;
  position: absolute;
  top: 7px;
  left: 10px;
  box-shadow: 10px 0 0 0 #f1f4f5, 20px 0 0 0 #f1f4f5;
}
.landing-page-screenshot img {
  display: block;
}

.landing-page-section {
  padding: 55px 25px;
}
.landing-page-section--close-top {
  padding-top: 0;
}
.landing-page-section--centered {
  max-width: 1200px;
  margin: 0 auto;
}
.landing-page-section--long-bottom {
  padding-bottom: 15rem;
}
.landing-page-section--bleed-bottom {
  padding-bottom: 0;
}
.landing-page-section--bleed-bottom img {
  display: block;
}
.landing-page-section--tight {
  padding-top: 30px;
  padding-bottom: 30px;
}
.landing-page-section--alt {
  background-image: linear-gradient(0deg, #fff, #f1f5f7);
}
.landing-page-section--light {
  background-color: #f1f4f5;
}
.landing-page-section--light .landing-page-description {
  color: #5f6c72;
}
.landing-page-section--dark {
  background-color: #354147;
}
.landing-page-section__icon {
  margin: 2rem auto;
  display: block;
  width: 60px;
  height: 60px;
}
@media screen and (min-width: 756px) {
  .landing-page-section__icon {
    width: 80px;
    height: 80px;
  }
}
.landing-page-section--bordered {
  border-top: 1px solid #f1f4f5;
}
.landing-page-section--bordered-bottom {
  border-bottom: 1px solid #f1f4f5;
}
.landing-page-section__content-image--desktop {
  display: none;
}
.landing-page-section__content-image--tablet {
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 620px) {
  .landing-page-section__content-image--desktop {
    display: block;
  }
  .landing-page-section__content-image--tablet {
    display: none;
  }
}
@media screen and (min-width: 760px) {
  .landing-page-section--two-column .landing-page-section__inner {
    display: flex;
    justify-content: center;
    column-gap: 5rem;
  }
  .landing-page-section--two-column .landing-page-section__header-wrap {
    margin-top: 2rem;
    margin-right: 3rem;
    width: 40rem;
  }
  .landing-page-section--two-column.landing-page-section--reversed .landing-page-section__header-wrap {
    margin-right: 0;
    margin-left: 3rem;
  }
  .landing-page-section--two-column .landing-page-section__content {
    width: 53rem;
  }
}
.landing-page-section--reversed .landing-page-section__inner {
  flex-direction: row-reverse;
}
.landing-page-section + .landing-page-section:not(.landing-page-section--no-border) {
  border-top: 1px solid #f1f4f5;
}

.landing-page-section-header {
  text-align: center;
  margin: 0 auto 5rem;
  max-width: 60rem;
}
.landing-page-section-header--bare-bottom {
  margin-bottom: 0;
}
.landing-page-section-header--plain {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}
.landing-page-section-header--top-pad {
  margin-top: 55px;
}
.landing-page-section-header--full {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  padding: 0 25px;
}
.landing-page-section-header__block-tag {
  margin-bottom: 1.3rem;
}
.landing-page-section-header__inline-tag {
  margin-left: 0.5rem;
}
.landing-page-section-header__title {
  font-size: 3rem;
  font-weight: 400;
  margin: 0 0 0.4em;
  padding: 0;
  color: #354147;
}
.landing-page-section-header__title--bare-bottom {
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  .landing-page-section-header__title {
    font-size: 2.2rem;
  }
}
.landing-page-section-header__title--dark {
  color: var(--zds-colors-neutral-100, #fff);
}
.landing-page-section-header__title--slim {
  font-size: 2.5rem;
  line-height: 3rem;
  padding: 27px 25px 0;
  color: var(--zds-colors-neutral-100, #fff);
  font-weight: normal;
  max-width: 727px;
  margin: 0 auto 3rem;
}
@media screen and (min-width: 1024px) {
  .landing-page-section-header__title--slim {
    font-size: 3.8rem;
    line-height: 5rem;
    padding: 0;
  }
}
.landing-page-section-header--subheader .landing-page-section-header__title {
  font-size: 2.6rem;
}
.landing-page-section-header__cta {
  margin-top: 2em;
}

.landing-page-simple-feature {
  display: flex;
}
.landing-page-simple-feature__icon {
  flex: none;
  margin: 4px 20px 0 0;
}
.landing-page-simple-feature__content {
  flex: 1;
}
@media screen and (min-width: 500px) {
  .landing-page-simple-feature__content {
    min-width: 20em;
  }
}
.landing-page-simple-feature__title {
  font-size: 1.6rem;
  color: #354147;
  font-weight: 400;
  margin: 0 0 0.5em;
  padding: 0;
}

.landing-page-testimionial {
  background-color: var(--zds-colors-neutral-100, #fff);
  border-radius: 4px;
  border: 1px solid #dadfe2;
  padding: 20px;
  flex: 1 0 360px;
  display: flex;
  flex-flow: row nowrap;
}
.landing-page-testimionial__profile {
  width: 90px;
  height: 90px;
}
.landing-page-testimionial__content {
  font-size: 1.4rem;
  color: #969ea2;
  margin: 0 0 0 24px;
}
.landing-page-testimionial__quote {
  display: block;
}
.landing-page-testimionial__author {
  display: block;
  font-weight: 600;
  margin: 10px 0 0;
}

.landing-page-testimionials {
  display: flex;
  flex-flow: row wrap;
}
.landing-page-testimionials > * {
  margin: 12px;
}

.landing-page-blog-post {
  display: flex;
  flex-flow: column nowrap;
  background-color: var(--zds-colors-neutral-100, #fff);
  box-shadow: 0 2px 16px 0 rgba(95, 108, 114, 0.18), 0 0 1px 0 rgba(95, 108, 114, 0.08);
  border-radius: 4px;
}
.landing-page-blog-post:hover {
  text-decoration: none;
}
.landing-page-blog-post:hover .landing-page-blog-post__background {
  transform: scale(1.1);
}
.landing-page-blog-post:hover .landing-page-blog-post__title {
  text-decoration: underline;
}
.landing-page-blog-post__top {
  position: relative;
  text-align: center;
  overflow: hidden;
  flex: 1 0 0;
}
.landing-page-blog-post__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: 900px;
  background-position: center;
  transition: transform 200ms ease-out;
}
.landing-page-blog-post__background::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.landing-page-blog-post__title {
  position: relative;
  color: var(--zds-colors-neutral-100, #fff);
  font-size: 1.8rem;
  font-weight: 600;
  padding: 79px 20px 71px;
}
.landing-page-blog-post__title-divider {
  display: block;
  width: 50px;
  height: 1px;
  background-color: rgba(var(--zds-colors-neutral-100, #fff), 0.7);
  margin: 30px auto 14px;
}
.landing-page-blog-post__subtitle {
  display: block;
  text-transform: uppercase;
  color: rgba(var(--zds-colors-neutral-100, #fff), 0.7);
  font-size: 1.3rem;
  letter-spacing: 1px;
}
.landing-page-blog-post__snippet {
  color: #5f6c72;
  font-size: 1.6rem;
  padding: 20px;
  margin: 0;
}

.landing-page-blog-posts {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 70px 0 0;
}
.landing-page-blog-posts > * {
  flex: 1 0 260px;
  margin: 12px;
  height: 410px;
  max-width: 330px;
}

.landing-page-separator {
  background-color: #f1f4f5;
  color: #5f6c72;
  font-size: 1.8rem;
  text-align: center;
  padding: 2.5em 0;
}
.landing-page-separator--light {
  background-color: var(--zds-colors-neutral-100, #fff);
}
.landing-page-separator--tight {
  padding: 1.5em 0;
}
.landing-page-separator__inner {
  max-width: 41em;
  margin: 0 auto;
  padding: 0 1em;
}
.landing-page-separator__title {
  padding-top: 0;
}
.landing-page-separator__description {
  margin: 0;
}
.landing-page-separator--bordered-bottom {
  border-bottom: 1px solid #f1f4f5;
}

.landing-page-apps {
  text-align: center;
  max-width: 930px;
  margin: 0 auto -50px;
}
.landing-page-apps__app {
  display: inline-block;
  width: 19%;
  min-width: 110px;
  min-width: -webkit-min-content;
  min-width: min-content;
  padding: 0 20px;
  margin: 0 0 50px;
}

.simple-features-list {
  font-size: 1.6rem;
  line-height: 1.7;
  margin: 0;
}
.simple-features-list li {
  display: flex;
  margin-bottom: 0.5em;
}
.simple-features-list__icon {
  fill: #499df3;
  margin: 0.3em 0.5em 0 0;
}

.signup-hero {
  background: url("/zapier/images/homepage/heroes/hero.png") center -80px, linear-gradient(to bottom, #2b3946, #384a5b);
  background-size: 2500px 700px, 100%;
  padding: 4em 0;
  min-height: 500px;
}
@media screen and (max-width: 750px) {
  .signup-hero {
    background: linear-gradient(to bottom, #2b3946, #384a5b);
    margin: 0;
    padding: 2em 0;
  }
}
.signup-hero__container {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 750px) {
  .signup-hero__container {
    flex-direction: row;
    align-items: flex-start;
  }
}
.signup-hero__cta {
  max-width: 520px;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .signup-hero__cta {
    margin-right: 2em;
    text-align: left;
  }
}
.signup-hero__title {
  color: var(--zds-colors-neutral-100, #fff);
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 0.5em;
  padding: 0;
}
@media screen and (max-width: 750px) {
  .signup-hero__title {
    font-size: 2em;
  }
}
.signup-hero__description {
  color: var(--zds-colors-neutral-100, #fff);
  color: rgba(var(--zds-colors-neutral-100, #fff), 0.7);
  font-size: 1.3em;
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  .signup-hero__description {
    margin-bottom: 2em;
  }
}
.signup-hero__form-container {
  margin-left: auto;
  width: 421px;
  background-color: var(--zds-colors-neutral-100, #fff);
  padding: 20px;
  border: 1px solid #dadfe2;
  border-radius: 4px;
}
@media screen and (max-width: 750px) {
  .signup-hero__form-container {
    margin: 0 auto;
    width: 100%;
  }
}

.teams-landing-v2__feature-icon {
  min-height: 180px;
}
@media screen and (min-width: 920px) {
  .teams-landing-v2 .teams-landing-v2__character-section {
    padding-top: 70px;
    padding-bottom: 100px;
  }
}
.teams-landing-v2 .teams-landing-v2__character {
  position: absolute;
  display: none;
}
@media screen and (min-width: 920px) {
  .teams-landing-v2 .teams-landing-v2__character {
    display: block;
  }
}
.teams-landing-v2 .teams-landing-v2__character--share {
  bottom: -30px;
  right: -119px;
}
.teams-landing-v2 .teams-landing-v2__character--move {
  bottom: -40px;
  left: -210px;
}
.teams-landing-v2 .teams-landing-v2__character--manage {
  bottom: -40px;
  right: -135px;
}
@media screen and (min-width: 920px) {
  .teams-landing-v2__footer {
    display: grid;
    grid-template-columns: minmax(-webkit-min-content, 540px) minmax(30px, 1fr) 330px;
    grid-template-columns: minmax(min-content, 540px) minmax(30px, 1fr) 330px;
  }
}
.teams-landing-v2__footer-col {
  max-width: 43em;
  margin: 0 auto;
}
@media screen and (min-width: 920px) {
  .teams-landing-v2__footer-col {
    max-width: none;
    margin: 0;
    align-self: center;
  }
}
.teams-landing-v2__footer-col--primary {
  margin-bottom: 3rem;
}
@media screen and (min-width: 920px) {
  .teams-landing-v2__footer-col--primary {
    margin-bottom: 0;
    grid-column: 1/1;
  }
}
@media screen and (min-width: 920px) {
  .teams-landing-v2__footer-col--secondary {
    grid-column: 3/3;
  }
}
.teams-landing-v2__footer-call-out {
  color: #5f6c72;
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
  margin: 0;
}
@media screen and (min-width: 920px) {
  .teams-landing-v2__footer-call-out {
    text-align: left;
  }
}
.teams-landing-v2__footer-cta-col {
  display: flex;
  align-items: center;
}
.teams-landing-v2__footer-character {
  display: none;
}
@media screen and (min-width: 920px) {
  .teams-landing-v2__footer-character {
    display: block;
    margin-right: -1px;
  }
}
.teams-landing-v2__footer-button {
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 300px;
}
@media screen and (min-width: 920px) {
  .teams-landing-v2__footer-button {
    margin: 0;
    flex: 1;
  }
}

.email-preferences {
  max-width: 650px;
  margin: 40px auto;
  background-color: var(--zds-colors-neutral-100, #fff);
  padding: 35px;
  border-radius: 3px;
}
.email-preferences__intro-section {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 40px;
}
.email-preferences__email-zapling {
  width: 130px;
}
.email-preferences__heading {
  padding-bottom: 0;
}
.email-preferences__email {
  color: #969ea2;
}
.email-preferences__fieldset {
  margin-bottom: 60px;
}
.email-preferences__fieldset-legend {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 23px;
  font-weight: 600;
  margin-bottom: 15px;
}
.email-preferences__field {
  display: flex;
  cursor: pointer;
}
.email-preferences__field + .email-preferences__field {
  border-top: 1px solid #f1f4f5;
  margin-top: 20px;
  padding-top: 20px;
}
.email-preferences__field-checkbox {
  margin-top: 2px;
  margin-right: 10px;
}
.email-preferences__field-label {
  color: #354147;
  font-weight: 600;
  margin-bottom: 0;
}
.email-preferences__field-help-text {
  margin-bottom: 0;
}
.email-preferences__button-wrapper {
  text-align: right;
}
.email-preferences__button-wrapper-confirm {
  text-align: center;
}

.notification-reconsent {
  max-width: 650px;
  margin: 40px auto;
  background-color: var(--zds-colors-neutral-100, #fff);
  padding: 35px;
  border-radius: 3px;
}
.notification-reconsent__intro-section {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 40px;
}
.notification-reconsent__email-zapling {
  width: 130px;
}
.notification-reconsent__heading {
  padding-bottom: 0;
}
.notification-reconsent__email {
  color: #969ea2;
}
.notification-reconsent__fieldset {
  margin-bottom: 60px;
}
.notification-reconsent__fieldset-legend {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 23px;
  font-weight: 600;
  margin-bottom: 15px;
}
.notification-reconsent__field {
  display: flex;
  cursor: pointer;
}
.notification-reconsent__field + .notification-reconsent__field {
  border-top: 1px solid #f1f4f5;
  margin-top: 20px;
  padding-top: 20px;
}
.notification-reconsent__field-checkbox {
  margin-top: 2px;
  margin-right: 10px;
}
.notification-reconsent__field-label {
  color: #354147;
  font-weight: 600;
  margin-bottom: 0;
}
.notification-reconsent__field-help-text {
  margin-bottom: 0;
}
.notification-reconsent__button-wrapper {
  text-align: right;
}

.two-factor-recovery-codes {
  overflow: hidden;
}
.two-factor-recovery-codes__code {
  border-radius: 3px;
  padding: 1em;
}
.two-factor-recovery-codes__list {
  list-style: none;
  margin-bottom: 0;
}
.two-factor-recovery-codes__item {
  display: inline-block;
  margin-right: 2em;
}
.two-factor-recovery-codes__item::before {
  content: "\2022";
  margin-right: 1em;
}
.async-indicator {
  overflow: visible;
  color: #888;
}
@keyframes async-indicator-dot-pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.7);
  }
}
.async-indicator--inherit-color {
  color: inherit;
}
.async-indicator--centered {
  display: block;
  margin: 0 auto;
}
.async-indicator circle {
  fill: currentColor;
  animation: async-indicator-dot-pulse 0.5s ease-in-out alternate infinite;
}
.async-indicator circle:nth-child(1) {
  animation-delay: 0s;
}
.async-indicator circle:nth-child(2) {
  animation-delay: 0.1666666667s;
}
.async-indicator circle:nth-child(3) {
  animation-delay: 0.3333333333s;
}
@charset "UTF-8";
.svg-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.svg-icon * {
  fill: inherit;
}
.svg-icon--clickable {
  cursor: pointer;
}
.svg-icon--is-error {
  fill: #e52f00;
}
.svg-icon--is-success {
  fill: #13d0ab;
}
.svg-icon--is-warning {
  fill: #ffc43e;
}
.svg-icon--primary {
  fill: #499df3 !important;
}
.svg-icon--branded {
  fill: #ff4a00;
}
.svg-icon--subtle {
  fill: #969ea2 !important;
}
.svg-icon--subtlest {
  fill: #dadfe2 !important;
}
.svg-icon--does-not-exist {
  fill: none;
  stroke: #f00;
  stroke-width: 1px;
}
.svg-icon--spin {
  animation: spin 1.5s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-359deg);
  }
}
.svg-icon > svg {
  display: block;
  width: inherit;
  height: inherit;
}

.icon,
.fa {
  display: inline-block;
  border: 1px solid #f00;
  width: 1em;
  font-size: 14px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.icon::after,
.fa::after {
  content: "\D7";
  color: #f00;
  font-size: 1em;
}
.link--disabled[class] {
  text-decoration: none;
}
.link--unbreakable {
  white-space: nowrap;
}
.link--blue[class] {
  color: #499df3;
}
.button:not([data-zds])::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.button:not([data-zds]).button--primary {
  text-align: center;
  background: #499df3;
  color: var(--zds-colors-neutral-100, #fff);
  -webkit-text-fill-color: var(--zds-colors-neutral-100, #fff);
  border-color: transparent;
}
.button:not([data-zds]).button--primary.button--chameleon {
  background-color: transparent;
  border-color: #499df3;
  color: #499df3;
  -webkit-text-fill-color: #499df3;
}
.button:not([data-zds]).button--primary:hover, .button:not([data-zds]).button--primary:focus {
  background: #3b95f2;
  color: var(--zds-colors-neutral-100, #fff);
  -webkit-text-fill-color: var(--zds-colors-neutral-100, #fff);
}
.button:not([data-zds]).button--primary[disabled] {
  background: #499df3;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--primary-active {
  background: #3190f1;
}
.button:not([data-zds]).button--primary-active:hover, .button:not([data-zds]).button--primary-active:focus {
  background: #3190f1;
}
.button:not([data-zds]).button--secondary {
  text-align: center;
  background: #f1f4f5;
  color: #555;
  -webkit-text-fill-color: #555;
  border-color: transparent;
  border-color: #dadfe2;
}
.button:not([data-zds]).button--secondary.button--chameleon {
  background-color: transparent;
  border-color: #f1f4f5;
  color: #f1f4f5;
  -webkit-text-fill-color: #f1f4f5;
}
.button:not([data-zds]).button--secondary:hover, .button:not([data-zds]).button--secondary:focus {
  background: #e8edef;
  color: #555;
  -webkit-text-fill-color: #555;
}
.button:not([data-zds]).button--secondary[disabled] {
  background: #f1f4f5;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--secondary-active {
  background: #e2e8ea;
}
.button:not([data-zds]).button--secondary-active:hover, .button:not([data-zds]).button--secondary-active:focus {
  background: #e2e8ea;
}
.button:not([data-zds]).button--secondary-light {
  text-align: center;
  background: #fff;
  color: #969ea2;
  -webkit-text-fill-color: #969ea2;
  border-color: transparent;
  border-color: #dadfe2;
}
.button:not([data-zds]).button--secondary-light.button--chameleon {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.button:not([data-zds]).button--secondary-light:hover, .button:not([data-zds]).button--secondary-light:focus {
  background: #f7f7f7;
  color: #969ea2;
  -webkit-text-fill-color: #969ea2;
}
.button:not([data-zds]).button--secondary-light[disabled] {
  background: #fff;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--secondary-light-active {
  background: #f2f2f2;
}
.button:not([data-zds]).button--secondary-light-active:hover, .button:not([data-zds]).button--secondary-light-active:focus {
  background: #f2f2f2;
}
.button:not([data-zds]).button--neutral {
  text-align: center;
  background: #f1f4f5;
  color: #969ea2;
  -webkit-text-fill-color: #969ea2;
  border-color: transparent;
  border-color: #dadfe2;
}
.button:not([data-zds]).button--neutral.button--chameleon {
  background-color: transparent;
  border-color: #f1f4f5;
  color: #f1f4f5;
  -webkit-text-fill-color: #f1f4f5;
}
.button:not([data-zds]).button--neutral:hover, .button:not([data-zds]).button--neutral:focus {
  background: #e8edef;
  color: #969ea2;
  -webkit-text-fill-color: #969ea2;
}
.button:not([data-zds]).button--neutral[disabled] {
  background: #f1f4f5;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--neutral-active {
  background: #e2e8ea;
}
.button:not([data-zds]).button--neutral-active:hover, .button:not([data-zds]).button--neutral-active:focus {
  background: #e2e8ea;
}
.button:not([data-zds]).button--ui {
  text-align: center;
  background: #e8ebed;
  color: #5f6c72;
  -webkit-text-fill-color: #5f6c72;
  border-color: transparent;
  border-color: #dadfe2;
}
.button:not([data-zds]).button--ui.button--chameleon {
  background-color: transparent;
  border-color: #e8ebed;
  color: #e8ebed;
  -webkit-text-fill-color: #e8ebed;
}
.button:not([data-zds]).button--ui:hover, .button:not([data-zds]).button--ui:focus {
  background: #e0e4e6;
  color: #5f6c72;
  -webkit-text-fill-color: #5f6c72;
}
.button:not([data-zds]).button--ui[disabled] {
  background: #e8ebed;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--ui-active {
  background: #dadfe2;
}
.button:not([data-zds]).button--ui-active:hover, .button:not([data-zds]).button--ui-active:focus {
  background: #dadfe2;
}
.button:not([data-zds]).button--danger {
  text-align: center;
  background: #e52f00;
  color: #fff;
  -webkit-text-fill-color: #fff;
  border-color: transparent;
}
.button:not([data-zds]).button--danger.button--chameleon {
  background-color: transparent;
  border-color: #e52f00;
  color: #e52f00;
  -webkit-text-fill-color: #e52f00;
}
.button:not([data-zds]).button--danger:hover, .button:not([data-zds]).button--danger:focus {
  background: #d62c00;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.button:not([data-zds]).button--danger[disabled] {
  background: #e52f00;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--danger-active {
  background: #cc2a00;
}
.button:not([data-zds]).button--danger-active:hover, .button:not([data-zds]).button--danger-active:focus {
  background: #cc2a00;
}
.button:not([data-zds]).button--success {
  text-align: center;
  background: #62d493;
  color: #fff;
  -webkit-text-fill-color: #fff;
  border-color: transparent;
}
.button:not([data-zds]).button--success.button--chameleon {
  background-color: transparent;
  border-color: #62d493;
  color: #62d493;
  -webkit-text-fill-color: #62d493;
}
.button:not([data-zds]).button--success:hover, .button:not([data-zds]).button--success:focus {
  background: #56d18b;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.button:not([data-zds]).button--success[disabled] {
  background: #62d493;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--success-active {
  background: #4ecf85;
}
.button:not([data-zds]).button--success-active:hover, .button:not([data-zds]).button--success-active:focus {
  background: #4ecf85;
}
.button:not([data-zds]).button--team {
  text-align: center;
  background: #6061ed;
  color: #fff;
  -webkit-text-fill-color: #fff;
  border-color: transparent;
}
.button:not([data-zds]).button--team.button--chameleon {
  background-color: transparent;
  border-color: #6061ed;
  color: #6061ed;
  -webkit-text-fill-color: #6061ed;
}
.button:not([data-zds]).button--team:hover, .button:not([data-zds]).button--team:focus {
  background: #5253eb;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.button:not([data-zds]).button--team[disabled] {
  background: #6061ed;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--team-active {
  background: #494aea;
}
.button:not([data-zds]).button--team-active:hover, .button:not([data-zds]).button--team-active:focus {
  background: #494aea;
}
.button:not([data-zds]).button--continue {
  text-align: center;
  background: #13d0ab;
  color: var(--zds-colors-neutral-100, #fff);
  -webkit-text-fill-color: var(--zds-colors-neutral-100, #fff);
  border-color: transparent;
}
.button:not([data-zds]).button--continue.button--chameleon {
  background-color: transparent;
  border-color: #13d0ab;
  color: #13d0ab;
  -webkit-text-fill-color: #13d0ab;
}
.button:not([data-zds]).button--continue:hover, .button:not([data-zds]).button--continue:focus {
  background: #12c29f;
  color: var(--zds-colors-neutral-100, #fff);
  -webkit-text-fill-color: var(--zds-colors-neutral-100, #fff);
}
.button:not([data-zds]).button--continue[disabled] {
  background: #13d0ab;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--continue-active {
  background: #11b998;
}
.button:not([data-zds]).button--continue-active:hover, .button:not([data-zds]).button--continue-active:focus {
  background: #11b998;
}
.button:not([data-zds]).button--important {
  text-align: center;
  background: #ff4a00;
  color: #fff;
  -webkit-text-fill-color: #fff;
  border-color: transparent;
}
.button:not([data-zds]).button--important.button--chameleon {
  background-color: transparent;
  border-color: #ff4a00;
  color: #ff4a00;
  -webkit-text-fill-color: #ff4a00;
}
.button:not([data-zds]).button--important:hover, .button:not([data-zds]).button--important:focus {
  background: #f04600;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.button:not([data-zds]).button--important[disabled] {
  background: #ff4a00;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--important-active {
  background: #e64300;
}
.button:not([data-zds]).button--important-active:hover, .button:not([data-zds]).button--important-active:focus {
  background: #e64300;
}
.button:not([data-zds]).button--borderless {
  border-color: transparent;
}
.button:not([data-zds]).button--black {
  text-align: center;
  background: #000;
  color: #fff;
  -webkit-text-fill-color: #fff;
  border-color: transparent;
  color: #fff;
}
.button:not([data-zds]).button--black.button--chameleon {
  background-color: transparent;
  border-color: #000;
  color: #000;
  -webkit-text-fill-color: #000;
}
.button:not([data-zds]).button--black:hover, .button:not([data-zds]).button--black:focus {
  background: black;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.button:not([data-zds]).button--black[disabled] {
  background: #000;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--black-active {
  background: black;
}
.button:not([data-zds]).button--black-active:hover, .button:not([data-zds]).button--black-active:focus {
  background: black;
}
.button:not([data-zds]).button--recommended {
  text-align: center;
  background: #32b76b;
  color: #fff;
  -webkit-text-fill-color: #fff;
  border-color: transparent;
}
.button:not([data-zds]).button--recommended.button--chameleon {
  background-color: transparent;
  border-color: #32b76b;
  color: #32b76b;
  -webkit-text-fill-color: #32b76b;
}
.button:not([data-zds]).button--recommended:hover, .button:not([data-zds]).button--recommended:focus {
  background: #2fab64;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.button:not([data-zds]).button--recommended[disabled] {
  background: #32b76b;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--recommended-active {
  background: #2da35f;
}
.button:not([data-zds]).button--recommended-active:hover, .button:not([data-zds]).button--recommended-active:focus {
  background: #2da35f;
}
.button:not([data-zds]).button--gloomy {
  text-align: center;
  background: #929fa5;
  color: #fff;
  -webkit-text-fill-color: #fff;
  border-color: transparent;
}
.button:not([data-zds]).button--gloomy.button--chameleon {
  background-color: transparent;
  border-color: #929fa5;
  color: #929fa5;
  -webkit-text-fill-color: #929fa5;
}
.button:not([data-zds]).button--gloomy:hover, .button:not([data-zds]).button--gloomy:focus {
  background: #8a979e;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.button:not([data-zds]).button--gloomy[disabled] {
  background: #929fa5;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--gloomy-active {
  background: #859399;
}
.button:not([data-zds]).button--gloomy-active:hover, .button:not([data-zds]).button--gloomy-active:focus {
  background: #859399;
}
.button:not([data-zds]).button--warning-banner-cta {
  text-align: center;
  background: #fd7622;
  color: var(--zds-colors-neutral-100, #fff);
  -webkit-text-fill-color: var(--zds-colors-neutral-100, #fff);
  border-color: transparent;
}
.button:not([data-zds]).button--warning-banner-cta.button--chameleon {
  background-color: transparent;
  border-color: #fd7622;
  color: #fd7622;
  -webkit-text-fill-color: #fd7622;
}
.button:not([data-zds]).button--warning-banner-cta:hover, .button:not([data-zds]).button--warning-banner-cta:focus {
  background: #fd6d13;
  color: var(--zds-colors-neutral-100, #fff);
  -webkit-text-fill-color: var(--zds-colors-neutral-100, #fff);
}
.button:not([data-zds]).button--warning-banner-cta[disabled] {
  background: #fd7622;
  opacity: 0.5;
  cursor: default;
}
.button:not([data-zds]).button--warning-banner-cta-active {
  background: #fd6609;
}
.button:not([data-zds]).button--warning-banner-cta-active:hover, .button:not([data-zds]).button--warning-banner-cta-active:focus {
  background: #fd6609;
}
.button:not([data-zds]).button--clear {
  background-color: transparent;
  color: #969ea2;
  -webkit-text-fill-color: #969ea2;
}
.button:not([data-zds]).button--block {
  width: 100%;
}
.button:not([data-zds]).button--min-width {
  min-width: 9em;
}
.button:not([data-zds]).button--margin-left-auto {
  margin-left: auto;
}
.button:not([data-zds]).button--uppercase {
  text-transform: uppercase;
}
.button:not([data-zds]).button--micro {
  height: 18px;
  line-height: 16px;
  font-size: 1.2rem;
  padding: 0 4px;
}
.button:not([data-zds]).button--micro .button__icon {
  width: 10px;
  height: 10px;
}
.button:not([data-zds]).button--small {
  font-size: 1.2rem;
}
.button:not([data-zds]).button--small .button__icon {
  width: 10px;
  height: 10px;
  line-height: 1;
}
.button:not([data-zds]).button--large {
  font-size: 1.3rem;
  padding: 1em;
}
.button:not([data-zds]).button--large .button__icon {
  width: 16px;
  height: 16px;
}
.button:not([data-zds]).button--xlarge {
  font-size: 1.5rem;
  padding: 1.2em;
  font-weight: 600;
}
.button:not([data-zds]).button--as-link {
  display: inline;
  font-size: 1em;
  font-weight: inherit;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  overflow: visible;
  -webkit-user-select: initial;
          user-select: initial;
  vertical-align: baseline;
  white-space: inherit;
  text-align: inherit;
  text-decoration: underline;
}
.button:not([data-zds]).button--as-link:hover, .button:not([data-zds]).button--as-link:focus {
  background: none;
  text-decoration: underline;
  border: none;
}
.button:not([data-zds]).button--as-link.button--danger {
  color: #e52f00;
  -webkit-text-fill-color: #e52f00;
}
.button:not([data-zds]).button--as-link .button__text {
  display: inherit;
}
.button:not([data-zds]).button--as-colored-link {
  display: inline;
  font-size: 1em;
  font-weight: inherit;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  overflow: visible;
  -webkit-user-select: initial;
          user-select: initial;
  vertical-align: baseline;
  white-space: inherit;
  text-align: inherit;
  color: #499df3;
  -webkit-text-fill-color: #499df3;
}
.button:not([data-zds]).button--as-colored-link:hover, .button:not([data-zds]).button--as-colored-link:focus {
  background: none;
  text-decoration: underline;
  border: none;
}
.button:not([data-zds]).button--as-colored-link.button--danger {
  color: #e52f00;
  -webkit-text-fill-color: #e52f00;
}
.button:not([data-zds]).button--as-colored-link .button__text {
  display: inherit;
}
.button:not([data-zds]).button--as-text {
  display: inline;
  font-size: 1em;
  font-weight: inherit;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  overflow: visible;
  -webkit-user-select: initial;
          user-select: initial;
  vertical-align: baseline;
  white-space: inherit;
  text-align: inherit;
}
.button:not([data-zds]).button--as-text:hover, .button:not([data-zds]).button--as-text:focus {
  background: none;
  text-decoration: underline;
  border: none;
}
.button:not([data-zds]).button--as-text.button--danger {
  color: #e52f00;
  -webkit-text-fill-color: #e52f00;
}
.button:not([data-zds]).button--as-text .button__text {
  display: inherit;
}
.button:not([data-zds]).button--as-text-centered {
  display: inline;
  font-size: 1em;
  font-weight: inherit;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  overflow: visible;
  -webkit-user-select: initial;
          user-select: initial;
  vertical-align: baseline;
  white-space: inherit;
  text-align: inherit;
  text-align: center;
}
.button:not([data-zds]).button--as-text-centered:hover, .button:not([data-zds]).button--as-text-centered:focus {
  background: none;
  text-decoration: underline;
  border: none;
}
.button:not([data-zds]).button--as-text-centered.button--danger {
  color: #e52f00;
  -webkit-text-fill-color: #e52f00;
}
.button:not([data-zds]).button--as-text-centered .button__text {
  display: inherit;
}
.button:not([data-zds]).button--icon-only {
  align-items: center;
  border-radius: 100%;
  display: inline-flex;
  height: 26px;
  justify-content: center;
  padding: 0;
  width: 26px;
}
.button:not([data-zds]).button--bold {
  font-weight: 600;
}

.button:not([data-zds]) __inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button--justify-between .button:not([data-zds]) __inner {
  justify-content: space-between;
}

.button:not([data-zds]) __icon {
  color: inherit;
  width: 13px;
  height: 13px;
}
.button:not([data-zds]) __icon--after:not(:only-child) {
  margin-left: 0.3em;
}
.button:not([data-zds]) __icon--before:not(:only-child) {
  margin-right: 0.3em;
}
.async-button {
  position: relative;
}
.async-button__text--invisible {
  visibility: hidden;
}
.async-button__indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.separator {
  display: flex;
  position: relative;
  margin: 2rem 0;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.separator__content {
  margin: 0 3rem;
}
.separator::before, .separator::after {
  flex: 1;
  content: "";
  border-bottom: 1px solid #5f6c72;
}
.separator--light {
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #969ea2;
  font-size: 1.3rem;
}
.separator--light::before, .separator--light::after {
  border-color: #dadfe2;
}
.text-input.text-input--large {
  padding: 12px;
}
.text-input.text-input--error {
  background-color: #fffbf9;
  border: 1px solid #ff4819;
}
.login-form__title {
  color: var(--zds-colors-neutral-100, #fff);
  font-size: 28px;
  font-weight: 400;
  line-height: 1.3em;
  padding: 0;
  margin: 0 0 1.2em;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .login-form__title {
    font-size: 1.5em;
    margin: 0 0 1em;
  }
}
.login-form .login-form__field--hidden {
  position: relative;
  overflow: hidden;
}
.login-form .login-form__field--hidden * {
  position: absolute;
  left: 100vw;
}
.login-form .login-form__input {
  border-radius: 3px;
  border-color: #dadfe2;
  color: #5f6c72;
  height: 45px;
  font-size: 14px;
}
.login-form .login-form__input--left {
  float: left;
  width: 48.5%;
}
.login-form .login-form__input--right {
  float: right;
  width: 48.5%;
  margin-left: 3%;
}
.login-form .login-form__input[disabled] {
  background-color: #f1f4f5;
}
.login-form .login-form__input:invalid {
  box-shadow: none;
}
.login-form__icon {
  margin: 0 0 10px;
}
.login-form__login-cta {
  margin-top: 1.5em;
  line-height: 20px;
  text-align: center;
}
.login-form__text {
  color: #5f6c72;
}
.login-form__text--description {
  font-size: 1.1em;
  margin-bottom: 1.5em;
  text-align: center;
  word-wrap: break-word;
  line-height: 1.4;
}
.login-form__text--welcome {
  font-size: 1.4rem;
  margin-bottom: 1.5em;
  text-align: center;
  font-weight: 600;
}
.login-form__text--footer {
  margin: 1.5em 0 0;
  line-height: 20px;
  text-align: center;
}
.login-form__text--login-cta {
  margin: 1.5em 0 0;
  line-height: 20px;
  text-align: center;
}
.login-form__text--message {
  margin: 15px 0 0;
  line-height: 1.6em;
}
.login-form__text--error {
  color: #ff4a00;
}
.login-form__text--success {
  color: #13d0ab;
}
.login-form__text a {
  color: inherit;
  text-decoration: underline;
}
.login-form__text a:hover {
  color: #499df3;
}
.login-form__error {
  color: #ff4a00;
  border-radius: 3px;
  background: #ffe1d6;
  font-size: 0.9em;
  margin-top: -0.5em 0 20px;
  padding: 0.7em 1em;
  width: 100%;
}
.login-form__error--left {
  float: left;
  width: 48.5%;
}
.login-form__error--right {
  float: right;
  width: 48.5%;
  margin-left: 3%;
}
.login-form__submitting-googlesso {
  align-items: center;
  flex-direction: column;
  color: #5f6c72;
  display: flex;
  font-size: 1.4rem;
  justify-content: center;
  min-height: 300px;
}
.message-bar {
  background: #969ea2;
  padding: 1em;
  border-radius: 3px;
  font-size: 1.4rem;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  color: #fff;
  display: flex;
  text-align: left;
  transition: background-color 300ms;
}
.message-bar--success {
  background-color: #62d493;
}
.message-bar--success-phantom {
  background-color: var(--zds-colors-neutral-100, #fff);
  border: 1px solid #62d493;
  color: #5f6c72;
}
.message-bar--success-phantom .message-bar__icon {
  color: #62d493;
}
.message-bar--success-ghost {
  background-color: #e2f7eb;
  border: 1px solid #62d493;
  color: #5f6c72;
}
.message-bar--success-ghost .message-bar__message {
  align-self: center;
}
.message-bar--success-ghost .message-bar__icon {
  color: #62d493;
}
.message-bar--error {
  background-color: #e52f00;
}
.message-bar--warning {
  background-color: #fff6e1;
  color: #354147;
}
.message-bar--info {
  background-color: #d3f2fb;
  color: #1098bf;
}
.message-bar--alert {
  background-color: #dadfe2;
  color: #697c87;
  font-weight: 600;
}
.message-bar--team {
  background-color: #6060ed;
}
.message-bar--marginless {
  margin-bottom: 0;
}
.message-bar--small {
  font-size: 1.3rem;
}
.message-bar--small .message-bar__message {
  line-height: 1.2;
}
.message-bar__icon {
  color: inherit;
  font-size: 16px;
  margin-top: 3px;
  margin-right: 8px;
}
.message-bar__dismiss {
  color: inherit;
  font-size: 14px;
  margin-top: 5px;
  margin-left: 8px;
}
.message-bar__message {
  line-height: 1.6;
  flex: 1;
  min-width: 0;
}
.message-bar__text, .message-bar__list {
  line-height: inherit;
  margin-bottom: 0;
  color: inherit !important;
}
.message-bar__text:not(:last-child), .message-bar__list:not(:last-child) {
  margin-bottom: 0.5em;
}
.message-bar p {
  margin-bottom: 1em;
}
.message-bar p:last-child {
  margin-bottom: 0;
}
ul.message-bar__list {
  list-style: circle;
}

ol.message-bar__list {
  list-style: decimal;
}

.message-bar a,
.message-bar a:visited,
.message-bar a:hover,
.message-bar a:active {
  color: inherit;
  text-decoration: underline;
}
.tag-v2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.9em;
  height: 2em;
  line-height: 2em;
  font-size: 10px;
  text-transform: uppercase;
  color: #fff;
  background: #969ea2;
  text-align: center;
  border-radius: 3px;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-indent: 0.15em;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
}
.tag-v2--secondary {
  background: #fff;
  color: #5f6c72;
}
.tag-v2--pill {
  border-radius: 50px;
  padding-left: 0.6em;
  padding-right: 0.6em;
}
.tag-v2--small {
  font-size: 0.9rem;
  line-height: 2.2em;
}
.tag-v2--beta {
  background-color: #67d395;
}
.tag-v2--premium {
  background-color: #f2b742;
}
.tag-v2--upcoming {
  background-color: #fd8f66;
}
.tag-v2--failure {
  background-color: #ff4a00;
}
.tag-v2--success {
  background-color: #13d0ab;
}
.tag-v2--branded {
  background: linear-gradient(#ff4a00, #eba344);
}
.tag-v2--deprecated {
  background-color: #929fa5;
}
.tag-v2--promo {
  background-color: #1098bf;
}
.tag-v2--warning {
  background-color: #fd7622;
}
.tag-v2--chameleon {
  border-color: currentColor;
  color: inherit;
  background: none;
}
.tag-v2__icon--before {
  margin-right: 5px;
}
.tag-v2__icon--after {
  margin-left: 5px;
}
.generic-heading {
  font-size: inherit;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  color: inherit;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}
.generic-heading--bold {
  font-weight: 600;
}
.generic-heading--uppercase {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.generic-heading--12 {
  font-size: 1.2rem;
}
.generic-heading--13 {
  font-size: 1.3rem;
}
.generic-heading--15 {
  font-size: 1.5rem;
}
.generic-heading--16 {
  font-size: 1.6rem;
}
.generic-heading--20 {
  font-size: 2rem;
}
.generic-heading--25 {
  font-size: 2.5rem;
}
.generic-heading--30 {
  font-size: 3rem;
}
.generic-heading--35 {
  font-size: 3.5rem;
}
.generic-heading--40 {
  font-size: 4rem;
}
.generic-heading--45 {
  font-size: 4.5rem;
}
.generic-heading--1-and-half-em-top {
  margin-top: 1.5em;
}
.generic-heading--1-em-top {
  margin-top: 1em;
}
.generic-heading--1-em-right {
  margin-right: 1em;
}
.generic-heading--1-em-bottom {
  margin-bottom: 1em;
}
.generic-heading--1-em-left {
  margin-left: 1em;
}
.generic-heading--half-em-bottom {
  margin-bottom: 0.5em;
}
.generic-heading--inline {
  display: inline-block;
}
.generic-heading--flex {
  display: flex;
  align-items: center;
}
.generic-heading--centered {
  text-align: center;
}
.generic-heading--deepspace {
  color: #354147;
}
.generic-heading--batmobile {
  color: #5f6c72;
}
.generic-heading--white {
  color: var(--zds-colors-neutral-100, #fff);
}
.generic-heading__icon--before {
  margin-right: 0.5em;
}
.generic-heading__icon--after {
  margin-left: 0.5em;
}
.simple-unauthed-promo__image {
  display: block;
  margin: 0 auto 15px;
}
.simple-unauthed-promo__tag {
  margin-bottom: 8px;
}
.simple-unauthed-promo .simple-unauthed-promo__title {
  color: #354147;
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 10px;
}
.simple-unauthed-promo__footer {
  margin-top: 25px;
}
.simple-unauthed-promo__cta {
  white-space: nowrap;
}
.simple-unauthed-promo .simple-unauthed-promo__mobile-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-bottom: 0.3em;
}
.simple-unauthed-promo__mobile-tag {
  margin-left: 1em;
}
.loading-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@keyframes popover-fade-in-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.popover {
  color: #499df3;
}
.popover--simple {
  z-index: 100;
}
.popover--dark {
  color: rgba(0, 0, 0, 0.8);
}
.popover--teams {
  color: #6061ed;
}
.popover--block {
  width: 100%;
}
.popover--medium-width {
  width: 280px;
}
.popover--up {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 10px);
}
.popover--up .popover__arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
}
.popover--down {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 10px);
}
.popover--down .popover__arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
}
.popover--right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 10px);
}
.popover--right .popover__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
}
.popover--left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 10px);
}
.popover--left .popover__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
}
.popover--align-left {
  left: -50%;
  right: auto;
  transform: none;
}
.popover--align-left .popover__arrow {
  left: 20px;
  right: auto;
  transform: none;
}
.popover--align-right {
  right: -50%;
  left: auto;
  transform: none;
}
.popover--align-right .popover__arrow {
  right: 20px;
  left: auto;
  transform: none;
}
.popover--fade-in {
  animation: popover-fade-in-animation 0.5s;
}
.popover__content-container {
  display: flex;
  align-items: flex-start;
  padding: 15px;
  border-radius: 4px;
  max-width: 400px;
  min-width: 100px;
  background-color: currentColor;
  text-align: center;
}
.popover--compact .popover__content-container {
  font-size: 1.3rem;
  line-height: 1.3;
  padding: 1rem;
}
.popover--no-wrap .popover__content-container {
  white-space: nowrap;
}
.popover--text-align-left .popover__content-container {
  text-align: left;
}
.popover__content {
  color: #fff;
  word-break: break-word;
  flex: 1;
  line-height: 1.5;
}
.popover__content p {
  margin: 0;
}
.popover__content a {
  color: inherit;
  text-decoration: underline;
}
.popover__close-button {
  color: #fff;
  width: 12px;
  height: 12px;
  flex: none;
  margin: 0.2em 0 0 0.5em;
}
.popover__arrow {
  display: block;
  fill: currentColor;
}

.popover-wrapper {
  position: relative;
}
.popover-wrapper--hoverable .popover {
  display: none;
}
.popover-wrapper--hoverable .popover::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  padding: 12px;
  box-sizing: content-box;
  z-index: -1;
}
.popover-wrapper--hoverable:hover .popover, .popover-wrapper--hoverable:focus .popover, .popover-wrapper--hoverable:focus-within .popover {
  display: block;
}
.feature-items {
  color: #969ea2;
}
.feature-items--separated .feature-items__item {
  border-bottom: 1px solid #f1f4f5;
  padding: 10px 0;
}
.feature-items--separated .feature-items__item:last-child {
  border-bottom: none;
}
.feature-items--darker {
  color: #5f6c72;
}
.feature-items__popover {
  display: inline;
}
.feature-items__popover-hover {
  text-decoration: underline;
}
.feature-items__popover-content {
  list-style: inside;
  margin: 0;
  text-align: left;
}
.zap-icons {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.zap-icons__step {
  display: flex;
  align-items: center;
}
.zap-icons__icon-wrap, .zap-icons__hidden-wrap {
  color: #5f6c72;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  border: 1px solid #eee;
  background-color: #f6f6f6;
  border-radius: 4px;
  width: 30px;
  height: 30px;
}
.zap-icons__icon {
  background-size: contain;
  width: 60%;
  height: 60%;
}
.zap-icons__caret {
  margin: 0 9px;
  color: #5f6c72;
  width: 7px;
  height: 7px;
}
:last-child > .zap-icons__caret {
  display: none;
}
.zap-icons--xsmall .zap-icons__icon-wrap {
  width: 16px;
  height: 16px;
}
.zap-icons--xsmall .zap-icons__hidden-wrap {
  width: 20px;
  height: 20px;
  font-size: 75%;
}
.zap-icons--xsmall .zap-icons__caret {
  margin: 0 7px;
}
.zap-icons--xsmall .zap-icons__hidden-wrap {
  width: 16px;
  height: 16px;
  font-size: 9px;
}
.zap-icons--small .zap-icons__icon-wrap {
  width: 30px;
  height: 30px;
}
.zap-icons--small .zap-icons__caret {
  margin: 0 7px;
}
.zap-icons--large .zap-icons__icon-wrap {
  position: relative;
  width: 92px;
  height: 92px;
}
.zap-icons--large .zap-icons__caret {
  font-size: 14px;
}
.zap-icons--large .zap-icons__tag {
  position: absolute;
  font-size: 0.8rem;
  bottom: -8px;
}
.zap-icons--large .zap-icons__hidden-wrap {
  width: 92px;
  height: 92px;
  font-size: 30px;
}
.zap-icons--arrowless .zap-icons__caret {
  display: none;
}
.zap-icons--arrowless .zap-icons__step:not(:last-child) {
  margin-right: 5px;
}
.zap-icons--light .zap-icons__icon-wrap,
.zap-icons--light .zap-icons__hidden-wrap {
  background-color: #fff;
}
.zap-icons--borderless .zap-icons__icon-wrap {
  background-color: unset;
  border: none;
  border-radius: unset;
}
.zap-icons--borderless .zap-icons__hidden-wrap {
  background-color: var(--zds-colors-neutral-100, #fff);
  border: none;
}
.zap-icons--borderless .zap-icons__icon {
  width: 100%;
  height: 100%;
}
.zap-icons--hidden-has-background .zap-icons__hidden-wrap {
  background-color: #f1f4f5;
}
.zap-icons--large70 .zap-icons__icon-wrap {
  width: 70px;
  height: 70px;
}
.zap-icons--large70 .zap-icons__caret {
  width: 16px;
  height: 16px;
  margin: 0 15px;
}
.zap-icons--large70 .zap-icons__hidden-wrap {
  width: 70px;
  height: 70px;
  font-size: 28px;
}
.zap-icons--large50 .zap-icons__icon-wrap {
  width: 50px;
  height: 50px;
}
.zap-icons--large50 .zap-icons__caret {
  width: 16px;
  height: 16px;
  margin: 0 15px;
}
.zap-icons--large50 .zap-icons__hidden-wrap {
  width: 50px;
  height: 50px;
  font-size: 24px;
}
.sign-up-promo-test__zappling-cape {
  width: 119px;
  height: 84px;
  margin-top: 16px;
}
@media screen and (max-width: 749px) {
  .sign-up-promo-test__zappling-cape {
    margin-top: 0;
  }
}
.sign-up-promo-test__illustration-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 18px;
}
.sign-up-promo-test__app-container {
  background-color: #f1f4f5;
  border-radius: 6px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 18px 20px;
  margin-right: 30px;
}
.sign-up-promo-test__app {
  width: 70px;
  height: 70px;
  background-size: 70px;
}
@media screen and (max-width: 749px) {
  .sign-up-promo-test__app {
    width: 50px;
    height: 50px;
    background-size: 50px;
  }
}
.sign-up-promo-test__connect-icon {
  margin: 0 15px;
}
.login-title {
  color: var(--zds-colors-neutral-100, #fff);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3em;
  padding: 0;
  margin: 0 0 1.2em;
  text-align: center;
}
.avatar {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  background: #dadfe2;
}
.avatar__image {
  display: block;
  position: relative;
  z-index: 1;
  border-radius: inherit;
}
.avatar__initials {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  text-transform: uppercase;
}
.explore-service-login-preview--has-services .explore-service-login-preview__services {
  margin: 0 0 2.4em;
}
.explore-service-login-preview__services {
  display: flex;
  justify-content: center;
}
.team-member-invite__header-image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4em;
}
.team-member-invite__logo {
  width: 60px;
  margin-right: 20px;
}
.team-member-invite__divider {
  fill: none;
  width: 38px;
  height: 7px;
}
.team-member-invite__image {
  display: block;
  margin: 0 auto;
}
.team-member-invite__title {
  text-align: center;
  font-size: 16px;
  color: #5f6c72;
  font-weight: 600;
  margin: 0 0 10px;
}
.team-member-invite__icon {
  display: block;
  width: 60px;
  height: 60px;
  margin-left: 20px;
}
.signup-form-container__signup-link-button {
  text-decoration: none !important;
  font-weight: bold;
}
.signup-form-container__login-link-button {
  background-color: #4285f4 !important;
  font-weight: bold;
}
.learn-more-error-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #5f6c72;
}
.learn-more-error-info__title {
  font-size: 2rem;
  margin-bottom: 20px;
}
.learn-more-error-info__description {
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.learn-more-error-info__learn-more {
  margin-top: 25px;
  margin-bottom: 30px;
}
.learn-more-error-info .learn-more-error-info__continue {
  font-size: 1.6rem;
}
.button-group {
  display: flex;
  flex-direction: column;
}
.button-group--block {
  width: 100%;
}
.button-group--reversed {
  flex-direction: column-reverse;
}
.button-group > * {
  flex: none;
  display: block;
  width: 100%;
}
.button-group:not(.button-group--reversed) > *:not(:last-child), .button-group.button-group--reversed > *:not(:first-child) {
  margin: 0 0 1em;
}
.button-group--horizontal {
  align-items: center;
  flex-direction: row;
}
.button-group--horizontal.button-group--reversed {
  flex-direction: row-reverse;
}
.button-group--horizontal > * {
  width: auto;
}
.button-group--horizontal:not(.button-group--reversed) > *:not(:last-child), .button-group--horizontal.button-group--reversed > *:not(:first-child) {
  margin: 0 1em 0 0;
}
.button-group--conjoined-two:not(.button-group--reversed) > *:not(:last-child), .button-group--conjoined-two.button-group--reversed > *:not(:first-child) {
  margin: 0 0;
}
.button-group--conjoined-two *:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.button-group--conjoined-two *:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.button-group--align-stretch {
  align-items: stretch;
}
.button-group--justify-end {
  justify-content: flex-end;
}
.button-group--justify-center {
  justify-content: center;
}
.button-group--justify-between {
  justify-content: space-between;
}
.button-group--flex-buttons > * {
  flex: 1;
}
.button-group--flex-grow-buttons > * {
  flex: 1 0 auto;
}
.react-portal-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(53, 65, 71, 0.9);
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.react-portal-modal .react-portal-modal__inner {
  position: relative;
  border-radius: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--zds-colors-neutral-100, #fff);
  padding: 40px;
  max-width: 600px;
  width: 100%;
  max-height: 100vh;
}
.react-portal-modal .react-portal-modal__inner--form {
  width: auto;
  max-width: 90vw;
  padding: 0;
}
@media (max-width: 700px) {
  .react-portal-modal .react-portal-modal__inner--form {
    width: 100%;
  }
}
.react-portal-modal .react-portal-modal__inner--condensed {
  padding: 15px;
}
.react-portal-modal .react-portal-modal__inner--condensed__actions {
  margin-top: 15px;
}
.react-portal-modal .react-portal-modal__inner--narrow {
  max-width: 500px;
}
.react-portal-modal .react-portal-modal__inner--no-overflow {
  overflow: initial;
}
.react-portal-modal .react-portal-modal__inner--overflow-hidden {
  overflow: hidden;
}
.react-portal-modal__content h1 {
  font-size: 1.8em;
  margin: 0 0 2.5rem 0;
  padding: 0;
}
.react-portal-modal__content h2 {
  margin-bottom: 1.5rem;
  padding: 0;
}
.react-portal-modal__content h4 {
  color: #969ea2;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.react-portal-modal__content p,
.react-portal-modal__content ul {
  color: #5f6c72;
  font-size: 1.1em;
}
.react-portal-modal__content em {
  font-weight: 600;
  font-style: normal;
}
.react-portal-modal__content--smaller h1 {
  font-size: 1em;
}
.react-portal-modal .modal-button {
  margin: 2.5em auto 0 auto;
}
.react-portal-modal .modal-button.center {
  text-align: center;
}
.react-portal-modal__actions {
  margin-top: 3.5rem;
}
.react-portal-modal__actions-button {
  min-width: 12rem;
}
.react-portal-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #969ea2;
}
.react-portal-modal__close:hover {
  color: #5f6c72;
}
.team-trial-start-app {
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-block {
  background: #e52f00;
  color: var(--zds-colors-neutral-100, #fff);
  padding: 1em;
  border-radius: 4px;
}
.search-box {
  position: relative;
}
.search-box .search-box__input[type] {
  padding-left: 37px;
  padding-right: 37px;
  margin: 0;
  font-size: 1.4rem;
}
.search-box--flat-bottom .search-box__input[type] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.search-box--inline {
  border: none;
  border-bottom: 1px solid #e0e4e6;
}
.search-box--bottom-border-only .search-box__input[type] {
  border-top: none;
  border-right: none;
  border-left: none;
}
.search-box__icon {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  color: #969ea2;
}
.search-box__icon--before {
  left: 0;
  pointer-events: none;
}
.search-box__icon--after {
  right: 0;
}
.search-box__clear-icon {
  width: 13px;
  height: 13px;
  color: #bfc3c6;
}
.search-box--minimalist .search-box__input.search-box__input {
  padding: 6px 30px 6px 37px;
}
@media screen and (max-width: 799px) {
  .search-box--minimalist .search-box__input.search-box__input {
    padding-top: 9px;
    padding-bottom: 10px;
  }
}
.search-box--minimalist .search-box__input.search-box__input::placeholder {
  color: #969ea2;
}
.search-box--minimalist .search-box__search-icon {
  width: 18px;
  height: 18px;
}
.on-off-indicator {
  font-weight: 600;
  min-width: 4em;
}
.truncated-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.truncated-text--block {
  display: block;
}
.account-choice {
  display: flex;
  align-items: center;
  padding: 1rem;
  cursor: pointer;
}
.account-choice__active-icon {
  color: #13d0ab;
}
.account-choice__name {
  color: #354147;
  flex: 1;
  margin: 0 12px;
}
.dropdown {
  background-color: var(--zds-colors-neutral-100, #fff);
  margin: 0;
  position: absolute;
  max-height: 15em;
  border: 1px solid #dadfe2;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  overflow: auto;
  z-index: 900;
}
.dropdown--above {
  bottom: 100%;
}
.dropdown--at-bottom {
  bottom: 0;
}
.dropdown--below {
  top: 100%;
}
.dropdown--at-top {
  top: 0;
}
.dropdown--justify-right {
  right: 0;
}
.dropdown--justify-left {
  left: 0;
}
.dropdown--block {
  width: 100%;
}
.menu {
  border: 1px solid #dadfe2;
  border-radius: 3px;
  overflow: hidden;
  font-size: 1.4rem;
  text-align: left;
}
.menu--square {
  border-radius: 0;
}
.menu--borderless {
  border: none;
  border-radius: 0;
}
.menu__list {
  line-height: 1.2;
  margin: 0;
  overflow: auto;
  max-height: 20rem;
}
.menu__list--dominant {
  color: #499df3;
}
.menu__list--full-height {
  overflow: none;
  max-height: none;
}
.menu__section:not(:last-child) {
  border-bottom: 1px solid #dadfe2;
}
.menu__section--reversed {
  display: flex;
  flex-direction: column-reverse;
}
.menu__section-header {
  display: flex;
  align-items: center;
  padding: 1rem 1.1rem 0.7rem;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 1px;
  font-weight: 600;
  color: #969ea2;
}
.menu__section-header:not(:only-child) {
  border-bottom: 1px solid #dadfe2;
}
.menu__section--reversed .menu__section-header:not(:only-child) {
  border-top: 1px solid #dadfe2;
  border-bottom: none;
}
.menu__section-header--compact {
  font-size: 1.1rem;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1;
}
.menu__section-header--interactive {
  cursor: pointer;
}
.menu__section-header--interactive:hover, .menu__section-header--interactive:focus {
  background-color: #f1f4f5;
}
.menu__section-header--dominant {
  background-color: #f0f7fe;
  text-transform: none;
  color: #5f6c72;
  font-weight: 400;
  font-size: 1.4rem;
  padding: 1.3rem 1.1rem 1.2rem;
  letter-spacing: 0;
}
.menu__section-header--dominant.menu__section-header--interactive:hover, .menu__section-header--dominant.menu__section-header--interactive:focus {
  background-color: #e2effd;
}
.menu__section-header-text {
  flex: 1;
}
.menu__section-header-icon {
  margin-right: 5px;
}
.menu__section-header--dominant .menu__section-header-icon {
  margin-right: 10px;
  width: 18px;
  height: 18px;
}
.menu__section-header-count {
  font-weight: 600;
  margin-left: 12px;
}
.menu__section-header-toggle-icon {
  margin-left: 12px;
  transition: transform 0.1s ease-in-out;
  width: 12px;
  height: 12px;
}
.menu__section-header-toggle-icon--open {
  transform: rotate(90deg);
}
.menu__section-content {
  padding: 1.1rem;
}
.menu__section-content--list {
  padding: 0;
}
.menu__item[disabled] {
  opacity: 0.7;
}
.menu__item:not([disabled]):hover, .menu__item:not([disabled]):focus {
  background: #f1f4f5;
}
.menu__item:not(:last-child) {
  border-bottom: 1px solid #dadfe2;
}
.menu__list--static .menu__item:focus, .menu__list--static .menu__item:hover {
  background-color: transparent;
}
.menu .menu__label {
  display: block;
  padding: 1.1rem;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.menu .menu__label--disabled {
  cursor: default;
}
.menu .menu__label--danger {
  background-color: #e52f00;
  color: #fff;
}
.menu .menu__label--danger:hover {
  background-color: #cc2a00;
}
.menu .menu__label--centered {
  text-align: center;
}
.menu__label-content {
  display: flex;
  align-items: center;
  line-height: 1.3;
}
.menu__label-text {
  flex: 1;
}
.menu__icon {
  margin-right: 1rem;
}
.menu__icon--after {
  margin-left: 1rem;
  margin-right: 0;
}
.dropdown-menu-v2-wrapper {
  display: inline-block;
  position: relative;
}
.dropdown-menu-v2-wrapper--block {
  display: block;
}

.dropdown-menu-v2__menu[class] {
  border: none;
}
.zap-mover-account-dropdown {
  display: block;
}
.zap-mover-account-dropdown__toggle {
  border: 1px solid #dadfe2;
  border-radius: 3px;
  padding: 10px;
  display: flex;
  align-items: center;
  min-height: 55px;
}
.zap-mover-account-dropdown__toggle--can-open {
  cursor: pointer;
}
.zap-mover-account-dropdown__account-logo {
  flex: none;
}
.zap-mover-account-dropdown__toggle-text {
  flex: 1;
  line-height: 1.3;
  min-width: 0;
  margin: 0 12px;
}
.zap-mover-account-dropdown__account-name {
  color: #354147;
}
.zap-mover-account-dropdown__plan-name {
  color: #969ea2;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.zap-mover-account-dropdown__menu {
  position: absolute;
  margin-top: -1px;
  background: #fff;
  width: 100%;
}
.zap-mover-account-choosers {
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) {
  .zap-mover-account-choosers {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.zap-mover-account-choosers .zap-mover-account-choosers__flipper {
  display: block;
  margin: 10px auto;
  transform: rotate(90deg);
  width: 38px;
  height: 38px;
}
@media screen and (min-width: 600px) {
  .zap-mover-account-choosers .zap-mover-account-choosers__flipper {
    margin: 20px 14px 0;
    flex: none;
    transform: none;
  }
}
@media screen and (min-width: 600px) {
  .zap-mover-account-choosers__section {
    flex: 1;
    width: calc(50% - (38px + 14px));
  }
}
.zap-mover-account-choosers__heading {
  color: #5f6c72;
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.info-block {
  border: 1px solid #dadfe2;
  border-radius: 3px;
  padding: 13px;
  text-align: left;
}
.info-block--bare {
  border: none;
  padding: 0;
}
.info-block--borderless {
  border: none;
}
.info-block--unpadded {
  padding: 0;
}
.info-block--centered {
  text-align: center;
}
.info-block--page {
  background: var(--zds-colors-neutral-100, #fff);
  border: none;
  padding: 13px;
}
@media screen and (min-width: 600px) {
  .info-block--page {
    border: 1px solid #dadfe2;
    padding: 45px;
    margin: 60px auto;
    max-width: 600px;
  }
}
@media screen and (min-width: 700px) {
  .info-block--page.info-block--page-large {
    max-width: 700px;
  }
}
.info-block--note {
  border-left: 7px solid #969ea2;
  background-color: #f1f4f5;
}
.info-block--note-warning {
  border-left: 7px solid #ffc43e;
  background-color: #fff6e1;
}
.info-block__inner {
  padding: 13px;
}
.info-block__icon-wrap {
  display: flex;
  justify-content: center;
  margin: 0 auto 25px;
}
.info-block__icon {
  width: 40px;
  height: 40px;
}
.info-block__image {
  display: block;
  margin: 0 auto 25px;
}
.info-block__pre-title {
  color: #969ea2;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
}
.info-block__title {
  margin: 0 0 25px;
  padding: 0;
  text-align: center;
  font-size: 22px;
}
.info-block__title--smaller {
  font-size: 20px;
}
.info-block__description {
  color: #5f6c72;
  line-height: 1.5;
  margin: 0 auto 1.5rem;
  font-size: 16px;
  max-width: 440px;
}
.info-block__description:not(:last-child) {
  margin-bottom: 1.5rem;
}
.info-block__description--centered {
  text-align: center;
}
.info-block__description p {
  line-height: inherit;
  margin: 0 0 1em;
}
.info-block__description p:last-child {
  margin-bottom: 0;
}
.info-block__content {
  margin: 0 0 1.5rem;
}
.info-block__content--top-rule {
  border-top: 1px solid #dadfe2;
  padding-top: 1.5rem;
}
.info-block__footer {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
}
.info-block__footer--justify-end {
  justify-content: flex-end;
}
.info-block__add-on-footer {
  color: #5f6c72;
  line-height: normal;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top: 1px solid #dadfe2;
  background: #f1f4f5;
  padding: 13px;
}
.error-summary {
  display: flex;
}
.error-summary__summary {
  color: var(--zds-colors-neutral-100, #fff);
  font-weight: 600;
  font-size: 1.6rem;
}
.error-summary .error-summary__icon {
  width: 16px;
  height: 16px;
  fill: #fff;
}
.error-summary__error {
  margin-left: 10px;
}
.error-summary__help {
  margin-top: 5px;
  font-weight: 600;
  opacity: 0.75;
  color: var(--zds-colors-neutral-100, #fff);
  font-size: 1.2rem;
}
.error-summary .error-summary__help-link {
  color: var(--zds-colors-neutral-100, #fff);
  text-decoration: underline;
}
.error-summary__list {
  margin: 0;
}
.error-list__item:not(:last-child) {
  margin-bottom: 15px;
}
.error-bar {
  word-break: break-all;
}
.error-bar--standalone {
  padding: 20px;
}
@media (min-width: 900px) {
  .error-bar--standalone {
    padding: 20px 40px 0 40px;
  }
}
.error-bar--smaller {
  padding: 0 20px 30px 20px;
}
@media (min-width: 900px) {
  .error-bar--smaller {
    padding: 0 40px 30px 40px;
  }
}
.error-bar__bar {
  background-color: #e52f00;
  border-radius: 3px;
  color: var(--zds-colors-neutral-100, #fff);
  line-height: 1.3em;
  max-width: 780px;
  margin: 0 auto;
  padding: 1em;
  position: relative;
  z-index: 10;
  padding-right: 2em;
  text-align: left;
}
@media (min-width: 1700px) {
  .error-bar__bar {
    max-width: 100%;
  }
}
.error-bar__bar p:last-child {
  margin-bottom: 0;
}
.error-bar__message {
  margin-top: 1.6em;
}
.error-bar__close {
  position: absolute;
  right: 1em;
  top: 1em;
  /* increase the click area to about 32x32 */
}
.error-bar__close:hover {
  cursor: pointer;
}
.error-bar__close:after {
  content: "";
  position: absolute;
  top: -7px;
  bottom: -7px;
  left: -10px;
  right: -10px;
}
.error-bar a,
.error-bar a:visited,
.error-bar a:hover,
.error-bar a:active {
  color: inherit;
  text-decoration: underline;
}
.catch-error {
  margin: 20px auto;
  max-width: 1080px;
}
.catch-error__summary {
  cursor: pointer;
}
.catch-error__stack {
  background: rgba(255, 255, 255, 0.1);
  font-size: 10px;
}
.header-logo {
  background-image: url("/zapier/images/frontend/onboarding/zapier-small-orange-logo.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 70px;
  display: block;
  height: 49px;
  width: 70px;
}
@media screen and (max-width: 779px) {
  .header-logo--logged-in {
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    position: absolute;
    top: 0;
    width: 70px;
    background-size: 70px;
  }
}
@media screen and (max-width: 569px) {
  .header-logo--logged-out {
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    position: absolute;
    top: 0;
    width: 70px;
    background-size: 70px;
  }
}
.badge {
  display: inline-block;
  font-size: 1.2rem;
  padding: 0 0.5em;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50px;
  font-weight: 600;
  overflow: hidden;
  color: #969ea2;
  border: 1px solid #dadfe2;
  color: #969ea2;
}
.badge--chameleon {
  border-color: currentColor;
  color: inherit;
}
.badge--block {
  display: block;
  width: 100%;
}
.header--body__menu-open {
  overflow: hidden;
}
.header--body__menu-open #at-share-dock {
  display: none;
  visibility: hidden;
}
.header--body__menu-open #header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
@media screen and (min-width: 780px) {
  .header--body__menu-open #header {
    position: static;
  }
}

.header-block {
  position: relative;
}
.header-block__container {
  height: 100%;
  border-bottom: 1px solid #f1f4f5;
  background: var(--zds-colors-neutral-100, #fff);
  position: relative;
}
.header-block .header-block__menu-button {
  color: #5f6c72;
  cursor: pointer;
  margin: 0;
  width: 105px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background-color: transparent !important;
  border: none;
  font-size: 1.4rem;
}
.header-block .header-block__menu-button .svg-icon {
  width: 15px;
  height: 15px;
  margin-right: 1em;
}
.header-block .header-block__menu-button:hover {
  background: none;
  color: #969ea2;
}
.header-block__sign-up-cta {
  padding: 20px;
  color: #5f6c72;
}
.header-block__developer-badge {
  margin-left: 1em;
  color: #5f6c72 !important;
  background-color: #fff !important;
  font-weight: 600 !important;
}
@media screen and (max-width: 780px) {
  .header-block__developer-badge {
    display: none;
  }
}
.header-block__wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  max-width: 1120px;
  padding: 0 20px;
  width: 100%;
}
.header-block__wrapper--full-width {
  max-width: none;
}
.header-block__wrapper--justify {
  justify-content: space-between;
}
.header-block__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 2rem;
}
@media screen and (min-width: 570px) {
  .header-block__controls--stretch {
    flex: 1;
    justify-content: flex-start;
  }
}
.header-block__links-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media all and (-ms-high-contrast: none) {
  .header-block__links-container {
    flex: 1;
  }
}
.header-block__links-container--padded {
  padding: 10px;
}
@media screen and (max-width: 569px) {
  .header-block--logged-out.header-block--mobile-menu-open {
    height: 100%;
  }
}
@media screen and (max-width: 799px) {
  .header-block--logged-out .header-block__container--search-enabled {
    min-height: 109px;
  }
}
@media screen and (min-width: 570px) {
  .header-block--logged-out .header-block__menu-button {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 570px) {
  .header-block--logged-out .header-block__sign-up-cta {
    display: none;
    visibility: hidden;
  }
}
@media screen and (max-width: 569px) {
  .header-block--logged-out .header-block__wrapper {
    padding: 0;
  }
}
@media screen and (max-width: 569px) {
  .header-block--logged-out .header-block__controls {
    flex: 1;
    padding-right: 0;
  }
}
@media screen and (min-width: 800px) {
  .header-block--logged-out .header-block__service-search {
    flex: 1;
    display: flex;
  }
  .header-block--logged-out .header-block__service-search::before {
    content: "";
    flex: 1;
  }
  .header-block--logged-out .header-block__service-search::after {
    content: "";
    flex: 2;
  }
}
@media screen and (max-width: 799px) {
  .header-block--logged-out .header-block__service-search {
    position: absolute;
    top: 50px;
    border-top: 1px solid #f1f4f5;
    padding: 0.9rem 2rem;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 3;
    max-width: 100%;
    width: auto;
  }
}
.header-block--logged-out .header-block__links-container {
  margin: 0 0 0 auto;
}
@media screen and (max-width: 569px) {
  .header-block--logged-out .header-block__links-container {
    background-color: var(--zds-colors-neutral-100, #fff);
    border-top: 1px solid #f1f4f5;
    bottom: 0;
    display: none;
    flex: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 109px;
    visibility: hidden;
    width: 100%;
    z-index: 2;
    flex-direction: column;
  }
}
@media screen and (max-width: 569px) {
  .header-block--logged-out .header-block__links-container--stretch {
    top: 49px;
  }
}
@media screen and (max-width: 569px) {
  .header-block--logged-out .header-block__links-container--open {
    visibility: visible;
    display: flex;
  }
}
@media screen and (max-width: 779px) {
  .header-block--logged-in.header-block--mobile-menu-open {
    height: 100%;
  }
}
@media screen and (max-width: 779px) {
  .header-block--logged-in .header-block__container--search-enabled {
    min-height: 109px;
  }
}
@media screen and (min-width: 780px) {
  .header-block--logged-in .header-block__menu-button {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 780px) {
  .header-block--logged-in .header-block__sign-up-cta {
    display: none;
    visibility: hidden;
  }
}
@media screen and (max-width: 779px) {
  .header-block--logged-in .header-block__wrapper {
    padding: 0;
  }
}
@media screen and (max-width: 779px) {
  .header-block--logged-in .header-block__controls {
    flex: 1;
    padding-right: 0;
  }
}
@media screen and (min-width: 780px) {
  .header-block--logged-in .header-block__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--zds-colors-neutral-100, #fff);
    z-index: 9;
    bottom: 0;
  }
  .header-block--logged-in .header-block__overlay--visible {
    opacity: 0.75;
    visibility: visible;
  }
  .header-block--logged-in .header-block__overlay--hidden {
    opacity: 0;
    visibility: hidden;
  }
}
.header-block--logged-in .header-block__service-search {
  margin: 0 0 0 auto;
  position: relative;
}
@media screen and (max-width: 779px) {
  .header-block--logged-in .header-block__service-search {
    position: absolute;
    top: 50px;
    border-top: 1px solid #f1f4f5;
    padding: 0.9rem 2rem;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 3;
    max-width: 100%;
    width: auto;
  }
}
@media screen and (max-width: 779px) {
  .header-block--logged-in .header-block__links-container {
    background-color: var(--zds-colors-neutral-100, #fff);
    border-top: 1px solid #f1f4f5;
    bottom: 0;
    display: none;
    flex: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 109px;
    visibility: hidden;
    width: 100%;
    z-index: 2;
    flex-direction: column;
  }
}
@media screen and (max-width: 779px) {
  .header-block--logged-in .header-block__links-container--stretch {
    top: 49px;
  }
}
@media screen and (max-width: 779px) {
  .header-block--logged-in .header-block__links-container--open {
    visibility: visible;
    display: flex;
  }
}
@media screen and (max-width: 779px) {
  .header-block--logo-only.header-block--logged-in .header-block__controls {
    min-height: 55px;
  }
}
@media screen and (max-width: 569px) {
  .header-block--logo-only.header-block--logged-out .header-block__controls {
    min-height: 55px;
  }
}
#support {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 12;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
#support .support-button {
  margin-left: 10px;
}

.support-button {
  background: #354147;
  border-radius: 50px;
  font-weight: 600;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  text-align: center;
  transition: box-shadow 0.25s ease-in-out;
}
.support-button__icon {
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.support-button:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
}
@media screen and (max-width: 750px) {
  .support-button {
    display: none;
  }
}
.support-button--team {
  background: #6061ed;
}
@keyframes load-progressively {
  0% {
    width: 0%;
  }
  100% {
    width: 99%;
  }
}
.loading-next-route-indicator {
  animation-name: load-progressively;
  animation-duration: 4s;
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.04, 0.96, 0.05, 0.99);
  transition: width 1s ease-in;
  -webkit-user-select: none;
          user-select: none;
  background-color: #ff4a00;
  position: fixed;
  top: 0;
  width: 0%;
  height: 2px;
  z-index: 10100;
}
.confetti {
  pointer-events: none;
}
.confetti__item {
  will-change: top, left;
}
.confetti__item--pink {
  background-color: #fc1c74;
}
.confetti__item--green {
  background-color: #62d493;
}
.confetti__item--yellow {
  background-color: #ffc43e;
}
.confetti__item--blue {
  background-color: #499df3;
}

/*# sourceMappingURL=app.e77d1ae61d0bf3a2ceb8.css.map*/