@charset "UTF-8";
.breadcrumbs-index .container {
  margin-bottom: -16px;
}

.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;
}

.developer-hero {
  position: relative;
  text-align: center;
  padding: 3rem;
}
@media screen and (min-width: 700px) {
  .developer-hero {
    padding: 5rem;
  }
}
.developer-hero--dark {
  background-color: #354147;
}
.developer-hero--dark .developer-hero__title {
  color: #fff;
}
.developer-hero__title {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: normal;
  margin: 0 auto 1.5rem;
  padding: 0;
  color: #354147;
  max-width: 54rem;
}
@media screen and (min-width: 700px) {
  .developer-hero__title {
    font-size: 4.8rem;
    line-height: 6rem;
  }
}
.developer-hero__title--wide {
  max-width: none;
  font-size: 36px;
  padding-bottom: 3rem;
}
.developer-hero__description {
  font-size: 16px;
  margin: 0 auto 2rem;
  max-width: 57rem;
  color: #969ea2;
  padding: 2rem;
}
@media screen and (min-width: 700px) {
  .developer-hero__description {
    font-size: 20px;
  }
}
.developer-hero__button {
  margin-bottom: 1.5rem;
  min-width: 100%;
}
@media screen and (min-width: 550px) {
  .developer-hero__button {
    min-width: 20rem;
  }
  .developer-hero__button--left {
    margin-right: 5px;
  }
  .developer-hero__button--right {
    margin-left: 5px;
  }
}

.developer-wings {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: -2.7rem;
}
@media screen and (min-width: 500px) {
  .developer-wings {
    margin-bottom: 0;
  }
}
.developer-wings__wing--center {
  display: block;
  width: 100%;
}
.developer-wings__wing--left, .developer-wings__wing--right {
  max-width: 48%;
  display: none;
}
.developer-wings__wing--left {
  float: left;
}
.developer-wings__wing--right {
  float: right;
}
@media screen and (min-width: 500px) {
  .developer-wings__wing--left, .developer-wings__wing--right {
    display: block;
  }
  .developer-wings__wing--center {
    display: none;
  }
}

.developer-winged-section {
  height: calc(100vh - 71px);
  max-height: 800px;
  position: relative;
  overflow: hidden;
}

.developer-scrollable-wrapper {
  overflow: auto;
  width: 100%;
}
.developer-scrollable-wrapper--climbing {
  margin-top: -15rem;
}
.developer-scrollable-wrapper__container {
  display: flex;
  padding: 2rem 1rem 0;
}
@media screen and (min-width: 756px) {
  .developer-scrollable-wrapper__container {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.developer-scrollable-wrapper__container--scrolling {
  flex-wrap: nowrap;
  overflow: auto;
  float: left;
}
@media screen and (min-width: 756px) {
  .developer-scrollable-wrapper__container--scrolling {
    float: none;
  }
}
.developer-scrollable-wrapper__container--stackable {
  flex-wrap: wrap;
  justify-content: space-around;
}
@media screen and (min-width: 756px) {
  .developer-scrollable-wrapper__container--stackable {
    flex-wrap: nowrap;
  }
}

.developer-text-box {
  border-radius: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.5rem 2rem;
  background-color: #fff;
}
@media screen and (min-width: 756px) {
  .developer-text-box {
    margin-bottom: 10rem;
  }
}
.developer-text-box__stat {
  text-align: center;
  width: 24rem;
  height: 12rem;
  padding-top: 13%;
}
@media screen and (min-width: 1040px) {
  .developer-text-box__stat {
    width: 33rem;
    height: 20rem;
    padding-top: 17%;
  }
}
.developer-text-box__stat__value {
  color: #354147;
  line-height: 40px;
  font-size: 35px;
}
@media screen and (min-width: 1040px) {
  .developer-text-box__stat__value {
    line-height: 60px;
    font-size: 48px;
  }
}
.developer-text-box__stat__description {
  color: #5f6c72;
  line-height: 20px;
  font-size: 16px;
}
@media screen and (min-width: 1040px) {
  .developer-text-box__stat__description {
    line-height: 30px;
    font-size: 20px;
  }
}
.developer-text-box__quote {
  min-width: 30rem;
  max-width: 40rem;
  max-height: 40rem;
  margin: 2rem;
}
@media screen and (min-width: 893px) {
  .developer-text-box__quote {
    margin: 3rem 4rem 2rem;
  }
}
.developer-text-box__quote__logo {
  width: 60px;
  height: 60px;
  display: block;
  margin: 2rem auto;
}
@media screen and (min-width: 756px) {
  .developer-text-box__quote__logo {
    width: 80px;
    height: 80px;
  }
}
.developer-text-box__quote__text {
  text-align: center;
  color: #354147;
  font-weight: 600;
  line-height: 20px;
  font-size: 16px;
}
@media screen and (min-width: 893px) {
  .developer-text-box__quote__text {
    line-height: 30px;
    font-size: 20px;
  }
}
.developer-text-box__quote__name {
  text-align: center;
  color: #354147;
  font-weight: bold;
  font-size: 16px;
  margin: 3rem 0 0;
}
.developer-text-box__quote__company {
  text-align: center;
  color: #5f6c72;
  font-size: 14px;
}
@media screen and (min-width: 893px) {
  .developer-text-box__quote__company {
    font-size: 16px;
  }
}

.developer-tag-link {
  text-align: center;
  padding-top: 4.8rem;
  padding-bottom: 12rem;
  display: none;
}
@media screen and (min-width: 756px) {
  .developer-tag-link {
    display: block;
  }
}
.developer-tag-link__link {
  color: #5f6c72;
  text-decoration: none;
  border-bottom: 2px solid #969ea2;
  padding-bottom: 3px;
}
.developer-tag-link__link:hover {
  color: #5f6c72;
  text-decoration: none;
}

.developer-image-blurb {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
.developer-image-blurb__image--desktop {
  display: none;
}
.developer-image-blurb__image--tablet {
  display: block;
}
@media screen and (min-width: 756px) {
  .developer-image-blurb__image--desktop {
    display: block;
  }
  .developer-image-blurb__image--tablet {
    display: none;
  }
}
.developer-image-blurb__feature {
  max-width: 40rem;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  margin: 2rem 0 4rem;
}
@media screen and (min-width: 756px) {
  .developer-image-blurb__feature {
    margin: 5rem 0;
  }
}
.developer-image-blurb__feature__left-col {
  max-width: 30rem;
}
.developer-image-blurb__feature__left-col__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  color: #354147;
}
.developer-image-blurb__feature__left-col__text {
  font-size: 16px;
  line-height: 22px;
  color: #5f6c72;
}
.developer-image-blurb__feature__right-col {
  justify-content: flex-end;
  display: none;
}
@media screen and (min-width: 925px) {
  .developer-image-blurb__feature__right-col {
    display: flex;
  }
}
.developer-image-blurb__feature__right-col__icon {
  width: 60px;
  height: 60px;
}
@media screen and (min-width: 756px) {
  .developer-image-blurb__feature__right-col__icon {
    width: 80px;
    height: 80px;
  }
}

.dark-split-footer {
  display: flex;
  justify-content: space-between;
  background-color: #354147;
  padding: 50px;
  flex-direction: column;
}
@media screen and (min-width: 700px) {
  .dark-split-footer {
    flex-direction: row;
  }
}
.dark-split-footer__col {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 700px) {
  .dark-split-footer__col {
    flex-direction: row;
  }
}
.dark-split-footer__col__logo, .dark-split-footer__col__text {
  margin-bottom: 1rem;
}
.dark-split-footer__col__logo {
  height: 33px;
}
.dark-split-footer__col--left {
  min-width: 215px;
}
.dark-split-footer__col--right {
  min-width: 180px;
}
.dark-split-footer__col--right .dark-split-footer__col__text {
  color: #969ea2;
}

.developer-landing-logos[class] {
  margin-bottom: 60px;
}

.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: #fff;
  border-radius: 4px;
  border: 1px solid #dadfe2;
  margin: 40px 0 500px;
}
.google-sso-flow__form,
.sso-flow__form {
  margin: 3rem 0;
}

.featured-app {
  flex: 1;
}
.featured-app__preview {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.featured-app__icon {
  flex: 0 0 auto;
  margin-right: 2rem;
  width: 5rem;
  height: 5rem;
}
.featured-app__name {
  color: #5f6c72;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0;
}
.featured-app__usecase {
  display: flex;
  align-items: center;
  margin: 0;
  color: #969ea2;
  font-size: 1.6rem;
}
.featured-app__usecase-icon {
  display: none;
  margin-right: 0.4rem;
  width: 1.8rem;
  height: 1.8rem;
}
@media (min-width: 460px) {
  .featured-app__usecase-icon {
    display: block;
  }
}
.featured-app__illustration {
  max-width: 900px;
}

.mp-survey {
  bottom: 0;
  border-radius: 10px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  position: fixed;
  right: 50px;
  z-index: 4;
}
@media screen and (max-width: 565px) {
  .mp-survey {
    right: 50%;
    transform: translateX(50%);
  }
}

.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: #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 {
  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--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: space-between;
  }
  .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: #fff;
}
.landing-page-section-header__title--slim {
  font-size: 2.5rem;
  line-height: 3rem;
  padding: 27px 25px 0;
  color: #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: #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: #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: #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(255, 255, 255, 0.7);
  margin: 30px auto 14px;
}
.landing-page-blog-post__subtitle {
  display: block;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 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: #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: -moz-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;
}

