/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./packages/atlas/tokens/dist/styles/tokens.css ***!
  \****************************************************************************************************************************/
:root {
--a-color-black-400: #282929;
--a-color-black-700: #000000;
--a-color-black-transparent-0: rgba(0, 0, 0, 0);
--a-color-black-transparent-075: rgba(0, 0, 0, 0.75);
--a-color-white-400: #ffffff;
--a-color-white-transparent: rgba(255, 255, 255, 0.2);
--a-color-white-transparent-0: rgba(255, 255, 255, 0);
--a-color-white-transparent-075: rgba(255, 255, 255, 0.75);
--a-color-gray-200: #919497;
--a-color-gray-400: #6a6e72;
--a-color-gray-transparent-075: rgba(106, 110, 114, 0.75);
--a-color-light-gray-100: #f0f3f5;
--a-color-light-gray-200: #e8ecee;
--a-color-light-gray-300: #dde1e4;
--a-color-light-gray-400: #d1d5d9;
--a-color-blue-50: #fafdff;
--a-color-blue-75: #eff5fa;
--a-color-blue-100: #ecf6fe;
--a-color-blue-200: #c0e2fc;
--a-color-blue-300: #4faae8;
--a-color-blue-400: #0a6cb9;
--a-color-blue-500: #0757aa;
--a-color-blue-700: #064474;
--a-color-orange-100: #fef3ec;
--a-color-orange-200: #faceb3;
--a-color-orange-300: #f5a370;
--a-color-orange-400: #f0782d;
--a-color-orange-500: #b05821;
--a-color-orange-700: #723108;
--a-color-red-100: #fcefed;
--a-color-red-200: #f4bdb8;
--a-color-red-300: #e1756c;
--a-color-red-400: #cd2d1f;
--a-color-red-500: #ac261a;
--a-color-red-600: #8b1f15;
--a-color-red-700: #6a1810;
--a-color-yellow-100: #fff9eb;
--a-color-yellow-200: #ffe6ad;
--a-color-yellow-300: #ffd575;
--a-color-yellow-400: #ffc33d;
--a-color-yellow-500: #d39e29;
--a-color-yellow-600: #a67a14;
--a-color-yellow-700: #7a5500;
--a-color-green-100: #f4faef;
--a-color-green-200: #d4ecc0;
--a-color-green-300: #9dca79;
--a-color-green-400: #65a831;
--a-color-green-500: #457e19;
--a-color-green-700: #395f1c;
--a-color-purple-100: #f3effb;
--a-color-purple-200: #cdbeef;
--a-color-purple-300: #9376d2;
--a-color-purple-400: #582db4;
--a-color-purple-700: #301862;
--a-color-transparent-overlay: rgba(40, 41, 41, 0.7);
--a-color-transparent-shadow: rgba(40, 41, 41, 0.2);
--a-color-transparent-empty: rgba(255, 255, 255, 0);
--a-font-family-heading: 'TTNormsPro', -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
--a-font-family-body: 'TTNormsPro', -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
--a-font-family-longform: 'Georgia', Times, serif;
--a-font-family-monospace: ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
--a-shadow-0: none;
--a-shadow-100: 0px 2px 12px rgba(40, 41, 41, 0.2);
--a-shadow-inset-blue: inset 0 0 0 2px #c0e2fc;
--a-shadow-focus-blue: 0 0 0 2px #c0e2fc;
--a-border-radius-none: 0;
--a-border-radius-micro: 0.125rem;
--a-border-radius-mini: 0.25rem;
--a-border-radius-small: 0.5rem;
--a-border-radius-medium: 0.75rem;
--a-border-radius-large: 1rem;
--a-border-radius-xl: 1.25rem;
--a-border-radius-2xl: 1.5rem;
--a-border-radius-half: 50%;
--a-border-radius-full: 624.9375rem;
--a-size-font-heading-48: 3rem;
--a-size-font-heading-40: 2.5rem;
--a-size-font-heading-32: 2rem;
--a-size-font-heading-28: 1.75rem;
--a-size-font-heading-24: 1.5rem;
--a-size-font-heading-20: 1.25rem;
--a-size-font-heading-18: 1.125rem;
--a-size-font-heading-16: 1rem;
--a-size-font-heading-14: 0.875rem;
--a-size-font-heading-64: 4rem;
--a-size-font-body-24: 1.5rem;
--a-size-font-body-20: 1.25rem;
--a-size-font-body-18: 1.125rem;
--a-size-font-body-16: 1rem;
--a-size-font-body-14: 0.875rem;
--a-size-font-body-12: 0.75rem;
--a-size-font-body-8: 0.5rem;
--a-size-font-body-11: 0.6875rem;
--a-size-font-body-13: 0.8125rem;
--a-size-font-long-form-24: 1.5rem;
--a-size-font-long-form-20: 1.25rem;
--a-size-font-long-form-18: 1.125rem;
--a-line-height-font-heading-48: 3.75rem;
--a-line-height-font-heading-40: 3.12rem;
--a-line-height-font-heading-32: 2.5rem;
--a-line-height-font-heading-28: 2.625rem;
--a-line-height-font-heading-24: 2.25rem;
--a-line-height-font-heading-20: 2rem;
--a-line-height-font-heading-18: 1.625rem;
--a-line-height-font-heading-16: 1.5rem;
--a-line-height-font-heading-14: 1.25rem;
--a-line-height-font-heading-64: 4.75rem;
--a-line-height-font-body-24: 2.25rem;
--a-line-height-font-body-20: 1.875rem;
--a-line-height-font-body-18: 1.625rem;
--a-line-height-font-body-16: 1.5rem;
--a-line-height-font-body-14: 1.25rem;
--a-line-height-font-body-12: 1rem;
--a-line-height-font-body-8: 0.75rem;
--a-line-height-font-body-11: 1rem;
--a-line-height-font-body-13: 1.125rem;
--a-line-height-font-long-form-24: 2.25rem;
--a-line-height-font-long-form-20: 1.875rem;
--a-line-height-font-long-form-18: 1.625rem;
--a-font-weight-font-400: 400;
--a-font-weight-font-500: 500;
--a-font-weight-font-700: 700;
--a-spacers-none: 0;
--a-spacers-nano: 2px;
--a-spacers-micro: 4px;
--a-spacers-mini: 8px;
--a-spacers-small: 16px;
--a-spacers-medium: 24px;
--a-spacers-large: 32px;

}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[4]!./app/javascript/packs/sign-up.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable color-no-hex */
/* stylelint-disable color-no-hex */
/* stylelint-enable color-no-hex */
#blue-blob {
  position: absolute;
  right: 0;
  z-index: -1;
  top: 0;
}
@media (max-width: 800px) {
  #blue-blob {
    transform: scale(0.5);
    transform-origin: top right;
  }
}
@media (max-width: 370px) {
  #blue-blob {
    display: none;
  }
}

