select {
  appearance: none;
  cursor: pointer;
}

select:disabled {
  cursor: default;
  opacity: 0.5;
}

ul {
  padding: 0px;
  list-style: none;
}

.account_navigation {
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.account_navigation_item {
  width: 100%;
  height: 37px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 9px 14px;
  border: 2px solid #dbe0e7;
  border-radius: 7.55px;
  cursor: pointer;
}

.account_navigation_item_active {
  border: 2px solid #292d32;
}

.account_navigation_item_active .account_navigation_item_continue_icon {
  display: none;
}

.account_navigation_item_title_group {
  display: flex;
  align-items: center;
  padding: 0px;
  gap: 9px;
}

.account_navigation_item_title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 15.1079px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #292d32;
}

.account_card_group .account_card {
  margin-bottom: 20px;
}

.account_card_group .account_card:last-child {
  margin-bottom: 0px;
}

.account_card {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px;
  gap: 15px;
  width: 100%;
  min-height: 80px;
  background: #ffffff;
  border: 1px solid #dbe0e7;
  box-shadow: 0px 0px 10px -3px rgba(209, 209, 209, 0.25);
  border-radius: 7.55px;
}

.account_card_clickable {
  cursor: pointer;
}

.account_card_destructive {
  background: #ff6a6a;
  border: 1px solid #ff6a6a;
}

.account_card_destructive * {
  color: #ffffff !important;
}

.account_card_warning {
  border-color: #db9e00;
}

.account_card_warning .account_card_title,
.account_card_warning .account_card_title_iconable_group .isax {
  color: #db9e00;
}

.account_card_success {
  border-color: #7ec54e;
}

.account_card_success .account_card_title,
.account_card_success .account_card_title_iconable_group .isax {
  color: #7ec54e;
}

.account_card_contents {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 3px;
  width: 100%;
}

.account_card_title_group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.account_card_title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  display: flex;
  align-items: center;
  color: #292d32;
}

.account_card_title_bigger {
  font-weight: 600;
  font-size: 18px;
  display: flex;
  align-items: center;
  color: #000000;
}

.account_card_address_title {
  font-weight: 600;
  font-size: 18px;
  display: flex;
  align-items: center;
  color: #000000;
}

.account_card_title_iconable_group {
  display: flex;
  align-items: center;
}

.account_card_title_iconable_group * {
  margin-right: 5px;
}

.account_card_title_iconable_group *:last-child {
  margin-right: 0px;
}

.account_card_title_iconable_group
  *:not(i, img, svg, .isax, .account_card_title) {
  font-size: 13px;
}

.account_card_title_description {
  margin-top: 10px;
}

.account_card_text {
  font-size: 14px;
  line-height: 14.5px;
  color: #292d32;
}

.account_show_more_icon,
.account_go_back_icon,
.account_close_icon {
  cursor: pointer;
}

.account_close_icon {
  font-size: 30px;
}

.account_go_back_icon {
  font-size: 37px;
}

.account_show_more_icon {
  min-width: 20px;
  min-height: 20px;
  font-size: 20px;
}

.account_card_image {
  border-radius: 6px;
}

.popover {
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 0px 15.75px rgba(199, 199, 199, 0.25);
  border-radius: 9.45px;
  border: none;
  display: none;
  top: 35px;
  right: 35px;
}

.popover.active {
  display: inherit;
}

.popover_list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15.75px;
  gap: 7.87px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 12.6px;
  color: #000000;
}

.popover_list_item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 6.3px 12.6px;
  width: 100%;
  min-width: 115px;
  min-height: 31.5px;
  background: #fbfbfb;
  border-radius: 6.3px;
  cursor: pointer;
}

.popover_list_item.destructive {
  background: #ffeaea;
}

.popover_list_item i {
  font-size: 20px;
}

.account_page_title_group {
  display: flex;
  align-items: center;
  gap: 13px;
}

.account_page_title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  color: #292d32;
  padding: 0px;
  margin: 0px;
}

