/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/components/FamilyPage/FamilyPage.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FamilyPage_user_container__XSfqA {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #eeeeee;
  padding: 0 24px 10px 24px;
  height: calc(100vh - 48px);
}

.FamilyPage_deposit_balance__PBMYr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #555555;
  padding: 10px 12px;
  margin-bottom: 4px;
  font-weight: 600;
  border-radius: 10px;
}
.FamilyPage_deposit_balance_currency__WjzQA {
  font-weight: 700;
  margin-left: 4px;
}

.FamilyPage_button_deposit__wyF_L {
  background-color: #4caf50;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 24px;
}
.FamilyPage_button_student__JDGAl {
  background-color: #4c7aaf;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 24px;
  margin-top: 10px;
}
.FamilyPage_button_exit____lnX {
  background-color: #f44336;
  color: white;
  padding: 10px 20px;
  max-height: 56px;
  text-align: center;
  text-decoration: none;
  border: none;
  display: inline-block;
  font-size: 1.2rem;
  cursor: pointer;
  border-radius: 5px;
  align-self: center;
  margin-bottom: 6px;
  margin-top: auto;
}
.FamilyPage_button_save__zOEZQ {
  background-color: #4caf50;
  border: none;
  padding: 6px;
  cursor: pointer;
  border-radius: 5px;
}
.FamilyPage_button_save__zOEZQ:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
.FamilyPage_button_edit__ptzR0 {
  position: absolute;
  padding: 6px;
  border: none;
  cursor: pointer;
  background: transparent;
  border-radius: 10px;
  top: 4px;
  right: 4px;
}
.FamilyPage_button_edit__ptzR0:hover {
  background-color: #ccd9f3;
}

.FamilyPage_text_title__bejbH {
  font-size: 16px;
  color: black;
  margin-bottom: 10px;
}
.FamilyPage_text_user__lBVOd {
  font-weight: 700;
  font-size: 20px;
  color: black;
  margin-bottom: 12px;
}
.FamilyPage_text_child_name__geV0b {
  font-weight: 600;
  font-size: 18px;
  color: black;
}
.FamilyPage_text_info__9KAwa {
  font-size: 16px;
  color: black;
}
.FamilyPage_text_qr__JKcuT {
  font-size: 13px;
  opacity: 0.7;
  color: black;
  margin: -12px 0 -8px 0;
}
.FamilyPage_text_qr__JKcuT:hover {
  color: #003d00;
}

.FamilyPage_input__nng0S {
  width: 60px;
  background-color: #fff;
  color: black;
  padding: 2px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.FamilyPage_input_group__5nNZG {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.FamilyPage_input_container__nl2KA {
  display: flex;
  align-items: center;
  gap: 12px;
}

.FamilyPage_child_container__ykDi2 {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 16px 24px;
  border-radius: 12px;
  gap: 12px;
  background-color: #fbfbfb;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: box-shadow 0.3s ease, transform 0.3s ease; /* Add transition property */
}
.FamilyPage_child_container__ykDi2:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: scale(1.02);
}
.FamilyPage_child_container_outer__QFoRG {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  gap: 12px;
  margin-top: 12px;
}

.FamilyPage_icon_save__QBnD2 {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  display: flex;
  width: 20px;
  height: 20px;
}
.FamilyPage_icon_edit__6oHcg {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  display: flex;
  width: 24px;
  height: 24px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/screens/CreateFamily/CreateFamily.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CreateFamily_container__Em__q {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100vh - 48px);
  background-color: #eee;
  padding-top: 2%;
}

.CreateFamily_button_continue__UivTa {
  display: inline-block;
  text-align: center;
  background-color: #4caf50;
  text-decoration: none;
  border: none;
  cursor: pointer;
  color: white;
  width: 260px;
  padding: 10px 20px;
  font-size: 1rem;
  border-radius: 5px;
  margin: 12px 0 0 0;
}

.CreateFamily_text_title__vEDSz {
  display: flex;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  color: black;
  margin-bottom: 24px;
}
.CreateFamily_text_parameters__9k0dU {
  font-size: 16px;
  color: black;
  margin-bottom: 12px;
}

.CreateFamily_input__HgmR_ {
  width: 260px;
  background-color: #fff;
  color: black;
  padding: 12px 16px;
  outline: none;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.CreateFamily_input__HgmR_:focus {
  border: 1px solid #0084d9;
}
.CreateFamily_input_group__jCv_a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  background-color: #fbfbfb;
  border-radius: 10px;
  padding: 24px;
}
.CreateFamily_input_container__BqPcj {
  display: flex;
  align-items: center;
  gap: 12px;
}

.CreateFamily_link__QC6J_ {
  display: flex;
  justify-content: center;
  padding-top: 12px;
  font-size: 14px;
  color: #0084d9;
}
.CreateFamily_link__QC6J_:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #00a6ff;
}

.CreateFamily_option_disabled__CelhH {
  opacity: 0.4;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/screens/UserPage/UserPage.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.UserPage_user_container__0RTCB {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #eeeeee;
  padding: 24px 10px;
  height: calc(100vh - 48px);
}

.UserPage_deposit_balance__MkFiS {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #555555;
  padding: 10px 12px;
  margin-bottom: 4px;
  font-weight: 600;
  border-radius: 10px;
}
.UserPage_deposit_balance_currency__dBQ0B {
  font-weight: 700;
  margin-left: 4px;
}

.UserPage_button_deposit__0kFUu {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 24px;
}
.UserPage_button_exit__v9BVc {
  background-color: #f44336;
  color: white;
  padding: 10px 20px;
  max-height: 56px;
  text-align: center;
  text-decoration: none;
  border: none;
  display: inline-block;
  font-size: 1.2rem;
  cursor: pointer;
  border-radius: 5px;
  align-self: center;
  margin-bottom: 6px;
  margin-top: auto;
}
.UserPage_button_save__kmspa {
  background-color: #4CAF50;
  border: none;
  padding: 6px;
  cursor: pointer;
  border-radius: 5px;
}
.UserPage_button_save__kmspa:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

.UserPage_text_title__CAAWp {
  font-size: 16px;
  color: black;
  margin-bottom: 10px;
}
.UserPage_text_user__NGJT6 {
  font-weight: 700;
  font-size: 20px;
  color: black;
  margin-bottom: 12px;
}
.UserPage_text_child_name__SNSW6 {
  font-weight: 600;
  font-size: 18px;
  color: black;
}
.UserPage_text_info__nfZuh {
  font-size: 16px;
  color: black;
}

.UserPage_input__QDq11 {
  width: 60px;
  background-color: #fff;
  color: black;
  padding: 2px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.UserPage_input_group__H8FDK {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.UserPage_input_container__KGikM {
  display: flex;
  align-items: center;
  gap: 12px;
}

.UserPage_child_container__JxA__ {
  display: flex;
  flex-direction: column;
  padding: 16px 24px;
  border-radius: 12px;
  gap: 12px;
  background-color: #fbfbfb;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.UserPage_child_container_outer__mrXrq {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  gap: 12px;
  margin-top: 12px;
}

.UserPage_icon_save__WV_A8 {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  display: flex;
  width: 20px;
  height: 20px;
}