#green-blob {
  left: 0;
  position: absolute;
  z-index: -1;
  top: 0;
}
@media (max-width: 800px) {
  #green-blob {
    transform: scale(0.5);
    transform-origin: top left;
  }
}
@media (max-width: 370px) {
  #green-blob {
    display: none;
  }
}

#yellow-blob {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}
@media (max-width: 800px) {
  #yellow-blob {
    transform: scale(0.5);
    transform-origin: bottom left;
  }
}
@media (max-width: 370px) {
  #yellow-blob {
    display: none;
  }
}

#red-blob {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}
@media (max-width: 800px) {
  #red-blob {
    transform: scale(0.5);
    transform-origin: bottom right;
  }
}
@media (max-width: 370px) {
  #red-blob {
    display: none;
  }
}

/* stylelint-disable color-no-hex */
/* stylelint-disable color-no-hex */
/* stylelint-enable color-no-hex */
/* stylelint-disable property-no-vendor-prefix */
/* stylelint-enable property-no-vendor-prefix */
/* stylelint-disable property-no-vendor-prefix */
/* stylelint-enable property-no-vendor-prefix */
/* stylelint-disable color-no-hex */
/* stylelint-disable color-no-hex */
/* stylelint-enable color-no-hex */
#ajax-loader-modal {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #d1d5d9;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(40, 41, 41, 0.2);
  color: #282929;
  display: none;
  flex-direction: column;
  left: 50%;
  line-height: 50px;
  margin: 0 auto;
  margin-left: -70px;
  margin-top: -25px;
  min-height: 50px;
  min-width: 140px;
  padding: 10px;
  position: fixed;
  text-align: center;
  top: 50%;
  z-index: 9999 !important;
}
#ajax-loader-modal.show-loader {
  display: flex !important;
}
#ajax-loader-modal p {
  font-size: var(--a-size-font-body-16);
  line-height: 30px;
  margin: 0;
  position: relative;
}
#ajax-loader-modal .loader {
  animation: loader 1.5s ease-in-out infinite;
  display: block;
  fill: none;
  height: 60px;
  stroke-linecap: round;
  stroke-width: 8;
  width: 60px;
}
#ajax-loader-modal .loader .external-circle {
  opacity: 0;
  stroke-dasharray: 180;
  stroke-dashoffset: 200;
  transform-origin: center;
}
#ajax-loader-modal .loader .external-circle.blue {
  animation: external-blue 1.5s linear infinite;
  stroke: #1973ba;
}
#ajax-loader-modal .loader .external-circle.orange {
  animation: external-orange 1.5s ease-out infinite;
  stroke: #f58a1f;
}
#ajax-loader-modal .loader .external-circle.red {
  animation: external-red 1.5s ease-out infinite;
  stroke: #d6311a;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes external-blue {
  0% {
    opacity: 0;
    stroke-dashoffset: 185;
    transform: rotate(0deg);
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    stroke-dashoffset: 80;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 180;
    transform: rotate(360deg);
  }
}
@keyframes external-orange {
  0% {
    opacity: 0;
    stroke-dashoffset: 180;
    transform: rotate(0deg);
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    stroke-dashoffset: 100;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 180;
    transform: rotate(360deg);
  }
}
@keyframes external-red {
  0% {
    opacity: 0;
    stroke-dashoffset: 160;
    transform: rotate(0deg);
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    stroke-dashoffset: 80;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 180;
    transform: rotate(360deg);
  }
}

