/* ============================================================
   TextEditor.module.css — All editor styles
   ============================================================ */

/* ─── CSS Custom Properties ─────────────────────────────── */
.TextEditor_editorRoot__F7K_U {
  --te-bg: #ffffff;
  --te-surface: #f8f9fa;
  --te-surface-hover: #f0f2f4;
  --te-border: #e2e6ea;
  --te-border-focus: #4a90e2;
  --te-text: #1a1a2e;
  --te-text-muted: #6c757d;
  --te-text-placeholder: #adb5bd;
  --te-danger: #e74c3c;
  --te-danger-hover: #c0392b;
  --te-success: #27ae60;
  --te-link-bg: rgba(74, 144, 226, 0.08);
  --te-link-border: rgba(74, 144, 226, 0.35);
  --te-link-color: #2980b9;
  --te-code-bg: rgba(0, 0, 0, 0.05);
  --te-code-border: rgba(0, 0, 0, 0.12);
  --te-quote-border: #4a90e2;
  --te-quote-bg: rgba(74, 144, 226, 0.04);
  --te-handle-color: #adb5bd;
  --te-handle-hover: #6c757d;
  --te-toolbar-bg: #f8f9fa;
  --te-toolbar-border: #e2e6ea;
  --font-mono: "Courier New", "Consolas", "Monaco", monospace;
}

/* ─── Dark Theme ─────────────────────────────────────────── */
.TextEditor_editorDark__LrQ7P {
  --te-bg: #1e1e2e;
  --te-surface: #252535;
  --te-surface-hover: #2d2d45;
  --te-border: #3d3d5c;
  --te-border-focus: #6b9eff;
  --te-text: #e2e8f0;
  --te-text-muted: #94a3b8;
  --te-text-placeholder: #4a5568;
  --te-link-bg: rgba(107, 158, 255, 0.12);
  --te-link-border: rgba(107, 158, 255, 0.35);
  --te-link-color: #90b8ff;
  --te-code-bg: rgba(255, 255, 255, 0.06);
  --te-code-border: rgba(255, 255, 255, 0.12);
  --te-quote-border: #6b9eff;
  --te-quote-bg: rgba(107, 158, 255, 0.06);
  --te-handle-color: #4a5568;
  --te-handle-hover: #94a3b8;
  --te-toolbar-bg: #252535;
  --te-toolbar-border: #3d3d5c;
}

/* ─── Wrapper ─────────────────────────────────────────────── */
.TextEditor_editorWrapper__MRSGO {
  width: 100%;
  height: 100%;
}

.TextEditor_editorRoot__F7K_U {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 400px;
  background: var(--color-white);
  color: var(--text-h1);
  font-size: 16px;
  line-height: 1.6;
  border: 1px solid var(--color-gray);
  border-radius: var(--br10);
  overflow: hidden;
  position: relative;
  transition: var(--transition3);
}

.TextEditor_editorRoot__F7K_U:focus-within {
  border-color: var(--color-dark-blue);
  box-shadow: var(--color-dark-blue30);
}

/* ─── Content Area ────────────────────────────────────────── */
/* .editorContent {
  flex: 1;
  overflow-y: auto;
  padding: 15px 20px 70px 15px;
  scroll-behavior: smooth;
} */

/* ─── Block List ─────────────────────────────────────────── */
.TextEditor_blockList__omtSv {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px;
}

/* ─── Block Item ─────────────────────────────────────────── */
.TextEditor_blockItem__UXc_M {
  display: flex;
  align-items: flex-start;
  gap: 0;
  position: relative;
  border-radius: var(--br8);
  transition: var(--transition3);
  outline: 2px solid transparent;
  padding: 1px 0;
}

.TextEditor_blockItem__UXc_M:hover .TextEditor_blockControls__d6em0 {
  opacity: 1;
  pointer-events: all;
}

.TextEditor_blockItemActive__vAKXx {
  background: var(--color-gray10);
}

.TextEditor_blockItemDragging__D7nso {
  opacity: 0.5;
  outline: 2px dashed var(--color-light-blue);
}

.TextEditor_blockItemDragOver__71udQ {
  outline: 2px solid var(--color-light-blue);
  background: var(--color-gray30);
}

/* ─── Block Controls ──────────────────────────────────────── */
.TextEditor_blockControls__d6em0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1px;
  opacity: 0;
  pointer-events: none;
  transition: var(--transition3);
  padding-top: 4px;
  min-width: 36px;
  flex-shrink: 0;
}

.TextEditor_blockMenuBtn__L_Yvu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  color: var(--color-gray);
  cursor: pointer;
  border-radius: var(--br8);
  padding: 2px;
  transition: var(--transition3);
}

.TextEditor_blockMenuBtn__L_Yvu:hover {
  color: var(--color-gray);
  background: var(--color-gray30);
}

.TextEditor_dragHandle__pYydK {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--color-gray);
  cursor: grab;
  border-radius: var(--br8);
  padding: 2px;
  transition: var(--transition3);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.TextEditor_dragHandle__pYydK:hover {
  background: var(--color-gray30);
}
.TextEditor_dragHandle__pYydK:active {
  cursor: grabbing;
}

/* ─── Block Content ──────────────────────────────────────── */
.TextEditor_blockContent__5KuAB {
  flex: 1;
  min-width: 0;
}

/* ─── Paragraph Block ────────────────────────────────────── */
.TextEditor_paragraphBlock__l_EqZ {
  width: 100%;
  min-height: 1.6em;
  padding: 3px 8px;
  outline: none;
  border-radius: var(--br8);
  word-break: break-word;
  white-space: pre-wrap;
  transition: var(--transition3);
}

.TextEditor_paragraphBlock__l_EqZ:focus {
  background: transparent;
}

.TextEditor_paragraphBlock__l_EqZ:empty::before {
  content: attr(data-placeholder);
  color: var(--color-gray);
  pointer-events: none;
}

/* ─── Heading Blocks ─────────────────────────────────────── */
.TextEditor_headingBlock__49fvJ {
  width: 100%;
  min-height: 1.2em;
  padding: 4px 8px;
  outline: none;
  font-weight: 700;
  border-radius: var(--br8);
  word-break: break-word;
}

.TextEditor_headingBlock__49fvJ:empty::before {
  content: "Heading...";
  color: var(--color-gray);
  pointer-events: none;
}

.TextEditor_heading1__xqOFU {
  font-size: 2.2em;
  line-height: 1.2;
  margin: 8px 0 4px;
}
.TextEditor_heading2__oJhJf {
  font-size: 1.8em;
  line-height: 1.25;
  margin: 6px 0 3px;
}
.TextEditor_heading3__BUU4Z {
  font-size: 1.5em;
  line-height: 1.3;
  margin: 5px 0 2px;
}
.TextEditor_heading4__rU_cg {
  font-size: 1.25em;
  line-height: 1.4;
}
.TextEditor_heading5__F7bcC {
  font-size: 1.1em;
  line-height: 1.4;
}
.TextEditor_heading6__I1nnR {
  font-size: 1em;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ─── List Blocks ────────────────────────────────────────── */
.TextEditor_listBlock__myvqG {
  padding: 2px 8px;
  margin: 0;
}

.TextEditor_bulletListBlock__2dWvs {
  list-style: disc;
  list-style-position: outside;
  padding-inline-start: 28px;
  padding-inline-end: 0;
}
.TextEditor_orderedListBlock__C9wUV {
  list-style: decimal;
  list-style-position: outside;
  padding-inline-start: 28px;
  padding-inline-end: 0;
}
.TextEditor_taskListBlock__SzNvv {
  list-style: none;
  padding-inline-start: 8px;
  padding-inline-end: 0;
}

.TextEditor_listItem__8YBP6 {
  padding: 1px 0;
  margin: 0;
}

.TextEditor_taskListItem__zwlD0 {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.TextEditor_taskCheckbox__2IvMP {
  margin-top: 4px;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  accent-color: var(--color-dark-blue);
}

.TextEditor_listItemContent__xC3GN {
  flex: 1;
  outline: none;
  min-height: 1.4em;
  word-break: break-word;
  white-space: pre-wrap;
}

.TextEditor_listItemContent__xC3GN:empty::before {
  content: "List item...";
  color: var(--color-gray);
  pointer-events: none;
}

/* ─── Quote Block ────────────────────────────────────────── */
.TextEditor_quoteBlock__64Zo3 {
  border-inline-start: 3px solid var(--color-dark-blue);
  background: var(--color-dark-blue10);
  border-radius: 0 var(--br8) var(--br8) 0;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  border-start-end-radius: var(--br8);
  border-end-end-radius: var(--br8);
  padding: 8px 16px;
  margin: 2px 0;
}

.TextEditor_quoteContent__EoBQP {
  outline: none;
  min-height: 1.4em;
  color: var(--text-h1);
  font-style: italic;
  word-break: break-word;
  white-space: pre-wrap;
}

.TextEditor_quoteContent__EoBQP:empty::before {
  content: "Quote...";
  color: var(--color-gray);
  pointer-events: none;
}

/* ─── HR Block ───────────────────────────────────────────── */
.TextEditor_hrBlock__3I_8U {
  padding: 8px;
  cursor: default;
  outline: none;
  border-radius: var(--br8);
}

.TextEditor_hrLine__VP2Ts {
  border: none;
  border-top: 2px solid var(--color-gray);
  margin: 0;
}

/* ─── Table ──────────────────────────────────────────────── */
.TextEditor_tableWrapper__mG_rD {
  width: 100%;
  padding: 2px 8px;
}

.TextEditor_tableScrollContainer__Xt_Fx {
  overflow-x: auto;
  border-radius: var(--br8);
  border: 1px solid var(--color-gray60);
}

.TextEditor_table__hg2Xv {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95em;
}

.TextEditor_tableRow__swOU6:hover {
  background: var(--color-gray10);
}

.TextEditor_tableCell__2oONL,
.TextEditor_tableCellHeader__4HfKt {
  border: 1px solid var(--background-root);
  padding: 0;
  min-width: 80px;
  vertical-align: top;
}

.TextEditor_tableCellHeader__4HfKt {
  background: var(--background-root);
  font-weight: 600;
}

.TextEditor_tableCellContent__G4upA {
  min-height: 28px;
  padding: 6px 8px;
  outline: none;
  word-break: break-word;
  white-space: pre-wrap;
}

.TextEditor_tableCellContent__G4upA:empty::before {
  content: "...";
  color: var(--color-gray);
  pointer-events: none;
}

.TextEditor_tableRowAction__fKPOZ {
  border: none;
  padding: 0 2px;
  vertical-align: middle;
  width: 20px;
}

.TextEditor_tableRemoveBtn__9ybps {
  background: none;
  border: none;
  color: var(--color-gray);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0 2px;
  opacity: 0;
  transition: var(--transition3);
}

.TextEditor_tableRow__swOU6:hover .TextEditor_tableRemoveBtn__9ybps {
  opacity: 1;
}
.TextEditor_tableRemoveBtn__9ybps:hover {
  color: var(--color-dark-red);
}

.TextEditor_tableActions__RhvDH {
  display: flex;
  gap: 6px;
  margin-top: 6px;
}

.TextEditor_tableAddBtn__mZY_I {
  background: var(--background-root);
  border: 1px dashed var(--background-root);
  color: var(--text-h1);
  border-radius: var(--br8);
  padding: 4px 10px;
  font-size: 12px;
  cursor: pointer;
  transition: var(--transition3);
}

.TextEditor_tableAddBtn__mZY_I:hover {
  border-style: solid;
  border-color: var(--color-dark-blue);
  color: var(--color-dark-blue);
}

/* ─── Code Block ─────────────────────────────────────────── */
.TextEditor_codeBlock__j9HJq {
  border: 1px solid var(--background-root);
  border-radius: var(--br10);
  overflow: hidden;
  margin: 2px 8px;
  font-family: var(--font-mono);
}

.TextEditor_codeBlockHeader__bGVME {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--background-root);
  border-bottom: 1px solid var(--background-root);
  padding: 4px 10px;
}

.TextEditor_codeLanguageSelect__s8m9A {
  background: transparent;
  border: none;
  color: var(--text-h1);
  font-size: 12px;
  cursor: pointer;
  outline: none;
  border-radius: var(--br5);
  font: inherit;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: var(--paddingtag);
}

.TextEditor_codeBlockLabel__b3i0H {
  font-size: 11px;
  color: var(--text-h1);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.TextEditor_codeTextarea__4p1gL {
  width: 100%;
  background: var(--color-white);
  color: var(--text-h1);
  border: none;
  padding: 12px 16px;
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 1.6;
  resize: vertical;
  outline: none;
  white-space: pre;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  min-height: 60px;
}

/* ─── Toolbar Area ───────────────────────────────────────── */
.TextEditor_editorToolbarArea__J62M_ {
  display: flex;
  flex-direction: column;
  gap: 10px;

  /* border-top: 1px solid transparent;
  flex-shrink: 0;
  background: transparent;
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 1200;
  display: flex;
  justify-content: center;
  pointer-events: none; */
}

/* ─── Toolbar ────────────────────────────────────────────── */
.TextEditor_toolbar__X2raK {
  width: auto;
  margin-inline: 20px;
  /* bottom: 20px; */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1px;
  padding: 4px 8px;
  background: var(--background-root);
  overflow-x: auto;
  overflow-y: hidden;
  justify-content: space-between;
  scrollbar-width: thin;
  min-height: 40px;
  pointer-events: all;
  border-radius: 15px;
  box-shadow: var(--small-shadow);
  max-width: calc(100% - 40px);
}

.TextEditor_toolbar__X2raK::-webkit-scrollbar {
  height: 3px;
}
.TextEditor_toolbar__X2raK::-webkit-scrollbar-track {
  background: transparent;
}
.TextEditor_toolbar__X2raK::-webkit-scrollbar-thumb {
  background: var(--color-gray60);
  border-radius: 2px;
}

.TextEditor_toolbarDivider__GiBDc {
  width: 1px;
  height: 20px;
  background: var(--color-gray60);
  margin: 0 3px;
  flex-shrink: 0;
}

.TextEditor_toolbarSpacer__XHY_g {
  flex: 1;
}

.TextEditor_toolbarAiPromptShell__Lz9h_ {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  isolation: isolate;
  border-radius: 12px;
  padding: 2px;
}

.TextEditor_toolbarAiPromptShell__Lz9h_::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #4f46e5 0%, #ec4899 52%, #f59e0b 100%);
  opacity: 0.4;
  filter: blur(4px);
  transition:
    opacity 1000ms ease,
    transform 1000ms ease;
  z-index: 0;
}

.TextEditor_toolbarAiPromptShell__Lz9h_:hover::before,
.TextEditor_toolbarAiPromptShell__Lz9h_:focus-within::before {
  opacity: 0.6;
  transform: scale(1.01);
}

.TextEditor_toolbarAiPromptIcon__a_xIp {
  position: absolute;
  left: 16px;

  bottom: 14px;
  width: 19px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-h1);
  pointer-events: none;
  z-index: 2;
}