.non-profits__hero {
  background: url("/static/970dd4b921bbbfc6fbcb8e4f981374c58df5ee3e/images/non-profits/hero-background.png") no-repeat center top, linear-gradient(-180deg, #fff, #f1f4f5 95%);
  background-size: 2800px, cover;
}
.non-profits__section-under-hero {
  background: url("/static/970dd4b921bbbfc6fbcb8e4f981374c58df5ee3e/images/non-profits/section-background.png") no-repeat center top, #f1f4f5;
  background-size: 2800px, cover;
}

.faq-question {
  border-bottom: 1px solid #dadfe2;
  padding: 15px 10px 15px 0;
}
.faq-question__arrow-right {
  color: #969ea2;
  transition: transform 0.3s;
  margin: 6px 0 0 12px;
}
.faq-question--open .faq-question__arrow-right {
  transform: rotate(180deg);
}
.faq-question__question {
  color: #5f6c72;
  display: flex;
  align-items: flex-start;
  font-size: 1.2em;
  font-weight: 600;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 1.5em;
}
@media (max-width: 900px) {
  .faq-question__question {
    padding-left: 10px;
  }
}
.faq-question__question:hover {
  cursor: pointer;
}
.faq-question__answer-container {
  max-height: 0;
  overflow-y: hidden;
  transition: max-height 0.6s ease-in-out;
}
.faq-question--open .faq-question__answer-container {
  max-height: 30em;
}
.faq-question__answer-content {
  padding-top: 20px;
  color: #969ea2;
  line-height: 1.5em;
}
@media (max-width: 900px) {
  .faq-question__answer-content {
    padding-left: 10px;
  }
}

.faq {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0;
}
.faq--tight {
  padding: 0;
}
.faq__title {
  color: #354147;
  font-size: 2.8rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.4em;
}
@media screen and (max-width: 750px) {
  .faq__title {
    font-size: 2.2rem;
  }
}
.faq__questions {
  padding: 25px 0;
}
@media (min-width: 900px) {
  .faq__questions {
    width: 825px;
  }
}

.pricing-page {
  background: #f1f4f5 url("/static/970dd4b921bbbfc6fbcb8e4f981374c58df5ee3e/images/pricing/hero-pricing.png") no-repeat center;
  background-size: 1746px;
  padding: 4em 0;
}
@media screen and (max-width: 750px) {
  .pricing-page {
    background: #f1f4f5;
  }
}

.pricing-page__container {
  margin: 0 auto;
  max-width: 1120px;
  overflow: hidden;
  padding: 0 20px;
}

.pricing-page__row {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pricing-page__faq {
  background: #fff;
}

.pricing-plan {
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  width: 32%;
}
@media screen and (max-width: 750px) {
  .pricing-plan {
    margin-bottom: 1.5em;
    width: 100%;
  }
  .pricing-plan:last-child {
    margin-bottom: 0;
  }
}

.pricing-plan__header {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 4px 4px 0 0;
  padding: 1.3em 1.9em;
  text-align: center;
}

.pricing-plan__title {
  color: #5f6c72;
  font-size: 1.3em;
  font-weight: 400;
  margin-bottom: 0;
  padding: 0;
}

.pricing-plan__content {
  background: #fff;
  border-radius: 0 0 4px 4px;
  padding: 1.9em;
}

.pricing-plan__description {
  color: #969ea2;
  font-size: 1.1em;
  margin-bottom: 1em;
}

.pricing-plan__amount {
  color: #ff4a00;
  font-size: 3em;
  font-weight: 300;
  line-height: 1;
  padding: 0;
}

.pricing-plan__price {
  text-align: center;
  margin-bottom: 2em;
}

.pricing-plan__month {
  font-size: 0.34em;
  font-weight: 400;
}

.pricing-plan__starting {
  color: #969ea2;
  font-weight: 400;
  margin-bottom: 0.5em;
}

.pricing-plan__list {
  color: #969ea2;
  font-size: 1.1em;
  list-style: none;
  margin-bottom: 1.8em;
  padding: 0;
}

.pricing-plan-list__item {
  line-height: 1.5;
  margin-bottom: 0.8em;
  padding-left: 2em;
  position: relative;
}
.pricing-plan-list__item:last-child {
  margin-bottom: 0;
}

.pricing-plan-list__check {
  color: #ff4a00;
  left: 1px;
  margin-right: 0.8em;
  position: absolute;
  top: 4px;
}

.pricing-plan__purchase {
  display: block;
  margin-top: 15px;
  text-align: center;
}

.pricing-plan--free .pricing-plan__amount,
.pricing-plan--free .pricing-plan-list__check {
  color: #7d8488;
}
.pricing-plan--free .pricing-plan__button {
  background: #7d8488;
}
.pricing-plan--free .pricing-plan__button:hover {
  background: #757b7f;
}

.pricing-plan--teams .pricing-plan__amount,
.pricing-plan--teams .pricing-plan__month,
.pricing-plan--teams .pricing-plan-list__check {
  color: #6061ed;
}

.pricing-intro {
  margin: 0 auto 4em;
  max-width: 700px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .pricing-intro {
    margin-bottom: 2em;
  }
}

.pricing-intro__title {
  color: #5f6c72;
  font-size: 2.4em;
  font-weight: 300;
  margin-bottom: 0.5em;
  padding: 0;
}

.pricing-intro__description {
  color: #969ea2;
  font-size: 1.3em;
  white-space: pre-line;
}
.pricing-intro__description--bold {
  font-weight: bold;
}

.pricing-timeline {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.pricing-timeline__zap {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 50%;
  border: 3px solid #dadfe2;
  flex: none;
  height: 70px;
  width: 70px;
}

.pricing-timeline__zap-no-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 50%;
  border: 3px solid #dadfe2;
  display: none;
  align-items: center;
  justify-content: center;
  height: 70px;
  padding: 20px 0;
  width: 70px;
}

.pricing-timeline__zap-icon {
  color: #969ea2;
  width: 30px;
  height: 30px;
}

.pricing-timeline__item--empty .pricing-timeline__zap {
  display: none;
}
.pricing-timeline__item--empty .pricing-timeline__zap-no-icon {
  display: flex;
}
.pricing-timeline__item--empty .pricing-timeline__content,
.pricing-timeline__item--empty .pricing-timeline-line {
  display: none;
}
.pricing-timeline__item--empty .pricing-timeline-dots {
  display: flex;
}

.pricing-timeline__item,
.pricing-timeline__first {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 74px;
  margin-top: -2px;
}

.pricing-timeline__content {
  margin-left: 2em;
}

.pricing-timeline__label {
  background: #e8ebed;
  border-radius: 3px;
  color: #5f6c72;
  display: inline-block;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: normal;
  padding: 2px 8px;
  text-transform: uppercase;
  vertical-align: middle;
}

.pricing-timeline__app {
  font-weight: 600;
}

.pricing-timeline__message {
  color: #969ea2;
  font-size: 1.1em;
  margin-bottom: 0;
  margin-top: 0.5em;
}

.pricing-timeline__connection {
  height: 74px;
}

.pricing-timeline-dots {
  display: none;
  flex-direction: column;
  margin: 4px 33px 0;
  padding: 0;
}

.pricing-timeline-dots__item:before {
  background: #dadfe2;
  border-radius: 50%;
  content: "";
  display: block;
  height: 6px;
  margin: 8px 0;
  width: 6px;
}

.pricing-timeline-line {
  border: 2px solid #dadfe2;
  height: 74px;
  margin-left: 33px;
  text-align: center;
}

@keyframes blink {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.blink-animation {
  animation-name: blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}

@keyframes line {
  from {
    height: 0;
  }
  to {
    height: 74px;
  }
}
.line-animation {
  animation-name: line;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-animation {
  animation-name: fade;
  animation-duration: 1.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounce-animation {
  animation-name: bounceIn;
  animation-duration: 1.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.pricing-zap {
  border-bottom: 1px solid #f1f4f5;
  background: #fff;
  padding: 4em 0;
}

.pricing-zap-row {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pricing-zap__item {
  width: 46%;
}
@media screen and (max-width: 750px) {
  .pricing-zap__item {
    width: 100%;
  }
}

.pricing-zap__title {
  color: #5f6c72;
  font-size: 2.4em;
  font-weight: 300;
  margin-bottom: 0.5em;
  padding: 0;
}

.pricing-zap__description {
  color: #969ea2;
  font-size: 1.3em;
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  .pricing-zap__description {
    margin-bottom: 2em;
  }
}

.pricing-use-case-section {
  background: #fff;
  padding: 4em 0 1em;
}
@media screen and (max-width: 900px) {
  .pricing-use-case-section {
    padding: 4em 0;
  }
}

.pricing-use-case-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  .pricing-use-case-row {
    flex-direction: column;
  }
}

.pricing-use-case {
  margin-bottom: 3em;
  text-align: center;
  width: 30%;
}
@media screen and (max-width: 900px) {
  .pricing-use-case {
    width: 48%;
  }
}
@media screen and (max-width: 750px) {
  .pricing-use-case {
    width: 100%;
  }
  .pricing-use-case:last-child {
    margin-bottom: 0;
  }
}

.pricing-use-case__icon {
  background-size: 100%;
  background-repeat: no-repeat;
  height: 60px;
  margin: 0 auto 1.3em;
  width: 60px;
}

.pricing-use-case__icon--support {
  background-image: url("/static/970dd4b921bbbfc6fbcb8e4f981374c58df5ee3e/images/pricing/icons/support-icon.png");
}

.pricing-use-case__icon--businesses {
  background-image: url("/static/970dd4b921bbbfc6fbcb8e4f981374c58df5ee3e/images/pricing/icons/businesses-icon.png");
}

.pricing-use-case__icon--marketers {
  background-image: url("/static/970dd4b921bbbfc6fbcb8e4f981374c58df5ee3e/images/pricing/icons/marketers-icon.png");
}

.pricing-use-case__icon--startups {
  background-image: url("/static/970dd4b921bbbfc6fbcb8e4f981374c58df5ee3e/images/pricing/icons/startups-icon.png");
}

.pricing-use-case__icon--developers {
  background-image: url("/static/970dd4b921bbbfc6fbcb8e4f981374c58df5ee3e/images/pricing/icons/developers-icon.png");
}

.pricing-use-case__icon--designers {
  background-image: url("/static/970dd4b921bbbfc6fbcb8e4f981374c58df5ee3e/images/pricing/icons/designers-icon.png");
}

.pricing-use-case__title {
  color: #5f6c72;
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 0.5em;
  padding: 0;
}

.pricing-use-case__description {
  color: #969ea2;
  font-size: 1.2em;
  margin-bottom: 1em;
}

.pricing-use-case-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 2em auto 0;
  padding: 0;
}

.pricing-use-case-list__item--icon {
  margin-left: -10px;
}

.pricing-use-case-list__app {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 55%;
  border-radius: 50%;
  border: 2px solid #dadfe2;
  height: 50px;
  margin: 0 auto 1em;
  width: 50px;
}

.pricing-page-learn-more {
  background: #fff;
  border-bottom: 1px solid #f1f4f5;
  text-align: center;
}

.pricing-page-learn-more__link {
  display: block;
  font-size: 1.1em;
  padding: 2em;
}

.signup-hero {
  background: url("/home-quick/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: 700px;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .signup-hero__cta {
    margin-right: 2em;
    text-align: left;
  }
}
.signup-hero__title {
  color: #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: #fff;
  color: rgba(255, 255, 255, 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: #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;
  }
}

#app.job-listing {
  display: block;
  float: none;
  background-color: #fff;
}

.job-listing {
  font-size: 16px;
  max-width: 800px;
  margin: 0 auto 60px;
}
.job-listing__section {
  margin-top: 20px;
}
.job-listing__apply-cta-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.job-listing h1 {
  font-size: 38px;
  font-weight: 800;
  margin: 60px 0 20px;
}
.job-listing h3 {
  margin: 60px 0 20px;
  font-size: 23px;
  font-weight: 800;
}
.job-listing p,
.job-listing ul {
  line-height: 1.8em;
  margin: 20px 0;
  padding: 0;
}
.job-listing ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 30px;
}
.job-listing ul li {
  margin: 5px 0;
}

.jobs-hero {
  background-image: url("/home-quick/hero.jpg");
  text-align: center;
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 120px 20px;
  position: relative;
}
.jobs-hero__content {
  position: relative;
  z-index: 1;
}
.jobs-hero__title {
  color: #fff;
  font-size: 34px;
  padding: 0;
  margin-bottom: 20px;
}
.jobs-hero__description {
  font-size: 16px;
  margin-bottom: 40px;
}
.jobs-hero__overlay {
  position: absolute;
  background-color: rgba(53, 65, 71, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
@media (max-width: 769px) {
  .jobs-hero {
    padding: 40px 20px;
  }
}

.jobs-photo {
  display: flex;
  margin-bottom: 20px;
}
@media (max-width: 769px) {
  .jobs-photo {
    display: block;
  }
}
.jobs-photo__item {
  border-radius: 4px;
  text-align: center;
  background-size: cover;
  background-position: center;
  height: 400px;
  width: 100%;
  flex: 2;
}
.jobs-photo__item--medium {
  flex: 3;
}
.jobs-photo__item--margin {
  margin-right: 20px;
}
.jobs-photo__item--retreat-team {
  background-image: url("/home-quick/retreat-team.jpg");
}
.jobs-photo__item--laptop {
  background-image: url("/home-quick/laptop.jpg");
}
.jobs-photo__item--team {
  background-image: url("/home-quick/team.jpg");
}
.jobs-photo__item--remote-office {
  background-image: url("/home-quick/remote-office.jpg");
}
.jobs-photo__item--retreat-presentation {
  background-image: url("/home-quick/retreat-presentation.jpg");
}
.jobs-photo__item--retreat-fun {
  background-image: url("/home-quick/retreat-fun.jpg");
  height: 440px;
}
@media (max-width: 769px) {
  .jobs-photo__item {
    height: 300px;
    margin-bottom: 20px;
  }
  .jobs-photo__item--add-margin {
    margin-right: 0;
  }
}

.jobs-icon {
  background-repeat: no-repeat;
  width: 100px;
  height: 54px;
  margin-bottom: 10px;
}
.jobs-icon--how-we-work {
  background-image: url("/home-quick/how-we-work.svg");
}
.jobs-icon--get-to-know-us {
  background-image: url("/home-quick/get-to-know-us.svg");
}
.jobs-icon--benefits-and-perks {
  background-image: url("/home-quick/benefits-and-perks.svg");
}
.jobs-icon--how-we-hire {
  background-image: url("/home-quick/how-we-hire.svg");
}
.jobs-icon--job-openings {
  background-image: url("/home-quick/job-openings.svg");
}
.jobs-icon--check {
  background-image: url("/home-quick/check.svg");
  flex: none;
  width: 20px;
  height: 20px;
  margin: 0 12px 0 0;
}

#app.jobs {
  background: #fff;
  font-size: 16px;
}
#app.jobs .container {
  padding: 0 20px;
}
#app.jobs section {
  margin-bottom: 60px;
}
@media (max-width: 769px) {
  #app.jobs section {
    margin-bottom: 20px;
  }
}

.jobs-title {
  font-size: 28px;
  padding: 0;
  margin-bottom: 20px;
}

.jobs-subtitle {
  font-weight: 600;
  color: #354147;
}

.jobs-content {
  display: flex;
  font-size: 16px;
}
@media (max-width: 769px) {
  .jobs-content {
    flex-direction: column;
  }
}
.jobs-content__column {
  width: 50%;
}
.jobs-content__column:first-of-type {
  margin-right: 40px;
}
@media (max-width: 769px) {
  .jobs-content__column {
    width: 100%;
  }
  .jobs-content__column:first-of-type {
    margin-right: 0;
  }
}
.jobs-content__apply-button {
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 769px) {
  .jobs-content__apply-button {
    display: flex;
  }
}
.jobs-content__form {
  display: flex;
}
@media screen and (max-width: 769px) {
  .jobs-content__form {
    display: none;
  }
}
.jobs-content ul {
  /* Make bullet points show up for job posts. */
  list-style: initial;
}

.jobs-resources {
  border: 1px solid #dadfe2;
  padding: 20px;
  border-radius: 4px;
}
.jobs-resources p:last-of-type {
  margin-bottom: 0;
}
.jobs-resources__rss-icon {
  color: #ffc000;
  margin-bottom: -3px;
}

.jobs-article {
  display: flex;
  margin-bottom: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 769px) {
  .jobs-article {
    flex-direction: column;
  }
}
.jobs-article__item {
  border: 1px solid #dadfe2;
  border-radius: 4px;
  overflow: hidden;
  width: 49%;
  margin: 0 0 20px 0;
  color: inherit;
  padding: 20px;
}
.jobs-article__item:nth-child(2n+1) {
  margin-left: 0;
}
.jobs-article__item:hover {
  border: 1px solid #969ea2;
  color: inherit;
  text-decoration: none;
}
.jobs-article__item--remove-hover:hover {
  border: 1px solid #dadfe2;
}
@media (max-width: 769px) {
  .jobs-article__item {
    width: 100%;
    margin-left: 0;
  }
}
.jobs-article__image {
  background: #13d0ab;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jobs-article__title {
  font-size: 18px;
}
.jobs-article__description {
  font-size: 16px;
  margin-bottom: 0;
}

.jobs-list__item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  line-height: 24px;
}
.jobs-list__item--border {
  border-bottom: 1px solid #dadfe2;
  padding-bottom: 16px;
}
.jobs-list__item--border:last-of-type {
  border-bottom: none;
}
.jobs-list__note {
  border-top: 1px solid #dadfe2;
  padding-top: 20px;
  margin-top: 10px;
}

