/* [project]/src/app/login/styles/LoginHero.module.css [app-client] (css) */
.LoginHero-module__TkfMwW__container {
  height: calc(var(--spacing, .25rem) * 72.5);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
  display: flex;
  overflow: clip;
}

.LoginHero-module__TkfMwW__empty_hexagon {
  height: calc(var(--spacing, .25rem) * 20.5);
  width: calc(var(--spacing, .25rem) * 20.5);
}

.LoginHero-module__TkfMwW__row_container {
  margin-top: calc(var(--spacing, .25rem) * -2);
  display: flex;
}

/* [project]/src/app/login/styles/LoginHeroHexagonWithGif.module.css [app-client] (css) */
.LoginHeroHexagonWithGif-module__i93owG__container {
  height: calc(var(--spacing, .25rem) * 20.5);
  width: calc(var(--spacing, .25rem) * 20.5);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.LoginHeroHexagonWithGif-module__i93owG__hexagon {
  height: calc(var(--spacing, .25rem) * 20.5);
  width: calc(var(--spacing, .25rem) * 20.5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.LoginHeroHexagonWithGif-module__i93owG__hexagon_fill {
  z-index: 10;
}

.LoginHeroHexagonWithGif-module__i93owG__Khaterat_hexagon_shadow, .LoginHeroHexagonWithGif-module__i93owG__hashtag_hexagon_shadow {
  filter: drop-shadow(1px 3px 7px #bfb5ab29) drop-shadow(2px 12px 13px #bfb5ab24) drop-shadow(5px 28px 17px #bfb5ab14) drop-shadow(10px 50px 20px #bfb5ab05) drop-shadow(15px 78px 22px #bfb5ab00);
}

.LoginHeroHexagonWithGif-module__i93owG__write_hexagon_shadow {
  filter: drop-shadow(1px 2px 5px #9494942e) drop-shadow(5px 8px 9px #94949426) drop-shadow(11px 17px 12px #94949417) drop-shadow(19px 30px 14px #94949408) drop-shadow(30px 47px 16px #94949400);
}

.LoginHeroHexagonWithGif-module__i93owG__gif {
  z-index: 20;
  background-color: #0000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 3.40282e38px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.LoginHeroHexagonWithGif-module__i93owG__Khaterat_icon {
  height: calc(var(--spacing, .25rem) * 12.5);
  width: calc(var(--spacing, .25rem) * 12.5);
}

.LoginHeroHexagonWithGif-module__i93owG__hashtag_icon {
  height: calc(var(--spacing, .25rem) * 11.25);
  width: calc(var(--spacing, .25rem) * 8.75);
}

.LoginHeroHexagonWithGif-module__i93owG__lock_icon {
  height: calc(var(--spacing, .25rem) * 11.25);
  width: calc(var(--spacing, .25rem) * 10.5);
}

.LoginHeroHexagonWithGif-module__i93owG__write_icon {
  height: calc(var(--spacing, .25rem) * 9);
  width: calc(var(--spacing, .25rem) * 10.5);
}

/* [project]/src/app/login/styles/Login.module.css [app-client] (css) */
.Login-module__q-Wh2a__container {
  background-color: var(--color-custom-background, #f9f6f3);
  width: 100%;
  min-height: 100dvh;
  padding: calc(var(--spacing, .25rem) * 4);
  padding-top: calc(var(--spacing, .25rem) * 12.5);
  position: relative;
}

.Login-module__q-Wh2a__svg {
  height: calc(var(--spacing, .25rem) * 15.5);
  width: calc(var(--spacing, .25rem) * 17.5);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  position: absolute;
  top: 0;
  left: 50%;
}

.Login-module__q-Wh2a__input {
  margin-top: calc(var(--spacing, .25rem) * 6.5);
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

/* [project]/src/app/login/styles/LoginTitle.module.css [app-client] (css) */
.LoginTitle-module__H-fGFG__container {
  justify-content: center;
  align-items: center;
  gap: var(--spacing, .25rem);
  text-align: center;
  flex-direction: column;
  display: flex;
}

.LoginTitle-module__H-fGFG__title {
  animation: LoginTitle-module__H-fGFG__fade LoginTitle-module__H-fGFG__slide LoginTitle-module__H-fGFG__in .4s ease-out both;
  text-align: center;
  --tw-leading: var(--leading-normal, 1.5);
  font-size: 18px;
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: 650;
  color: #242424;
  font-weight: 650;
}

.LoginTitle-module__H-fGFG__subtitle {
  animation: LoginTitle-module__H-fGFG__fade LoginTitle-module__H-fGFG__slide LoginTitle-module__H-fGFG__in .4s ease-out 50ms both;
  text-align: right;
  --tw-leading: var(--leading-normal, 1.5);
  font-family: Lahzeh;
  font-size: 12px;
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: #242424b3;
}

@keyframes LoginTitle-module__H-fGFG__fade_slide_in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/atoms/input/styles/Input.module.css [app-client] (css) */
.Input-module__Gl2-ga__container {
  width: 100%;
}

.Input-module__Gl2-ga__label {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 4.5);
  line-height: calc(var(--spacing, .25rem) * 4.5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-dark-label, #1f1a17);
  margin-bottom: .463rem;
}

.Input-module__Gl2-ga__input_wrapper {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  outline-style: var(--tw-outline-style);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  border-width: .05rem;
  outline-width: 0;
  align-items: center;
  transition-duration: .2s;
  display: flex;
}

.Input-module__Gl2-ga__input {
  width: 100%;
  height: 100%;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-500, gray);
  outline-style: var(--tw-outline-style);
  outline-width: 0;
  margin: .05rem;
}

.Input-module__Gl2-ga__input:focus {
  border-style: var(--tw-border-style);
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-width: 0;
}

.Input-module__Gl2-ga__input::placeholder {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-500, gray);
}

.Input-module__Gl2-ga__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.Input-module__Gl2-ga__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.Input-module__Gl2-ga__input {
  appearance: textfield;
}

.Input-module__Gl2-ga__small {
  height: calc(var(--spacing, .25rem) * 10.5);
}

.Input-module__Gl2-ga__medium {
  height: calc(var(--spacing, .25rem) * 11);
}

.Input-module__Gl2-ga__medium_large {
  height: calc(var(--spacing, .25rem) * 11.5);
}

.Input-module__Gl2-ga__large {
  height: calc(var(--spacing, .25rem) * 12);
}

.Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__normal:focus-within {
  border-color: var(--color-primary, #4697d9);
  --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #90bfe94d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (hover: hover) {
  .Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__normal:hover {
    border-color: var(--color-custom-gray-200, #ccc);
  }

  .Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__normal:hover:focus-within {
    border-color: var(--color-primary, #4697d9);
  }
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}

.Input-module__Gl2-ga__otp_digit {
  text-align: center;
}

.Input-module__Gl2-ga__primary {
  border-color: var(--color-custom-gray-100, #e5e5e5);
  background-color: var(--color-input-background, #fdfcfa);
  color: var(--color-custom-gray-500, gray);
}

.Input-module__Gl2-ga__secondary {
  color: var(--color-custom-gray-500, gray);
  background-color: #fdfcfa;
  border-color: #e6e6e6;
}

.Input-module__Gl2-ga__success {
  background-color: #f0fdf4;
}

.Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__success {
  border-color: var(--color-success, #10b981);
}

.Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__success:focus-within {
  --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #10b98133);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.Input-module__Gl2-ga__error {
  background-color: #fef5f5;
}

.Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__error {
  border-color: var(--color-error, #e53e3e);
}

.Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__error:focus-within {
  --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #e53e3e33);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.Input-module__Gl2-ga__readonly {
  cursor: not-allowed;
  background-color: #f9f9f9;
  border-color: #e5e5e5;
}

.Input-module__Gl2-ga__prevent_typing {
  cursor: pointer;
  caret-color: #0000;
}

.Input-module__Gl2-ga__disabled {
  cursor: not-allowed;
  background-color: #f5f5f5;
  border-color: #e5e5e5;
}

.Input-module__Gl2-ga__message_box {
  --tw-leading: 1.031rem;
  --tw-font-weight: var(--font-weight-normal, 400);
  font-size: .688rem;
  line-height: 1.031rem;
  font-weight: var(--font-weight-normal, 400);
  margin-top: .475rem;
}

.Input-module__Gl2-ga__input_tel_country_code {
  max-height: calc(var(--spacing, .25rem) * 6.5);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-custom-gray-200, #ccc);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  margin-block: auto;
  margin-inline-end: calc(var(--spacing, .25rem) * 2);
  padding-inline-end: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.Input-module__Gl2-ga__character_counter {
  --tw-leading: 1.031rem;
  --tw-font-weight: var(--font-weight-normal, 400);
  font-size: .688rem;
  line-height: 1.031rem;
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-500, gray);
  margin-top: .475rem;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

/* [project]/src/components/atoms/input/styles/InputIcon.module.css [app-client] (css) */
.InputIcon-module__wsijeW__icon_at_start {
  cursor: text;
  margin-inline-end: calc(var(--spacing, .25rem) * 2);
}

.InputIcon-module__wsijeW__icon_at_end {
  cursor: pointer;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .7s;
  margin-inline-start: calc(var(--spacing, .25rem) * 2);
  transition-duration: .7s;
}

.InputIcon-module__wsijeW__icon_small {
  margin-block: calc(var(--spacing, .25rem) * 3.25);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.InputIcon-module__wsijeW__icon_medium {
  margin-block: calc(var(--spacing, .25rem) * 2.75);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.InputIcon-module__wsijeW__icon_large {
  margin-block: calc(var(--spacing, .25rem) * 2.5);
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
}

.InputIcon-module__wsijeW__add_icon {
  aspect-ratio: 1;
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  flex-shrink: 0;
}

.InputIcon-module__wsijeW__hide_icon {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

.InputIcon-module__wsijeW__dropdown_icon {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
}

.InputIcon-module__wsijeW__rotate_180 {
  rotate: 180deg;
}

.InputIcon-module__wsijeW__calendar_icon {
  cursor: pointer;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/login/styles/LoginStepThree.module.css [app-client] (css) */
.LoginStepThree-module__wMdUTq__container {
  margin-inline: auto;
  margin-top: calc(var(--spacing, .25rem) * 3.5);
  max-width: calc(var(--spacing, .25rem) * 82);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.LoginStepThree-module__wMdUTq__button {
  margin-top: calc(var(--spacing, .25rem) * 8);
  width: 100%;
}

.LoginStepThree-module__wMdUTq__skip {
  margin-inline: auto;
  margin-top: calc(var(--spacing, .25rem) * 3);
  cursor: pointer;
  text-align: center;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-primary, #4697d9);
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/login/styles/LoginStepThreeUploadProfile.module.css [app-client] (css) */
.LoginStepThreeUploadProfile-module__BEia4a__container {
  margin-top: calc(var(--spacing, .25rem) * 6);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.LoginStepThreeUploadProfile-module__BEia4a__title {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  width: 100%;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: #242424b3;
  display: flex;
}

.LoginStepThreeUploadProfile-module__BEia4a__title:before, .LoginStepThreeUploadProfile-module__BEia4a__title:after {
  content: "";
  background-color: var(--color-custom-gray-200, #ccc);
  flex: 1;
  height: 1px;
}

.LoginStepThreeUploadProfile-module__BEia4a__upload_container {
  margin-top: calc(var(--spacing, .25rem) * 3.5);
  height: calc(var(--spacing, .25rem) * 20.5);
  width: calc(var(--spacing, .25rem) * 20.5);
  cursor: pointer;
  background-color: #e6e6e6;
  border-radius: 3.40282e38px;
  position: relative;
}

.LoginStepThreeUploadProfile-module__BEia4a__input_label {
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.LoginStepThreeUploadProfile-module__BEia4a__username_icon {
  height: calc(var(--spacing, .25rem) * 11.5);
  width: calc(var(--spacing, .25rem) * 11.5);
}

.LoginStepThreeUploadProfile-module__BEia4a__input {
  display: none;
}

.LoginStepThreeUploadProfile-module__BEia4a__profile_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.LoginStepThreeUploadProfile-module__BEia4a__camera_upload_icon_container {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  background-color: var(--color-white, #fff);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.LoginStepThreeUploadProfile-module__BEia4a__camera_upload_icon {
  height: calc(var(--spacing, .25rem) * 4.5);
  width: calc(var(--spacing, .25rem) * 4.5);
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/login/styles/LoginStepOne.module.css [app-client] (css) */
.LoginStepOne-module__jCe27q__container {
  max-width: calc(var(--spacing, .25rem) * 82);
  margin-inline: auto;
}

.LoginStepOne-module__jCe27q__input {
  margin-top: calc(var(--spacing, .25rem) * 6.5);
}

.LoginStepOne-module__jCe27q__button {
  margin-top: calc(var(--spacing, .25rem) * 4);
  width: 100%;
}

.LoginStepOne-module__jCe27q__disclaimer_container {
  margin-top: calc(var(--spacing, .25rem) * 4);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.LoginStepOne-module__jCe27q__disclaimer_text {
  text-align: center;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: #242424b3;
}

.LoginStepOne-module__jCe27q__shield_icon {
  height: calc(var(--spacing, .25rem) * 4.5);
  width: calc(var(--spacing, .25rem) * 4.5);
}

.LoginStepOne-module__jCe27q__link_container {
  bottom: calc(var(--spacing, .25rem) * 7.5);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
  position: absolute;
  left: 50%;
}

.LoginStepOne-module__jCe27q__link_text {
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-primary, #4697d9);
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

/* [project]/src/components/molecules/input-otp/styles/InputOtp.module.css [app-client] (css) */
.InputOtp-module__19W3Wa__container {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  width: 100%;
  display: flex;
}

/* [project]/src/app/login/styles/LoginStepTwo.module.css [app-client] (css) */
.LoginStepTwo-module__YLhHoG__container {
  margin-inline: auto;
  margin-top: calc(var(--spacing, .25rem) * 5);
  max-width: calc(var(--spacing, .25rem) * 82);
}

.LoginStepTwo-module__YLhHoG__otp_digit {
  max-width: calc(var(--spacing, .25rem) * 13.5);
}

.LoginStepTwo-module__YLhHoG__button {
  margin-top: calc(var(--spacing, .25rem) * 4);
  width: 100%;
}

.LoginStepTwo-module__YLhHoG__footer {
  margin-top: calc(var(--spacing, .25rem) * 3.5);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.LoginStepTwo-module__YLhHoG__footer_text {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-primary, #4697d9);
  display: flex;
}

.LoginStepTwo-module__YLhHoG__edit_pen_icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
}

.LoginStepTwo-module__YLhHoG__countdown {
  max-width: calc(var(--spacing, .25rem) * 31);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing, .25rem) * 3);
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: #b3b3b3;
  background-color: #fdfcfa;
  border-width: .8px;
  border-color: #e5e5e5;
  justify-content: center;
  align-items: center;
  display: flex;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

/* [project]/src/app/login/styles/LoginStepFour.module.css [app-client] (css) */
.LoginStepFour-module__oMJEHq__container {
  margin-inline: auto;
  margin-top: calc(var(--spacing, .25rem) * 8);
  max-width: calc(var(--spacing, .25rem) * 82);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.LoginStepFour-module__oMJEHq__input {
  width: 100%;
}

.LoginStepFour-module__oMJEHq__input:not(:first-child) {
  margin-top: calc(var(--spacing, .25rem) * 3);
}

.LoginStepFour-module__oMJEHq__button {
  margin-top: calc(var(--spacing, .25rem) * 4);
  width: 100%;
}

.LoginStepFour-module__oMJEHq__skip {
  margin-inline: auto;
  margin-top: calc(var(--spacing, .25rem) * 3);
  cursor: pointer;
  text-align: center;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-primary, #4697d9);
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/molecules/date_selector/styles/DateSelector.css [app-client] (css) */
.rmdp-container {
  width: 100% !important;
}

/* [project]/src/components/atoms/dropdown-item-text/styles/DropdownItemText.module.css [app-client] (css) */
.DropdownItemText-module__AcZVKG__item {
  cursor: pointer;
  justify-content: center;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2.5);
  padding: calc(var(--spacing, .25rem) * 2.5);
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.DropdownItemText-module__AcZVKG__selected {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.DropdownItemText-module__AcZVKG__disabled {
  cursor: not-allowed;
  opacity: .5;
}

.DropdownItemText-module__AcZVKG__label {
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-800, #333);
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/atoms/dropdown-item-icon/styles/DropdownItemIcon.module.css [app-client] (css) */
.DropdownItemIcon-module___ZvQ8W__item {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: var(--spacing, .25rem);
  padding: calc(var(--spacing, .25rem) * 2.5);
  align-self: stretch;
  display: flex;
}

.DropdownItemIcon-module___ZvQ8W__selected {
  justify-content: center;
  align-items: center;
}

.DropdownItemIcon-module___ZvQ8W__disabled {
  cursor: not-allowed;
  opacity: .5;
}

.DropdownItemIcon-module___ZvQ8W__icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  flex-shrink: 0;
}

.DropdownItemIcon-module___ZvQ8W__label {
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-800, #333);
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/atoms/dropdown-item-avatar/styles/DropdownItemAvatar.module.css [app-client] (css) */
.DropdownItemAvatar-module__EDBW1q__item {
  cursor: pointer;
  justify-content: center;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2.5);
  padding: calc(var(--spacing, .25rem) * 2.5);
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.DropdownItemAvatar-module__EDBW1q__selected {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.DropdownItemAvatar-module__EDBW1q__disabled {
  cursor: not-allowed;
  opacity: .5;
}

.DropdownItemAvatar-module__EDBW1q__avatar {
  flex-shrink: 0;
}

.DropdownItemAvatar-module__EDBW1q__label {
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-800, #333);
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/atoms/dropdown-item-button/styles/DropdownItemButton.module.css [app-client] (css) */
.DropdownItemButton-module__Sh7axq__item {
  align-self: stretch;
  display: flex;
}

.DropdownItemButton-module__Sh7axq__button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-style: var(--tw-border-style);
  width: 100%;
  padding: calc(var(--spacing, .25rem) * 2.5);
  background-color: #0000;
  border-width: 0;
  flex-direction: row;
  display: flex;
}

.DropdownItemButton-module__Sh7axq__disabled {
  cursor: not-allowed;
  opacity: .5;
}

.DropdownItemButton-module__Sh7axq__icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  flex-shrink: 0;
}

.DropdownItemButton-module__Sh7axq__label {
  text-align: center;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-800, #333);
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/molecules/dropdown/styles/Dropdown.module.css [app-client] (css) */
.Dropdown-module__jzbRwq__container {
  width: 100%;
}

.Dropdown-module__jzbRwq__dropdown_toggle {
  display: none;
}

.Dropdown-module__jzbRwq__dropdown_container {
  pointer-events: none;
  transform-origin: top;
  --tw-translate-y: calc(var(--spacing, .25rem) * -1);
  width: 100%;
  height: 0;
  max-height: 0;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  background-color: var(--color-input-background, #fdfcfa);
  opacity: 0;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .7s;
  --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
  transition-duration: .7s;
  transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-width: 0;
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.Dropdown-module__jzbRwq__dropdown_container::-webkit-scrollbar {
  display: none;
}

:is(.Dropdown-module__jzbRwq__container:has( > input:checked) .Dropdown-module__jzbRwq__dropdown_container, .Dropdown-module__jzbRwq__always_open .Dropdown-module__jzbRwq__dropdown_container) {
  pointer-events: auto;
  margin-top: calc(var(--spacing, .25rem) * 2);
  --tw-translate-y: 0px;
  height: auto;
  max-height: 237px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-custom-gray-100, #e5e5e5);
  padding-inline: calc(var(--spacing, .25rem) * 2.5);
  padding-block: calc(var(--spacing, .25rem) * 3);
  opacity: 1;
  overflow-y: auto;
}

.Dropdown-module__jzbRwq__dropdown_list {
  gap: calc(var(--spacing, .25rem) * 2);
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  display: flex;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/login/styles/LoginStepIndicator.module.css [app-client] (css) */
.LoginStepIndicator-module__cXAJja__container {
  bottom: calc(var(--spacing, .25rem) * 4);
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1.25);
  display: flex;
  position: absolute;
  left: 50%;
}

.LoginStepIndicator-module__cXAJja__indicator_circle {
  height: calc(var(--spacing, .25rem) * 2.5);
  width: calc(var(--spacing, .25rem) * 2.5);
  border-radius: 3.40282e38px;
}

.LoginStepIndicator-module__cXAJja__passed {
  background-color: gray;
}

.LoginStepIndicator-module__cXAJja__remaining {
  background-color: #e6e6e6;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

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