.TextEditor_toolbarAiPromptInput__jyVWu {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: var(--color-white);
  color: var(--text-h1);
  border-radius: 12px;
  padding: 10px 92px 10px 42px;
  font-size: 14px;
  line-height: 1.4;
  outline: none;
  box-sizing: border-box;
  resize: none;
  overflow-y: hidden;
  min-height: 40px;
  max-height: 116px;
  white-space: pre-wrap;
  transition: var(--transition3);
}

.TextEditor_toolbarAiPromptInput__jyVWu::-moz-placeholder {
  color: var(--color-gray);
}

.TextEditor_toolbarAiPromptInput__jyVWu::placeholder {
  color: var(--color-gray);
}

.TextEditor_toolbarAiPromptButton__bJUN4 {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 1;
  flex-shrink: 0;
  background: var(--background-root);
  color: var(--text-h1);
  height: 28px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: var(--transition3);
}

.TextEditor_toolbarAiPromptButton__bJUN4:hover:not(:disabled) {
  background: #1f2937;
  transform: translateY(-0.5px);
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.28);
}

.TextEditor_toolbarAiPromptButton__bJUN4:active:not(:disabled) {
  transform: translateY(0);
}

.TextEditor_toolbarAiPromptButton__bJUN4:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.TextEditor_toolbarAiPromptButton__bJUN4:focus-visible,
.TextEditor_toolbarAiPromptInput__jyVWu:focus-visible {
  outline: none;
}

