/* [project]/src/shared/ui/field/Field.module.scss.module.css [app-client] (css) */
:root {
  --font-family: var(--font-plus-jakarta-sans), sans-serif;
  --font-secondary: var(--font-inter), sans-serif;
  --content-width: 1440px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width)  + (var(--container-offset) * 2));
  --content-inner-width: 1196px;
  --container-inner-width: calc(var(--content-inner-width)  + (var(--container-offset) * 2));
  --color-bg-primary: #000052;
  --color-bg-secondary: #0000ae;
  --color-bg-secondary-80: #0000aecc;
  --color-accent: #dbdb12;
  --color-accent-80: #dbdb12cc;
  --color-text-primary: #fff;
  --color-text-secondary: #1e293b;
  --color-text-accent: #0057ff;
  --color-text-dark: #000;
  --color-border: #d1dbee;
  --color-error: #ff4d4f;
}

.Field-module-scss-module__k8cAoG__field {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.Field-module-scss-module__k8cAoG__field__label {
  color: var(--color-text-secondary);
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 500;
}

.Field-module-scss-module__k8cAoG__field__error {
  opacity: 0;
  pointer-events: none;
  color: var(--color-error);
  font-size: .75rem;
  transition: opacity .3s, transform .3s;
  transform: translateY(-5px);
}

.Field-module-scss-module__k8cAoG__field__error--visible {
  opacity: 1;
  margin-top: .3125rem;
  transform: translateY(0);
}

/* [project]/src/shared/ui/input/Input.module.scss.module.css [app-client] (css) */
:root {
  --font-family: var(--font-plus-jakarta-sans), sans-serif;
  --font-secondary: var(--font-inter), sans-serif;
  --content-width: 1440px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width)  + (var(--container-offset) * 2));
  --content-inner-width: 1196px;
  --container-inner-width: calc(var(--content-inner-width)  + (var(--container-offset) * 2));
  --color-bg-primary: #000052;
  --color-bg-secondary: #0000ae;
  --color-bg-secondary-80: #0000aecc;
  --color-accent: #dbdb12;
  --color-accent-80: #dbdb12cc;
  --color-text-primary: #fff;
  --color-text-secondary: #1e293b;
  --color-text-accent: #0057ff;
  --color-text-dark: #000;
  --color-border: #d1dbee;
  --color-error: #ff4d4f;
}

.Input-module-scss-module__snfLSq__input {
  color: #000;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.Input-module-scss-module__snfLSq__input__control {
  background-color: var(--color-text-primary);
  width: 100%;
  box-shadow: 0 0 0 1px var(--color-border);
  color: #a7a7a7f2;
  border-radius: 8px;
  outline: none;
  padding: .875rem 1rem;
  font-size: .875rem;
  line-height: 1.4;
  transition: box-shadow .3s;
}

.Input-module-scss-module__snfLSq__input__control:focus {
  box-shadow: 0 0 0 1px var(--color-text-accent);
  outline: none;
}

.Input-module-scss-module__snfLSq__input__control::placeholder {
  color: #a7a7a7f2;
}

.Input-module-scss-module__snfLSq__input__control_error {
  background-color: var(--color-text-primary);
  color: #a7a7a7f2;
  border-radius: 8px;
  outline: none;
  width: 100%;
  padding: .875rem 1rem;
  font-size: .875rem;
  line-height: 1.4;
  transition: box-shadow .3s;
  box-shadow: 0 0 0 1px #ff4d4f;
}

.Input-module-scss-module__snfLSq__input__control_error:focus {
  outline: none;
  box-shadow: 0 0 0 1px #ff4d4f;
}

.Input-module-scss-module__snfLSq__input__control_error::placeholder {
  color: #a7a7a7f2;
}

.Input-module-scss-module__snfLSq__input__control_icon {
  padding-left: 2.75rem;
}

.Input-module-scss-module__snfLSq__input__control_btn {
  padding-right: 2.75rem;
}

.Input-module-scss-module__snfLSq__input__icon {
  color: var(--color-text-accent);
  pointer-events: none;
  display: flex;
  position: absolute;
  left: 1rem;
}

.Input-module-scss-module__snfLSq__input__icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.Input-module-scss-module__snfLSq__input__icon_error {
  color: var(--color-error) !important;
}

.Input-module-scss-module__snfLSq__input__btn {
  color: var(--color-text-accent);
  display: flex;
  position: absolute;
  right: 1rem;
}

/* [project]/src/shared/ui/button/Button.module.scss.module.css [app-client] (css) */
:root {
  --font-family: var(--font-plus-jakarta-sans), sans-serif;
  --font-secondary: var(--font-inter), sans-serif;
  --content-width: 1440px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width)  + (var(--container-offset) * 2));
  --content-inner-width: 1196px;
  --container-inner-width: calc(var(--content-inner-width)  + (var(--container-offset) * 2));
  --color-bg-primary: #000052;
  --color-bg-secondary: #0000ae;
  --color-bg-secondary-80: #0000aecc;
  --color-accent: #dbdb12;
  --color-accent-80: #dbdb12cc;
  --color-text-primary: #fff;
  --color-text-secondary: #1e293b;
  --color-text-accent: #0057ff;
  --color-text-dark: #000;
  --color-border: #d1dbee;
  --color-error: #ff4d4f;
}