.left-comment-holder {
  max-height: 300px;
  overflow-y: auto;
}

.close-button-top {
  clear: both;
}

.popup-content {
  margin: 4px 0;
}

.popup-percent {
  font-family: var(--a-font-family-body);
  font-weight: var(--a-font-weight-font-500);
  font-size: var(--a-size-font-body-14);
  margin-top: 10px;
}

.popup-date {
  font-family: var(--a-font-family-body);
  font-weight: var(--a-font-weight-font-500);
  font-size: var(--a-size-font-body-14);
}

.popup-label {
  color: #6a6e72;
  line-height: 14px;
}

.popup-launch {
  display: flex;
  align-items: center;
}
.popup-launch .launch-name {
  color: #282929;
  font-family: var(--a-font-family-body);
  font-weight: var(--a-font-weight-font-500);
  font-size: var(--a-size-font-body-14);
}
.popup-launch .launch-icon {
  color: #1973ba;
  margin-left: 7px;
}
.popup-launch .launch-icon .disabled {
  color: #282929;
}

.popup-colorbox {
  border-radius: 50%;
  box-shadow: 0px 0px 0px 1px rgba(40, 41, 41, 0.2) inset;
  display: inline-block;
  display: block;
  float: left;
  height: 14px;
  margin: 0 4px 0 0;
  padding: 0px;
  white-space: nowrap;
  width: 14px;
}

.lanepicker-colorbox {
  display: block;
  float: left;
  height: 13px;
  margin: 7px 4px 0 0;
  padding: 0px;
  width: 13px;
}

input.dial {
  border-width: 0px;
  box-shadow: none !important;
  cursor: default !important;
  transition: none !important;
}

.modal-title {
  font-family: var(--a-font-family-body);
  font-weight: var(--a-font-weight-font-500);
  line-height: 1.5;
}

.modal {
  overflow: auto;
}

.modal-confirm .message {
  margin-bottom: 30px;
  word-wrap: break-word;
}

#members-table {
  table-layout: fixed;
  width: 100%;
}
#members-table .user-name > span,
#members-table .user-email > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#members-table tr.account-member-line td {
  vertical-align: middle;
}