.TextEditor_toolbarBtn__zFwob {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  background: transparent;
  border: none;
  color: var(--text-h1);
  cursor: pointer;
  border-radius: var(--br8);
  padding: 5px 6px;
  font-size: 12px;
  white-space: nowrap;
  transition: var(--transition3);
  min-width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.TextEditor_toolbarBtn__zFwob:hover {
  color: var(--color-dark-blue);
  background: var(--color-dark-blue10);
}

.TextEditor_toolbarBtnActive__gT3vo {
  color: var(--color-dark-blue);
  background: var(--color-dark-blue10);
}

.TextEditor_toolbarChevron__26RmD {
  transition: var(--transition3);
  transform-origin: center;
}

.TextEditor_toolbarChevronOpen__SaysN {
  transition: var(--transition3);
  transform-origin: center;
  transform: rotate(180deg);
}

.TextEditor_toolbarBtnDisabled__vo1j_ {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.TextEditor_toolbarBlockTypeLabel__Xt_mz {
  font-size: 11px;
  font-weight: 600;
  height: 16px;
  min-width: 16px;
  max-width: 16px;
  text-align: center;
}

/* ─── Toolbar Dropdown ───────────────────────────────────── */
.TextEditor_toolbarDropdownWrap__Up5JY {
  position: relative;
  flex-shrink: 0;
}

.TextEditor_toolbarDropdownTrigger__Udll_ {
  gap: 3px;
}

.TextEditor_toolbarDropdownMenu__p7ZeM {
  position: absolute;

  bottom: calc(100% + 6px);
  left: 0;
  min-width: -moz-max-content;
  min-width: max-content;
  background: var(--color-white);
  border: 1px solid var(--color-gray60);
  border-radius: var(--br10);
  box-shadow: var(--dropdown-shadow);
  z-index: 1000;
  padding: 4px;
  max-height: 260px;
  overflow-y: auto;
  overflow-x: hidden;
}

.TextEditor_dropdownItem__IatLC {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  background: none;
  border: none;
  padding: 5px 8px;
  font-size: 13px;
  color: var(--text-h1);
  cursor: pointer;
  border-radius: var(--br8);
  text-align: left;
  transition: var(--transition3);
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
}

.TextEditor_dropdownItem__IatLC:hover {
  background: var(--color-gray30);
  color: var(--color-dark-blue);
}
.TextEditor_dropdownItemICON__udkYZ {
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* ─── Color Picker ───────────────────────────────────────── */
.TextEditor_colorPicker__gWXbN {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
  background: var(--color-white);
  border: 1px solid var(--color-gray60);
  border-radius: var(--br10);
  box-shadow: var(--dropdown-shadow);
  z-index: 1000;
  padding: 10px;
  width: 180px;
}

.TextEditor_colorGrid__Km5c7 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
  margin-bottom: 8px;
}

.TextEditor_colorSwatch__3KIwd {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  padding: 0;
  transition: var(--transition3);
}

.TextEditor_colorSwatch__3KIwd:hover {
  transform: scale(1.2);
}

.TextEditor_colorPickerCustom__gBRVR {
  display: flex;
  align-items: center;
  gap: 6px;
  border-top: 1px solid var(--color-gray60);
  padding-top: 8px;
  font-size: 12px;
  color: var(--color-gray);
}

.TextEditor_colorPickerCustom__gBRVR input[type="color"] {
  width: 28px;
  height: 22px;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 1px;
  cursor: pointer;
  background: none;
}

/* ─── Emoji Picker ───────────────────────────────────────── */
.TextEditor_emojiPicker__JlsKL {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
  background: var(--color-white);
  border: 1px solid var(--color-gray60);
  border-radius: var(--br10);
  box-shadow: var(--dropdown-shadow);
  z-index: 1000;
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2px;
  width: 200px;
}

.TextEditor_emojiBtn__GQ7zq {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
  border-radius: var(--br8);
  transition: var(--transition3);
  line-height: 1;
}

.TextEditor_emojiBtn__GQ7zq:hover {
  background: var(--color-gray10);
}

/* ─── Link Dialog ────────────────────────────────────────── */
.TextEditor_linkDialog__jkvf2 {
  position: absolute;
  bottom: calc(100% + 6px);
  right: 0;
  background: var(--color-white);
  border: 1px solid var(--color-gray60);
  border-radius: var(--br10);
  box-shadow: var(--dropdown-shadow);
  z-index: 1000;
  padding: 12px;
  width: 260px;
}

.TextEditor_linkDialogTitle__h50_z {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-gray);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.TextEditor_linkInput__Gr5EX {
  width: 100%;
  background: var(--color-white);
  border: 1px solid var(--color-gray60);
  border-radius: var(--br8);
  padding: 6px 8px;
  font-size: 13px;
  color: var(--text-h1);
  outline: none;
  margin-bottom: 6px;
  box-sizing: border-box;
  transition: var(--transition3);
}

.TextEditor_linkInput__Gr5EX:focus {
  border-color: var(--color-dark-blue);
}

.TextEditor_linkDialogActions__88caa {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

.TextEditor_linkDialogBtn__7bnHr {
  flex: 1;
  background: var(--color-dark-blue);
  color: white;
  border: none;
  border-radius: var(--br8);
  padding: 6px;
  font-size: 13px;
  cursor: pointer;
  transition: var(--transition3);
}

.TextEditor_linkDialogBtn__7bnHr:hover {
  box-shadow: 0px 0px 0px 4px var(--color-dark-blue30);
}

.TextEditor_linkDialogBtnCancel__uTiWD {
  flex: 1;
  background: transparent;
  color: var(--color-dark-blue);
  border: 1px solid var(--color-dark-blue);
  border-radius: var(--br8);
  padding: 6px;
  font-size: 13px;
  cursor: pointer;
  transition: var(--transition3);
}

/* ─── Status Bar ─────────────────────────────────────────── */
.TextEditor_statusBar__LCFdj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 10px;
  border-top: 1px solid var(--color-gray30);
  background: var(--color-gray10);
  font-size: 11px;
  color: var(--color-gray);
  gap: 8px;
  flex-wrap: nowrap;
  min-height: 30px;
  position: relative;
}

/* Add block button below list */
.TextEditor_addBlockWrap___rfUH {
  display: flex;
  justify-content: center;
  padding: 12px 0 28px;
}
.TextEditor_addBlockBtn__BuCkg {
  transition: var(--transition3);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: var(--color-dark-blue30);
  color: var(--text-h1);
  font-size: 20px;
  cursor: pointer;
  box-shadow: var(--small-shadow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.TextEditor_addBlockBtn__BuCkg:hover {
  background: var(--color-dark-blue60);
  color: var(--text-h1);
}

.TextEditor_statusBarLeft__X4SZ9,
.TextEditor_statusBarCenter__U4_yN,
.TextEditor_statusBarRight__Rod5D {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}

.TextEditor_statusBarCenter__U4_yN {
  flex: 1;
  justify-content: center;
  gap: 0;
}

.TextEditor_statusDivider__fu8Q7 {
  width: 1px;
  height: 14px;
  background: var(--color-gray60);
  margin: 0 4px;
}

.TextEditor_statusBtn__x4QY7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  color: var(--color-gray);
  cursor: pointer;
  padding: 3px 5px;
  border-radius: var(--br8);
  transition: var(--transition3);
  min-width: 22px;
  height: 22px;
}

.TextEditor_statusBtn__x4QY7:hover {
  background: var(--color-gray30);
}

.TextEditor_statusBtnDisabled__0BJsU {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

.TextEditor_statusBtnText__0UO7l {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: none;
  border: none;
  color: var(--color-gray);
  cursor: pointer;
  padding: 2px 5px;
  border-radius: var(--br8);
  font-size: 11px;
  transition: var(--transition3);
  white-space: nowrap;
}

.TextEditor_statusBtnText__0UO7l:hover {
  color: var(--color-gray);
  background: var(--color-gray30);
}

.TextEditor_statusDropdownWrap__J0txY {
  display: flex;
  align-items: center;
  gap: 1px;
}

.TextEditor_statusStat__FIVoC {
  color: var(--color-gray);
  white-space: nowrap;
  padding: 0 4px;
}

.TextEditor_statusStatSep__kK8Ra {
  color: var(--color-gray60);
  padding: 0 2px;
}

.TextEditor_statusDirty__SSOW6 {
  color: var(--color-dark-blue);
  font-size: 8px;
}

.TextEditor_statusSavedAt__EK_C_ {
  color: var(--color-gray);
  white-space: nowrap;
  font-size: 10px;
}

.TextEditor_statusSaveBtn__tBVfr {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: var(--color-dark-blue);
  color: white;
  border: none;
  border-radius: var(--br8);
  padding: 3px 8px;
  font-size: 11px;
  cursor: pointer;
  margin-left: 4px;
  transition: var(--transition3);
  white-space: nowrap;
}

.TextEditor_statusSaveBtn__tBVfr:hover {
  box-shadow: 0px 0px 0px 4px var(--color-dark-blue30);
}

/* ─── Block Menu Popup ───────────────────────────────────── */
.TextEditor_blockMenuPopup__gmRPS {
  position: fixed;
  min-width: 170px;

  box-shadow: var(--dropdown-shadow);

  animation: var(--fadeIn3);

  min-width: -moz-max-content;

  min-width: max-content;
  background: var(--color-white);
  border: 1px solid var(--color-gray60);
  border-radius: var(--br10);
  box-shadow: var(--dropdown-shadow);
  z-index: 1000;
  padding: 4px;
  max-height: 260px;
  overflow-y: auto;
}

/* ─── Context Menu Popup ─────────────────────────────────── */
.TextEditor_contextMenuPopup__GdzSK {
  position: fixed;
  min-width: 170px;
  background: var(--color-white);
  border: 1px solid var(--color-gray60);
  border-radius: var(--br10);
  box-shadow: var(--dropdown-shadow);
  z-index: 9999;
  padding: 4px;
  animation: var(--fadeIn3);
}

.TextEditor_contextMenuItem__iNYjZ {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  background: none;
  border: none;
  padding: 7px 10px;
  font-size: 12px;
  color: var(--text-h1);
  cursor: pointer;
  border-radius: var(--br8);
  text-align: left;
  transition: var(--transition3);
  white-space: nowrap;
}

.TextEditor_contextMenuItem__iNYjZ:hover {
  background: var(--color-gray30);
}

.TextEditor_contextMenuItemIndent__MRxkY {
  padding-left: 24px;
  font-size: 12px;
}

.TextEditor_contextMenuItemDanger__62olf {
  color: var(--color-dark-red);
}
.TextEditor_contextMenuItemDanger__62olf:hover {
  background: rgba(231, 76, 60, 0.08);
}

.TextEditor_contextMenuDivider__Bb2_j {
  height: 1px;
  background: var(--color-gray60);
  margin: 4px 0;
}

.TextEditor_contextMenuSubHeader__hb1h_ {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  color: var(--color-h2);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ─── Settings Panel ─────────────────────────────────────── */
/* .settingsPanel {
  position: absolute;
  bottom: 72px;
  right: 8px;
  width: 280px;
  background: var(--te-bg);
  border: 1px solid var(--te-border);
  border-radius: var(--br10);
  box-shadow: var(--dropdown-shadow);
  z-index: 1000;
  padding: 12px;
  animation: var(--fadeIn3);
  max-height: 400px;
  overflow-y: auto;
}

.settingsPanelHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--te-border);
  font-weight: 600;
  font-size: 13px;
}

.settingsCloseBtn {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--te-text-muted);
  display: flex;
  align-items: center;
  padding: 2px;
  border-radius: var(--br8);
  transition: var(--transition3);
}

.settingsCloseBtn:hover {
  color: var(--te-text);
  background: var(--te-surface-hover);
}

.settingsGroup {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 10px;
}

.settingsGroupRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.settingsLabel {
  font-size: 12px;
  color: var(--te-text-muted);
  font-weight: 500;
}

.settingsSelect,
.settingsInput {
  width: 100%;
  background: var(--te-surface);
  border: 1px solid var(--te-border);
  border-radius: var(--br8);
  padding: 5px 8px;
  font-size: 13px;
  color: var(--te-text);
  outline: none;
  transition: var(--transition3);
  box-sizing: border-box;
}

.settingsSelect:focus,
.settingsInput:focus {
  border-color: var(--te-border-focus);
}

.shortcutList {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.shortcutItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.shortcutLabel {
  font-size: 12px;
  color: var(--te-text);
}

.shortcutKey {
  background: var(--te-surface);
  border: 1px solid var(--te-border);
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 10px;
  font-family: var(--font-mono);
  color: var(--te-text-muted);
} */

/* ─── Import Modal ───────────────────────────────────────── */
.TextEditor_importFormatTabs__oXL4i {
  display: flex;
  gap: 4px;
  margin-bottom: 10px;
}

.TextEditor_importTab__rr64I {
  border: 1px solid var(--color-gray60);
  border-radius: var(--br8);
  padding: 4px 12px;
  font-size: 12px;
  color: var(--color-h2);
  cursor: pointer;
  transition: var(--transition3);
}

.TextEditor_importTabActive__GWu_j {
  background: var(--color-dark-blue);
  border-color: var(--color-dark-blue);
  color: white;
}

.TextEditor_importTextarea__D5NVQ {
  width: 100%;
  height: 100%;
  min-height: 160px;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--color-gray30);
  border: 1px solid var(--color-gray60);
  border-radius: var(--br8);
  padding: 10px;
  font-size: 13px;
  font-family: var(--font-mono);
  color: var(--text-h2);
  outline: none;
  resize: none;
  box-sizing: border-box;
  transition: var(--transition3);
}

/* ─── Inline content styles (scoped global) ─────────────── */
/* Must be scoped under .editorRoot for CSS Modules purity  */
.TextEditor_editorRoot__F7K_U .textedit-link {
  display: inline;
  padding: 1px 6px;
  background: var(--color-purple30);
  border: 1px solid var(--color-purple60);
  border-radius: 4px;
  color: var(--color-purple);
  text-decoration: none;
  font-size: 0.92em;
  cursor: pointer;
  transition: var(--transition3);
  word-break: break-all;
  position: relative;
}

.TextEditor_editorRoot__F7K_U .textedit-link:hover {
  background: rgba(74, 144, 226, 0.15);
  border-color: rgba(74, 144, 226, 0.6);
}

.TextEditor_editorRoot__F7K_U .textedit-link:hover::after {
  content: "Ctrl+Click to open";
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  font-size: 11px;
  padding: 3px 7px;
  border-radius: 4px;
  white-space: nowrap;
  pointer-events: none;
  z-index: 999;
}

.TextEditor_editorRoot__F7K_U .textedit-hashtag {
  color: var(--color-light-blue);
  font-weight: 500;
}

.TextEditor_editorRoot__F7K_U .textedit-inline-code {
  font-family: var(--font-mono);
  background: var(--color-gray30);
  border: 1px solid var(--color-gray60);
  border-radius: var(--br5);
  padding: var(--paddingtag);
  font-size: var(--font-12);
  color: var(--text-h1);
}

/* ─── Scrollbar ──────────────────────────────────────────── */
/* .editorContent::-webkit-scrollbar {
  width: 6px;
}
.editorContent::-webkit-scrollbar-track {
  background: transparent;
}
.editorContent::-webkit-scrollbar-thumb {
  background: var(--te-border);
  border-radius: 3px;
}
.editorContent::-webkit-scrollbar-thumb:hover {
  background: var(--te-text-muted);
} */

/* ─── Focus visible ──────────────────────────────────────── */
.TextEditor_editorRoot__F7K_U [contenteditable]:focus-visible {
  outline: none;
}

.ringLoder_loader__sqS_S {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.ringLoder_svg__cu_Ik {
  transform-origin: center;
  animation: ringLoder_rotate__1jjGP 2s linear infinite;
}

.ringLoder_svg__cu_Ik > circle {
  fill: none;
  stroke-width: 7;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: ringLoder_dash__VU90l 3s ease-in-out infinite;
}

@keyframes ringLoder_rotate__1jjGP {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes ringLoder_dash__VU90l {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dashoffset: -124px;
  }
}

.reactPhoneInput_inputcodesection__jff1K {
  position: relative;
  display: flex;
  width: 100%;

  flex-direction: column;
  gap: var(--gap-20);
  justify-content: space-between;
}

.reactPhoneInput_inputtext__ivp_A {
  -moz-text-align-last: left;
       text-align-last: left;
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  transition: var(--transition3);
}

.reactPhoneInput_inputtelsection__BhI3h {
  gap: var(--gap-10);
  position: relative !important;

  display: flex !important;
  height: 50px !important;
  color: var(--text-h2) !important;
  border-radius: var(--br8) !important;
  background: var(--color-white) !important;
  border: 1px solid var(--content-box) !important;
  outline: none !important;
  transition: var(--transition3);
  font-size: var(--font-14) !important;
  font-weight: var(--weight-400) !important;
  width: 100% !important;
  text-decoration: none !important;
  align-items: flex-start !important;
}
.reactPhoneInput_inputtelsection__BhI3h:hover {
  border-color: var(--color-dark-blue) !important;
  border-radius: var(--br10) !important;
  color: var(--text-h1) !important;
  text-decoration: none !important;
}
.reactPhoneInput_inputtelsection__BhI3h:focus {
  background: var(--color-white) !important;
  border-color: var(--color-dark-blue) !important;
  border-radius: var(--br10) !important;
  box-shadow: 0 0 0 5px var(--color-dark-blue30) !important;
  color: var(--text-h1) !important;
  transition: var(--transition3);
  text-decoration: none !important;
}
.reactPhoneInput_dropdown__gtm6m {
  margin: 10px 0 0px 0px !important;
  z-index: 999 !important;
  display: flex !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-height: 300px !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  position: absolute !important;

  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 0px var(--padding-10) var(--padding-10) var(--padding-10) !important;
  box-shadow: var(--box-shadow) !important;
  background: var(--color-white) !important;
  color: var(--text-h1);
  border-radius: 0px var(--br15) var(--br15) var(--br15) !important;
  animation: reactPhoneInput_scale-in-tl__8P7AY 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  transition: var(--transition2);
}

@keyframes reactPhoneInput_scale-in-tl__8P7AY {
  0% {
    transform: scale(0);

    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scale(1);

    transform-origin: 0% 0%;
    opacity: 1;
  }
}

.reactPhoneInput_dropdown__gtm6m li {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 280px !important;
  gap: var(--gap-10) !important;
  border-radius: var(--br10) !important;
  @media (max-width: 480px) {
    width: 200px !important;
  }
}

.reactPhoneInput_dropdown__gtm6m li > .reactPhoneInput_highlight__h8Q29 {
  background-color: aqua !important;
}
.reactPhoneInput_dropdown__gtm6m li div {
  margin: 0px !important;
  border-radius: 2px !important;
  scale: 1.1 !important;
}
.reactPhoneInput_dropdown__gtm6m span:nth-child(2) {
  margin: 0px !important;
  color: var(--text-h1) !important;
  font-size: var(--font-14) !important;
  font-weight: var(--weight-400) !important;
  width: 200px !important;
  text-align: left !important;
  text-wrap: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  @media (max-width: 480px) {
    font-size: var(--font-14) !important;
    font-weight: var(--weight-400) !important;
    width: 120px !important;
  }
}
.reactPhoneInput_dropdown__gtm6m span:nth-child(3) {
  width: 35px !important;
  text-align: left !important;
  margin: 0px !important;
  color: var(--text-h2) !important;
  font-size: var(--font-12) !important;
  font-weight: var(--weight-400) !important;
}
.reactPhoneInput_dropdown__gtm6m li:nth-child(1) {
  padding: var(--padding-10) 0 var(--padding-5) 0px !important;
  background: var(--color-white) !important;
  z-index: 2 !important;
}
.reactPhoneInput_dropdown__gtm6m li:nth-child(1) span {
  display: none !important;
}
.reactPhoneInput_dropdown__gtm6m li:nth-child(1) input {
  position: relative !important;

  display: flex !important;
  height: 30px !important;
  color: var(--text-h2) !important;
  border-radius: var(--br8) !important;
  background: var(--color-white) !important;
  border: 1px solid var(--content-box) !important;
  outline: none !important;
  transition: var(--transition3);
  font-size: var(--font-14) !important;
  font-weight: var(--weight-400) !important;
  width: 100% !important;
  text-decoration: none !important;
  align-items: flex-start !important;
  margin: 0px !important;
  padding: var(--padding-5) var(--padding-10) !important;
}

.reactPhoneInput_dropdown__gtm6m li:nth-child(1) input:hover {
  border-color: var(--color-dark-blue) !important;
  border-radius: var(--br10) !important;
  color: var(--text-h1) !important;
  text-decoration: none !important;
}
.reactPhoneInput_dropdown__gtm6m li:nth-child(1) input:focus {
  background: var(--color-white) !important;
  border-color: var(--color-dark-blue) !important;
  border-radius: var(--br10) !important;
  box-shadow: 0 0 0 5px var(--color-dark-blue30) !important;
  color: var(--text-h1) !important;
  transition: var(--transition3);
  text-decoration: none !important;
}
.reactPhoneInput_dropdown__gtm6m li:nth-child(1):hover {
  background: var(--color-white) !important;
}
.reactPhoneInput_dropdown__gtm6m li:hover {
  background: var(--color-gray30) !important;
  transition: var(--transition2);
  border-radius: var(--br10) !important;
}
.reactPhoneInput_country__Pw4U_ {
  height: 100% !important;
  width: 0px !important;
  border: 0px !important;
  border-radius: var(--br30) !important;
  background: var(--color-white) !important;
}

.reactPhoneInput_country__Pw4U_ > div {
  background: transparent !important;
  margin: 1px !important;
  border-radius: var(--br30) !important;

  outline: none !important;
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  padding: 0px 0px 0px var(--padding-10) !important;
  border-radius: var(--br20) !important;
  justify-content: flex-start;
  align-content: center !important;
  align-items: center !important;
}
.reactPhoneInput_country__Pw4U_ > div > div > div {
  transition: var(--transition2);
  border-top-color: var(--color-gray) !important;
  border-bottom-color: var(--color-gray) !important;
  border-radius: var(--br10) !important;
}
.reactPhoneInput_inputcodesection__jff1K > button > div > svg > circle {
  stroke: var(--color-ffffff) !important;
}

.signIn_popupsignup__3rkV5 {
  position: fixed;
  max-width: 480px;
  width: calc(100% - 100px);
  aspect-ratio: 1/1;
  box-shadow: var(--box-shadow);
  background-color: var(--background-root);
  border-radius: var(--br50);
  display: flex;
  flex-direction: column;
  padding: var(--padding-50);
  justify-content: space-between;
  z-index: 117;
  animation: signIn_slide-in-fwd-center__2LTZP 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;

  @media (max-width: 700px) {
    height: 450px;
    width: calc(100% - 50px) !important;
    padding: var(--padding-30) !important;
    border-radius: var(--br25) !important;
    aspect-ratio: 5/6 !important;
  }
}

@keyframes signIn_slide-in-fwd-center__2LTZP {
  0% {
    transform: translateZ(-1400px);
    opacity: 0;
  }

  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}

.signIn_closebtn__Ae__L {
  min-width: 25px;
  width: 25px;
  max-width: 25px;
  min-height: 25px;
  height: 25px;
  max-height: 25px;
  position: relative;

  padding: var(--padding-5);
  border-radius: var(--br5);
  border: 1px solid var(--color-gray);
  transition: var(--transition3);
  cursor: pointer;
}

.signIn_closebtn__Ae__L:hover {
  box-shadow: 0 0 0 3px var(--color-gray30);
}

.signIn_backbtn__dXrI9 {
  min-width: 25px;
  width: 25px;
  max-width: 25px;
  min-height: 25px;
  height: 25px;
  max-height: 25px;
  position: relative;
  border-radius: var(--br5);
  transition: var(--transition3);
  cursor: pointer;
}

.signIn_backbtn__dXrI9:hover {
  transform: translateX(-10px);
}

.signIn_welcometext1__kv5SP {
  position: relative;
  color: var(--color-dark-blue);
  font-size: var(--font-24);
  font-weight: var(--weight-700);
  text-transform: capitalize;
  text-align: center;
  letter-spacing: 1px;

  @media (max-width: 700px) {
    font-size: clamp(14px, 5vw, 48px);
  }
}

.signIn_welcometext2__dO9EI {
  margin-top: 15px;
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: capitalize;

  @media (max-width: 700px) {
    font-size: var(--font-12);
  }
}

.signIn_resend__ijYZP {
  position: relative;
  color: var(--text-h2);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: uppercase;
  height: 12px;
}

.signIn_form__AY8m6 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  align-items: center;
  width: 100%;
  align-content: space-between;
  justify-content: space-between;
}

.signIn_loginsection__MpABz {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  align-items: flex-start;
  transition: var(--transition3);
}

.signIn_nextbtn__miDUE {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0px;
  background-color: var(--color-dark-blue);

  border-radius: var(--br15);
  color: var(--color-ffffff);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  border: 1px solid var(--color-dark-blue);
  transition: var(--transition3);
  cursor: pointer;
}

.signIn_nextbtn__miDUE:hover {
  box-shadow: 0px 0px 0px 5px var(--color-dark-blue60);
}

.signIn_inputtelsection__T_evk {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: var(--gap-10);
  justify-content: space-between;
}

.signIn_inputcodesection__a2wId {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--gap-10);
  justify-content: space-between;
}

.signIn_inputtext__B3Bkn {
  -moz-text-align-last: left;
       text-align-last: left;
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  transition: var(--transition3);
}

.signIn_inputtel__irgt1 {
  padding: 0px var(--padding-20);
  letter-spacing: 3px;
  position: relative;

  display: flex;
  height: 50px;
  color: var(--text-h2);
  border-radius: var(--br8);
  background: var(--color-white);
  border: 1px solid var(--content-box);
  outline: none;
  transition: var(--transition3);
  font-size: var(--font-14);

  font-weight: var(--weight-400);
  width: 70%;
  text-decoration: none;
  align-items: flex-start;
  align-content: flex-start;
}

.signIn_inputtel__irgt1:hover {
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  color: var(--text-h1);
  text-decoration: none;
}

.signIn_inputtel__irgt1:focus {
  background: var(--color-white);
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  box-shadow: 0 0 0 5px var(--color-dark-blue30);
  color: var(--text-h1);
  transition: var(--transition3);
  text-decoration: none;
}

.signIn_inputcode__xqSIC {
  padding: 0px var(--padding-20);
  letter-spacing: 5px;
  position: relative;

  display: flex;
  height: 50px;
  color: var(--text-h2);
  border-radius: var(--br8);
  background: var(--color-white);
  border: 1px solid var(--content-box);
  outline: none;
  transition: var(--transition3);
  font-size: var(--font-14);

  font-weight: var(--weight-400);
  width: 100%;
  text-decoration: none;
  align-items: flex-start;
  align-content: flex-start;
}

.signIn_inputcode__xqSIC:hover {
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  color: var(--text-h1);
  text-decoration: none;
}

.signIn_inputcode__xqSIC:focus {
  background: var(--color-white);
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  box-shadow: 0 0 0 5px var(--color-dark-blue30);
  color: var(--text-h1);
  transition: var(--transition3);
  text-decoration: none;
}

.signIn_error__qxZyF {
  position: absolute;
  color: var(--color-dark-red);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  bottom: -25px;
  right: 0px;
}

.signIn_googleButton__DtmkI {
  width: 100%;
  padding: 12px 20px;
  border: 1px solid var(--color-dark-blue);
  border-radius: var(--br10);
  background-color: var(--background-root);
  color: var(--text-h1);
  font-size: var(--font-16);
  font-weight: var(--weight-500);
  cursor: pointer;
  transition: var(--transition3);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.signIn_googleButton__DtmkI:hover {
  background-color: var(--color-dark-blue30);
  border-color: var(--color-dark-blue60);
  box-shadow: var(--box-shadow);
}

.signIn_googleButton__DtmkI:active {
  transform: scale(0.98);
}

.signIn_googleButton__DtmkI:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.verificationForm_container__VYYz8 {
  width: 300px;
  height: auto;
  padding: var(--padding-40) var(--padding-30);
  background-color: var(--color-ffffff);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--br15);
  transform: scale(1.5);
}

.verificationForm_form__xjtb1 {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.verificationForm_inputFieldall__xEwgt {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--gap-10);
}
.verificationForm_inputField__ScECb {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-5);
}

.verificationForm_inputFieldShake__YROC8 {
  animation: verificationForm_shake__3T0B3 0.5s ease-in-out;
}

@keyframes verificationForm_shake__3T0B3 {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-5px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(5px);
  }
}
.verificationForm_input__O_DQd {
  color: var(--text-h1);
  font-size: var(--font-18);
  font-weight: var(--weight-800);
  max-width: 50px;
  aspect-ratio: 1/1;
  text-align: center;
  border-radius: var(--br10);
  background: transparent;
  border: 1px solid var(--color-gray60);

  overflow: hidden;
  transition: var(--transition2);
  @media (max-width: 700px) {
    font-size: var(--font-14) !important;
    max-width: 40px !important;
    font-weight: var(--weight-400) !important;
  }
}

.verificationForm_inputError__ipGVx {
  border: 1px solid var(--color-dark-red) !important;
  box-shadow: 0px 0px 0px 2px rgba(239, 68, 68, 0.2) !important;
  transition: var(--transition2) !important;
}

.verificationForm_input__O_DQd:hover {
  border: 1px solid var(--color-dark-blue);
  border-radius: var(--br10);
}
.verificationForm_input__O_DQd:focus {
  border: 1px solid var(--color-dark-blue);
  border-radius: var(--br10);
  box-shadow: 0px 0px 0px 5px var(--color-dark-blue30);
}

/* ___.popupsignup___ */

.verificationForm_popupsignup__Rfoy9 {
  position: fixed;
  max-width: 480px;
  width: calc(100% - 100px);
  aspect-ratio: 1/1;
  gap: var(--gap-30);
  box-shadow: var(--box-shadow);
  background-color: var(--background-root);
  border-radius: var(--br50);
  display: flex;
  flex-direction: column;
  padding: var(--padding-50);
  justify-content: space-between;
  z-index: 117;
  animation: verificationForm_slide-in-fwd-center__G72__ 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  @media (max-width: 700px) {
    height: 450px;
    width: calc(100% - 50px) !important;
    padding: var(--padding-30) !important;
    border-radius: var(--br25) !important;
    aspect-ratio: 5/6 !important;
  }
}
@keyframes verificationForm_slide-in-fwd-center__G72__ {
  0% {
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
.verificationForm_closebtn___jVv9 {
  min-width: 25px;
  width: 25px;
  max-width: 25px;
  min-height: 25px;
  height: 25px;
  max-height: 25px;
  position: relative;

  padding: var(--padding-5);
  border-radius: var(--br5);
  border: 1px solid var(--color-gray60);
  transition: var(--transition3);
  cursor: pointer;
}
.verificationForm_closebtn___jVv9:hover {
  box-shadow: 0 0 0 3px var(--color-gray30);
}
.verificationForm_backbtn__9Iig3 {
  min-width: 35px;
  width: 35px;
  max-width: 35px;
  min-height: 35px;
  height: 35px;
  max-height: 35px;
  position: relative;

  border-radius: var(--br5);
  transition: var(--transition3);
  cursor: pointer;
}
.verificationForm_backbtn__9Iig3:hover {
  transform: translateX(-5px);
}
.verificationForm_welcometext1__MWBam {
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-20);
  font-weight: var(--weight-800);
  text-transform: capitalize;
  text-align: center;
  @media (max-width: 720px) {
    font-size: var(--font-16);
    font-weight: var(--weight-600);
  }
}
.verificationForm_welcometext2__JtblW {
  margin-top: 8px;
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  text-transform: capitalize;
  @media (max-width: 700px) {
    font-size: var(--font-14);
  }
}
.verificationForm_resend__c5inC {
  position: relative;
  color: var(--text-h2);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  text-transform: uppercase;
}
.verificationForm_form__xjtb1 {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  align-items: center;
  width: 100%;
  align-content: space-between;
  justify-content: space-between;
}
.verificationForm_loginsection__7mUzK {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  align-items: flex-start;
  transition: var(--transition3);
}
.verificationForm_nextbtn__li_fl {
  position: relative;
  width: 100%;
  height: 50px;
  bottom: 0px;
  background-color: var(--color-dark-blue);

  border-radius: var(--br15);
  color: var(--color-ffffff);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  border: 1px solid var(--color-dark-blue);
  transition: var(--transition3);
  cursor: pointer;
}
.verificationForm_nextbtn__li_fl:hover {
  box-shadow: 0px 0px 0px 5px var(--color-dark-blue60);
}
.verificationForm_inputtelsection__ECA__ {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: var(--gap-10);
  justify-content: space-between;
}
.verificationForm_inputcodesection__khmnS {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--gap-10);
  justify-content: space-between;
}

.verificationForm_inputtext__BYFBG {
  -moz-text-align-last: left;
       text-align-last: left;
  position: relative;
  color: var(--text-h1);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  transition: var(--transition3);
}

.verificationForm_inputtel__P4wGm {
  padding: 0px var(--padding-20);
  letter-spacing: 3px;
  position: relative;

  display: flex;
  height: 50px;
  color: var(--text-h2);
  border-radius: var(--br8);
  background: var(--color-white);
  border: 1px solid var(--content-box);
  outline: none;
  transition: var(--transition3);
  font-size: var(--font-14);

  font-weight: var(--weight-400);
  width: 70%;
  text-decoration: none;
  align-items: flex-start;
  align-content: flex-start;
}
.verificationForm_inputtel__P4wGm:hover {
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  color: var(--text-h1);
  text-decoration: none;
}
.verificationForm_inputtel__P4wGm:focus {
  background: var(--color-white);
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  box-shadow: 0 0 0 5px var(--color-dark-blue30);
  color: var(--text-h1);
  transition: var(--transition3);
  text-decoration: none;
}

.verificationForm_inputcode__anczL {
  padding: 0px var(--padding-20);
  letter-spacing: 5px;
  position: relative;

  display: flex;
  height: 50px;
  color: var(--text-h2);
  border-radius: var(--br8);
  background: var(--color-white);
  border: 1px solid var(--content-box);
  outline: none;
  transition: var(--transition3);
  font-size: var(--font-14);

  font-weight: var(--weight-400);
  width: 100%;
  text-decoration: none;
  align-items: flex-start;
  align-content: flex-start;
}
.verificationForm_inputcode__anczL:hover {
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  color: var(--text-h1);
  text-decoration: none;
}
.verificationForm_inputcode__anczL:focus {
  background: var(--color-white);
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
  box-shadow: 0 0 0 5px var(--color-dark-blue30);
  color: var(--text-h1);
  transition: var(--transition3);
  text-decoration: none;
}
.verificationForm_error__YYion {
  position: absolute;
  color: var(--color-dark-red);
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  bottom: -25px;
  right: 0px;
}
.verificationForm_timer__vS8QG {
  position: relative;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  color: var(--text-h2);
}

.verificationForm_popupsignup__Rfoy9 > button > div > svg > circle {
  stroke: var(--color-ffffff) !important;
}

.MediaModal_mediaContentWrapper__ASnfl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 200px;
  min-width: 200px;
  max-height: 100%;
  overflow: hidden;
}
.MediaModal_mediaImage__aZyJF {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: var(--br10);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: var(--fadeIn3);
  transition: var(--transition3);
}
.MediaModal_mediaVideo__S8dNk {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: var(--br10);
  transition: var(--fadeIn3);
  transition: var(--transition3);
}