.Button-module-scss-module__pTLHlG__button {
  font-family: var(--font-secondary);
  color: var(--color-text-secondary);
  background-color: var(--color-accent);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: .625rem;
  font-size: .875rem;
  line-height: 130%;
  transition: background .3s;
  display: inline-flex;
}

@media (any-hover: hover) {
  .Button-module-scss-module__pTLHlG__button:hover svg {
    transform: translate(4px);
  }
}

.Button-module-scss-module__pTLHlG__button--ghost {
  color: var(--color-text-primary);
  border: 1px solid var(--color-text-primary);
  background-color: #0000;
  transition: background .3s, color .3s;
}

.Button-module-scss-module__pTLHlG__button--blue {
  color: var(--color-text-primary);
  background-color: #0000;
  background-image: linear-gradient(138deg, #0057ff 0%, #0000ae 100%);
  background-position: 0 0;
  background-size: 200% 200%;
  transition: background-position .4s;
}

@media (any-hover: hover) {
  .Button-module-scss-module__pTLHlG__button--blue:hover {
    background-position: 100% 100%;
  }
}

.Button-module-scss-module__pTLHlG__button--transparent {
  color: var(--color-text-primary);
  background-color: #0000;
  border: none;
}

.Button-module-scss-module__pTLHlG__button svg {
  transition: transform .3s;
}

/* [project]/src/widgets/auth-by-email/ui/AuthForm.module.scss.module.css [app-client] (css) */
:root {
  --font-family: var(--font-plus-jakarta-sans), sans-serif;
  --font-secondary: var(--font-inter), sans-serif;
  --content-width: 1440px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width)  + (var(--container-offset) * 2));
  --content-inner-width: 1196px;
  --container-inner-width: calc(var(--content-inner-width)  + (var(--container-offset) * 2));
  --color-bg-primary: #000052;
  --color-bg-secondary: #0000ae;
  --color-bg-secondary-80: #0000aecc;
  --color-accent: #dbdb12;
  --color-accent-80: #dbdb12cc;
  --color-text-primary: #fff;
  --color-text-secondary: #1e293b;
  --color-text-accent: #0057ff;
  --color-text-dark: #000;
  --color-border: #d1dbee;
  --color-error: #ff4d4f;
}

.AuthForm-module-scss-module__2_w8ZW__form {
  background: #f8fafc;
  border-radius: 12px;
  flex-direction: column;
  gap: 1.25rem;
  padding: 2.5rem;
  display: flex;
}

@media (max-width: 48em) {
  .AuthForm-module-scss-module__2_w8ZW__form {
    padding: 1.875rem 1.25rem;
  }
}

.AuthForm-module-scss-module__2_w8ZW__form__title {
  color: #111827;
  font-size: 1.5rem;
  font-weight: 600;
}

.AuthForm-module-scss-module__2_w8ZW__form__content {
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  display: flex;
}

.AuthForm-module-scss-module__2_w8ZW__form__items {
  flex-direction: column;
  gap: 1.25rem;
  display: flex;
}

.AuthForm-module-scss-module__2_w8ZW__form__btn {
  cursor: pointer;
  padding: .875rem;
}

.AuthForm-module-scss-module__2_w8ZW__form__footer {
  justify-content: center;
  align-items: center;
  gap: .3125rem;
  font-size: .875rem;
  display: flex;
}

.AuthForm-module-scss-module__2_w8ZW__form__footer_link {
  color: var(--color-text-accent);
  text-decoration-skip-ink: none;
  text-decoration: underline;
}

@media (any-hover: hover) {
  .AuthForm-module-scss-module__2_w8ZW__form__footer_link:hover {
    text-decoration: none;
  }
}

/* [project]/src/shared/ui/password-toggle/PasswordToggle.module.scss.module.css [app-client] (css) */
:root {
  --font-family: var(--font-plus-jakarta-sans), sans-serif;
  --font-secondary: var(--font-inter), sans-serif;
  --content-width: 1440px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width)  + (var(--container-offset) * 2));
  --content-inner-width: 1196px;
  --container-inner-width: calc(var(--content-inner-width)  + (var(--container-offset) * 2));
  --color-bg-primary: #000052;
  --color-bg-secondary: #0000ae;
  --color-bg-secondary-80: #0000aecc;
  --color-accent: #dbdb12;
  --color-accent-80: #dbdb12cc;
  --color-text-primary: #fff;
  --color-text-secondary: #1e293b;
  --color-text-accent: #0057ff;
  --color-text-dark: #000;
  --color-border: #d1dbee;
  --color-error: #ff4d4f;
}

.PasswordToggle-module-scss-module__fjwz2W__eye_button {
  justify-content: center;
  align-items: center;
  padding: .25rem;
  transition: color .2s;
  display: flex;
}

.PasswordToggle-module-scss-module__fjwz2W__eye_button svg {
  width: 1.25rem;
  height: 1.25rem;
}

/*# sourceMappingURL=src_0f1ca02d._.css.map*/