.account_page_contents {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.account_review_box {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  padding: 0px;
  gap: 1px;
}

.account_review_box_size_big {
  gap: 3px;
}

.account_review_box.actable .account_review_box_item {
  cursor: pointer;
}

.account_review_box_item {
  display: flex;
}

.account_review_box_item svg {
  width: 14px;
  height: 14px;
}

.account_review_box_size_big .account_review_box_item svg {
  width: 35px;
  height: 35px;
}

.account_review_box_item.active svg path {
  fill: #ffb800;
}

.account_input_container,
.account_select_container {
  width: 100%;
  padding-bottom: 1px;
}

.account_input_label,
.account_select_label {
  font-weight: 700;
  font-size: 14px;
  line-height: 165%;
  letter-spacing: 0.005em;
  color: #111729;
  margin-bottom: 8px;
}

.account_input_area_container,
.account_select_area_container {
  display: flex;
  align-items: center;
  width: 100%;
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-radius: 8px;
  padding: 0px 12px;
  margin: 2px;
  position: relative;
}

.account_input_area_container:has(> .account_input:disabled),
.account_select_area_container:has(> .account_select:disabled) {
  background: #fcfcfc;
  border-color: #e4e8ec;
}

.account_input_area_container:focus-within,
.account_select_area_container:focus-within {
  border: 2px solid #000000;
  margin: 1px;
  margin-bottom: 0px;
  bottom: 1px;
}

.account_input_container_unlabeled .account_input_area_container:focus-within,
.account_select_container_unlabeled .account_select_area_container:focus-within {
  bottom: 0px!important;
}

.account_select_area_container:focus-within,
.account_input_area_container:focus-within {
  padding-right: 10px;
}

.account_input_area_container *,
.account_select_area_container * {
  margin-right: 12px;
}

.account_input_area_container *:last-child,
.account_select_area_container *:last-child {
  margin-right: 0px;
}

.account_input_prefix,
.account_input_suffix,
.account_select_prefix,
.account_select_suffix {
  font-weight: 600;
  font-size: 14px;
  line-height: 165%;
  letter-spacing: 0.005em;
  color: #5d636c;
  display: flex;
  align-items: center;
  justify-content: center;
}

.account_input_prefix .isax,
.account_input_suffix .isax,
.account_select_prefix .isax,
.account_select_suffix .isax {
  color: #292d32;
}

.account_select_suffix_loading i {
  font-size: 17px;
}

.account_input_suffix_clickable,
.account_input_prefix_clickable {
  cursor: pointer;
}

.account_input,
.account_select {
  width: 100%;
  padding: 9px 0px;
  border: none;
  outline: none;
  background: transparent;
  font-weight: 500;
  font-size: 14px;
  line-height: 165%;
  letter-spacing: 0.005em;
  color: #111729;
}

.account_input::placeholder,
.account_select::placeholder {
  font-weight: 500;
  font-size: 14px;
  line-height: 165%;
  letter-spacing: 0.005em;
  color: #677489;
}

.account_textarea {
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  outline: none;
  padding: 10px 10px;
  color: #111729;
  resize: none;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
  transition: 0ms;
  position: relative;
  margin: 2px;
  width: 100%;
}

.account_textarea::placeholder {
  color: #677489;
}

.account_textarea:focus {
  border: 2px solid #000000;
  margin: 1px;
}

.account_button {
  outline: none;
  border: 2px solid #86A1A3;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #86A1A3;
  border-radius: 10px;
  padding: 6px 9px;
  gap: 14px;
  color: white!important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  min-height: 42px;
}

.account_button:disabled {
  background: #ededed;
  border: #ededed;
  color: #929292!important;
  cursor: auto;
}

.m_modal {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal_behavior {
  display: flex;
  background: #000000b3;
  padding: 20px;
}

.modal_behavior.modal_diving_in {
  animation: m_toast_dive_in 200ms ease;
}

.modal_behavior.modal_diving_out {
  animation: m_toast_dive_out 200ms ease forwards;
}

.modal_contents {
  width: 630px;
  max-width: 630px;
  background: #ffffff;
  border-radius: 20px;
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.modal_header_group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal_header_title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  display: flex;
  align-items: center;
  color: #000000;
}

.modal_content_text {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #000000;
}

.button_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.account_button_outline {
  background: transparent;
  color: #292d32!important;
}

.account_button_outline:disabled {
  background: transparent;
  border: 2px solid #6c757d;
  color: #6c757d!important;
}

.account_button_destructive {
  border-color: #ff6c6c;
  color: #ff6c6c!important;
}

.account_button_destructive svg path {
  stroke: #ff6c6c;
  transition: 300ms;
}

.account_button_destructive:disabled {
  background: transparent;
  border: 2px solid #ededed;
  color: #ededed!important;
}

.account_button_destructive:disabled svg path {
  stroke: #ededed;
}

.verification_code_input_group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.verification_code_input {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e3e8ef;
  border-radius: 12px;
  color: #111729;
  text-align: center;
  transition: 0ms;
}

.verification_code_input:focus {
  border-color: #111729;
}

.account_divider {
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-color: #dbe0e7;
  border-style: solid;
}

.account_divider_horizontal {
  border-top-width: 1px;
  width: 100%;
  height: 1px;
}

.account_divider_vertical {
  border-right-width: 1px;
  min-height: 24px;
  width: 1px;
}

.security_password_check_list {
  margin-top: 10px;
}

.security_password_check_list li {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.security_password_check_list li:last-child {
  margin-bottom: 0px;
}

.security_password_check_list li i {
  font-size: 20px;
}

.security_password_check_list li * {
  margin-right: 7px;
}

.security_password_check_list li *:last-child {
  margin-right: 0px;
}

.alert {
  border: none;
  outline: none;
  border-radius: 10px!important;
  padding: 12px!important;
}