.email-preferences {
  max-width: 650px;
  margin: 40px auto;
  background-color: #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;
}

.notification-reconsent {
  max-width: 650px;
  margin: 40px auto;
  background-color: #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;
}

.ZDS-Button {
  all: unset;
  align-items: center;
  background-color: #136bf5;
  border-color: #136bf5;
  border-radius: 10px;
  box-sizing: border-box;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  margin: 0;
  padding: 0px 2em;
  opacity: 1;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  transition-property: "box-shadow; border-color; background-color";
  transition-timing-function: ease-in-out;
  transition-duration: 300ms;
  vertical-align: middle;
  width: auto;
}
.ZDS-Button--fullwidth {
  width: 100%;
}
.ZDS-Button--shadow {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 0px;
}
.ZDS-Button--uppercased {
  text-transform: uppercase;
}
.ZDS-Button:hover {
  background-color: #105bd0;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  text-decoration: none;
}

.ZDS-Surface {
  align-items: stretch;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  flex: 1;
  height: 100%;
}

.HomepageV2-Social-proof {
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 60px;
}
@media (min-width: 768px) {
  .HomepageV2-Social-proof {
    margin-top: 70px;
  }
}
.HomepageV2-Social-proof__content {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
}
.HomepageV2-Social-proof__heading {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  color: #999999;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  -webkit-text-fill-color: #999999;
}
.HomepageV2-Social-proof__brandList {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
  margin-top: 25px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .HomepageV2-Social-proof__brandList {
    grid-template-columns: repeat(5, 1fr);
    padding-bottom: 0;
    padding-right: 0;
  }
}
.HomepageV2-Social-proof__brand {
  max-width: 110px;
}
.HomepageV2-Social-proof__brand:nth-of-type(n + 5) {
  display: none;
}
@media (min-width: 768px) {
  .HomepageV2-Social-proof__brand {
    max-width: 130px;
    padding: 22px 10px;
  }
  .HomepageV2-Social-proof__brand:nth-of-type(n + 5) {
    display: list-item;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-Social-proof__brand {
    max-width: 225px;
    padding: 22px 55px;
  }
}
.HomepageV2-Social-proof__brand-image {
  width: 100%;
}

.HomepageV2-River__content {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}
.HomepageV2-River__heading {
  all: unset;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
  -webkit-text-fill-color: #000000;
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .HomepageV2-River__heading {
    font-family: "Open Sans", sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 35px;
  }
}
.HomepageV2-River__subheading {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin: 10px 0 0 0;
  text-align: center;
}
@media (min-width: 768px) {
  .HomepageV2-River__subheading {
    margin-top: 15px;
  }
}
.HomepageV2-River__tiles {
  margin-bottom: 0;
  margin-top: 35px;
  text-align: center;
}
@media (min-width: 768px) {
  .HomepageV2-River__tiles {
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-River__tiles {
    display: flex;
    flex-direction: column;
    margin-top: 55px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
.HomepageV2-River__tile {
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
  max-width: 530px;
}
.HomepageV2-River__tile:first-of-type {
  margin-top: 0;
}
@media (min-width: 768px) {
  .HomepageV2-River__tile {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-River__tile {
    display: flex;
    justify-content: space-between;
    margin: 30px initial 0 initial;
    min-width: 100%;
    width: 100%;
  }
  .HomepageV2-River__tile:nth-child(even) {
    flex-direction: row-reverse;
    text-align: left;
  }
}
.HomepageV2-River__tile__cta {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #136bf5;
  -webkit-text-fill-color: #136bf5;
  display: inline-block;
  margin-top: 20px;
}
.HomepageV2-River__tile__cta:hover {
  color: #105bd0;
  -webkit-text-fill-color: #105bd0;
  text-decoration: none;
}
.HomepageV2-River__tile__cta:after {
  content: ">";
}
.HomepageV2-River__tile__heading {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
  -webkit-text-fill-color: #000000;
  margin-top: 25px;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .HomepageV2-River__tile__heading {
    margin-top: 20px;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-River__tile__heading {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-River__tile__image-container, .HomepageV2-River__tile__text-container {
    min-width: 500px;
    width: 500px;
  }
}
.HomepageV2-River__tile__subheading {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin: 10px 0 0 0;
}
@media (min-width: 1280px) {
  .HomepageV2-River__tile__text-container {
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
}
.HomepageV2-River__wrapper {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .HomepageV2-River__wrapper {
    margin-top: 60px;
  }
}

.ZDS-Hero {
  display: flex;
  flex-direction: column;
  max-width: 1400px;
  margin: auto;
}
@media (min-width: 768px) {
  .ZDS-Hero {
    flex-direction: row-reverse;
  }
}
.ZDS-Hero__imageSection {
  height: 320px;
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .ZDS-Hero__imageSection {
    height: auto;
  }
}
.ZDS-Hero__imageSection__image--mobile {
  width: 100%;
  height: 100%;
  display: flex;
}
@media (min-width: 768px) {
  .ZDS-Hero__imageSection__image--mobile {
    display: none;
  }
}
@media (min-width: 1280px) {
  .ZDS-Hero__imageSection__image--mobile {
    display: none;
  }
}
.ZDS-Hero__imageSection__image--tablet {
  height: auto;
  display: none;
}
@media (min-width: 768px) {
  .ZDS-Hero__imageSection__image--tablet {
    display: flex;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .ZDS-Hero__imageSection__image--tablet {
    display: none;
    width: 100%;
  }
}
.ZDS-Hero__imageSection__image--desktop {
  height: auto;
  display: none;
}
@media (min-width: 768px) {
  .ZDS-Hero__imageSection__image--desktop {
    display: none;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .ZDS-Hero__imageSection__image--desktop {
    display: flex;
    width: 100%;
  }
}
.ZDS-Hero__textSection {
  height: auto;
  padding: 0px 60px 75px 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .ZDS-Hero__textSection {
    padding: 0px 0px 75px 60px;
    align-items: flex-start;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .ZDS-Hero__textSection {
    align-items: flex-start;
    width: 65%;
    padding: 0px 0px 75px 60px;
  }
}
.ZDS-Hero h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 35px;
  color: #000000;
}
@media (min-width: 768px) {
  .ZDS-Hero h1 {
    font-family: "Open Sans", sans-serif;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 45px;
  }
}
@media (min-width: 1280px) {
  .ZDS-Hero h1 {
    font-family: "Open Sans", sans-serif;
    font-size: 70px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 75px;
  }
}
.ZDS-Hero__heading--small {
  position: absolute;
  width: 80%;
  text-align: center;
  left: 10%;
  right: 10%;
  top: 20%;
  bottom: 20%;
}
@media (min-width: 500px) {
  .ZDS-Hero__heading--small {
    top: 35%;
  }
}
@media (min-width: 768px) {
  .ZDS-Hero__heading--small {
    display: none;
    text-align: left;
  }
}
.ZDS-Hero__heading--large {
  text-align: center;
  display: none;
}
@media (min-width: 768px) {
  .ZDS-Hero__heading--large {
    display: flex;
    margin: 10% 0px 10px 0px;
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .ZDS-Hero__heading--large {
    display: flex;
    margin: 10% 0px 10px 0px;
    text-align: left;
  }
}
.ZDS-Hero p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  font-weight: normal;
}
@media (min-width: 768px) {
  .ZDS-Hero p {
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    font-weight: 600;
  }
}
.ZDS-Hero__subheading {
  margin: 30px 0px 20px 0px;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .ZDS-Hero__subheading {
    text-align: left;
    margin: 0px 0px 20px 0px;
  }
}
.ZDS-Hero__button {
  width: 175px;
}

.HomepageV2-Stats__content {
  max-width: 1280px;
  margin: 0 auto;
  padding: 50px 45px;
}
@media (min-width: 768px) {
  .HomepageV2-Stats__content {
    padding: 30px 20px;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-Stats__content {
    padding: 35px 25px;
  }
}
.HomepageV2-Stats__number {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 35px;
  color: #000000;
  -webkit-text-fill-color: #000000;
}
@media (min-width: 768px) {
  .HomepageV2-Stats__number {
    font-family: "Open Sans", sans-serif;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 45px;
  }
}
.HomepageV2-Stats__stat {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  display: grid;
  justify-content: center;
  margin-bottom: 0;
  row-gap: 10px;
  text-align: center;
}
@media (min-width: 1280px) {
  .HomepageV2-Stats__stat {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.HomepageV2-Stats__stats-list {
  display: grid;
  margin-bottom: 0;
  row-gap: 30px;
}
@media (min-width: 768px) {
  .HomepageV2-Stats__stats-list {
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 0;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-Stats__stats-list {
    column-gap: 30px;
  }
}
.HomepageV2-Stats__text {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  color: #999999;
  -webkit-text-fill-color: #999999;
}
.HomepageV2-Stats__wrapper {
  background-color: #e5effd;
}

.HomepageV2-Get-Started__wrapper {
  position: relative;
  margin-top: 75px;
}
@media (min-width: 768px) {
  .HomepageV2-Get-Started__wrapper {
    margin-top: -75px;
    bottom: -150px;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-Get-Started__wrapper {
    bottom: -100px;
    margin-top: -30px;
  }
}
@media (min-width: 768px) {
  .HomepageV2-Get-Started__cta-container {
    justify-self: center;
    width: 300px;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-Get-Started__cta-container {
    justify-self: end;
  }
}
.HomepageV2-Get-Started__content {
  max-width: 1280px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .HomepageV2-Get-Started__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.HomepageV2-Get-Started__copy {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
}
@media (min-width: 1280px) {
  .HomepageV2-Get-Started__copy {
    text-align: left;
  }
}
.HomepageV2-Get-Started__copy-container {
  row-gap: 40px;
  display: grid;
  padding: 40px 20px 50px;
}
@media (min-width: 768px) {
  .HomepageV2-Get-Started__copy-container {
    padding: 50px 70px 55px;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-Get-Started__copy-container {
    align-items: center;
    grid-template-columns: 1fr 1fr;
    padding: 50px 40px;
  }
}
.HomepageV2-Get-Started__description {
  color: #666666;
  -webkit-text-fill-color: #666666;
  margin-bottom: 0;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .HomepageV2-Get-Started__description {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-top: 20px;
  }
}
.HomepageV2-Get-Started__title {
  all: unset;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
  -webkit-text-fill-color: #000000;
}
@media (min-width: 768px) {
  .HomepageV2-Get-Started__title {
    font-family: "Open Sans", sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 35px;
  }
}

.HomepageV2-Video__content {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
.HomepageV2-Video__heading {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  border-top: 5px solid #f2f2f2;
  color: #000000;
  -webkit-text-fill-color: #000000;
  padding: 40px 0 0 0;
  text-align: center;
}
@media (min-width: 768px) {
  .HomepageV2-Video__heading {
    font-family: "Open Sans", sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 35px;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-Video__heading {
    margin-left: 40px;
    margin-right: 40px;
  }
}
.HomepageV2-Video__subheading {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  text-align: center;
  color: #666666;
  -webkit-text-fill-color: #666666;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 10px;
}
@media (min-width: 1280px) {
  .HomepageV2-Video__subheading {
    line-height: 30px;
  }
}
.HomepageV2-Video__video {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .HomepageV2-Video__video {
    max-width: 655px;
    padding-left: 0;
    padding-right: 0;
  }
}
.HomepageV2-Video__video__player {
  width: 100%;
}
@media (min-width: 768px) {
  .HomepageV2-Video__video__player {
    height: auto;
  }
}

.HomepageV2-Testimonials__author {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  text-transform: uppercase;
  align-self: end;
  color: #999999;
  -webkit-text-fill-color: #999999;
  margin-bottom: 0;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .HomepageV2-Testimonials__author {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
  }
}
.HomepageV2-Testimonials__avatar {
  border-radius: 50%;
  height: 100px;
  justify-self: center;
  width: 100px;
}
@media (min-width: 768px) {
  .HomepageV2-Testimonials__avatar {
    align-self: center;
    justify-self: flex-start;
  }
}
.HomepageV2-Testimonials__content {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  padding: 40px 20px;
  row-gap: 45px;
}
@media (min-width: 768px) {
  .HomepageV2-Testimonials__content {
    padding-top: 210px;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-Testimonials__content {
    padding-top: 170px;
  }
}
.HomepageV2-Testimonials__cta {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .HomepageV2-Testimonials__cta {
    justify-self: center;
    max-width: 420px;
    width: 60%;
  }
}
.HomepageV2-Testimonials__cta-pitch {
  all: unset;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  color: #999999;
  -webkit-text-fill-color: #999999;
  text-align: center;
}
.HomepageV2-Testimonials__cta-wrapper {
  display: grid;
  row-gap: 20px;
}
.HomepageV2-Testimonials__item {
  display: grid;
  height: 100%;
  row-gap: 20px;
  padding: 20px 15px;
}
@media (min-width: 768px) {
  .HomepageV2-Testimonials__item {
    column-gap: 30px;
    grid-template-columns: 100px 1fr;
    padding: 25px;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-Testimonials__item {
    padding: 32px 40px;
  }
}
.HomepageV2-Testimonials__list {
  display: grid;
  margin-bottom: 0;
  row-gap: 20px;
}
.HomepageV2-Testimonials__list li:nth-child(n+4) {
  display: none;
}
@media (min-width: 768px) {
  .HomepageV2-Testimonials__list {
    column-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
  .HomepageV2-Testimonials__list li:nth-child(n+4) {
    display: block;
  }
}
.HomepageV2-Testimonials__title {
  all: unset;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  display: block;
  color: #000000;
  -webkit-text-fill-color: #000000;
  justify-self: center;
  text-align: center;
  max-width: 90%;
}
@media (min-width: 768px) {
  .HomepageV2-Testimonials__title {
    font-family: "Open Sans", sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 35px;
    max-width: 85%;
  }
}
.HomepageV2-Testimonials__quote {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  -webkit-text-fill-color: #666666;
}
@media (min-width: 768px) {
  .HomepageV2-Testimonials__quote {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
  }
}
@media (min-width: 1280px) {
  .HomepageV2-Testimonials__quote {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
  }
}
.HomepageV2-Testimonials__quote-wrapper {
  display: grid;
}
.HomepageV2-Testimonials__wrapper {
  background-color: #e5effd;
}

.HomepageV2-Survey {
  /**
  * This was added because the survey wasn't looking OK because the [data-css-reset] styles were not being applied
  * This mimics the reset we use in ZDS
  *
  * We're also using `!important` so we can override ZDS styles directly from the survey
  */
}
@supports (all: unset) {
  .HomepageV2-Survey [data-css-reset][data-css-reset][data-css-reset][data-css-reset] {
    all: unset;
  }
  .HomepageV2-Survey div[data-css-reset][data-css-reset][data-css-reset][data-css-reset],
.HomepageV2-Survey form[data-css-reset][data-css-reset][data-css-reset][data-css-reset] {
    display: block;
  }
}
.HomepageV2-Survey button {
  -webkit-text-fill-color: #ffffff !important;
}
.HomepageV2-Survey button:disabled {
  -webkit-text-fill-color: #999999 !important;
}
.HomepageV2-Survey label,
.HomepageV2-Survey h2 {
  -webkit-text-fill-color: #000000 !important;
}
@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::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.button.button--primary {
  text-align: center;
  background: #499df3;
  color: #fff;
  border-color: transparent;
}
.button.button--primary.button--chameleon {
  background-color: transparent;
  border-color: #499df3;
  color: #499df3;
}
.button.button--primary:hover, .button.button--primary:focus {
  background: #3b95f2;
  color: #fff;
}
.button.button--primary[disabled] {
  background: #499df3;
  opacity: 0.5;
  cursor: default;
}
.button.button--primary-active {
  background: #3190f1;
}
.button.button--primary-active:hover, .button.button--primary-active:focus {
  background: #3190f1;
}
.button.button--secondary {
  text-align: center;
  background: #f1f4f5;
  color: #555;
  border-color: transparent;
  border-color: #dadfe2;
}
.button.button--secondary.button--chameleon {
  background-color: transparent;
  border-color: #f1f4f5;
  color: #f1f4f5;
}
.button.button--secondary:hover, .button.button--secondary:focus {
  background: #e8edef;
  color: #555;
}
.button.button--secondary[disabled] {
  background: #f1f4f5;
  opacity: 0.5;
  cursor: default;
}
.button.button--secondary-active {
  background: #e2e8ea;
}
.button.button--secondary-active:hover, .button.button--secondary-active:focus {
  background: #e2e8ea;
}
.button.button--secondary-light {
  text-align: center;
  background: #fff;
  color: #969ea2;
  border-color: transparent;
  border-color: #dadfe2;
}
.button.button--secondary-light.button--chameleon {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.button--secondary-light:hover, .button.button--secondary-light:focus {
  background: #f7f7f7;
  color: #969ea2;
}
.button.button--secondary-light[disabled] {
  background: #fff;
  opacity: 0.5;
  cursor: default;
}
.button.button--secondary-light-active {
  background: #f2f2f2;
}
.button.button--secondary-light-active:hover, .button.button--secondary-light-active:focus {
  background: #f2f2f2;
}
.button.button--neutral {
  text-align: center;
  background: #f1f4f5;
  color: #969ea2;
  border-color: transparent;
  border-color: #dadfe2;
}
.button.button--neutral.button--chameleon {
  background-color: transparent;
  border-color: #f1f4f5;
  color: #f1f4f5;
}
.button.button--neutral:hover, .button.button--neutral:focus {
  background: #e8edef;
  color: #969ea2;
}
.button.button--neutral[disabled] {
  background: #f1f4f5;
  opacity: 0.5;
  cursor: default;
}
.button.button--neutral-active {
  background: #e2e8ea;
}
.button.button--neutral-active:hover, .button.button--neutral-active:focus {
  background: #e2e8ea;
}
.button.button--ui {
  text-align: center;
  background: #e8ebed;
  color: #5f6c72;
  border-color: transparent;
  border-color: #dadfe2;
}
.button.button--ui.button--chameleon {
  background-color: transparent;
  border-color: #e8ebed;
  color: #e8ebed;
}
.button.button--ui:hover, .button.button--ui:focus {
  background: #e0e4e6;
  color: #5f6c72;
}
.button.button--ui[disabled] {
  background: #e8ebed;
  opacity: 0.5;
  cursor: default;
}
.button.button--ui-active {
  background: #dadfe2;
}
.button.button--ui-active:hover, .button.button--ui-active:focus {
  background: #dadfe2;
}
.button.button--danger {
  text-align: center;
  background: #e52f00;
  color: #fff;
  border-color: transparent;
}
.button.button--danger.button--chameleon {
  background-color: transparent;
  border-color: #e52f00;
  color: #e52f00;
}
.button.button--danger:hover, .button.button--danger:focus {
  background: #d62c00;
  color: #fff;
}
.button.button--danger[disabled] {
  background: #e52f00;
  opacity: 0.5;
  cursor: default;
}
.button.button--danger-active {
  background: #cc2a00;
}
.button.button--danger-active:hover, .button.button--danger-active:focus {
  background: #cc2a00;
}
.button.button--success {
  text-align: center;
  background: #62d493;
  color: #fff;
  border-color: transparent;
}
.button.button--success.button--chameleon {
  background-color: transparent;
  border-color: #62d493;
  color: #62d493;
}
.button.button--success:hover, .button.button--success:focus {
  background: #56d18b;
  color: #fff;
}
.button.button--success[disabled] {
  background: #62d493;
  opacity: 0.5;
  cursor: default;
}
.button.button--success-active {
  background: #4ecf85;
}
.button.button--success-active:hover, .button.button--success-active:focus {
  background: #4ecf85;
}
.button.button--team {
  text-align: center;
  background: #6061ed;
  color: #fff;
  border-color: transparent;
}
.button.button--team.button--chameleon {
  background-color: transparent;
  border-color: #6061ed;
  color: #6061ed;
}
.button.button--team:hover, .button.button--team:focus {
  background: #5253eb;
  color: #fff;
}
.button.button--team[disabled] {
  background: #6061ed;
  opacity: 0.5;
  cursor: default;
}
.button.button--team-active {
  background: #494aea;
}
.button.button--team-active:hover, .button.button--team-active:focus {
  background: #494aea;
}
.button.button--continue {
  text-align: center;
  background: #13d0ab;
  color: #fff;
  border-color: transparent;
}
.button.button--continue.button--chameleon {
  background-color: transparent;
  border-color: #13d0ab;
  color: #13d0ab;
}
.button.button--continue:hover, .button.button--continue:focus {
  background: #12c29f;
  color: #fff;
}
.button.button--continue[disabled] {
  background: #13d0ab;
  opacity: 0.5;
  cursor: default;
}
.button.button--continue-active {
  background: #11b998;
}
.button.button--continue-active:hover, .button.button--continue-active:focus {
  background: #11b998;
}
.button.button--important {
  text-align: center;
  background: #ff4a00;
  color: #fff;
  border-color: transparent;
}
.button.button--important.button--chameleon {
  background-color: transparent;
  border-color: #ff4a00;
  color: #ff4a00;
}
.button.button--important:hover, .button.button--important:focus {
  background: #f04600;
  color: #fff;
}
.button.button--important[disabled] {
  background: #ff4a00;
  opacity: 0.5;
  cursor: default;
}
.button.button--important-active {
  background: #e64300;
}
.button.button--important-active:hover, .button.button--important-active:focus {
  background: #e64300;
}
.button.button--borderless {
  border-color: transparent;
}
.button.button--recommended {
  text-align: center;
  background: #32b76b;
  color: #fff;
  border-color: transparent;
}
.button.button--recommended.button--chameleon {
  background-color: transparent;
  border-color: #32b76b;
  color: #32b76b;
}
.button.button--recommended:hover, .button.button--recommended:focus {
  background: #2fab64;
  color: #fff;
}
.button.button--recommended[disabled] {
  background: #32b76b;
  opacity: 0.5;
  cursor: default;
}
.button.button--recommended-active {
  background: #2da35f;
}
.button.button--recommended-active:hover, .button.button--recommended-active:focus {
  background: #2da35f;
}
.button.button--gloomy {
  text-align: center;
  background: #929fa5;
  color: #fff;
  border-color: transparent;
}
.button.button--gloomy.button--chameleon {
  background-color: transparent;
  border-color: #929fa5;
  color: #929fa5;
}
.button.button--gloomy:hover, .button.button--gloomy:focus {
  background: #8a979e;
  color: #fff;
}
.button.button--gloomy[disabled] {
  background: #929fa5;
  opacity: 0.5;
  cursor: default;
}
.button.button--gloomy-active {
  background: #859399;
}
.button.button--gloomy-active:hover, .button.button--gloomy-active:focus {
  background: #859399;
}
.button.button--warning-banner-cta {
  text-align: center;
  background: #fd7622;
  color: #fff;
  border-color: transparent;
}
.button.button--warning-banner-cta.button--chameleon {
  background-color: transparent;
  border-color: #fd7622;
  color: #fd7622;
}
.button.button--warning-banner-cta:hover, .button.button--warning-banner-cta:focus {
  background: #fd6d13;
  color: #fff;
}
.button.button--warning-banner-cta[disabled] {
  background: #fd7622;
  opacity: 0.5;
  cursor: default;
}
.button.button--warning-banner-cta-active {
  background: #fd6609;
}
.button.button--warning-banner-cta-active:hover, .button.button--warning-banner-cta-active:focus {
  background: #fd6609;
}
.button.button--clear {
  background-color: transparent;
  color: #969ea2;
}
.button.button--block {
  width: 100%;
}
.button.button--min-width {
  min-width: 9em;
}
.button.button--margin-left-auto {
  margin-left: auto;
}
.button.button--uppercase {
  text-transform: uppercase;
}
.button.button--micro {
  height: 18px;
  line-height: 16px;
  font-size: 1.2rem;
  padding: 0 4px;
}
.button.button--micro .button__icon {
  width: 10px;
  height: 10px;
}
.button.button--small {
  font-size: 1.2rem;
}
.button.button--small .button__icon {
  width: 10px;
  height: 10px;
  line-height: 1;
}
.button.button--large {
  font-size: 1.3rem;
  padding: 1em;
}
.button.button--large .button__icon {
  width: 16px;
  height: 16px;
}
.button.button--xlarge {
  font-size: 1.5rem;
  padding: 1.2em;
  font-weight: 600;
}
.button.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;
     -moz-user-select: initial;
      -ms-user-select: initial;
          user-select: initial;
  vertical-align: baseline;
  white-space: inherit;
  text-align: inherit;
  text-decoration: underline;
}
.button.button--as-link:hover, .button.button--as-link:focus {
  background: none;
  text-decoration: underline;
  border: none;
}
.button.button--as-link.button--danger {
  color: #e52f00;
}
.button.button--as-link .button__text {
  display: inherit;
}
.button.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;
     -moz-user-select: initial;
      -ms-user-select: initial;
          user-select: initial;
  vertical-align: baseline;
  white-space: inherit;
  text-align: inherit;
  color: #499df3;
}
.button.button--as-colored-link:hover, .button.button--as-colored-link:focus {
  background: none;
  text-decoration: underline;
  border: none;
}
.button.button--as-colored-link.button--danger {
  color: #e52f00;
}
.button.button--as-colored-link .button__text {
  display: inherit;
}
.button.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;
     -moz-user-select: initial;
      -ms-user-select: initial;
          user-select: initial;
  vertical-align: baseline;
  white-space: inherit;
  text-align: inherit;
}
.button.button--as-text:hover, .button.button--as-text:focus {
  background: none;
  text-decoration: underline;
  border: none;
}
.button.button--as-text.button--danger {
  color: #e52f00;
}
.button.button--as-text .button__text {
  display: inherit;
}
.button.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;
     -moz-user-select: initial;
      -ms-user-select: initial;
          user-select: initial;
  vertical-align: baseline;
  white-space: inherit;
  text-align: inherit;
  text-align: center;
}
.button.button--as-text-centered:hover, .button.button--as-text-centered:focus {
  background: none;
  text-decoration: underline;
  border: none;
}
.button.button--as-text-centered.button--danger {
  color: #e52f00;
}
.button.button--as-text-centered .button__text {
  display: inherit;
}
.button.button--icon-only {
  align-items: center;
  border-radius: 100%;
  display: inline-flex;
  height: 26px;
  justify-content: center;
  padding: 0;
  width: 26px;
}
.button.button--bold {
  font-weight: 600;
}
.button__inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button--justify-between .button__inner {
  justify-content: space-between;
}
.button .button__icon {
  color: inherit;
  width: 13px;
  height: 13px;
}
.button .button__icon--after:not(:only-child) {
  margin-left: 0.3em;
}
.button .button__icon--before:not(:only-child) {
  margin-right: 0.3em;
}
.add-search {
  display: table;
  border-collapse: collapse;
  width: 100%;
}
.add-search__button-cell {
  display: table-cell;
  width: 100px;
}
.add-search__or-cell {
  display: table-cell;
  width: 40px;
  vertical-align: middle;
  padding-left: 12px;
}
.add-search__dropdown-cell {
  display: table-cell;
  vertical-align: middle;
}
@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;
}
.fast-choice__label {
  display: inline-block;
  width: 65%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.fast-choice__sample {
  display: inline-block;
  width: 34%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  padding: 8px;
}
.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;
}
.flanked-input {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.flanked-input__input {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.flanked-input__flanked {
  min-width: 200px;
  margin: 5px 0;
}
.flanked-input .insert-button {
  display: none !important;
}
.flanked-input .pretty-text-box {
  padding: 8px !important;
}
.boolean-input {
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dadfe2;
  color: #fff;
  flex: none;
}
.boolean-input--checkbox {
  border-radius: 3px;
}
.boolean-input--radio {
  border-radius: 100%;
}
.boolean-input--checked[class] {
  background-color: #499df3;
  border: none;
}
.boolean-input--disabled {
  opacity: 0.25;
  cursor: default;
}
.boolean-input__input {
  display: none;
}
.boolean-input__icon[class] {
  width: 10px;
  height: 10px;
}
.boolean-input--radio .boolean-input__icon[class] {
  width: 6px;
  height: 6px;
}
.select-box__boolean-input {
  vertical-align: text-bottom;
}

.flowform .formatic .fm-field div.select-box {
  padding-right: 51px;
}
.text-input.text-input--large {
  padding: 12px;
}
.text-input.text-input--error {
  background-color: #fffbf9;
  border: 1px solid #ff4819;
}
.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;
}
.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;
}
.login-form__title {
  color: #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: #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;
}
.flex-group--row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-group--padded {
  padding: 13px;
}
.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--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--1-and-half-em-top {
  margin-top: 1.5em;
}
.generic-heading--1-em-bottom {
  margin-bottom: 1em;
}
.generic-heading--1-em-right {
  margin-right: 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--centered {
  text-align: center;
}
.generic-heading--deepspace {
  color: #354147;
}
.generic-heading__icon--before {
  margin-right: 0.5em;
}
.generic-heading__icon--after {
  margin-left: 0.5em;
}
.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: #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%;
}
.split-login-page--platform .split-login-page__pane--primary {
  min-height: 450px;
}
.split-login-page--platform .split-login-page__content {
  width: 350px !important;
}

.platform-login .simple-unauthed-promo__title {
  font-size: 24px;
}
.platform-login__image {
  margin-top: 35px;
}
.radio-input-array {
  display: flex;
}
.radio-input-array__type {
  display: flex;
  align-items: center;
}
.radio-input-array__type:not(:last-child) {
  margin-right: 25px;
}
.radio-input-array__type-label {
  margin-left: 5px;
}
.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: #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;
}
.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__item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 7px 0;
  line-height: 1.3;
}
.feature-items__check {
  color: #32b76b;
  margin-right: 16px;
}
.feature-items__desc {
  font-size: 1.6rem;
}
.feature-items__popover {
  display: inline;
}
.feature-items__popover-hover {
  text-decoration: underline;
}
.feature-items__popover-content {
  list-style: inside;
  margin: 0;
  text-align: left;
}
.platform-signup__simple-promo .generic-heading {
  font-size: 2.4rem;
}
.platform-signup__simple-promo .feature-items {
  margin: 20px 0;
  color: #5f6c72;
}
.platform-signup__simple-promo .feature-items__check {
  color: #62d493;
}
.platform-signup__subscribe-container {
  padding-top: 20px;
  border-top: 1px solid #dadfe2;
}
.platform-signup__subscribe-container p {
  font-size: 1.5rem;
}
.platform-signup__subscribe-container p button {
  padding: 0;
}
.platform-signup__subscribe-container p button:hover:not([disabled]) {
  background-color: transparent;
}
.platform-signup__subscribe-form {
  padding-top: 5px;
}
.platform-signup__subscribe-form input[type=text] {
  width: 70%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none;
  background-color: white !important;
}
.platform-signup__subscribe-form button {
  width: 30%;
  height: 41px;
  min-height: inherit;
  font-size: 13px;
  padding: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.platform-signup__subscribe-form-alerts {
  position: absolute;
  top: -70px;
  left: 0;
  width: 100%;
}
.platform-signup__subscribe-form-invalid-errors {
  color: #e52f00;
  font-weight: 600;
  margin-top: 4px;
}
.platform-signup__subscribe-success-outer {
  top: 40px;
}
.platform-signup__subscribe-success-errors {
  position: fixed;
  top: 10px;
  max-width: 600px;
  width: 100%;
  margin-left: -40px;
}
.platform-signup__subscribe-success-banner {
  max-width: 600px;
  margin: -40px 0 0 -40px;
  border-bottom: 1px solid #dadfe2;
}
.platform-signup__subscribe-success-header {
  font-size: 35px;
  font-weight: 600;
  color: #354147;
  margin-bottom: 20px;
}
.platform-signup__subscribe-success-message {
  text-align: center;
  margin: 40px 0 50px;
}
.platform-signup__subscribe-success-form-row {
  margin-bottom: 40px;
}
.platform-signup__subscribe-success-form-row .radio-input-array {
  margin-top: 10px;
}
.platform-signup__subscribe-success-form-row:last-of-type {
  margin-bottom: 0;
}
.platform-signup__subscribe-success-form-row button {
  height: 40px;
}
.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: #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__subtitle {
  color: #5f6c72;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
  margin: 0 0 60px;
}
@media screen and (max-width: 749px) {
  .sign-up-promo-test__subtitle {
    display: none;
  }
}
@media screen and (max-width: 749px) {
  .sign-up-promo-test__features {
    display: none;
  }
}
.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: #fff;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3em;
  padding: 0;
  margin: 0 0 1.2em;
  text-align: center;
}
.run-zap-modal__bolt {
  fill: #dadfe2;
  height: 25px;
  width: 25px;
  margin-right: 5px;
}
.run-zap-modal__header {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.run-zap-modal__title {
  font-size: 25px;
  color: #354147;
}
.run-zap-modal__status-list {
  height: 175px;
  overflow-y: scroll;
  border: 1px solid #dadfe2;
  border-radius: 5px;
}
.run-zap-modal__status-item {
  border-bottom: 1px solid #dadfe2;
  padding: 10px;
  display: flex;
  align-items: center;
}
.run-zap-modal__status-icon {
  margin-right: 10px;
}
.run-zap-modal__status-icon--success {
  fill: #62d493;
}
.run-zap-modal__status-icon--error, .run-zap-modal__status-icon--halted, .run-zap-modal__status-icon--held {
  fill: #ff4a00;
}
.run-zap-modal__modal-actions {
  display: flex;
  justify-content: flex-end;
}
.toggle-switch {
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: 79px;
}
.toggle-switch--small {
  height: 30px;
  width: 74px;
}
.toggle-switch--isDisabled {
  opacity: 0.5;
  cursor: default;
}
.toggle-switch__toggle-checkbox {
  display: none;
}
.toggle-switch__toggle-dot {
  background: #fff;
  border-radius: 50px;
  height: 55%;
  margin: 7px;
  width: 23%;
  position: absolute;
  right: 57%;
  transition: all 0.3s ease-in 0s;
}
@keyframes toggle-switch-toggling {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.toggle-switch__toggle-dot--isToggling {
  animation: toggle-switch-toggling 1.5s ease-out;
  animation-iteration-count: infinite;
}
.toggle-switch__toggle-dot--isOn {
  right: 0;
}
.toggle-switch__icon {
  fill: #fff;
  height: 25px;
  top: 10%;
  width: 25px;
  position: absolute;
  right: 57%;
  transition: all 0.3s ease-in 0s;
}
.toggle-switch__icon--isOn {
  right: 10%;
}
.toggle-switch__text-and-background {
  display: block;
  line-height: 32px;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
  width: 200%;
}
.toggle-switch__text-and-background:after {
  content: "OFF";
  background-color: #969ea2;
  padding-right: 11px;
  text-align: right;
  box-sizing: border-box;
  color: #fff;
  float: left;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  width: 50%;
}
.toggle-switch__text-and-background:before {
  content: "ON";
  background-color: #62d493;
  margin-left: 0;
  padding-left: 11px;
  text-align: left;
  box-sizing: border-box;
  color: #fff;
  float: left;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  width: 50%;
}
.toggle-switch__text-and-background--isOn {
  margin-left: 0;
}
.toggle-switch__text-and-background--held:before {
  background-color: #fd7622;
}
.toggle-switch__text-and-background--small {
  line-height: 30px;
}
.toggle-switch__text-and-background--small:before {
  padding-left: 10px;
  font-size: 13px;
}
.toggle-switch__text-and-background--small:after {
  font-size: 13px;
}
.dropdown {
  background-color: #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%;
}
.truncated-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.truncated-text--block {
  display: block;
}
.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;
}
.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: #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;
}
.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::-ms-input-placeholder {
  color: #969ea2;
}
.search-box--minimalist .search-box__input.search-box__input::placeholder {
  color: #969ea2;
}
.search-box--minimalist .search-box__search-icon {
  width: 18px;
  height: 18px;
}
.auths-list__item {
  display: flex;
  align-items: center;
  padding: 6px;
}
.auths-list__item:not(:last-child) {
  border-bottom: 1px solid #dadfe2;
}
.auths-list__logo {
  width: 20px;
  height: 20px;
  background-size: 20px;
  flex: none;
  margin-right: 8px;
}
.auths-list__title {
  flex: 1;
}
.shared-auths-warning[class] {
  padding: 20px;
  font-size: 1.4rem;
  color: #5f6c72;
}
@media screen and (min-width: 400px) {
  .shared-auths-warning {
    min-width: 300px;
  }
}
.shared-auths-warning .shared-auths-warning__auths-list {
  max-height: 165px;
  overflow: auto;
}
.zap-menu[class] {
  cursor: default;
  text-align: left;
  min-width: 250px;
  max-height: none;
  max-width: 310px;
}
.zap-menu .zap-menu__list {
  max-height: 330px;
}
.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;
}
.task-status-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  max-width: 32px;
  margin-right: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
}
.task-status-icon__icon {
  width: 14px;
  height: 14px;
}
.task-status-icon__path-icon {
  margin-left: 4px;
  opacity: 0.6;
}
.task-status-icon--small {
  height: 18px;
  width: 18px;
}
.task-status-icon--small .task-status-icon__icon {
  width: 10px;
  height: 10px;
}
.task-status-icon--large {
  height: 30px;
  width: 30px;
}
.task-status-icon--large .task-status-icon__icon {
  width: 18px;
  height: 18px;
}
.task-status-icon--xlarge {
  height: 32px;
  width: 32px;
  margin-right: 5px;
  padding: 9px;
}
@media screen and (min-width: 700px) {
  .task-status-icon--xlarge {
    height: 48px;
    width: 48px;
    margin-right: 10px;
    padding-top: 11px;
  }
}
.task-status-icon--xlarge .task-status-icon__icon {
  height: 20px;
  width: 20px;
}
@media screen and (min-width: 700px) {
  .task-status-icon--xlarge .task-status-icon__icon {
    width: 25px;
    height: 25px;
  }
}
.task-status-icon--check-alt {
  color: #fff;
  background-color: #13d0ab;
}
.task-status-icon--stopped, .task-status-icon--error {
  color: #fff;
  background-color: #e52f00;
}
.task-status-icon--filter {
  color: #fff;
  background-color: #ffc43e;
}
.task-status-icon--clock {
  color: #fff;
  background-color: #499df3;
}
.task-status-icon--delete:not(.task-status-icon--error) {
  color: #fff;
  background-color: #969ea2;
}
.task-status-icon--progress .task-status-icon__icon {
  color: #fd7622;
  background-color: #fff3ec;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.task-status-icon--holding {
  color: #fff;
  background-color: #fd7622;
}
.task-status-icon--wide {
  border-radius: 21px;
  width: 52px;
}
.task-replay-complete-message {
  border-radius: 5px;
  border: 1px solid #dadfe2;
}
.task-replay-complete-message__message-wrapper {
  padding: 10px;
  border-bottom: 1px solid #dadfe2;
}
.task-replay-complete-message__message-wrapper:last-child {
  border-bottom: none;
}
.task-replay-complete-message__message {
  display: flex;
}
.task-replay-complete-message__text {
  margin-left: 4px;
}
.task-replay-complete-message__icon {
  flex: 0 0 34px;
  text-align: center;
}
.task-replay-complete-message__link {
  padding-top: 10px;
}
.zap-warning {
  background: #fff;
  display: flex;
  align-items: center;
  border-top: 1px solid #ddd;
  padding: 15px;
}
.zap-warning__tag-link:hover {
  text-decoration: none;
}
.zap-warning__tag {
  margin-right: 10px;
  height: auto;
  min-width: 110px;
}
.zap-warning__icon {
  color: #969ea2;
  margin-right: 4px;
}
.zap-warning__message--bold {
  font-weight: bold;
}
.zap-warning__link {
  padding-left: 5px;
}
.zap-warning__button.button {
  color: #499df3;
}
.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;
}
.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;
}
.change-plan-complete-modal {
  overflow: hidden !important;
  max-width: 500px;
  padding: 60px;
}
.plan-price-summary__title {
  color: #354147;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 1px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.plan-price-summary__title--inline {
  color: #5f6c72;
}
.plan-price-summary__title--inline::after {
  content: " plan";
}
.plan-price-summary__price {
  display: flex;
  justify-content: center;
  padding: 24px 0 10px 0;
}
.plan-price-summary__currency-symbol {
  font-size: 1.7em;
  color: #969ea2;
}
.plan-price-summary__currency-symbol--inline {
  font-size: 2.5em;
}
.plan-price-summary__plan-amount {
  color: #354147;
  font-size: 3.5em;
  position: relative;
  margin-top: -6px;
  padding-left: 3px;
  padding-right: 3px;
}
.plan-price-summary__plan-amount--inline {
  font-size: 4em;
  color: #5f6c72;
}
.plan-price-summary__currency {
  color: #969ea2;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 1px;
}
.plan-price-summary__currency--inline {
  font-size: 1.14em;
  line-height: 1.2em;
}
.plan-price-summary__price-description {
  font-size: 0.8em;
  text-align: center;
  color: #969ea2;
}
.plan-price-summary__price-description--inline {
  font-size: 1em;
}
.upgrade-inline-modal {
  display: flex;
  flex-flow: row wrap;
  width: 90vw;
  max-width: 900px;
}
@media (max-width: 900px) {
  .upgrade-inline-modal {
    width: 620px;
  }
}
@media (max-width: 700px) {
  .upgrade-inline-modal {
    width: auto;
  }
}
.upgrade-inline-modal__message-pane {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 32px 24px 0;
  width: 310px;
}
@media (min-width: 591px) and (max-width: 900px) {
  .upgrade-inline-modal__message-pane {
    flex-flow: row nowrap;
    align-items: flex-start;
    padding: 32px 48px 0;
    width: auto;
  }
}
@media (max-width: 590px) {
  .upgrade-inline-modal__message-pane {
    width: 100%;
  }
}
.upgrade-inline-modal__message {
  text-align: center;
}
@media (min-width: 591px) and (max-width: 900px) {
  .upgrade-inline-modal__message {
    text-align: left;
    flex: 1 1 0;
  }
}
.upgrade-inline-modal__title {
  font-size: 2.6rem;
  font-weight: 600;
  color: #354147;
}
.upgrade-inline-modal__desc {
  color: #969ea2;
  margin: 16px 0 0;
  line-height: 1.9rem;
}
.upgrade-inline-modal__plan {
  border-radius: 4px;
  border: 1px solid #dadfe2;
  display: inline-block;
  padding: 34px 0 43px;
  margin: 53px 0 0 0;
  width: 100%;
}
@media (max-width: 900px) {
  .upgrade-inline-modal__plan {
    margin: 0 0 30px 40px;
    width: 248px;
  }
}
@media (max-width: 590px) {
  .upgrade-inline-modal__plan {
    margin: 30px 0;
    width: 240px;
  }
}
.upgrade-inline-modal__change-plan-pane {
  flex: 1 1 498px;
}
.error-block {
  background: #e52f00;
  color: #fff;
  padding: 1em;
  border-radius: 4px;
}
.on-off-indicator {
  font-weight: 600;
  min-width: 4em;
}
.team-account-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.team-account-logo__image {
  display: block;
  border-radius: 3px;
}
.team-account-logo__name {
  display: block;
  margin-top: 1em;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #fff;
}
.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;
}
.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;
}
.page-section {
  clear: both;
  margin: 0 auto;
  max-width: 1120px;
}
.page-section--narrow {
  max-width: 1000px;
}
.page-section--padded {
  padding: 20px;
}
.page-section--padded-bottomless {
  padding-top: 20px;
  padding-bottom: 0;
}
.page-section--padded-horz {
  padding-left: 20px;
  padding-right: 20px;
}
.page-section--padded-vert {
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-section--wide {
  max-width: none;
}
.error-summary {
  display: flex;
}
.error-summary__summary {
  color: #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: #fff;
  font-size: 1.2rem;
}
.error-summary .error-summary__help-link {
  color: #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: #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;
}
ul.content-list {
  list-style: disc;
}

ol.content-list {
  list-style: decimal;
}

.content-list--marginless {
  margin: 0;
}
.content-list--indented {
  margin-left: 1.3em;
}
.content-list li {
  margin: 0 0 0.5em;
}
.scrollable-box {
  overflow: auto;
  max-height: 250px;
}
.scrollable-box--bordered {
  border: 1px solid #dadfe2;
  border-radius: 3px;
}
.scrollable-box--padded {
  padding: 15px;
}
.header-logo {
  background-image: url(/home-quick/app_logo.png);
    background-size: 70px;
    display: block;
    height: 49px;
    width: 70px;
    background-position: center center;
    background-repeat: no-repeat;
}

.header-logo-new > img {
	height: 100%;;
	width: auto;
}


@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: #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;
}
  .header-block__container .header-block__controls .logo-site-name {
  		padding: 0px;
    	font-size: 18px;
    	font-weight: 500;
    	color: #2D3B49;
  }
@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;
  }
  
  .header-block__container .header-block__controls .header-logo {
  	margin-left: 10px;
  }
  
  .header-block__container .header-block__controls .header-logo-new {
  	margin-left: 10px;
  }
  
}
@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: #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: #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: #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;
  }
}
.account-info__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.account-info__avatar {
  flex: none;
}
.account-info__details {
  margin: 0 1rem;
  flex: 1;
  min-width: 0;
  line-height: 1.5;
}
.account-info__title {
  color: #354147;
  font-size: 1.4rem;
}
.account-dropdown-toggler--strong .account-info__title {
  font-weight: 600;
}
.account-info__meta {
  color: #969ea2;
  font-size: 1.1rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.account-dropdown-toggler {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.account-dropdown-toggler__arrow {
  color: #969ea2;
}
.account-switcher .account-switcher__item {
  text-decoration: none;
  color: inherit;
}
.account-switcher__list {
  max-height: 40vh;
}
.app-nav-account-switcher-dropdown__dropdown-wrapper {
  display: block;
  border-bottom: 1px solid #f1f4f5;
}
@media (min-width: 540px) {
  .app-nav-account-switcher-dropdown__dropdown-wrapper {
    display: flex;
    align-self: stretch;
    border-bottom: none;
    border-right: 1px solid #f1f4f5;
    padding: 0;
    width: 210px;
  }
}
.app-nav-account-switcher-dropdown__dropdown-menu {
  width: 100%;
  max-height: none;
}
@media (min-width: 540px) {
  .app-nav-account-switcher-dropdown__dropdown-menu {
    width: 275px;
  }
}
.app-nav-account-switcher-dropdown__dropdown-toggler-wrapper {
  display: flex;
  padding: 1rem 2rem;
  min-width: 0;
  width: 100%;
}
@media (min-width: 540px) {
  .app-nav-account-switcher-dropdown__dropdown-toggler-wrapper {
    align-self: stretch;
    padding: 0 1.2rem 0 0;
  }
}
.app-nav-account-switcher-dropdown__dropdown-toggler {
  width: 100%;
}
.app-nav {
  border-bottom: 1px solid #f1f4f5;
}
@media (min-width: 540px) {
  .app-nav__page-section {
    display: flex;
    align-items: center;
  }
}
.app-nav__navbar {
  flex: 1;
  min-width: 0;
}
.app-nav__make-zap-button {
  display: block;
  margin: 1em;
}
.navbar {
  background-color: #fff;
  font-size: 15px;
  font-weight: 600;
  position: relative;
}
.navbar--bordered {
  border-bottom: 1px solid #f1f4f5;
}
.navbar::after {
  content: "";
  width: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 75%);
}
.navbar__nav-items {
  display: flex;
  position: relative;
  overflow-x: auto;
}
.navbar__link {
  color: #969ea2;
  flex-shrink: 0;
  padding: 1em 1px 0.7em;
  line-height: 1.4;
  margin: 0 0.7em;
  text-decoration: none !important;
  transition: all 0.1s ease-in-out;
}
.navbar__link:first-of-type {
  margin-left: 0;
  padding-left: 0;
}
.navbar__link:hover {
  color: #354147;
}
.navbar__link--active {
  color: #354147;
}
.navbar__link--disabled[class] {
  color: #969ea2;
  opacity: 0.6;
}
.navbar__highlight {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #499df3;
  transition: all 0.3s ease-in-out;
  transform-origin: 0 100%;
  will-change: transform;
}
.monthly-usage-reset-date {
  margin: 0;
}
.monthly-usage-reset-date__label {
  margin-right: 0.3em;
}
.abbreviated-number {
  text-decoration: none;
}
.progress-bar-v2 {
  height: 9px;
  background-color: #e8ebed;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}
.progress-bar-v2--safe .progress-bar-v2__amount {
  background-color: #13d0ab;
}
.progress-bar-v2--warning .progress-bar-v2__amount {
  background-color: #ffc43e;
}
.progress-bar-v2--danger .progress-bar-v2__amount {
  background-color: #ff4a00;
}
.progress-bar-v2__amount {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: inherit;
  border-radius: inherit;
  transition: all 0.6s ease-in-out;
  background-color: #bbb;
}
.usage-details {
  min-width: 160px;
}
.usage-details__text {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  line-height: 1;
}
.usage-details__label {
  text-transform: capitalize;
}
.usage-details__label:first-child {
  margin-right: 0.5em;
}
.usage-details__label:last-child {
  margin-left: auto;
}
.usage-details__tooltip-icon {
  color: #969ea2;
}
.account-menu__toggler {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 49px;
  width: 49px;
  align-items: center;
  justify-content: center;
}
.account-menu__toggler .account-dropdown-toggler__content {
  flex: none;
}
@media screen and (max-width: 750px) {
  .account-menu__toggler .account-dropdown-toggler__arrow {
    display: none;
  }
}
.account-menu__details {
  flex: 1;
  margin: 0 1em;
  min-width: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (max-width: 750px) {
  .account-menu__details {
    display: none;
  }
}
.account-menu__details-item {
  color: #5f6c72;
  margin: 0;
  line-height: 1.6;
}
.account-menu__details-item--plan {
  color: #969ea2;
  font-size: 0.8em;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.account-menu__arrow {
  color: #969ea2;
}
@media screen and (max-width: 750px) {
  .account-menu__arrow {
    display: none;
  }
}
.account-menu:hover .account-menu__arrow {
  color: #499df3;
}
@keyframes wobble-hor-top {
  0%, 100% {
    transform: translateX(0%);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateX(-9px) rotate(6deg);
  }
  30% {
    transform: translateX(3px) rotate(-6deg);
  }
  45% {
    transform: translateX(-3px) rotate(3.6deg);
  }
  60% {
    transform: translateX(0px) rotate(-2.4deg);
  }
  75% {
    transform: translateX(-1px) rotate(1.2deg);
  }
}
@keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.notification-bell__icon-container--animate {
  animation: wobble-hor-top 0.4s 1.125s 2 both;
}
.notification-bell__icon-container--animation-delay {
  animation-delay: 0;
}
.notification-bell__icon {
  color: #969ea2;
  transition: all 0.1s ease;
  width: 18px;
  height: 18px;
}
.notification-bell__icon:hover {
  color: #5f6c72;
}
.notification-bell__icon--unread {
  color: #499df3;
}
.notification-bell__icon--unread:hover {
  color: #1983f0;
}
.notification-bell__counter {
  border: 2px solid #fff;
  position: absolute;
  margin-top: -25px;
  margin-left: 11px;
  color: #fff;
  box-sizing: border-box;
  height: 16px;
  width: 16px;
  font-size: 10px;
  background-color: #ff4a00;
  text-align: center;
  border-radius: 3px;
  font-weight: 600;
  padding-top: 0.5px;
}
.notification-bell__counter--animate {
  animation: scale-in-center 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both;
}
.notification-bell__counter--animation-delay {
  animation-delay: 0;
}
.notification-badge {
  text-transform: uppercase;
  font-size: 1.2rem;
  color: white;
  padding: 1px 6px;
  border-radius: 3px;
}
.notification-badge--new {
  background-color: #499df3;
}
.notification-badge--in-progress {
  background-color: #fd7622;
}
.notification-badge--done {
  background-color: #13d0ab;
}
.notification-badge--error {
  background-color: #e52f00;
}
.progress-circle {
  display: inline-block;
  vertical-align: top;
}
.progress-circle--primary .progress-circle__bar {
  stroke: #499df3;
}
.progress-circle--primary.progress-circle--can-click:hover .progress-circle__circle {
  stroke: #bcdbfb;
}
.progress-circle--safe .progress-circle__bar {
  stroke: #13d0ab;
}
.progress-circle--safe.progress-circle--can-click:hover .progress-circle__circle {
  stroke: #6cf2d7;
}
.progress-circle--warning .progress-circle__bar {
  stroke: #ffc43e;
}
.progress-circle--warning.progress-circle--can-click:hover .progress-circle__circle {
  stroke: #ffe9b8;
}
.progress-circle--danger .progress-circle__bar {
  stroke: #ff4a00;
}
.progress-circle--danger.progress-circle--can-click:hover .progress-circle__circle {
  stroke: #ffa17a;
}
.progress-circle--running .progress-circle__bar {
  stroke: #fd7622;
}
.progress-circle--running.progress-circle--can-click:hover .progress-circle__circle {
  stroke: #fec19b;
}
.progress-circle--can-click {
  cursor: pointer;
}
.progress-circle__svg {
  display: block;
  overflow: visible;
  transform: rotate(-90deg);
}
.progress-circle--bottom .progress-circle__svg {
  transform: rotate(90deg);
}
.progress-circle__circle {
  fill: transparent;
  stroke: #dadfe2;
}
.progress-circle--running .progress-circle__circle {
  stroke: transparent;
}
.progress-circle__bar {
  fill: transparent;
  stroke: #969ea2;
  transition: stroke-dashoffset 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.progress-circle--rounded .progress-circle__bar {
  stroke-linecap: round;
}
.notification {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  border-bottom: 1px solid #dadfe2;
}
.notification:last-child {
  border-bottom: none;
}
.notification__title-row {
  display: flex;
  width: 100%;
}
.notification__icon-column {
  position: relative;
  margin-right: 10px;
}
.notification__icon-wrap {
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  color: #fff;
  background-color: #499df3;
  text-align: center;
  padding-top: 9px;
}
.notification__icon-wrap--in-progress {
  color: #fd7622;
  background-color: #fff3ec;
  padding-top: 11px;
  padding-left: 4px;
}
.notification__icon-wrap--done {
  background-color: #13d0ab;
}
.notification__icon-wrap--error {
  background-color: #e52f00;
}
.notification__icon-wrap--error::before {
  font-size: 2.6rem;
}
.notification .notification__icon {
  width: 25px;
  height: 25px;
}
.notification__title-column {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.notification__title {
  text-transform: uppercase;
  font-weight: 600;
}
.notification__message {
  color: #5f6c72;
  font-size: 1.3rem;
  margin: 10px 0;
  line-height: 18px;
  width: 100%;
}
.notification__message:last-child {
  margin-bottom: 0;
}
.notification__close {
  margin-left: auto;
  color: #969ea2;
}
.notification__close:hover {
  color: #5f6c72;
}
.notifications-dropdown {
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 3px;
  cursor: auto;
  left: auto;
  right: -10px;
  position: absolute;
  text-align: left;
  top: 44px;
  width: 350px;
}
@media (max-width: 750px) {
  .notifications-dropdown {
    border-radius: 0;
    left: 0;
    right: 0;
    top: 65px;
    width: 100%;
  }
}
.notifications-dropdown__content {
  min-height: 100px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  /* Custom Scrollbar for Notifications */
}
.notifications-dropdown__content h4 {
  color: #5f6c72;
}
.notifications-dropdown__content p {
  color: #5f6c72;
}
.notifications-dropdown__content::-webkit-scrollbar {
  height: 8px;
  width: 7px;
  border-radius: 4px;
}
.notifications-dropdown__content::-webkit-scrollbar-thumb {
  background-color: #dadfe2;
  border-radius: 5px;
}
.notifications-dropdown__content::-webkit-scrollbar-track {
  border-radius: 5px;
  width: 10px;
  margin: 6px;
}
.notifications-dropdown__content::-webkit-scrollbar-corner {
  background-color: #fff;
}
.notifications-dropdown .menu-notifications-empty {
  padding: 6px;
}
.notifications-dropdown__list {
  margin: 0;
  padding: 0;
}
.notifications-menu {
  cursor: pointer;
  position: relative;
  display: flex;
  width: 49px;
  height: 49px;
  justify-content: center;
  align-items: center;
  z-index: 900;
}
@media (max-width: 750px) {
  .notifications-menu {
    position: static;
  }
}
.header-account-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 1rem;
  border-left: 1px solid #f1f4f5;
}
.header-account-actions--padded {
  padding: 0.75em;
}
.header-account-actions .loading-block {
  height: 49px;
  width: 49px;
}
@media screen and (max-width: 779px) {
  .header-account-actions {
    padding-left: 0;
    padding-right: 1rem;
    border-left: none;
  }
  .header-account-actions .account-menu {
    order: 2;
  }
  .header-account-actions .notifications-menu {
    order: 1;
  }
}
.mega-menu {
  padding: 20px;
  background-color: #f1f4f5;
  font-size: 16px;
}
@media screen and (min-width: 570px) {
  .mega-menu {
    background-color: #fff;
    height: auto;
    flex-wrap: wrap;
    border-top: 1px solid #f1f4f5;
    border-bottom: 1px solid #f1f4f5;
    box-shadow: 0 4px 16px 0 rgba(95, 108, 114, 0.17);
    overflow: hidden;
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    z-index: 100;
  }
}
@media screen and (min-width: 1050px) {
  .mega-menu {
    min-height: 300px;
  }
}
.mega-menu__link {
  color: #5f6c72;
}
.mega-menu--visible {
  display: block;
  visibility: visible;
}
.mega-menu--hidden {
  display: none;
  visibility: hidden;
}
.mega-menu__container {
  display: flex;
  margin: 0 auto;
  max-width: 1120px;
  width: 100%;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 570px) {
  .mega-menu__container {
    padding: 0 20px;
    flex-wrap: wrap;
    flex-direction: row;
  }
}
@media screen and (min-width: 1050px) {
  .mega-menu__container {
    flex-wrap: no-wrap;
  }
}
.mega-menu__content-section {
  margin-bottom: 2em;
}
@media screen and (min-width: 570px) {
  .mega-menu__content-section {
    padding-right: 1em;
    flex: 1 1 auto;
    width: 50%;
  }
}
@media screen and (min-width: 1050px) {
  .mega-menu__content-section {
    width: auto;
    max-width: 400px;
    margin-bottom: 0;
  }
}
.mega-menu__title {
  text-transform: none;
  letter-spacing: initial;
  font-weight: 600;
  margin-bottom: 0.5em;
  font-size: inherit;
}
.mega-menu__header-link {
  margin-bottom: 2em;
}
.mega-menu__header-link > a {
  color: #5f6c72;
}
.mega-menu__link-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 1.5;
}
.mega-menu__link-list--columns {
  list-style-position: inside;
  columns: 2;
}
.mega-menu__link-item {
  margin-bottom: 0.5em;
}
.mega-menu__media {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.5em;
  color: #5f6c72;
}
.mega-menu__media--figure {
  margin-right: 1em;
  width: 42px;
}
.mega-menu__media--body {
  flex: 1;
}
.navigation-links-v2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.navigation-links-v2--actions {
  flex: none;
}
.navigation-links-v2__toggle-menu-button {
  padding: 1.5em 20px 1.3em 20px !important;
}
.navigation-links-v2__link {
  display: block;
  color: #5f6c72;
  font-size: 1em;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
.navigation-links-v2__link:hover {
  color: #969ea2;
  text-decoration: none;
}
.navigation-links-v2__link--active {
  font-weight: 700;
  color: #354147;
}
.navigation-links-v2__link--visible-mega {
  color: #969ea2;
}
.navigation-links-v2__link--cta-button:hover {
  text-decoration: none;
  color: #fff;
}
.navigation-links-v2__link--cta-button:hover .navigation-links-v2__inner-link {
  background-color: #f04600;
}
.navigation-links-v2__inner-link--cta-button {
  background-color: #ff4a00;
  border: 1px solid #ff4a00;
  color: #fff;
  font-weight: 700;
  display: block;
  padding: 1rem 1.4rem 0.9rem;
  border-radius: 4px;
  width: 100%;
}
@media screen and (max-width: 569px) {
  .navigation-links-v2--logged-out {
    overflow-y: auto;
    overflow-x: hidden;
    align-items: left;
    justify-content: flex-start;
    width: 100%;
  }
}
@media screen and (max-width: 569px) {
  .navigation-links-v2--logged-out .navigation-links-v2__inner-link--secondary-button {
    background-color: #f1f4f5;
    color: #555;
    display: block;
    padding: 1rem 1.4rem 0.9rem;
    border-radius: 4px;
    border: 1px solid #dadfe2;
    width: 100%;
  }
}
@media screen and (max-width: 569px) {
  .navigation-links-v2--logged-out.navigation-links-v2--links {
    flex-direction: column;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 569px) {
  .navigation-links-v2--logged-out.navigation-links-v2--actions {
    margin-left: 0;
    padding: 0 15px;
  }
}
@media screen and (max-width: 569px) {
  .navigation-links-v2--logged-out.navigation-links-v2--actions .navigation-links-v2__item {
    border-bottom: none;
  }
}
@media screen and (max-width: 569px) {
  .navigation-links-v2--logged-out .navigation-links-v2__item {
    background: #fff;
    border-bottom: 1px solid #f1f4f5;
    width: 100%;
    justify-content: left;
    align-items: center;
  }
}
@media screen and (min-width: 570px) {
  .navigation-links-v2--logged-out .navigation-links-v2__link--selectable::after {
    content: attr(data-content);
    display: block;
    font-weight: 700;
    height: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 569px) {
  .navigation-links-v2--logged-out .navigation-links-v2__link {
    padding: 1.5em 20px 1.3em 20px;
    display: flex;
    justify-content: space-between;
    flex: 1;
  }
}
@media screen and (min-width: 570px) {
  .navigation-links-v2--logged-out .navigation-links-v2__link {
    padding: 1.9rem 1rem 1.8rem;
  }
}
@media screen and (min-width: 900px) {
  .navigation-links-v2--logged-out .navigation-links-v2__link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navigation-links-v2--logged-out .navigation-links-v2__link--cta-button {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 570px) {
  .navigation-links-v2--logged-out .navigation-links-v2__link--divider {
    padding-left: 15px;
    margin-left: 20px;
  }
}
@media screen and (min-width: 900px) {
  .navigation-links-v2--logged-out .navigation-links-v2__link--divider {
    margin-left: 40px;
  }
}
.navigation-links-v2--logged-out .navigation-links-v2__link--cta-button, .navigation-links-v2--logged-out .navigation-links-v2__link--secondary-button {
  padding: 0.8rem 0;
}
@media screen and (max-width: 569px) {
  .navigation-links-v2--logged-out .navigation-links-v2__link--cta-button, .navigation-links-v2--logged-out .navigation-links-v2__link--secondary-button {
    margin: 0.7em 5px;
  }
}
@media screen and (min-width: 570px) {
  .navigation-links-v2--logged-out .navigation-links-v2__link--cta-button {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 570px) {
  .navigation-links-v2--logged-out .navigation-links-v2__link--secondary-button {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media screen and (max-width: 569px) {
  .navigation-links-v2--logged-out .navigation-links-v2__inner-link--cta-button, .navigation-links-v2--logged-out .navigation-links-v2__inner-link--secondary-button {
    padding: 1.6rem 2.4rem 1.5rem;
  }
}
.navigation-links-v2--logged-out .navigation-links-v2--actions {
  flex-direction: row;
  border-bottom: none;
}
@media screen and (max-width: 779px) {
  .navigation-links-v2--logged-in {
    overflow-y: auto;
    overflow-x: hidden;
    align-items: left;
    justify-content: flex-start;
    width: 100%;
  }
}
@media screen and (max-width: 779px) {
  .navigation-links-v2--logged-in .navigation-links-v2__inner-link--secondary-button {
    background-color: #f1f4f5;
    color: #555;
    display: block;
    padding: 1rem 1.4rem 0.9rem;
    border-radius: 4px;
    border: 1px solid #dadfe2;
    width: 100%;
  }
}
@media screen and (max-width: 779px) {
  .navigation-links-v2--logged-in.navigation-links-v2--links {
    flex-direction: column;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 779px) {
  .navigation-links-v2--logged-in.navigation-links-v2--actions {
    margin-left: 0;
    padding: 0 15px;
  }
}
@media screen and (max-width: 779px) {
  .navigation-links-v2--logged-in.navigation-links-v2--actions .navigation-links-v2__item {
    border-bottom: none;
  }
}
@media screen and (max-width: 779px) {
  .navigation-links-v2--logged-in .navigation-links-v2__item {
    background: #fff;
    border-bottom: 1px solid #f1f4f5;
    width: 100%;
    justify-content: left;
    align-items: center;
  }
}
@media screen and (min-width: 780px) {
  .navigation-links-v2--logged-in .navigation-links-v2__link--selectable::after {
    content: attr(data-content);
    display: block;
    font-weight: 700;
    height: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 779px) {
  .navigation-links-v2--logged-in .navigation-links-v2__link {
    padding: 1.5em 20px 1.3em 20px;
    display: flex;
    justify-content: space-between;
    flex: 1;
  }
}
@media screen and (min-width: 780px) {
  .navigation-links-v2--logged-in .navigation-links-v2__link {
    padding: 1.9rem 1rem 1.8rem;
  }
}
@media screen and (min-width: 780px) {
  .navigation-links-v2--logged-in .navigation-links-v2__link--divider {
    padding-left: 15px;
    margin-left: 20px;
  }
}
@media screen and (min-width: 779px) and (max-width: 859px) {
  .navigation-links-v2--logged-in .navigation-links-v2__link--divider {
    visibility: hidden;
    margin-left: 0;
    padding: 0;
    width: 30px;
  }
}
@media screen and (min-width: 900px) {
  .navigation-links-v2--logged-in .navigation-links-v2__link--divider {
    margin-left: 40px;
  }
}
@media screen and (min-width: 960px) {
  .navigation-links-v2--logged-in .navigation-links-v2__link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navigation-links-v2--logged-in .navigation-links-v2__link--cta-button {
    padding-left: 0;
    padding-right: 0;
  }
}
.navigation-links-v2--logged-in .navigation-links-v2__link--cta-button, .navigation-links-v2--logged-in .navigation-links-v2__link--secondary-button {
  padding: 0.8rem 0;
}
@media screen and (max-width: 779px) {
  .navigation-links-v2--logged-in .navigation-links-v2__link--cta-button, .navigation-links-v2--logged-in .navigation-links-v2__link--secondary-button {
    margin: 0.7em 5px;
  }
}
@media screen and (min-width: 780px) {
  .navigation-links-v2--logged-in .navigation-links-v2__link--cta-button {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 780px) {
  .navigation-links-v2--logged-in .navigation-links-v2__link--secondary-button {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media screen and (max-width: 569px) {
  .navigation-links-v2--logged-in .navigation-links-v2__inner-link--cta-button, .navigation-links-v2--logged-in .navigation-links-v2__inner-link--secondary-button {
    padding: 1.6rem 2.4rem 1.5rem;
  }
}
.header-search-toggle {
  color: #969ea2;
  display: flex;
  border: none;
  background: none;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
}
.header-search-toggle__icon {
  width: 18px;
  height: 18px;
}
.header-search-toggle:hover {
  color: #5f6c72;
  background: none;
}
@media screen and (max-width: 779px) {
  .header-search-toggle {
    display: none;
    visibility: hidden;
  }
}
.apps-results {
  border-radius: 3px;
  background-color: #fff;
  position: absolute;
  width: 100%;
  top: 35px;
  border: 1px solid #dadfe2;
  z-index: 1;
}
.apps-results__apps-results-list {
  margin: 0;
  overflow-y: auto;
  max-height: 475px;
  /* Custom Scrollbar for App Search Results */
}
.apps-results__apps-results-list::-webkit-scrollbar {
  background-color: #fff;
  height: 8px;
  width: 7px;
}
.apps-results__apps-results-list::-webkit-scrollbar-thumb {
  background-color: #dadfe2;
  border-radius: 5px;
  margin-top: 10px;
}
.apps-results__apps-results-list::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 0;
  width: 10px;
  margin: 2px;
}
.apps-results__apps-results-list::-webkit-scrollbar-corner {
  background-color: #fff;
}
.apps-results__apps-search-result {
  position: relative;
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: 6px;
  border-bottom: 1px solid #f1f4f5;
  align-items: center;
}
.apps-results__apps-search-result--hover {
  background-color: #f1f4f5;
}
.apps-results__apps-search-result img {
  width: 28px;
  height: 28px;
}
.apps-results__app-name {
  color: #5f6c72;
  font-size: 16px;
  padding-left: 1.1em;
  font-size: 14px;
}
.apps-search {
  position: relative;
}
.apps-search__empty-apps-search-results {
  position: absolute;
  width: 100%;
  top: 35px;
  border-radius: 3px;
  border: 1px solid #f1f4f5;
  z-index: 1;
}
.apps-search__empty-apps-search-result {
  padding: 12px 130px 12px 18px;
  background-color: #fff;
  cursor: inherit;
  color: #969ea2;
  font-style: italic;
}
.header-service-search {
  flex: 2 0 196px;
}
@media screen and (max-width: 830px) {
  .header-service-search {
    flex-grow: 0;
  }
}
@media screen and (min-width: 780px) {
  .header-service-search--overlay {
    position: absolute !important;
    right: -283px;
    z-index: 10;
    top: 6px;
    min-width: 325px;
  }
}
@media screen and (min-width: 780px) {
  .header-service-search--visible {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 780px) {
  .header-service-search--hidden {
    opacity: 0;
    visibility: hidden;
  }
}
.held-tasks-banner__row {
  display: flex;
  border-radius: 4px;
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
}
@media screen and (max-width: 700px) {
  .held-tasks-banner__row {
    flex-direction: column;
  }
}
.held-tasks-banner__row--moved-up {
  top: -10px;
}
.held-tasks-banner__row--no-padding-top {
  padding-top: 0;
}
.held-tasks-banner__breakout {
  background-color: #f1f4f5;
  box-shadow: inset 0 1px 0 0 #dadfe2, 0 1px 0 0 #dadfe2;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}
.held-tasks-banner__main-icon {
  height: 50px;
}
.held-tasks-banner__icon, .held-tasks-banner__message-outer, .held-tasks-banner__tittle-text {
  vertical-align: middle;
}
.held-tasks-banner__icon {
  color: #969ea2;
  height: 19px;
  margin-right: 4px;
  width: 19px;
}
.held-tasks-banner__icon--before {
  position: absolute;
  left: -26px;
  top: 50%;
  transform: translateY(-50%);
}
.held-tasks-banner__arrow-icon-btn {
  background: none;
  border: none;
  cursor: pointer;
  height: 53px;
  margin-left: auto;
  position: relative;
  right: -6px;
  width: 60px;
}
.held-tasks-banner__arrow-icon-btn:hover {
  background: none;
}
@media screen and (max-width: 700px) {
  .held-tasks-banner__arrow-icon-btn {
    right: initial;
    width: 100%;
  }
}
.held-tasks-banner__arrow-icon {
  color: #969ea2;
  height: 18px;
  width: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 700px) {
  .held-tasks-banner__arrow-icon {
    height: 22px;
    width: 22px;
  }
}
.held-tasks-banner__button {
  margin-left: auto;
}
@media screen and (max-width: 1084px) {
  .held-tasks-banner__button {
    line-height: 1.5em;
    white-space: normal;
  }
}
@media screen and (max-width: 700px) {
  .held-tasks-banner__button {
    line-height: inherit;
    margin-left: 0;
  }
}
.held-tasks-banner__left-col {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 700px) {
  .held-tasks-banner__left-col {
    margin-bottom: 6px;
  }
}
.held-tasks-banner__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 2rem;
  font-size: 1.5rem;
  margin-left: 20px;
}
.held-tasks-banner__info--indented {
  margin-left: 80px;
}
@media screen and (max-width: 700px) {
  .held-tasks-banner__info {
    margin: 10px 0 10px 20px;
  }
}
.held-tasks-banner__title {
  color: #354147;
  font-weight: 600;
  line-height: 19px;
}
.held-tasks-banner__message-wrapper {
  margin-left: 10px;
}
.held-tasks-banner__message {
  font-weight: initial;
}
.held-tasks-banner__steps {
  margin-bottom: 0;
}
.held-tasks-banner__step {
  position: relative;
}
.held-tasks-banner__step--done {
  text-decoration: line-through;
}
.held-tasks-banner__step--indented {
  right: -26px;
}
.held-tasks-banner__step-description {
  color: #5f6c72;
}
#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;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ff4a00;
  position: fixed;
  top: 0;
  width: 0%;
  height: 2px;
  z-index: 10100;
}
.jobs-cta {
  display: inline-block;
}
.jobs-cta--bubble-background {
  padding: 4px 10px;
  border-radius: 5px;
}
.jobs-cta[class] a {
  color: #499df3;
  text-decoration: none;
}
.top-bar {
  color: #354147;
  background-color: #d1e6fc;
  padding: 5px 20px;
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
}
#widget .top-bar, .partner-embed .top-bar {
  display: none !important;
}
.top-bar--teams {
  background-color: #6061ed;
  color: #dadfe2;
}
.top-bar--subtle {
  background-color: #fff;
  border-bottom: 1px solid #f1f4f5;
  color: #5f6c72;
}
.top-bar--subtle a {
  color: #5f6c72;
}
.top-bar__page-section {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 930px) {
  .top-bar--justify-between .top-bar__page-section {
    justify-content: space-between;
  }
  .top-bar--justify-end .top-bar__page-section {
    justify-content: flex-end;
  }
}
.top-bar__jobs-cta {
  display: none;
  margin-left: 20px;
}
@media screen and (min-width: 930px) {
  .top-bar__jobs-cta {
    display: inline-block;
  }
}
.top-bar a {
  text-decoration: underline;
}
.top-bar p {
  margin: 0;
}
.top-bar-dismiss--end {
  margin-left: 10px;
}


/*# sourceMappingURL=app-bundle.css.js.map*/