/* #region کانتینر اصلی مودال
.mediaModalContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  min-width: 300px;
  min-height: 300px;
  padding: var(--padding-5);
  gap: var(--gap-10);
}
/* #endregion */

/* #region wrapper محتوای رسانه */

/* #endregion */

/* #region استایل تصویر */

/* #endregion */

/* #region استایل ویدیو */

/* #endregion */

/* #region دکمه بستن */
.MediaModal_closeButton__Ffs_O {
  position: relative;
  top: 15px;
  right: 15px;
  z-index: 1000;
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}

.MediaModal_closeButton__Ffs_O:hover {
  background-color: rgba(0, 0, 0, 0.9);
  transform: scale(1.1);
}

.MediaModal_closeButton__Ffs_O:active {
  transform: scale(0.95);
}

.MediaModal_closeIcon__kzlV_ {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
/* #endregion */

/* #region دکمه دانلود */
.MediaModal_downloadButton___G3yE {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background-color: var(--color-dark-blue, #1e40af);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.MediaModal_downloadButton___G3yE:hover {
  background-color: var(--color-hover-blue, #1e3a8a);
  transform: translateX(-50%) translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.MediaModal_downloadButton___G3yE:active {
  transform: translateX(-50%) translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.MediaModal_downloadIcon__CIdvU {
  width: 18px;
  height: 18px;
  filter: brightness(0) invert(1);
}

.MediaModal_downloadText__jIUB_ {
  font-family: inherit;
}
/* #endregion */

/* #region کانتینر بارگذاری */
.MediaModal_loadingContainer__HSSuj {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  z-index: 10;
}

.MediaModal_loadingText__sQjb5 {
  color: white;
  font-size: 14px;
  text-align: center;
  margin: 0;
}
/* #endregion */

/* #region کانتینر خطا */
.MediaModal_errorContainer__N0XqY {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-20);
  min-width: 200px;
  min-height: 200px;
}

.MediaModal_errorIcon__TJEZr {
  width: 128px;
  height: 128px;
}

.MediaModal_errorText__DT0UA {
  color: #ef4444;
  font-size: 16px;
  text-align: center;
  margin: 0;
}
/* #endregion */

/* #region هشدار انقضا */
.MediaModal_expiredWarning__SORx4 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background-color: rgba(251, 191, 36, 0.95);
  color: #1f2937;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.MediaModal_warningIcon__TZMzK {
  width: 20px;
  height: 20px;
}
/* #endregion */

.voiceRecorder_voicerecord__nX7vR {
  position: relative;
  width: 100%;
  min-height: 42px;
  max-height: 42px;
  background-color: var(--color-dark-blue);
  border-radius: var(--br50);
  padding: 0px var(--padding-5) 0px var(--padding-5);
  display: flex;
  flex-direction: row;
  gap: var(--gap-15);

  align-content: center;
  align-items: center;
}
.voiceRecorder_closebtn__Mvscd {
  left: 10px;
  position: absolute;
  width: 25px;
  height: 25px;
  padding: var(--padding-5);

  fill: var(--color-gray);
  transition: var(--transition2);
  cursor: pointer;
  z-index: 10 !important;
}
.voiceRecorder_wave__vubJ5 {
  position: relative;

  width: 100%;
  height: 30px;
}
.voiceRecorder_recordtime__gGU79 {
  position: relative;
  font-size: var(--font-14);
  font-weight: var(--weight-400);
  color: var(--color-ffffff);
  letter-spacing: 3px;
}
.voiceRecorder_recordbtn__ertPz {
  position: relative;
  height: 20px;
  aspect-ratio: 1/1;
  background-color: var(--color-ffffff);
  border-radius: 50%;
  display: flex;
}
.voiceRecorder_recordbtn1__kIok3,
.voiceRecorder_recordbtn2__Ka1Ij {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.voiceRecorder_recordbtn1__kIok3 {
  animation: voiceRecorder_pulse__Ft4fy 0.5s infinite alternate both;
}
.voiceRecorder_recordbtn2__Ka1Ij {
  background-color: var(--color-light-red);
}

@keyframes voiceRecorder_pulse__Ft4fy {
  0% {
    background-color: var(--color-light-red30);
  }

  100% {
    background-color: var(--color-light-red);
  }
}
.voiceRecorder_sendvoicebtn__9RxC6 {
  left: calc(100% - 38px);
  border-radius: 50%;
  background-color: var(--color-ffffff);
  position: absolute;
  width: 32px;
  height: 32px;
  padding: var(--padding-8);

  fill: var(--color-gray);
  transition: var(--transition2);
  cursor: pointer;
  z-index: 10 !important;
}

.postalCode_background__9Hn5A {
  width: calc(100% - 130px);
  height: calc(100% - 100px);
  min-width: 250px;
  top: 80px;
  border-radius: var(--br25);
  margin-inline: 20px;
  margin-bottom: 20px;
  display: flex;
  gap: var(--gap-20);
  position: fixed;
  justify-content: center;
  justify-items: center;
  transition: var(--transition3);
  flex-direction: column;
  align-items: center;
  @media screen and (max-width: 719px) {
    width: calc(100% - 40px);
    height: calc(100% - 20px);
    top: 10px;
  }
}
.postalCode_header__faZUt {
  width: 100%;
  min-height: 100px;
  max-width: 1440px;
  display: flex;
  flex-direction: row;
  border-radius: var(--br50);
  padding: var(--padding-20) var(--padding-30);
  background-color: var(--color-white);
  animation: var(--top04);
  box-shadow: var(--small-shadow);
  @media screen and (max-width: 719px) {
    border-radius: var(--br30);
    padding: var(--padding-14);
  }
}
.postalCode_progressContainer__JpdCb {
  overflow-y: scroll;
  box-shadow: var(--small-shadow);
  width: 100%;
  max-width: 1440px;
  min-height: 80px;
  gap: var(--gap-20);
  display: flex;
  border-radius: var(--br50);
  background-color: var(--color-white);
  padding: var(--padding-20);
  flex-direction: column;
  animation: var(--top08);
  @media screen and (max-width: 719px) {
    border-radius: var(--br30);
    padding: var(--padding-14);
  }
}
.postalCode_progressStep__vYnlg {
  width: 100%;
  background-color: var(--color-gray10);
  border-radius: var(--br30);
  padding: var(--padding-20) var(--padding-30) 0 var(--padding-30);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--gap-20);
  transition: var(--transition3);
  @media screen and (max-width: 719px) {
    padding: var(--padding-10) var(--padding-14) 0 var(--padding-14);
    gap: var(--gap-10);
  }
}
.postalCode_progressStepSuccess__5NlxN {
  background-color: var(--color-light-green30) !important;
}
.postalCode_progressStepFail__dz0tF {
  background-color: var(--color-light-red30) !important;
}
.postalCode_progressStep__vYnlg:hover {
  box-shadow: var(--box-shadow);
}
.postalCode_btn__lR50P {
  max-width: 200px;

  @media screen and (max-width: 719px) {
    max-width: 100px;
  }
}
.postalCode_UploadContainer__vEVpn {
  padding-bottom: 20px;
  padding-inline-start: 40px;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s, padding-bottom 0.3s;
  display: flex;
  gap: var(--gap-10);
  flex-direction: column;
  @media screen and (max-width: 719px) {
    padding-inline-start: 0px;
  }
}
.postalCode_UploadContainer__vEVpn.postalCode_show__66h_D {
  max-height: 500px;
  opacity: 1;
}
.postalCode_UploadContainer__vEVpn.postalCode_hide__BjoUR {
  max-height: 0;
  opacity: 0;
  padding-bottom: 0px;
}
.postalCode_uploadBox__aeNdR {
  background: var(--background-root);
  border: 1px dashed var(--color-gray60);
  border-radius: var(--br10);
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: var(--transition3);
  width: 100%;
  max-width: 300px;
  height: 190px;
  aspect-ratio: 86 / 54;
  color: var(--text-h1);
  justify-content: center;
  transition: border-color 0.2s;
}
.postalCode_uploadlabel__l_m9m {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: var(--gap-10);
  transition: var(--transition3);
  color: var(--text-h1);
}
.postalCode_uploadBox__aeNdR img {
  border-radius: 6px;
  box-shadow: 0 2px 8px #0001;
}
.postalCode_uploadBox__aeNdR.postalCode_dragover__wNNoe {
  border: 2px dashed var(--color-dark-blue);
  background: var(--color-gray10);
  transition: var(--transition3);
}
.postalCode_uploadActionBtn__M2FOx {
  width: 100px;
  background: var(--color-white);
  border: 1px solid var(--color-gray30);
  border-radius: var(--br8);
  padding: var(--paddingtag);
  gap: var(--gap-5);
  color: var(--text-h2);
  display: flex;
  font-size: var(--font-12);
  cursor: pointer;
  transition: var(--transition3);
  justify-content: space-around;
  align-items: center;
  align-content: center;
  flex-direction: row;
}
.postalCode_uploadActionBtn__M2FOx:hover {
  border-color: var(--color-dark-blue);
}
.postalCode_buttonsContainer__pLVIK {
  width: 300px;
  display: flex;
  justify-content: space-evenly;
  gap: var(--gap-20);
  flex-direction: row;
}
.postalCode_uploadmenuicon__ImlhM {
  height: 20px;
  position: relative;
}
.postalCode_input__Y0vX3 {
  letter-spacing: 4px;
  width: 80%;
  max-width: 220px;
  padding: var(--padding-10);
  font-size: var(--font-16);
  border-radius: var(--br10);
  border: 1px solid var(--color-gray30);
  background: var(--background-root);
  color: var(--text-h1);
  transition: var(--transition3);
}
.postalCode_input__Y0vX3:focus {
  border-radius: var(--br10);
  transform: scale(0.99);
  border-color: var(--color-dark-blue);
  box-shadow: 0 0 0 5px var(--color-dark-blue30);
}
.postalCode_input__Y0vX3:hover {
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
}
.postalCode_addressText__STM5N {
  width: 100%;
  max-width: calc(100% - 10px);
  padding: var(--padding-14) var(--padding-10);
  font-size: var(--font-14);
  border-radius: 0 var(--br10) var(--br10) var(--br10);
  border: 1px solid var(--color-gray30);
  background: var(--color-gray10);
  color: var(--text-h1);
  transition: var(--transition3);
  animation: var(--top04);
}
html[dir="rtl"] .postalCode_addressText__STM5N {
  border-radius: var(--br10) 0 var(--br10) var(--br10);
}
.postalCode_explain__BUHSU {
  position: relative;
  width: 100%;
  top: -5px;
  text-align: start;
  margin-inline: 10px;
  display: flex;
  color: var(--text-h2);
  text-transform: uppercase;
  align-items: center;
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  transition: var(--transition3);
}
.postalCode_mapContainer__paSFy {
  width: 100%;
  height: 250px;
  overflow: auto;
  position: relative;
  border-radius: var(--br15);
  animation: var(--top08);
  background: var(--color-gray10);
}
.postalCode_map__ug7wb {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: var(--br15);
  animation: var(--top08);
  @media screen and (max-width: 719px) {
    width: 160%;
    height: 160%;
  }
}
.postalCode_shippingOptionlist__dvXya {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-20);
  flex-direction: row;
  align-items: flex-start;
  overflow-x: scroll;
}
.postalCode_shippingOption___f5LT {
  min-width: 150px;
  height: 80px;
  padding: var(--padding-10);
  display: flex;
  background-color: var(--color-white);
  border-radius: var(--br20);
  border: 1px solid var(--color-gray30);
  cursor: pointer;
  transition: var(--transition3);
  color: var(--text-h1);
  margin-block: 3px;
  gap: var(--gap-10);
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.postalCode_shippingOption___f5LT:hover {
  transform: translateY(-2px);
  border: 1px solid var(--color-dark-blue);
}

.postalCode_activeOption__01xgf {
  border: 2px solid var(--color-dark-blue);
}
.postalCode_activeOption__01xgf:hover {
  border: 2px solid var(--color-gray60);
}
.postalCode_optionicon___80Zz {
  width: 40px;
  height: 40px;
}
@keyframes postalCode_shake__aPlpY {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-1px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(1px);
  }
}

.postalCode_inputError__oFDaB {
  animation: postalCode_shake__aPlpY 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  border-color: var(--color-dark-red) !important;
}

.bankAccountType_background__cHx3s {
  width: calc(100% - 130px);
  height: calc(100% - 100px);
  min-width: 250px;
  top: 80px;
  border-radius: var(--br25);
  margin-inline: 20px;
  margin-bottom: 20px;
  display: flex;
  gap: var(--gap-20);
  position: fixed;
  justify-content: center;
  justify-items: center;
  transition: var(--transition3);
  flex-direction: column;
  align-items: center;
  @media screen and (max-width: 719px) {
    width: calc(100% - 40px);
    height: calc(100% - 20px);
    top: 10px;
  }
}
.bankAccountType_header__WhH26 {
  width: 100%;
  min-height: 100px;
  max-width: 1440px;
  display: flex;
  flex-direction: row;
  border-radius: var(--br50);
  padding: var(--padding-20) var(--padding-30);
  background-color: var(--color-white);
  animation: var(--top04);
  box-shadow: var(--small-shadow);
  @media screen and (max-width: 719px) {
    border-radius: var(--br30);
    padding: var(--padding-14);
  }
}
.bankAccountType_progressContainer__VoGw8 {
  overflow-y: scroll;
  box-shadow: var(--small-shadow);
  width: 100%;
  max-width: 1440px;
  min-height: 80px;
  gap: var(--gap-20);
  display: flex;
  border-radius: var(--br50);
  background-color: var(--color-white);
  padding: var(--padding-20);
  flex-direction: column;
  animation: var(--top08);
  @media screen and (max-width: 719px) {
    border-radius: var(--br30);
    padding: var(--padding-14);
  }
}
.bankAccountType_progressStep__YT3u5 {
  width: 100%;
  background-color: var(--color-gray10);
  border-radius: var(--br30);
  padding: var(--padding-20) var(--padding-30) 0 var(--padding-30);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--gap-20);
  transition: var(--transition3);
  @media screen and (max-width: 719px) {
    padding: var(--padding-10) var(--padding-20) 0 var(--padding-20);
    gap: var(--gap-10);
  }
}
.bankAccountType_progressStepSuccess__epadH {
  background-color: var(--color-light-green30) !important;
}
.bankAccountType_progressStepFail__KXS7u {
  background-color: var(--color-light-red30) !important;
}
.bankAccountType_progressStep__YT3u5:hover {
  box-shadow: var(--box-shadow);
}
.bankAccountType_btn__co2SH {
  max-width: 200px;

  @media screen and (max-width: 719px) {
    max-width: 100px;
  }
}
.bankAccountType_UploadContainer__IOJVO {
  padding-bottom: 20px;
  padding-inline-start: 40px;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s, padding-bottom 0.3s;
  display: flex;
  gap: var(--gap-10);
  flex-direction: column;
  @media screen and (max-width: 719px) {
    padding-inline-start: 0px;
  }
}
.bankAccountType_UploadContainer__IOJVO.bankAccountType_show__GE5Cj {
  max-height: 300px;
  opacity: 1;
}
.bankAccountType_UploadContainer__IOJVO.bankAccountType_hide__tvdH3 {
  max-height: 0;
  opacity: 0;
  padding-bottom: 0px;
}
.bankAccountType_uploadBox__BNg6U {
  background: var(--background-root);
  border: 1px dashed var(--color-gray60);
  border-radius: var(--br10);
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: var(--transition3);
  width: 100%;
  max-width: 300px;
  height: 190px;
  aspect-ratio: 86 / 54;
  color: var(--text-h1);
  justify-content: center;
  transition: border-color 0.2s;
}
.bankAccountType_uploadlabel__IZHxv {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: var(--gap-10);
  transition: var(--transition3);
  color: var(--text-h1);
}
.bankAccountType_uploadBox__BNg6U img {
  border-radius: 6px;
  box-shadow: 0 2px 8px #0001;
}
.bankAccountType_uploadBox__BNg6U.bankAccountType_dragover__RPMe8 {
  border: 2px dashed var(--color-dark-blue);
  background: var(--color-gray10);
  transition: var(--transition3);
}
.bankAccountType_uploadActionBtn__blWaQ {
  width: 100px;
  background: var(--color-white);
  border: 1px solid var(--color-gray30);
  border-radius: var(--br8);
  padding: var(--paddingtag);
  gap: var(--gap-5);
  color: var(--text-h2);
  display: flex;
  font-size: var(--font-12);
  cursor: pointer;
  transition: var(--transition3);
  justify-content: space-around;
  align-items: center;
  align-content: center;
  flex-direction: row;
}
.bankAccountType_uploadActionBtn__blWaQ:hover {
  border-color: var(--color-dark-blue);
}
.bankAccountType_buttonsContainer__GM9rt {
  width: 300px;
  display: flex;
  justify-content: space-evenly;
  gap: var(--gap-20);
  flex-direction: row;
}
.bankAccountType_uploadmenuicon__6tCLq {
  height: 20px;
  position: relative;
}
.bankAccountType_input__FiLl2 {
  letter-spacing: 4px;
  width: 220px;
  padding: var(--padding-10);
  font-size: var(--font-16);
  border-radius: var(--br10);
  border: 1px solid var(--color-gray30);
  background: var(--background-root);
  color: var(--text-h1);
  transition: var(--transition3);
  @media screen and (max-width: 719px) {
    width: 270px;
  }
}
.bankAccountType_input__FiLl2:focus {
  border-radius: var(--br10);
  transform: scale(0.99);
  border-color: var(--color-dark-blue);
  box-shadow: 0 0 0 5px var(--color-dark-blue30);
}
.bankAccountType_input__FiLl2:hover {
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
}
.bankAccountType_explain__G0jWo {
  position: relative;
  width: calc(100% - 10px);
  text-align: start;
  margin-inline: 10px;
  display: flex;
  color: var(--color-dark-red);
  text-transform: uppercase;
  align-items: center;
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  transition: var(--transition3);
}
.bankAccountType_shippingOptionlist__1M5cQ {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-20);
  flex-direction: row;
  align-items: flex-start;
  overflow-x: scroll;
}
.bankAccountType_shippingOption__kozgY {
  min-width: 150px;
  height: 80px;
  padding: var(--padding-10);
  display: flex;
  background-color: var(--color-white);
  border-radius: var(--br20);
  border: 1px solid var(--color-gray30);
  cursor: pointer;
  transition: var(--transition3);
  color: var(--text-h1);
  margin-block: 3px;
  gap: var(--gap-10);
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.bankAccountType_shippingOption__kozgY:hover {
  transform: translateY(-2px);
  border: 1px solid var(--color-dark-blue);
}

.bankAccountType_activeOption__5XBon {
  border: 2px solid var(--color-dark-blue);
}
.bankAccountType_activeOption__5XBon:hover {
  border: 2px solid var(--color-gray60);
}
.bankAccountType_optionicon__eQ41m {
  width: 40px;
  height: 40px;
}

@keyframes bankAccountType_shake__SH2_v {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-1px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(1px);
  }
}

