/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./app/auth/user/signup/component/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__G3gTx {
  height: 100vh;
  margin-top: -90px;
  display: flex;
  align-items: flex-start;
}
.styles_container__G3gTx .styles_maxWidthContainer__k5Br8 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  margin: 0 auto;
  width: 75%;
}
.styles_container__G3gTx .styles_maxWidthContainer__k5Br8 .styles_innerContainer__U576j {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 450px;
}
.styles_container__G3gTx .styles_maxWidthContainer__k5Br8 .styles_innerContainer__U576j .styles_footer__nVTEw {
  display: none;
}

@media (max-width: 768px) {
  .styles_container__G3gTx {
    margin-top: -70px !important;
    width: 100%;
  }
  .styles_container__G3gTx .styles_maxWidthContainer__k5Br8 {
    width: 90%;
    justify-content: center;
  }
  .styles_container__G3gTx .styles_maxWidthContainer__k5Br8 .styles_innerContainer__U576j {
    gap: 16px;
    width: 100%;
  }
  .styles_container__G3gTx .styles_maxWidthContainer__k5Br8 .styles_innerContainer__U576j .styles_footer__nVTEw {
    padding-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .styles_container__G3gTx .styles_maxWidthContainer__k5Br8 .styles_innerContainer__U576j .styles_footer__nVTEw .styles_subHeading__xW3m3 {
    margin: 0 !important;
  }
  .styles_container__G3gTx .styles_maxWidthContainer__k5Br8 .styles_innerContainer__U576j .styles_footer__nVTEw span {
    min-height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .styles_container__G3gTx .styles_heading__L08Ft {
    padding: 16px;
  }
  .styles_container__G3gTx .styles_heading__L08Ft h1 {
    color: #1d1d1f;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.6px;
  }
  .styles_container__G3gTx .styles_subHeading__xW3m3 {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./app/components/_shared/Input/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes styles_fadeIn__YmNUU {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.styles_container__uuj6f {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.styles_container__uuj6f label {
  color: #222;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
  display: flex;
  gap: 4px;
  align-items: center;
  position: relative;
}
.styles_container__uuj6f label div {
  display: inline;
  color: #f26865;
  font-size: 16px;
  font-weight: 500;
}
.styles_container__uuj6f label div span {
  width: 256px;
  color: #fff;
  font-feature-settings: "liga" off, "clig" off;
  border-radius: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  position: absolute;
  bottom: 150%;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  padding: 8px;
  z-index: 1;
  animation: styles_fadeIn__YmNUU 0.3s ease-in-out;
}
.styles_container__uuj6f .styles_inputDiv__95Mdy {
  width: 100%;
  position: relative;
}
.styles_container__uuj6f .styles_inputDiv__95Mdy input {
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  border: 0.5px solid #bdbdbd;
  background: #fafafa;
  color: #000000;
  font-size: 18px;
  font-weight: 400;
}
.styles_container__uuj6f .styles_inputDiv__95Mdy input::placeholder {
  color: #a2a2a2;
  font-size: 16px;
  font-weight: 400;
}
.styles_container__uuj6f .styles_inputDiv__95Mdy input:focus {
  border: 1px solid #aaa;
}
.styles_container__uuj6f .styles_inputDiv__95Mdy span {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.styles_container__uuj6f .styles_errorMessage__TjDPQ {
  margin-top: 4px;
  color: #ef4a3c;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.2px;
}

.styles_error__vGQXq input {
  background-color: #fdecea;
  border: 1px solid #ef4a3c !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./app/auth/user/signup/SignUpForm/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_heading__8RUPQ {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.styles_heading__8RUPQ div {
  color: #1d1d1f;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.6px;
}
.styles_heading__8RUPQ span {
  display: inline-block;
  animation: styles_wave-animation__s3TJO 2.5s infinite;
}
.styles_heading__8RUPQ .styles_subHeading__2gt0B {
  color: #707070;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.styles_subHeading__2gt0B {
  color: #707070;
}

.styles_container__E_EEO {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 auto;
}
.styles_container__E_EEO .styles_inputContainer__Spe_A {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.styles_container__E_EEO .styles_inputContainer__Spe_A .styles_otpContainer__aVvhk {
  color: #707070;
}
.styles_container__E_EEO .styles_inputContainer__Spe_A .styles_otpContainer__aVvhk button {
  all: unset;
  color: #f26722;
}
.styles_container__E_EEO .styles_inputContainer__Spe_A .styles_otpContainer__aVvhk button:hover {
  cursor: pointer;
}
.styles_container__E_EEO .styles_termsDiv__Plz4q {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  align-items: center;
  color: #707070;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.styles_container__E_EEO .styles_termsDiv__Plz4q a {
  color: #222;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.styles_container__E_EEO .styles_termsDiv__Plz4q input {
  width: 24px;
  height: 24px;
}
.styles_container__E_EEO .styles_termsDiv__Plz4q input:checked {
  background-color: black;
  border-color: black;
}
.styles_container__E_EEO input {
  border-radius: 10px;
}
.styles_container__E_EEO .styles_loginButton__CB58T {
  margin-top: 32px;
}

@media (max-width: 768px) {
  .styles_heading__8RUPQ h1 {
    color: #1d1d1f;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.6px;
  }
  .styles_subHeading__2gt0B {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
  .styles_otpContainer__aVvhk {
    line-height: 20px;
  }
}
@keyframes styles_wave-animation__s3TJO {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(14deg);
  }
  20% {
    transform: rotate(-8deg);
  }
  30% {
    transform: rotate(14deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./app/components/_shared/Button/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_button__bLzLU {
  transition: all 0.2s;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: none;
}
.styles_button__bLzLU .styles_icon__zd5FV {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.styles_button__bLzLU .styles_icon2__8GkBF {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
}

.styles_primary__ArBkN {
  background-color: #ffd912;
  border: 1px solid #ffd912;
  color: #222;
  border-radius: 10px;
}
.styles_primary__ArBkN:hover {
  background-color: #fff196;
}

.styles_primaryDisabled__46_Rd {
  background-color: #c2c2c2;
  color: #ffffff;
}

.styles_secondary__b8phM {
  background-color: #e6f2ff;
  color: #4384e6;
}

.styles_outline__5lmFA {
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  background-color: #ffffff;
  color: #222222;
}
.styles_outline__5lmFA:hover {
  background-color: #fcfcfc;
}

.styles_big____X5G {
  font-size: 16px;
  padding: 16px;
}

.styles_fullWidth__CsYDO {
  width: 100%;
}

.styles_disabled__vNWch {
  pointer-events: none !important;
  background-color: #c2c2c2 !important;
  color: #ffffff !important;
}
.styles_disabled__vNWch svg {
  color: #ffffff !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./app/components/_shared/Spinner/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__PDTVW {
  border-top: 0.3125rem solid #ffffff;
  border-right: 0.3125rem solid #ffffff;
  border-bottom: 0.3125rem solid #ffffff;
  border-left: 0.3125rem solid #000000;
  transform: translateZ(0);
  animation: styles_spin__jl2WX 1.1s infinite linear;
  border-radius: 100%;
  width: 2.5rem;
  height: 2.5rem;
  color: #000000;
}

.styles_invert__G_RcA {
  border-top-color: #000000;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #ffffff;
}

.styles_buttonLoader__ejPEJ {
  width: 1.2rem !important;
  height: 1.2rem !important;
  border-left-color: transparent !important;
  border-width: 0.25rem !important;
}

@keyframes styles_spin__jl2WX {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./app/components/_shared/GoogleAuthButton/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_button___RiFr {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 18px 0;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #dfdedb;
  color: #37352f;
  font-size: 16px;
  font-weight: 500;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./app/components/_shared/Divider/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_divider__OBSYz {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.styles_divider__OBSYz hr {
  flex-grow: 1;
  border: none;
  border-top: 1px solid #ebebeb;
}
.styles_divider__OBSYz span {
  margin: 0 20px;
  color: #888;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./app/components/AuthNav/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_main__qtnOU {
  height: 160px;
  display: flex;
  align-items: center;
  width: 100%;
}
.styles_main__qtnOU .styles_stepper__URBzv {
  width: 50%;
  margin: auto;
}
.styles_main__qtnOU .styles_functionality__JCrEJ {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #707070;
}
.styles_main__qtnOU .styles_logoContainer__eC2pD {
  cursor: pointer;
}

.styles_spaceBetween__7D9zd {
  justify-content: space-between;
}

@media (max-width: 768px) {
  .styles_main__qtnOU {
    height: 100px;
  }
  .styles_main__qtnOU .styles_stepper__URBzv {
    width: 100%;
    margin: auto;
  }
  .styles_main__qtnOU .styles_functionality__JCrEJ {
    display: none;
  }
}
@media (max-width: 600px) {
  .styles_main__qtnOU {
    height: 100px;
  }
  .styles_main__qtnOU .styles_stepper__URBzv {
    display: none;
  }
}