/* [project]/apps/web/features/auth/auth.css [app-client] (css) */
.auth-shell {
  box-sizing: border-box;
  background: var(--color-shape);
  justify-content: center;
  gap: 20px;
  min-height: 100vh;
  padding: 32px;
  display: flex;
}

@media (max-width: 1099px) {
  .auth-shell {
    flex-direction: column;
    padding: 16px;
  }
}

.auth-promo {
  box-sizing: border-box;
  color: #fff;
  background-image: url("https://aa246afedfeec8533395b87c782910c5.cdn.bubble.io/f1740598126867x210449908022515970/cover.svg");
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  flex-direction: column;
  flex: 45%;
  justify-content: space-between;
  min-width: 45%;
  padding: 24px 32px;
  display: flex;
  position: relative;
}

@media (max-width: 1099px) {
  .auth-promo {
    min-width: 70%;
    min-height: 346px;
    padding: 24px 12px;
  }

  .auth-promo-trust {
    gap: 8px;
  }
}

.auth-promo-headline {
  color: #fff;
  text-align: center;
  max-width: 410px;
  margin: 33px auto 0;
  font-size: 22px;
  font-weight: 500;
}

.auth-promo-ip {
  z-index: 1;
  width: auto;
  max-width: 40%;
  height: auto;
  max-height: 60%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.auth-promo-ip-right {
  right: 0;
}

.auth-promo-ip-left {
  left: 0;
}

@media (max-width: 1099px) {
  .auth-promo-ip {
    display: none;
  }
}

.auth-promo-trust {
  z-index: 2;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  display: flex;
  position: relative;
}

.auth-promo-rating-block {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.auth-promo-rating-row {
  align-items: center;
  gap: 8px;
  display: flex;
}

.auth-promo-rating {
  color: #fff;
  font: 700 25px / 1.36 Manrope, Helvetica Neue, Arial, sans-serif;
}

.auth-promo-rating-max {
  font-size: 19px;
  font-weight: 500;
}

.auth-promo-badges img {
  width: auto;
  max-width: 180px;
  height: 80px;
  display: block;
}

@media (max-width: 1099px) {
  .auth-promo-badges img {
    max-width: 145px;
    height: 64px;
  }
}

.auth-card {
  box-sizing: border-box;
  background: #fff;
  border-radius: 24px;
  flex-direction: column;
  flex: 45%;
  justify-content: center;
  min-width: 45%;
  padding: 10px;
  display: flex;
}

.auth-card-inner {
  box-sizing: border-box;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: flex;
}

.auth-card-inner > form {
  display: contents;
}

.auth-field {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.auth-field-error {
  color: var(--color-theme-destructive);
  margin: 0;
  font-family: Golos Text, Helvetica Neue, Arial, sans-serif;
  font-size: 12px;
}

.auth-banner {
  background: #fce7e7;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  min-width: 40px;
  min-height: 40px;
  padding: 10px 16px;
  display: flex;
}

.auth-banner img {
  flex-shrink: 0;
}

.auth-banner-text {
  color: #000;
}

.auth-divider {
  align-items: center;
  gap: 12px;
  display: flex;
}

.auth-divider-line {
  background: #dedede;
  flex: 1;
  height: 1px;
}

.auth-google-button {
  background: var(--color-theme-surface);
  color: #1a1919;
  cursor: pointer;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 60px;
  font: 700 20px / 1.2 Manrope, Helvetica Neue, Arial, sans-serif;
  display: flex;
}

.auth-google-button:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.auth-sso-error {
  color: red;
  width: 100%;
  margin: 0;
  font-family: Golos Text, Helvetica Neue, Arial, sans-serif;
  font-size: 12px;
}

.auth-consent {
  cursor: default;
  align-items: flex-start;
  gap: 10px;
  margin-top: 15px;
  display: flex;
}

.auth-consent input {
  margin-top: 3px;
}

.auth-consent-text {
  color: #767676;
  font-family: Golos Text, Helvetica Neue, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.2;
}

.auth-consent-text a {
  color: inherit;
  text-decoration: none;
}

.auth-switch {
  text-align: center;
  justify-content: center;
  gap: 6px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
  display: flex;
}

.auth-switch a {
  color: #131313;
  font-family: Golos Text, Helvetica Neue, Arial, sans-serif;
}

.auth-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 12px;
  display: block;
}

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