.bankAccountType_inputError__5SAlC {
  animation: bankAccountType_shake__SH2_v 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  border-color: var(--color-dark-red) !important;
}

.nationalCard_background__suAm4 {
  width: calc(100% - 130px);
  height: calc(100% - 100px);
  min-width: 250px;
  top: 80px;
  border-radius: var(--br25);
  margin-inline: 20px;
  margin-bottom: 20px;
  display: flex;
  gap: var(--gap-20);
  position: fixed;
  justify-content: center;
  justify-items: center;
  transition: var(--transition3);
  flex-direction: column;
  align-items: center;
  @media screen and (max-width: 719px) {
    width: calc(100% - 40px);
    height: calc(100% - 20px);
    top: 10px;
  }
}
.nationalCard_header__Dx_fX {
  width: 100%;
  min-height: 100px;
  max-width: 1440px;
  display: flex;
  flex-direction: row;
  border-radius: var(--br50);
  padding: var(--padding-20) var(--padding-30);
  background-color: var(--color-white);
  animation: var(--top04);
  box-shadow: var(--small-shadow);
  @media screen and (max-width: 719px) {
    border-radius: var(--br30);
    padding: var(--padding-14);
  }
}
.nationalCard_progressContainer__AF5Ob {
  overflow-y: scroll;
  box-shadow: var(--small-shadow);
  width: 100%;
  max-width: 1440px;
  min-height: 80px;
  gap: var(--gap-20);
  display: flex;
  border-radius: var(--br50);
  background-color: var(--color-white);
  padding: var(--padding-20);
  flex-direction: column;
  animation: var(--top08);
  @media screen and (max-width: 719px) {
    border-radius: var(--br30);
    padding: var(--padding-14);
  }
}
.nationalCard_progressStep__MIWdy {
  width: 100%;
  background-color: var(--color-gray10);
  border-radius: var(--br30);
  padding: var(--padding-20) var(--padding-30) 0 var(--padding-30);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--gap-20);
  transition: var(--transition3);
  @media screen and (max-width: 719px) {
    padding: var(--padding-10) var(--padding-14) 0 var(--padding-14);
    gap: var(--gap-10);
  }
}
.nationalCard_explain__CUqhy {
  position: relative;
  width: 100%;
  text-align: start;
  margin: 10px;
  display: flex;
  color: var(--color-dark-red);
  text-transform: uppercase;
  align-items: center;
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  transition: var(--transition3);
}
.nationalCard_progressStepSuccess__RXaVe {
  background-color: var(--color-light-green30) !important;
}
.nationalCard_progressStepFail__dPHwN {
  background-color: var(--color-light-red30) !important;
}
.nationalCard_progressStep__MIWdy:hover {
  box-shadow: var(--box-shadow);
}
.nationalCard_btn__dRpvD {
  max-width: 200px;

  @media screen and (max-width: 719px) {
    max-width: 100px;
  }
}
.nationalCard_UploadContainer__lwln4 {
  padding-bottom: 0px;
  padding-inline-start: 40px;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s, padding-bottom 0.3s;
  display: flex;
  gap: var(--gap-10);
  flex-direction: column;
  @media screen and (max-width: 719px) {
    padding-inline-start: 0px;
  }
}
.nationalCard_UploadContainer__lwln4.nationalCard_show__42DIj {
  max-height: 300px;
  opacity: 1;
}
.nationalCard_UploadContainer__lwln4.nationalCard_hide__BS5jx {
  max-height: 0;
  opacity: 0;
  padding-bottom: 0px;
}
.nationalCard_uploadBox__0sGQJ {
  background: var(--background-root);
  border: 1px dashed var(--color-gray60);
  border-radius: var(--br10);
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: var(--transition3);
  width: 100%;
  max-width: 300px;
  height: 190px;
  aspect-ratio: 86 / 54;
  color: var(--text-h1);
  justify-content: center;
  transition: border-color 0.2s;
}
.nationalCard_uploadBox__0sGQJ:hover {
  border: 1px dashed var(--color-dark-blue);
}
.nationalCard_uploadlabel__qEtmp {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: var(--gap-10);
  transition: var(--transition3);
  color: var(--text-h1);
  cursor: pointer;
}
.nationalCard_uploadBox__0sGQJ img {
  border-radius: 6px;
  box-shadow: 0 2px 8px #0001;
}
.nationalCard_uploadBox__0sGQJ.nationalCard_dragover__1LcTQ {
  border: 2px dashed var(--color-dark-blue);
  background: var(--color-gray10);
  transition: var(--transition3);
}
.nationalCard_uploadActionBtn__OoD_u {
  width: 100px;
  background: var(--color-white);
  border: 1px solid var(--color-gray30);
  border-radius: var(--br8);
  padding: var(--paddingtag);
  gap: var(--gap-5);
  color: var(--text-h2);
  display: flex;
  font-size: var(--font-12);
  cursor: pointer;
  transition: var(--transition3);
  justify-content: space-around;
  align-items: center;
  align-content: center;
  flex-direction: row;
}
.nationalCard_uploadActionBtn__OoD_u:hover {
  border-color: var(--color-dark-blue);
}
.nationalCard_buttonsContainer__tj9XN {
  width: 300px;
  display: flex;
  justify-content: space-evenly;
  gap: var(--gap-20);
  flex-direction: row;
}
.nationalCard_uploadmenuicon__FNAoA {
  height: 20px;
  position: relative;
}
.nationalCard_input___Lymk {
  letter-spacing: 4px;
  width: 220px;
  padding: var(--padding-10);
  font-size: var(--font-16);
  border-radius: var(--br10);
  border: 1px solid var(--color-gray30);
  background: var(--background-root);
  color: var(--text-h1);
  transition: var(--transition3);
}
.nationalCard_input___Lymk:focus {
  border-radius: var(--br10);
  transform: scale(0.99);
  border-color: var(--color-dark-blue);
  box-shadow: 0 0 0 5px var(--color-dark-blue30);
}
.nationalCard_input___Lymk:hover {
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
}
.nationalCard_explain__CUqhy {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: 10px;
  display: flex;
  color: var(--text-h2);
  text-transform: uppercase;
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  transition: var(--transition3);
  min-height: 20px;
}
.nationalCard_shippingOptionlist__M3K80 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-20);
  flex-direction: row;
  align-items: flex-start;
  overflow-x: scroll;
}
.nationalCard_shippingOption__a9X0M {
  min-width: 150px;
  height: 80px;
  padding: var(--padding-10);
  display: flex;
  background-color: var(--color-white);
  border-radius: var(--br20);
  border: 1px solid var(--color-gray30);
  cursor: pointer;
  transition: var(--transition3);
  color: var(--text-h1);
  margin-block: 3px;
  gap: var(--gap-10);
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.nationalCard_shippingOption__a9X0M:hover {
  transform: translateY(-2px);
  border: 1px solid var(--color-dark-blue);
}

.nationalCard_activeOption__d24Qf {
  border: 2px solid var(--color-dark-blue);
}
.nationalCard_activeOption__d24Qf:hover {
  border: 2px solid var(--color-gray60);
}
.nationalCard_optionicon___A9n2 {
  width: 40px;
  height: 40px;
}

@keyframes nationalCard_shake__Q9qhY {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-1px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(1px);
  }
}