/**
 * Do not edit directly
 * Generated on Thu, 14 May 2026 12:23:33 GMT
 */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  font-family: var(--a-font-family-body);
  font-size: var(--a-size-font-body-14);
  font-weight: var(--a-font-weight-font-400);
  line-height: normal;
  margin: 0;
  min-height: 100vh;
}

a {
  color: #1973ba;
  text-decoration: none;
}

.main {
  padding: 0 16px;
}

.navigation {
  align-items: center;
  display: flex;
  position: absolute;
  height: 36px;
  justify-content: center;
  top: 40px;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 100;
}
.navigation svg {
  width: 177px;
}
.navigation__logo a {
  display: block;
}
.navigation__logo svg {
  display: block;
  width: 103px;
}
.navigation__signin {
  color: #ffffff;
  font-size: var(--a-size-font-body-12);
  cursor: pointer;
}
@media (max-width: 370px) {
  .navigation__signin span {
    display: none;
  }
}
.navigation__signin a {
  border: 1px solid #eff5fa;
  background-color: #eff5fa;
  border-radius: 0.25rem;
  color: #1973ba;
  display: inline-block;
  line-height: 18px;
  margin-left: 16px;
  padding: 2px 8px;
  transition: background-color 0.25s ease;
  vertical-align: middle;
}
.navigation__signin a:hover {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}

.invite,
.forgotPass,
.signin,
.signup,
.oauth {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
  margin: auto;
  max-width: 440px;
  padding-bottom: 16px;
}
@media (max-width: 374px) {
  .invite,
  .forgotPass,
  .signin,
  .signup,
  .oauth {
    height: auto;
    padding-top: 16px;
  }
}
@media (max-height: 579px) {
  .invite,
  .forgotPass,
  .signin,
  .signup,
  .oauth {
    padding-top: 16px;
  }
}
.invite > *,
.forgotPass > *,
.signin > *,
.signup > *,
.oauth > * {
  flex-shrink: 0;
}
.invite__header,
.forgotPass__header,
.signin__header,
.signup__header,
.oauth__header {
  color: #282929;
  display: grid;
  font-family: var(--a-font-family-body);
  font-size: var(--a-size-font-heading-24);
  gap: 8px;
  margin-bottom: 33px;
  text-align: center;
}
.invite__header.show-oauth,
.forgotPass__header.show-oauth,
.signin__header.show-oauth,
.signup__header.show-oauth,
.oauth__header.show-oauth {
  font-family: var(--a-font-family-body);
  font-weight: var(--a-font-weight-font-700);
  font-size: var(--a-size-font-heading-20);
}
.invite__header.title,
.forgotPass__header.title,
.signin__header.title,
.signup__header.title,
.oauth__header.title {
  margin: 0;
}
.invite__header.subtitle,
.forgotPass__header.subtitle,
.signin__header.subtitle,
.signup__header.subtitle,
.oauth__header.subtitle {
  align-content: center;
  display: block;
  font-family: var(--a-font-family-body);
  font-size: 0.875rem;
  margin: 0;
}
.invite__footer,
.forgotPass__footer,
.signin__footer,
.signup__footer,
.oauth__footer {
  color: #282929;
  display: grid;
  gap: 8px;
  margin-top: 32px;
  text-align: center;
}
.invite .oauth-logo,
.forgotPass .oauth-logo,
.signin .oauth-logo,
.signup .oauth-logo,
.oauth .oauth-logo {
  text-align: center;
  margin-bottom: 16px;
}

@media (max-width: 700px) {
  .signin:not(.show-oauth) {
    max-width: 440px;
    min-width: auto;
    justify-content: start;
    padding-top: 140px;
  }
}
@media (max-height: 700px) {
  .signin:not(.show-oauth) {
    padding-top: 140px;
  }
}

.oauth {
  max-width: initial;
  text-align: center;
}
.oauth__header {
  font-size: var(--a-size-font-body-18);
  margin-bottom: 8px;
  margin-top: 32px;
}
.oauth .btn {
  cursor: pointer;
  border-radius: 0.25rem;
  font-family: var(--a-font-family-body);
  font-size: var(--a-size-font-body-16);
  height: 36px;
  transition: background-color 0.25s ease;
  padding: 8px 24px;
}
.oauth .btn-success {
  background-color: #1973ba;
  border: 1px solid #1973ba;
  color: #ffffff;
}
.oauth .btn-success:hover, .oauth .btn-success:focus, .oauth .btn-success:active {
  background-color: #155f99;
}
.oauth .btn-danger {
  background-color: #ffffff;
  border: none;
  color: #6a6e72;
}
.oauth form {
  display: inline-block;
  margin-top: 32px;
}

.inviteForm__google,
.forgotPassForm__google,
.signinForm__google,
.signupForm__google {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #1973ba;
  border-radius: 4px;
  color: #282929;
  display: flex;
  font-size: var(--a-size-font-body-16);
  font-family: inherit;
  height: 40px;
  width: 100%;
  justify-content: center;
  line-height: 1;
  transition: background-color 0.25s ease;
}
.inviteForm__google::before,
.forgotPassForm__google::before,
.signinForm__google::before,
.signupForm__google::before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20533.5%20544.3%22%3E%0A%20%20%3Cpath%20d%3D%22M533.5%20278.4c0-18.5-1.5-37.1-4.7-55.3H272.1v104.8h147c-6.1%2033.8-25.7%2063.7-54.4%2082.7v68h87.7c51.5-47.4%2081.1-117.4%2081.1-200.2z%22%20fill%3D%22%234285f4%22/%3E%0A%20%20%3Cpath%20d%3D%22M272.1%20544.3c73.4%200%20135.3-24.1%20180.4-65.7l-87.7-68c-24.4%2016.6-55.9%2026-92.6%2026-71%200-131.2-47.9-152.8-112.3H28.9v70.1c46.2%2091.9%20140.3%20149.9%20243.2%20149.9z%22%20fill%3D%22%2334a853%22/%3E%0A%20%20%3Cpath%20d%3D%22M119.3%20324.3c-11.4-33.8-11.4-70.4%200-104.2V150H28.9c-38.6%2076.9-38.6%20167.5%200%20244.4l90.4-70.1z%22%20fill%3D%22%23fbbc04%22/%3E%0A%20%20%3Cpath%20d%3D%22M272.1%20107.7c38.8-.6%2076.3%2014%20104.4%2040.8l77.7-77.7C405%2024.6%20339.7-.8%20272.1%200%20169.2%200%2075.1%2058%2028.9%20150l90.4%2070.1c21.5-64.5%2081.8-112.4%20152.8-112.4z%22%20fill%3D%22%23ea4335%22/%3E%0A%3C/svg%3E%0A");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
.inviteForm__google:hover, .inviteForm__google:focus, .inviteForm__google:active,
.forgotPassForm__google:hover,
.forgotPassForm__google:focus,
.forgotPassForm__google:active,
.signinForm__google:hover,
.signinForm__google:focus,
.signinForm__google:active,
.signupForm__google:hover,
.signupForm__google:focus,
.signupForm__google:active {
  background-color: #eff5fa;
  color: #282929;
}
.inviteForm__or,
.forgotPassForm__or,
.signinForm__or,
.signupForm__or {
  align-items: center;
  color: #d1d5d9;
  display: flex;
  font-size: var(--a-size-font-body-12);
  line-height: 18px;
  margin: 24px 0;
}
.inviteForm__or::before, .inviteForm__or::after,
.forgotPassForm__or::before,
.forgotPassForm__or::after,
.signinForm__or::before,
.signinForm__or::after,
.signupForm__or::before,
.signupForm__or::after {
  border-bottom: 1px solid #e8ecee;
  content: "";
  display: block;
  flex-grow: 1;
}
.inviteForm__or::before,
.forgotPassForm__or::before,
.signinForm__or::before,
.signupForm__or::before {
  margin-right: 16px;
}
.inviteForm__or::after,
.forgotPassForm__or::after,
.signinForm__or::after,
.signupForm__or::after {
  margin-left: 16px;
}
.inviteForm__remember,
.forgotPassForm__remember,
.signinForm__remember,
.signupForm__remember {
  align-items: center;
  display: flex;
  font-size: var(--a-size-font-body-12);
  justify-content: space-between;
  margin: 24px 0;
}
.inviteForm__remember input[type=checkbox],
.forgotPassForm__remember input[type=checkbox],
.signinForm__remember input[type=checkbox],
.signupForm__remember input[type=checkbox] {
  font-size: var(--a-size-font-body-14);
  margin-bottom: 0;
  margin-top: 0;
}
.inviteForm__cancel,
.forgotPassForm__cancel,
.signinForm__cancel,
.signupForm__cancel {
  color: #1973ba;
  display: block;
  font-size: var(--a-size-font-body-16);
  margin: 24px auto 0;
  padding: 10px 0;
  transition: background-color 0.25s ease;
  width: 100px;
}
.inviteForm__field,
.forgotPassForm__field,
.signinForm__field,
.signupForm__field {
  display: block;
  margin-bottom: 24px;
}
.inviteForm__label,
.forgotPassForm__label,
.signinForm__label,
.signupForm__label {
  color: #282929;
  display: block;
  font-size: var(--a-size-font-body-12);
  line-height: 18px;
  margin-bottom: 4px;
  padding-left: 4px;
}
.inviteForm__input,
.forgotPassForm__input,
.signinForm__input,
.signupForm__input {
  background-color: #ffffff;
  border: 1px solid #d1d5d9;
  border-radius: 4px;
  color: #6a6e72;
  display: block;
  font-size: var(--a-size-font-body-14);
  height: 40px;
  padding: 8px;
  transition: border-color 0.25s ease, color 0.25s ease;
  width: 100%;
}
.inviteForm__input:focus, .inviteForm__input:active,
.forgotPassForm__input:focus,
.forgotPassForm__input:active,
.signinForm__input:focus,
.signinForm__input:active,
.signupForm__input:focus,
.signupForm__input:active {
  border-color: #1973ba;
  color: #282929;
  outline: none;
}
.has-error .inviteForm__input,
.has-error .forgotPassForm__input,
.has-error .signinForm__input,
.has-error .signupForm__input {
  border-color: #d6311a;
}
.inviteForm__hint,
.forgotPassForm__hint,
.signinForm__hint,
.signupForm__hint {
  color: #6a6e72;
  display: block;
  font-size: var(--a-size-font-body-12);
  line-height: 18px;
  margin-top: 4px;
  padding-left: 4px;
}
.has-error .inviteForm__hint,
.has-error .forgotPassForm__hint,
.has-error .signinForm__hint,
.has-error .signupForm__hint {
  color: #d6311a;
}
.inviteForm__hint:empty,
.forgotPassForm__hint:empty,
.signinForm__hint:empty,
.signupForm__hint:empty {
  display: none;
}
.inviteForm,
.forgotPassForm,
.signinForm,
.signupForm {
  /* stylelint-disable */
}
.inviteForm__submit,
.forgotPassForm__submit,
.signinForm__submit,
.signupForm__submit {
  background-color: #1973ba;
  border: 1px solid #1973ba;
  border-radius: 4px;
  color: #ffffff;
  display: block;
  font-family: var(--a-font-family-body);
  font-size: var(--a-size-font-body-16);
  height: 40px;
  transition: background-color 0.25s ease;
  width: 100%;
  -webkit-appearance: none;
}
.inviteForm__submit:hover, .inviteForm__submit:focus, .inviteForm__submit:active,
.forgotPassForm__submit:hover,
.forgotPassForm__submit:focus,
.forgotPassForm__submit:active,
.signinForm__submit:hover,
.signinForm__submit:focus,
.signinForm__submit:active,
.signupForm__submit:hover,
.signupForm__submit:focus,
.signupForm__submit:active {
  background-color: #155f99;
}
.inviteForm,
.forgotPassForm,
.signinForm,
.signupForm {
  /* stylelint-enable */
}
.inviteForm .terms-of-service-text,
.forgotPassForm .terms-of-service-text,
.signinForm .terms-of-service-text,
.signupForm .terms-of-service-text {
  color: #6a6e72;
  font-size: var(--a-size-font-body-12);
  line-height: 18px;
  margin-top: 24px;
}

.sign-in-alert .pp-alert {
  top: 72px;
}

/*# sourceMappingURL=sign-up.css.map*/