.nationalCard_uploadBoxError__1R7XE {
  animation: nationalCard_shake__Q9qhY 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  border-color: var(--color-dark-red) !important;
}

.nationalCard_errorMessage__xKBuf {
  color: var(--color-dark-red);
  margin-top: 8px;
  font-size: 14px;
  text-align: center;
}

.termsandcondition_background__gC0zN {
  width: calc(100% - 130px);
  height: calc(100% - 100px);
  min-width: 250px;
  top: 80px;
  border-radius: var(--br25);
  margin-inline: 20px;
  margin-bottom: 20px;
  display: flex;
  gap: var(--gap-20);
  position: fixed;
  justify-content: center;
  justify-items: center;
  transition: var(--transition3);
  flex-direction: column;
  align-items: center;
  @media screen and (max-width: 719px) {
    width: calc(100% - 40px);
    height: calc(100% - 20px);
    top: 10px;
  }
}
.termsandcondition_header__nJaFF {
  width: 100%;
  min-height: 100px;
  max-width: 1440px;
  display: flex;
  flex-direction: row;
  border-radius: var(--br50);
  padding: var(--padding-20) var(--padding-30);
  background-color: var(--color-white);
  animation: var(--top04);
  box-shadow: var(--small-shadow);
  @media screen and (max-width: 719px) {
    border-radius: var(--br30);
    padding: var(--padding-14);
  }
}
.termsandcondition_progressContainer__exPnw {
  overflow-y: scroll;
  box-shadow: var(--small-shadow);
  width: 100%;
  max-width: 1440px;
  min-height: 80px;
  gap: var(--gap-20);
  display: flex;
  border-radius: var(--br50);
  background-color: var(--color-white);
  padding: var(--padding-20);
  flex-direction: column;
  animation: var(--top08);
  @media screen and (max-width: 719px) {
    border-radius: var(--br30);
    padding: var(--padding-14);
    gap: var(--gap-10);
  }
}
.termsandcondition_progressStep__lgab7 {
  width: 100%;
  background-color: var(--color-gray10);
  border-radius: var(--br30);
  padding: var(--padding-20) var(--padding-30) 0 var(--padding-30);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--gap-10);
  transition: var(--transition3);
  @media screen and (max-width: 719px) {
    padding: var(--padding-10) var(--padding-20) 0 var(--padding-20);
  }
}
.termsandcondition_progressStepSuccess__jVHr6 {
  background-color: var(--color-light-green30) !important;
}
.termsandcondition_progressStepFail__nMCoX {
  background-color: var(--color-light-red30) !important;
}
.termsandcondition_progressStep__lgab7:hover {
  box-shadow: var(--box-shadow);
}
.termsandcondition_btn__R_mOT {
  max-width: 200px;

  @media screen and (max-width: 719px) {
    max-width: 100px;
  }
}
.termsandcondition_UploadContainer__rFZAs {
  padding-bottom: 20px;
  padding-inline-start: 40px;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s, padding-bottom 0.3s;
  display: flex;
  gap: var(--gap-10);
  flex-direction: column;
  @media screen and (max-width: 719px) {
    padding-inline-start: 0px;
  }
}
.termsandcondition_UploadContainer__rFZAs.termsandcondition_show__BjJDf {
  max-height: 300px;
  opacity: 1;
}
.termsandcondition_UploadContainer__rFZAs.termsandcondition_hide__e7Vc_ {
  max-height: 0;
  opacity: 0;
  padding-bottom: 0px;
}
.termsandcondition_uploadBox__Sh82h {
  background: var(--background-root);
  border: 1px dashed var(--color-gray60);
  border-radius: var(--br10);
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: var(--transition3);
  width: 100%;
  max-width: 300px;
  height: 190px;
  aspect-ratio: 86 / 54;
  color: var(--text-h1);
  justify-content: center;
  transition: border-color 0.2s;
}
.termsandcondition_uploadlabel__2CxHo {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: var(--gap-10);
  transition: var(--transition3);
  color: var(--text-h1);
}
.termsandcondition_uploadBox__Sh82h img {
  border-radius: 6px;
  box-shadow: 0 2px 8px #0001;
}
.termsandcondition_uploadBox__Sh82h.termsandcondition_dragover__FBZIw {
  border: 2px dashed var(--color-dark-blue);
  background: var(--color-gray10);
  transition: var(--transition3);
}
.termsandcondition_uploadActionBtn__RrJho {
  width: 100px;
  background: var(--color-white);
  border: 1px solid var(--color-gray30);
  border-radius: var(--br8);
  padding: var(--paddingtag);
  gap: var(--gap-5);
  color: var(--text-h2);
  display: flex;
  font-size: var(--font-12);
  cursor: pointer;
  transition: var(--transition3);
  justify-content: space-around;
  align-items: center;
  align-content: center;
  flex-direction: row;
}
.termsandcondition_uploadActionBtn__RrJho:hover {
  border-color: var(--color-dark-blue);
}
.termsandcondition_buttonsContainer__FEnwT {
  width: 300px;
  display: flex;
  justify-content: space-evenly;
  gap: var(--gap-20);
  flex-direction: row;
}
.termsandcondition_uploadmenuicon__3x2jp {
  height: 20px;
  position: relative;
}
.termsandcondition_input__X_Qrq {
  letter-spacing: 4px;
  width: 220px;
  padding: var(--padding-10);
  font-size: var(--font-16);
  border-radius: var(--br10);
  border: 1px solid var(--color-gray30);
  background: var(--background-root);
  color: var(--text-h1);
  transition: var(--transition3);
}
.termsandcondition_input__X_Qrq:focus {
  border-radius: var(--br10);
  transform: scale(0.99);
  border-color: var(--color-dark-blue);
  box-shadow: 0 0 0 5px var(--color-dark-blue30);
}
.termsandcondition_input__X_Qrq:hover {
  border-color: var(--color-dark-blue);
  border-radius: var(--br10);
}
.termsandcondition_explain__fENDF {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: 10px;
  display: flex;
  color: var(--text-h2);
  text-transform: uppercase;
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  transition: var(--transition3);
  min-height: 20px;
}
.termsandcondition_shippingOptionlist__Sarca {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-20);
  flex-direction: row;
  align-items: flex-start;
  overflow-x: scroll;
}
.termsandcondition_shippingOption__F5xJZ {
  min-width: 150px;
  height: 80px;
  padding: var(--padding-10);
  display: flex;
  background-color: var(--color-white);
  border-radius: var(--br20);
  border: 1px solid var(--color-gray30);
  cursor: pointer;
  transition: var(--transition3);
  color: var(--text-h1);
  margin-block: 3px;
  gap: var(--gap-10);
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.termsandcondition_shippingOption__F5xJZ:hover {
  transform: translateY(-2px);
  border: 1px solid var(--color-dark-blue);
}

.termsandcondition_activeOption__pyLAT {
  border: 2px solid var(--color-dark-blue);
}
.termsandcondition_activeOption__pyLAT:hover {
  border: 2px solid var(--color-gray60);
}
.termsandcondition_optionicon__UKod0 {
  width: 40px;
  height: 40px;
}

.termsandcondition_termsContainer__YEVs1 {
  width: 100%;
  overflow: hidden;
  padding: 5px;
  display: flex;
  gap: var(--gap-20);
  flex-direction: column;
}
.termsandcondition_downloadterms__9DIH8 {
  padding: var(--padding-10);
  gap: var(--gap-10);
  border: 1px dashed var(--color-gray60);
  border-radius: var(--br10);
  width: -moz-max-content;
  width: max-content;
  color: var(--text-h1);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.termsandcondition_checkboxLabel__GonVu {
  display: flex;
  align-items: center;
  gap: var(--gap-10);
  cursor: pointer;
}

.termsandcondition_checkbox__gru7i {
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: var(--color-dark-blue);
}

.termsandcondition_checkboxText__xYI6J {
  font-size: var(--font-16);
  color: var(--text-h1);
  font-weight: var(--weight-500);
}

/* InlineBarChart styles */
.inlineBarChart_chartContainer__VGASP {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.inlineBarChart_chartSvg__Shqeq {
  display: block;
  min-height: 300px;
}

.inlineBarChart_grid-line__QK_eW {
  stroke: var(--color-gray30);
  stroke-width: 1;
  stroke-dasharray: 2;
}
.inlineBarChart_axis-text__9YeiM {
  font-size: 12px;
  fill: var(--text-h2);
  font-weight: 400;
}

.inlineBarChart_bar-gray__jhZ44.inlineBarChart_bar-blue__PBpKL {
  transition: var(--transition3);
  animation: var(--fadeIn3);
}

.inlineBarChart_bar-blue__PBpKL:hover {
  opacity: 0.8;
}

/* HTML overlay for average line */
.inlineBarChart_avg-line-wrapper__9p6n7 {
  position: absolute;
  pointer-events: none;
  left: 0;
  height: 0;
}
.inlineBarChart_avg-line__WNv0d {
  position: absolute;
  height: 2px;
  background: linear-gradient(-90deg, var(--color-dark-blue10) 0%, var(--color-dark-blue) 100%);
  transform: translateY(-50%);
  border-radius: 2px;
}
.inlineBarChart_avg-text__PvONN {
  min-width: 32px;
  transform: translateY(-50%);
  position: absolute;
  display: flex;
  background-color: var(--color-dark-blue);
  color: #fff;
  font-weight: 500;
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 6px;
  pointer-events: auto;
  transition: var(--transition2);
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: row;
}
.inlineBarChart_avg-text__PvONN::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent transparent var(--color-dark-blue);
  transition: var(--transition2);
}

/* Selected bar line styles */
.inlineBarChart_selected-line-wrapper__lnpnd {
  position: absolute;
  pointer-events: none;
  left: 0;
  height: 0;
  z-index: 10;
}
.inlineBarChart_selected-line___KFJh {
  position: absolute;
  height: 2px;
  background: linear-gradient(-90deg, var(--color-gray10) 0%, var(--color-gray60) 100%);
  transform: translateY(-50%);
  border-radius: 2px;
}
.inlineBarChart_selected-text__3nIOM {
  min-width: 32px;
  transform: translateY(-50%);
  position: absolute;
  display: flex;
  background-color: var(--color-gray);
  color: #fff;
  font-weight: var(--weight-400);
  font-size: var(--font-10);
  padding: 2px 5px;
  border-radius: 6px;
  pointer-events: auto;
  transition: var(--transition2);
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: row;
  animation: var(--fadeIn3);
}
.inlineBarChart_selected-text__3nIOM::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent transparent var(--color-gray);
  transition: var(--transition2);
}

.inlineBarChart_tooltip__41yHY {
  position: absolute;
  background: var(--color-white);
  color: var(--text-h1);
  border-radius: var(--br10);
  padding: 10px;
  font-size: 12px;
  pointer-events: none;
  transform: translate(-50%, -100%);
  white-space: nowrap;
  z-index: 50;
  animation: var(--fadeIn3);
  border: 1px solid var(--color-gray30);
}

.engagementStatistics_showmore__3oOU6 {
  cursor: pointer;
  width: 22px;
  height: 22px;
  min-height: 22px;
  min-width: 22px;
  transform: rotate(-90deg);
  transition: transform 200ms ease-in-out;
  outline: none;
  box-shadow: none;
}
/* rotated state when suggestion panel is open */
.engagementStatistics_showmoreOpen__GjaCO {
  transform: rotate(90deg);
  transform-origin: center center;
}
.engagementStatistics_all__CcPIa {
  gap: var(--gap-30);
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  animation: var(--fadeIn4);
  transition: var(--transition3);
}

.engagementStatistics_chartsummary__u1QZ4 {
  height: 100%;
  width: 100%;
}
/* .chartsummary > div > div > div {
  min-height: 250px !important;
  width: 100% !important;
} */
.engagementStatistics_suggestiontitle___4Ses {
  text-align: start;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-600);
  animation: var(--top04);
}
.engagementStatistics_suggestionheader__s6NzH {
  text-align: start;
  color: var(--text-h1);
  font-size: var(--font-12);
  font-weight: var(--weight-500);
  animation: var(--top04);
}
.engagementStatistics_suggestioncontent__HeD5y {
  display: flex;
  gap: var(--gap-8);
  text-align: start;
  color: var(--text-h2);
  font-size: var(--font-12);
  font-weight: var(--weight-400);
  flex-direction: column;
  margin-inline-start: 15px;
  animation: var(--top08);
}

.engagementStatistics_analysisuggestioncard__Jw0Oh {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  justify-content: space-between;
  animation: var(--fadeIn3);
  transition: var(--transition3);
}


/*# sourceMappingURL=e7bc19401b3c47a7.css.map*/